.wrapper {
   width: 100%;
   min-height: 100%;
   display: flex;
   flex-direction: column;
}

.conteiner {
   max-width: 1200px;
   height: 100%;
   margin: 0 auto;
}

/* header */
.header {
   width: 100%;
   height: 60px;
   background: #333 repeating-linear-gradient(90deg,
         rgba(30, 15, 140, 0.36), rgba(37, 124, 201, 0.37) 5px,
         rgba(10, 26, 89, 0.38) 5px, rgba(123, 159, 225, 0.37) 10px);
   box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

/* footer */
.footer {
   width: 100%;
   height: 180px;
   background: #333 repeating-linear-gradient(90deg,
         rgba(30, 15, 140, 0.36), rgba(37, 124, 201, 0.37) 5px,
         rgba(10, 26, 89, 0.38) 5px, rgba(123, 159, 225, 0.37) 10px);
}

/* page */
.main {
   flex: 1 1 auto;
}

/* верхнее меню */
.top_menu_conteiner {
   width: 100%;
   margin: 20px auto;
   padding: 10px 20px;
   background-color: #eee;
   box-shadow: 5px 5px 10px #606060;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
   position: sticky;
   top: 0;
   z-index: 2;
}

.top_search_conteiner {
   width: 30%;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 5px 5px 10px #606060;
}

.search_text {
   width: 100%;
   height: 100%;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 15px;
   font-style: italic;
   color: #000;
   border: 1px solid #eee;
}

.search_text::placeholder {
   font-size: 17px;
   font-style: italic;
   color: #0c2e5e;
   padding-left: 10px;
}

.search_img {
   width: 40px;
   padding: 3px;
   background-color: rgb(58, 128, 240);
   box-shadow:
      inset rgba(0, 0, 0, .5) -3px -3px 8px,
      inset rgba(255, 255, 255, .9) 3px 3px 8px,
      rgba(0, 0, 0, .8) 3px 3px 8px -3px;
   border: 1px solid #eee;
   cursor: pointer;
}

.top_basket_conteiner {
   width: 30%;
   height: 40px;
   padding: 5px 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 60px;
   background-color: #eee;
   box-shadow: 5px 5px 10px #606060;
}

.top_basket_content {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 20px;
}

.money_icon,
.basket_icon {
   width: 30px;
   height: 30px;
}

.basket_money,
.basket_product {
   font-size: 14px;
   font-weight: 700;
   padding: 5px 10px;
   box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1);
   color: #000;
   display: flex;
   justify-content: center;
   align-items: center;
}

.top_visit_exit_conteiner {
   width: 40%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
}

.top_login_conteiner {
   width: 12%;
   height: 40px;
   padding: 3px;
   background-color: #eee;
   box-shadow: 5px 5px 10px #606060;
   display: flex;
   justify-content: center;
   align-items: center;
}

.top_login {
   width: 35px;
   border-radius: 50%;
   box-shadow: 5px 5px 10px #606060;
   cursor: pointer;
}

.top_visit_conteiner {
   width: 74%;
   height: 40px;
   background-color: #eee;
   box-shadow: 5px 5px 10px #606060;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

.top_visit {
   font-size: 18px;
   font-weight: 700;
   color: #000;
}

.top_exit_conteiner {
   width: 12%;
   height: 40px;
   padding: 3px;
   background-color: #eee;
   box-shadow: 5px 5px 10px #606060;
   display: flex;
   justify-content: center;
   align-items: center;
}

.top_exit {
   width: 35px;
   border-radius: 50%;
   box-shadow: 5px 5px 10px #606060;
   cursor: pointer;
}

/* меню и слайдер */
.menu_slider_conteiner {
   width: 1200px;
   display: flex;
   justify-content: space-between;
   gap: 10px;
   margin: 20px auto 5px;
}

/* menu */
.menu_conteiner {
   width: 30%;
   height: 335px;
   background-color: #eee;
   border: 5px solid rgb(96, 75, 150);
   overflow: hidden;
   overflow-y: auto;
   box-shadow: 5px 5px 10px #606060;
}

.menu_conteiner::-webkit-scrollbar {
   width: 0;
}

.menu_content {
   width: 100%;
}

.menu_item {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 7px;
   margin-top: 2px;
   background-color: rgb(96, 75, 150);
   cursor: pointer;
}

.menu_catalog {
   width: 300px;
   height: 40px;
   color: #540d0d;
   border-radius: 5px;
   font-family: 'Lato', sans-serif;
   font-size: 14px;
   font-weight: 700;
   background: transparent;
   cursor: pointer;
   transition: all 0.3s ease;
   display: inline-block;
   outline: none;
   position: relative;
   bottom: 20px;
   border: none;
   box-shadow: none;
   line-height: 42px;
   -webkit-perspective: 330px;
   perspective: 330px;
}

.menu_catalog span {
   background: linear-gradient(0deg, rgba(207, 211, 243, 1) 0%, rgba(90, 94, 125, 1) 100%);
   display: block;
   position: absolute;
   width: 300px;
   height: 40px;
   padding: 0 3px;
   box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
      7px 7px 20px 0px rgba(0, 0, 0, .1),
      4px 4px 5px 0px rgba(0, 0, 0, .1);
   border-radius: 5px;
   text-align: center;
   -webkit-transition: all .3s;
   transition: all .3s;
}

.menu_catalog span:nth-child(1) {
   box-shadow:
      -7px -7px 20px 0px #fff9,
      -4px -4px 5px 0px #fff9,
      7px 7px 20px 0px #0002,
      4px 4px 5px 0px #0001;
   -webkit-transform: rotateX(90deg);
   -moz-transform: rotateX(90deg);
   transform: rotateX(90deg);
   -webkit-transform-origin: 50% 50% -20px;
   -moz-transform-origin: 50% 50% -20px;
   transform-origin: 50% 50% -20px;
}

.menu_catalog span:nth-child(2) {
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   transform: rotateX(0deg);
   -webkit-transform-origin: 50% 50% -20px;
   -moz-transform-origin: 50% 50% -20px;
   transform-origin: 50% 50% -20px;
}

.menu_catalog:hover span:nth-child(1) {
   box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
      7px 7px 20px 0px rgba(0, 0, 0, .1),
      4px 4px 5px 0px rgba(0, 0, 0, .1);
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   transform: rotateX(0deg);
}

.menu_catalog:hover span:nth-child(2) {
   box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
      7px 7px 20px 0px rgba(0, 0, 0, .1),
      4px 4px 5px 0px rgba(0, 0, 0, .1);
   color: transparent;
   -webkit-transform: rotateX(-90deg);
   -moz-transform: rotateX(-90deg);
   transform: rotateX(-90deg);
}

/* Слайдер */
.slider_conteiner {
   width: 70%;
   height: 335px;
   box-shadow: 5px 5px 10px #606060;
   position: relative;
}

.slide_conteiner {
   width: 100%;
   height: 100%;
}

.slide {
   width: 100%;
   height: 100%;
}

.drop {
   position: absolute;
   width: 150px;
   height: 150px;
   border-radius: 52% 48% 30% 70% / 51% 54% 46% 49%;
   box-shadow: inset 10px 10px 10px rgba(0, 0, 0, 0.05),
      15px 25px 10px rgba(0, 0, 0, 0.1),
      15px 20px 20px rgba(0, 0, 0, 0.05),
      inset -10px -10px 15px rgba(255, 255, 255, 0.9);
}

.drop::before {
   content: '';
   position: absolute;
   top: 25px;
   left: 35px;
   background: #fff;
   width: 20px;
   height: 20px;
   border-radius: 58% 42% 72% 28% / 37% 41% 59% 63%;
}

.drop::after {
   content: '';
   position: absolute;
   top: 25px;
   left: 65px;
   background: #fff;
   width: 10px;
   height: 10px;
   border-radius: 58% 42% 72% 28% / 37% 41% 59% 63%;
}

.drop:nth-child(2) {
   border-radius: 39% 61% 52% 48% / 53% 41% 59% 47%;
   transform: scale(0.3) translate(-200px, 270px);
}

.drop:nth-child(3) {
   border-radius: 53% 47% 46% 54% / 42% 46% 54% 58%;
   transform: scale(0.4) translate(280px, 50px);
}

.drop1 {
   top: 5%;
   left: 5%;
}

/* Основной Товарный ярлык */
.main_product_label_conteiner {
   width: 1200px;
   margin: 20px auto;
   padding-top: 3px;
   background-color: #eee;
   box-shadow: 5px 5px 10px #606060;
}

.main_product_label_title {
   font-family: 'Pattaya', sans-serif;
   font-size: 25px;
   text-transform: capitalize;
   padding: 10px 30px;
   margin-bottom: 5px;
   text-align: right;
   box-shadow: 5px 5px 10px #606060;
   background: #333 repeating-linear-gradient(90deg,
         rgba(255, 255, 255, .01), rgba(255, 255, 255, .01) 5px,
         rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 10px);
   color: #fff;
   text-shadow: -1px -1px #000,
      0 1px 0 #444;
   transition: all 1s;
}

.product_label {
   width: 100%;
   display: flex;
   align-items: center;
   gap: 10px;
   padding-left: 5px;
   padding-right: 5px;
}

/* товарный ярлык */
.product_label_conteiner {
   height: 450px;
   margin-bottom: 5px;
   cursor: pointer;
   position: relative;
   background-color: rgb(207, 211, 243);
   text-align: center;
}

.product_label_conteiner:hover {
   box-shadow: 5px 5px 10px #606060;
}

.discount_open {
   position: absolute;
   padding: 10px;
   font-size: 15px;
   border-top-left-radius: 30px;
   border-bottom-right-radius: 30px;
   border: 3px solid #fff;
   background-color: red;
   color: #fff;
   box-shadow: 5px 5px 10px #606060;
}

.image {
   width: 220px;
   height: 220px;
   background-color: #fff;
   margin: 5px 5px 0;
   border-radius: 10px;
   background-color: #fff;
   box-shadow: 5px 5px 10px #606060;
}

.product_label_content {
   height: 130px;
   width: 95%;
   margin: 5px;
   overflow: hidden;
   background-color: rgb(207, 211, 243);
   border-radius: 10px;
   box-shadow: 5px 5px 10px #606060;
   position: absolute;
   z-index: 1;
   transition: transform 1s linear;
}

.product_label_content:hover {
   transform: translateY(-65px);
   background-color: rgb(146, 154, 210);
}

.title {
   font-family: 'Pattaya', sans-serif;
   padding: 10px 10px 5px;
   font-size: 14px;
   height: 100px;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
}

.article {
   font-size: 15px;
   font-weight: 700;
   color: blue;
   padding: 0 5px 5px 20px;
}

.star_conteiner {
   margin-top: 85px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
}

.star_content {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 3px;
}

.star {
   width: 25px;
}

.review_content {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
}

.review_icon {
   width: 25px;
}

.review_num {
   font-size: 19px;
   font-weight: 700;
   color: #0c2e5e;
}

.avail {
   font-size: 14px;
   font-style: italic;
   text-align: center;
   padding: 10px 5px;
}

.price_conteiner {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   padding: 7px;
}

.price_old {
   font-size: 18px;
   font-weight: 700;
   text-decoration-line: line-through;
   text-decoration-style: solid;
   text-decoration-color: red;
}

.price {
   font-size: 18px;
   font-weight: 700;
}

/* кнопка */
.btn_basket {
   display: inline-flex;
   text-decoration: none;
   position: relative;
   font-size: 18px;
   line-height: 20px;
   padding: 7px 30px;
   color: #FFF;
   text-transform: uppercase;
   background-color: rgb(96, 75, 150);
   cursor: pointer;
   border: 2px solid #BFE2FF;
   box-shadow: 5px 5px 10px #606060;
}

.btn_basket:hover,
.btn_basket:active,
.btn_basket:focus {
   color: #FFF;
}

.btn_basket:after,
.btn_basket:before {
   position: absolute;
   height: 4px;
   left: 50%;
   background-color: rgb(146, 154, 210);
   bottom: -6px;
   content: "";
   transition: all 280ms ease-in-out;
   width: 0;
}

.btn_basket:before {
   top: -6px;
}

.btn_basket:hover:after,
.btn_basket:hover:before,
.btn_basket:active:after,
.btn_basket:active:before,
.btn_basket:focus:after,
.btn_basket:focus:before {
   width: 100%;
   left: 0;
}

/* Меню вызова второго Товарного ярлыка */
.menu_second_label_conteiner {
   width: 100%;
   margin: 20px auto;
   background-color: #aaa;
   box-shadow: 5px 5px 10px #606060;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 20px;
}

.menu_second_label_content {
   width: 300px;
   margin: 20px auto;
   padding: 10px;
   text-align: center;
   color: #fff;
   text-shadow: 1px 1px #000;
   background-color: rgba(79, 104, 137, 0.7);
   box-shadow: 5px 5px 10px #606060;
   cursor: pointer;
}

.menu_second_label_content:hover {
   color: #000;
   text-shadow: 1px 1px #245a9c;
}

/* Второй Товарный ярлык */
.second_product_label_conteiner {
   width: 100%;
   margin: 20px auto;
   background-color: #eee;
   padding-top: 3px;
   position: relative;
   overflow: hidden;
   box-shadow: 5px 5px 10px #606060;
}

.second_title_product_label {
   font-family: 'Pattaya', sans-serif;
   font-size: 25px;
   text-transform: capitalize;
   padding: 10px 30px;
   margin-bottom: 5px;
   text-align: right;
   box-shadow: 5px 5px 10px #606060;
   background: #333 repeating-linear-gradient(90deg,
         rgba(255, 255, 255, .01), rgba(255, 255, 255, .01) 5px,
         rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 10px);
   color: #fff;
   text-shadow: -1px -1px #000,
      0 1px 0 #444;
   transition: all 1s;
}

.next-button,
.prev-button {
   position: absolute;
   left: 14px;
   margin-top: 10%;
   width: 50px;
   height: 50px;
   border: 5px solid #bbb;
   background-color: #eee;
   border-radius: 7px;
   box-shadow: 5px 5px 10px #606060;
   font-size: 2rem;
   color: #000;
   z-index: 1;
}

.next-button {
   left: auto;
   right: 14px;
}

.next-button:hover,
.prev-button:hover {
   border: 5px solid #eee;
   background-color: #bbb;
   color: #606060;
}

.second_product_label_content {
   position: relative;
   display: flex;
   align-items: center;
   padding-left: 5px;
   padding-right: 5px;
   gap: 10px;
   left: 0;
   transition: all linear 1s;
}

/* разграничительная линия  */
.line_conteiner {
   width: 100%;
   display: flex;
   justify-content: space-around;
   align-items: center;
   gap: 10px;
   box-shadow: 5px 5px 10px #606060;
   background-color: #eee;
   padding-top: 10px;
   padding-bottom: 10px;
   margin: 5px auto;
}

.item_img {
   width: 90px;
   border: 2px solid #0c2e5e;
   padding: 5px;

   transform: scale(0);
   transition: all 0.8s ease 0s;
}

.item_img.anim_on {
   transform: scale(1);
   transition: all 0.8s ease 0.2s;
}

/* текстовые абзацы */
.list_product_conteiner {
   width: 100%;
   margin: 20px 5px 20px;
   padding: 10px;
   background-color: #eee;
   box-shadow: 5px 5px 10px #606060;
   overflow: hidden;
}

.list_product_content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
   padding: 2px 10px;
   margin: 20px 0;
}

.list_img {
   width: 90px;
   height: 90px;
   border: 3px solid #0c2e5e;
   border-radius: 50%;
   padding: 2px;

   transform: scale(0);
   transition: all 0.8s ease 0s;
}

.list_img.anim_on {
   transform: scale(1);
   transition: all 0.8s ease 0.2s;
}

.list_text {
   font-size: 15px;
   font-style: italic;
   color: #000;
   text-align: justify;
   line-height: 20px;

   transform: translate(0px, 120%);
   opacity: 0;
   transition: all 0.3s ease 0s;
}

.list_text.anim_on {
   transform: translate(0px, 0px);
   opacity: 1;
   transition: all 0.8s ease 0s;
}

/* Модальное окно Авторизация */
.modal_visit {
   position: fixed;
   width: 100%;
   height: 100%;
   background-color: rgba(79, 104, 137, 0.7);
   top: 0;
   left: 0;
   opacity: 0;
   visibility: hidden;
   overflow-y: auto;
   overflow-x: hidden;
   transition: all 0.8s ease 0s;
   z-index: 100;
}

.modal_visit_open {
   opacity: 1;
   visibility: visible;
}

.modal_visit_conteiner {
   min-height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.modal_visit_content {
   width: 500px;
   background-color: rgba(92, 90, 90, 1.0);
   box-shadow: 5px 5px 10px #606060;
   border-radius: 10px;   
   padding: 10px;
   transition: all 0.8s ease 0s;
   opacity: 0;
   transform: perspective(600px) translate(0px, -100%) rotateX(45deg);
}

.modal_visit_open .modal_visit_content {
   transform: perspective(600px) translate(0px, 0%) rotateX(0deg);
   opacity: 1;
}

.modal_visit_tabl {
   position: relative;
   padding: 5px;
   font-weight: normal;
   color: #fff;
}

.modal_visit_title {
   font-family: 'Pattaya', sans-serif;
   font-size: 25px;
   text-align: center;
}

.modal_visit_close {
   position: absolute;
   top: 0px;
   right: 0px;
   font-size: 23px;
   cursor: pointer;
   padding: 5px;
   box-shadow: inset rgba(0, 0, 0, .5) -3px -3px 8px, inset rgba(255, 255, 255, .9) 3px 3px 8px, rgba(0, 0, 0, .8) 3px 3px 8px -3px;
}

.modal_visit_inside {
   padding: 10px;
   border: none;
   text-align: center;
   box-shadow: inset rgba(0, 0, 0, .5) -3px -3px 8px, inset rgba(255, 255, 255, .9) 3px 3px 8px, rgba(0, 0, 0, .8) 3px 3px 8px -3px;
}

.modal_visit_head {
   padding: 5px;
}

.visit_info {
   visibility: hidden;
   font-size: 15px;
   padding: 2px 10px 10px;
}

.pass,
.e_mail {
   width: 90%;
   height: 28px;
   border: none;
   margin-bottom: 10px;
   color: #fff;
   padding: 0 10px;
   background-color: #777;
   box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1);
}

.pass::placeholder,
.e_mail::placeholder {
   font-size: 14px;
   font-style: italic;
   color: #fff;
   padding: 0 10px;
}

.pass_conteiner {
   position: relative;
}

.eye_open {
   width: 35px;
   position: absolute;
   top: 4px;
   right: 30px;
   cursor: pointer;
}

.eye_closed {
   display: none;
   width: 30px;
   position: absolute;
   top: 6px;
   right: 30px;
   cursor: pointer;
}

.check_conteiner {
   width: 100%;
   padding: 5px;
   padding-left: 23px;
   display: flex;
   align-items: center;
   gap: 10px;
}

.check_box {
   width: 30px;
   height: 20px;
   box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1);
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

.daw {
   visibility: hidden;
   color: #fff;
   font-size: 20px;
}

.check_text {
   padding: 7px 10px;
   font-size: 14px;
   font-style: italic;
   color: #fff;
}

.btn_submit {
   margin: 10px;
   width: 70%;
   height: 30px;
   background-color: #999;
   box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
   color: #fff;
   font-size: 15px;
   cursor: pointer;
}

.btn_submit:hover {
   background-color: #777;
   box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1);
}

/* Панель товаров от поиска */
.search_product_label_conteiner {
   width: 100%;
   margin: 20px auto;
   background-color: #eee;
   padding-top: 3px;
   position: relative;
   overflow: hidden;
   box-shadow: 5px 5px 10px #606060;
}

.search_title_product_label {
   font-family: 'Pattaya', sans-serif;
   font-size: 25px;
   text-transform: capitalize;
   padding: 10px 30px;
   margin-bottom: 5px;
   text-align: right;
   box-shadow: 5px 5px 10px #606060;
   background: #333 repeating-linear-gradient(90deg,
         rgba(255, 255, 255, .01), rgba(255, 255, 255, .01) 5px,
         rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 10px);
   color: #fff;
   text-shadow: -1px -1px #000,
      0 1px 0 #444;
   transition: all 1s;
}

.search_prev-button,
.search_next-button {
   position: absolute;
   left: 14px;
   margin-top: 10%;
   width: 50px;
   height: 50px;
   border: 5px solid #bbb;
   background-color: #eee;
   border-radius: 7px;
   box-shadow: 5px 5px 10px #606060;
   font-size: 2rem;
   color: #000;
   z-index: 1;
}

.search_next-button {
   left: auto;
   right: 14px;
}

.search_prev-button:hover,
.search_next-button:hover {
   border: 5px solid #eee;
   background-color: #bbb;
   color: #606060;
}

.search_product_label_content {
   position: relative;
   display: flex;
   align-items: center;
   padding-left: 5px;
   padding-right: 5px;
   gap: 10px;
   left: 0;
   transition: all linear 1s;
}

/* Адаптация */
@media(max-width:1200px) {
   .conteiner {
      max-width: 970px;
   }

   .menu_slider_conteiner {
      width: 970px;
   }

   .menu_catalog {
      width: 250px;
      font-size: 13px;
   }

   .menu_catalog span {
      width: 250px;
   }

   .second_product_label_conteiner {
      width: 960px;
   }

   .main_product_label_conteiner {
      width: 960px;
   }

   .search_product_label_conteiner {
      width: 960px;
   }
}

@media(max-width:992px) {
   .conteiner {
      max-width: 750px;
   }

   .top_search_conteiner {
      width: 35%;
   }

   .top_visit_exit_conteiner {
      width: 35%;
   }

   .top_login_conteiner {
      width: 20%;
   }

   .top_visit_conteiner {
      width: 57%;
   }

   .top_visit {
      font-size: 16px;
   }

   .top_exit_conteiner {
      width: 20%;
   }

   .top_basket_conteiner {
      gap: 10px;
   }

   .menu_slider_conteiner {
      width: 750px;
   }

   .menu_catalog {
      width: 200px;
      font-size: 10px;
   }

   .menu_catalog span {
      width: 200px;
   }

   .menu_second_label_content {
      font-size: 14px;
   }

   .second_product_label_conteiner {
      width: 720px;
   }

   .line_conteiner {
      gap: 5px;
   }

   .item_img {
      width: 70px;
   }

   .main_product_label_conteiner {
      width: 720px;
   }

   .search_product_label_conteiner {
      width: 720px;
   }
}

@media(max-width:767px) {
   .conteiner {
      max-width: none;
   }

   .top_menu_conteiner {
      width: 95%;
      flex-direction: column;
   }

   .top_search_conteiner {
      width: 90%;
   }

   .top_basket_conteiner {
      width: 90%;
      gap: 45%;
   }

   .top_visit_exit_conteiner {
      width: 90%;
   }

   .top_login_conteiner,
   .top_exit_conteiner {
      width: 30%;
   }

   .top_visit_conteiner {
      width: 67%;
   }

   .top_visit {
      font-size: 18px;
   }

   .slider_conteiner {
      display: none;
   }

   .menu_slider_conteiner {
      width: 100%;
   }

   .menu_conteiner {
      width: 90%;
      margin: auto;
   }

   .menu_item {
      width: 100%;
   }

   .menu_catalog {
      width: 430px;
      font-size: 14px;
   }

   .menu_catalog span {
      width: 430px;
   }

   .menu_second_label_conteiner {
      flex-direction: column;
      width: 95%;
      gap: 5px;
   }

   .menu_second_label_content {
      margin: 5px auto;
      font-size: 16px;
   }

   .second_product_label_conteiner {
      width: 480px;
   }

   .item_img {
      width: 50px;
   }

   .main_product_label_conteiner {
      width: 480px;
   }

   .search_product_label_conteiner {
      width: 4800px;
   }
}

@media(max-width:550px) {
   /*до 340px*/

   .footer {
      height: 240px;
   }

   .top_basket_conteiner {
      gap: 20px;
   }

   .top_login_conteiner,
   .top_exit_conteiner {
      width: 30%;
   }

   .top_visit_conteiner {
      width: 67%;
   }

   .top_visit {
      font-size: 15px;
   }

   .menu_catalog {
      width: 250px;
      font-size: 12px;
   }

   .menu_catalog span {
      width: 250px;
   }

   .second_product_label_conteiner {
      width: 240px;
   }

   .second_title_product_label {
      font-size: 22px;
   }

   .line_conteiner {
      gap: 2px;
   }

   .item_img {
      width: 30px;
   }

   .main_product_label_conteiner {
      width: 240px;
   }

   .main_product_label_title {
      font-size: 22px;
   }

   .list_img {
      width: 50px;
      height: 50px;
   }

   .list_text {
      font-size: 12px;
   }

   .search_product_label_conteiner {
      width: 240px;
   }

   .search_title_product_label {
      font-size: 22px;
   }

   .modal_visit_content {
      width: 300px;
   }

   .modal_visit_title {
      font-size: 18px;
   }

   .modal_visit_close {
      font-size: 18px;
   }
}