.unvisibled {
      display: none;
}

.final_order__text {
      font-size: 50px;
      letter-spacing: 1px;
}
.table_info {
      display: flex !important;
      flex-direction: column;
      align-items: center;
}

.thank_info {
      border: 1px solid blue;
      text-align: center;
      width: inherit;
}

.nomer_zamovlenia {
      font-weight: bold;
}
.table_order__details {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 700px;
}

.order_table td,
.order_table th {
      border-right: 2px solid white !important;
      width: 70%;
}

.order_table tr:first-child:nth-child(1n),
.delivery_table tr:first-child:nth-child(1n) {
      background-color: rgb(0, 0, 0);
      color: white;
}
.order_table tr:first-child:nth-child(1),
.delivery_table tr:first-child:nth-child(1) {
      border-bottom: 5px solid white;
}

.order_table tr:nth-child(1n),
.delivery_table tr:nth-child(1n) {
      background-color: rgb(169, 169, 169);
      color: black;
}

.order_table tr:nth-child(2n),
.delivery_table tr:nth-child(2n) {
      background-color: rgb(209, 209, 209);
      color: black;
}

.delivery_table td,
.deliverey_table th {
      border-right: 2px solid white !important;
      width: 55%;
}

.onSubmitBtn {
      display: flex;
      margin-top: 20px;
      font-size: 14pt;
      margin-left: auto;
      cursor: pointer;
      transition: all 0.3s;
      color: white !important;
      background: #ff0000;
      width: 250px;
      justify-content: center;
      align-items: center;
      padding: 15px;
}

.disabled {
      pointer-events: none;
      cursor: default;
      background: grey !important;
}

.disabled2 {
      pointer-events: none;
      cursor: default;
      background: grey !important;
}

.contacts_choise {
      width: 100%;
      display: flex;
}

.contacts_choise input {
      display: flex;
      margin-right: 5px;
}

.contacts_choise label {
      margin-bottom: 0;
      margin-right: 20px;
}

.coment {
      width: 100%;
      padding: 10px;
      margin-top: 10px;
      display: flex;
      flex-direction: column;
}
.title_h2 {
      font-family: 'Oswald', 'Arial', sans-serif !important;
      font-weight: 800;
      font-size: 30pt;
      line-height: 1.2;
}

.coment textarea {
      margin-top: 10px;
      height: 100px;
      padding: 10px;
}
@media (max-width: 420px) {
      .final_order__text {
            font-size: 45px;
            letter-spacing: 1px;
      }
      .table_order__details {
            display: flex;
            flex-direction: column;
            justify-content: center;
            font-size: 14px;
            width: 100%;
      }
      .delivery_table td,
      .deliverey_table th {
            border-right: 2px solid white !important;
            width: 55%;
      }

      .contacts {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
      }
      .contacts_values,
      .delivery,
      .payment {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 30px;
      }
      .order {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 50px;
      }
      .order_content__list {
            margin-bottom: 0;
            padding: 0;
      }

      .order_content__data {
            width: 100%;
            margin-top: 40px;
            overflow: hidden;
            cursor: default;
            box-shadow: 0px 4px 4px rgba(135, 135, 135, 0.25);
            color: black;
            transition: opacity 0.3s, visibility 0.3s;
      }
      .contacts_values input,
      .delivery input,
      .payment select,
      .delivery select {
            display: flex;
            flex-direction: column;
            width: 100%;
            margin-top: 10px;
            padding: 10px;
      }

      .onSubmitBtn:disabled {
            cursor: default;
            background: grey;
      }

      .order_cart__item {
            display: flex;
            width: 100%;
            align-items: center;
            padding: 5px 20px;
            border-bottom: 1px solid black;
      }

      .order_cart__item_article {
            width: 100%;
            display: flex;
            align-items: center;
      }
      .order_cart__item_img {
            width: 100px;
            height: 100px;
            object-fit: cover;
            margin-right: 20px;
      }
      .order_cart__item_text {
            display: flex;
            width: 65%;
            flex-wrap: wrap;
            justify-content: flex-end;
      }
      .order_cart__item_title {
            display: flex;
            justify-content: flex-start;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            width: 90%;
      }
      .order_cart__item_price {
            font-family: 'Roboto', sans-serif;
            margin-bottom: 15px;
            font-size: 12px;
            font-weight: 700;
            line-height: 23px;
            margin-right: 15px;
      }
      .order_cart__item_label {
            margin: 0;
            text-transform: none;
            margin-left: 10px;
      }

      .order_cart__item_count {
            display: flex;
            flex-direction: column;
            text-transform: none;
            height: 100px;
            align-items: center;
            justify-content: center;
            align-content: center;
      }
      .order_cart__item_123 {
            display: flex;
            gap: 10px;
            margin-top: 15px;
            align-items: center;
      }
      .order_cart__item_input_count {
            border: 1px solid black;
            width: 50px;
            height: 30px;
            text-align: center;
      }
      .order_cart__item_input_count br {
            display: flex;
      }

      .order_cart__item_delete {
            cursor: pointer;
            width: 28px;
            height: 28px;
            margin-left: auto;
            border: none;
            background-color: transparent;
            padding: 15px;
            background-image: url(../img/icon/trash-icon.svg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
      }
      .order_cart__content_fullprice {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            align-items: center;
            font-size: 20px;
            padding: 10px;
            text-transform: none;
            margin-right: 20px;
      }
      .order_fullprice {
            font-size: 28px;
            font-weight: 700;
      }
      .order_cart__content_bottom {
            border-top: 1px solid gray;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: column;
      }
      .order_content {
            width: 400px;
            margin-top: 40px;
            overflow: hidden;
            cursor: default;
            background-color: rgba(214, 209, 209, 1);
            box-shadow: 0px 4px 4px rgba(135, 135, 135, 0.25);
            color: black;
            transition: opacity 0.3s, visibility 0.3s;
      }
}

@media (min-width: 420.5px) {
      .order_content__data {
            width: 100%;
            margin-top: 40px;
            display: flex;
            overflow: hidden;
            cursor: default;
            /* justify-content: center; */
            flex-direction: column;
            align-items: center;
      }

      .order {
            display: flex;
            flex-direction: column;
            justify-content: center;
      }
      .order_content {
            width: 100%;
            margin-top: 40px;
            overflow: hidden;
            cursor: default;
            background-color: rgba(214, 209, 209, 1);
            box-shadow: 0px 4px 4px rgba(135, 135, 135, 0.25);
            color: black;
            transition: opacity 0.3s, visibility 0.3s;
      }
      .order_cart__item_article {
            width: 100%;
            display: flex;
            align-items: center;
            flex-direction: column;
      }
      .onSubmitBtn {
            display: flex;
            margin-top: 20px;
            /* margin-left: auto; */
            font-size: 14pt;
            cursor: pointer;
            transition: all 0.3s;
            color: white !important;
            background: #ff0000;
            width: 250px;
            justify-content: center;
            align-items: center;
            padding: 15px;
      }

      .onSubmitBtn:disabled {
            cursor: default;
            background: grey;
      }

      .contacts,
      .delivery,
      .payment {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 30px;
      }
      .contacts_values {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 30px;
      }

      .contacts_values input,
      .delivery input,
      .payment select,
      .delivery select {
            width: 100%;
            margin-top: 10px;
            padding: 10px;
      }
      .order_cart__item {
            display: flex;
            width: 100%;
            align-items: center;
            padding: 5px 20px;
            border-bottom: 0.5px solid white;
      }

      .order_cart__item_article {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
      }
      .order_cart__item_img {
            width: 160px;
            height: 160px;
            object-fit: fill;
            margin-right: 20px;
      }
      .order_cart__item_text {
            display: flex;
            width: 53%;
            flex-wrap: wrap;
            justify-content: flex-end;
      }
      .order_cart__item_title {
            display: flex;
            justify-content: flex-start;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            width: 90%;
      }
      .order_cart__item_price {
            font-family: 'Roboto', sans-serif;
            margin-bottom: 15px;
            font-size: 12px;
            font-weight: 700;
            line-height: 23px;
            margin-right: 15px;
      }
      .order_cart__item_label {
            margin: 0;
            text-transform: none;
            margin-left: 10px;
      }

      .order_cart__item_count {
            display: flex;
            flex-direction: column;
            text-transform: none;
            height: 100px;
            align-items: center;
            justify-content: center;
            align-content: center;
      }
      .order_cart__item_123 {
            display: flex;
            gap: 10px;
            margin-top: 15px;
            align-items: center;
      }
      .order_cart__item_input_count {
            border: 1px solid black;
            width: 50px;
            height: 30px;
            text-align: center;
      }
      .order_cart__item_input_count br {
            display: flex;
      }

      .order_cart__item_delete {
            cursor: pointer;
            width: 28px;
            height: 28px;
            margin-left: auto;
            border: none;
            background-color: transparent;
            padding: 15px;
            background-image: url(../img/icon/trash-icon.svg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
      }

      .order_cart__content_fullprice {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            align-items: center;
            font-size: 20px;
            padding: 10px;
            text-transform: none;
            margin-right: 20px;
      }
      .order_fullprice {
            font-size: 28px;
            font-weight: 700;
      }
}
@media (max-width: 575px) {
      .order_contacts__data {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
      }
      /* .order_contacts__data {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	} */
}
@media (min-width: 575px) {
      .order {
            display: flex;
            flex-direction: row;
            gap: 20px;
            justify-content: center;
      }
      .order_contacts__data {
            width: calc(100% / 2 - 100px);
            display: flex;
            flex-direction: column;
            align-items: center;
      }
}

@media (min-width: 990.5px) {
      .order {
            display: flex;
            flex-direction: row;
            gap: 50px;
            justify-content: center;
      }
      .order_contacts__data {
            width: calc(100% / 2 - 100px);
            display: flex;
            flex-direction: column;
            align-items: center;
      }

      .contacts,
      .delivery,
      .payment {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 30px;
      }
      .contacts_values {
            width: 78%;
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 30px;
      }

      .contacts_values input,
      .delivery input,
      .payment select,
      .delivery select {
            width: 100%;
            margin-top: 10px;
            padding: 10px;
      }
      .order_content {
            width: 105%;
            margin-top: 40px;
            overflow: hidden;
            cursor: default;
            background-color: rgba(214, 209, 209, 1);
            box-shadow: 0px 4px 4px rgba(135, 135, 135, 0.25);
            color: black;
            transition: opacity 0.3s, visibility 0.3s;
      }
}

.order_content__list {
      margin-bottom: 0;
      padding: 0;
}

.item_to_order {
      display: flex;
      flex-direction: column;
}

.order_sidebar {
      width: 100%;
      max-height: 800px;
}

.order_content__bottom {
      border-top: 1px solid gray;
      display: flex;
      align-items: center;
      justify-content: flex-end;
}

@media (min-width: 1440px) {
      /* .order {
		display: flex;
		flex-direction: row;
		gap: 90px;
		justify-content: center;
	} */
      .order {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            align-content: center;
            gap: 90px;
      }
}