@media (max-width: 1846px) {
    .main-show-btn {
        display: flex;
        justify-content: center;
    }
    .div-show-btn {
        width: 1200px;
    }
    .show-btn {
        display: block;
        left: 0;
    }
    .main-div-table {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .div-table {
        position: absolute;
        width: 1200px;
    }
    .table {
        position: relative;
        opacity: 0;
        transform: translateX(-100%);
        transition: opacity 0.5s ease, transform 0.5s ease;
        z-index: 1000;
        left: 0;
    }
    .table.show {
        opacity: 1;
        transform: translateX(0);
        left: 0;
    }
    .div-menu-cont {
        display: flex;
        justify-content: center !important;
    }
    .swiper-container2 {
        width: 1200px;
        left: 0;
    }
    .details_img_block,
    .center-img {
        justify-content: center;
    }
    .div-center-img {
        left: 0;
    }
    .main-search-bar {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .div-search-bar {
        width: 1200px;
        left: 0;
    }
    .main-table-cont {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .main-div-table-container {
        left: 0;
    }
    .main-div-table-container2 {
        left: 0;
    }
    .main-table-cont_new {
        left: 0;
        margin: 0 auto;
        justify-content: center;
    }
    .main-table-cont_new .main-div-table-container,
    .main-table-cont_new .main-div-table-container2 {
        left: 0;
    }
}

@media (max-width: 1620px) {
    .SM {
        margin-left: -2%;
    }
}

@media (max-width: 1526px) {
    .hr-blog {
        width: 794px;
        margin-left: 0;
    }
    .container2 {
        left: 0;
        width: 100%;
    }
    .basket-cont {
        flex-direction: column;
    }
    .basket-product {
        width: 100%;
        justify-content: center;
    }
    .main-text2 {
        width: 100%;
        justify-content: center;
    }
    .hr-basket {
        width: 100%;
        margin-right: 0;
    }
    .colum-name {
        width: 100%;
        justify-content: center;
    }
    .size-prod {
        flex-direction: column;
        width: 100%;
        margin-right: 0;
    }
    .div-size-prod-hr {
        display: flex;
        justify-content: center;
    }
    .size-prod-hr {
        width: 715px;
    }
    .desc-prod {
        width: 100%;
        justify-content: center;
    }
    .main-text3 {
        width: 100%;
    }
    .div-pers-data {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .div-main-text {
        width: 712px;
    }
    .div-main-text2 {
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }
    .div-hr-basket2 {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .hr-basket2 {
        margin-right: 0;
    }
    .div-form-input {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .form-input {
        left: 0;
    }
    .hr-vert {
        display: none;
    }
}


@media (max-width: 1512px) {
    .text7 {
        margin-left: -5%;
    }
    .overlay-text {
        margin-top: -1%;
    }
    .overlay-text2 {
        width: 30%;
        transform: scale(1.5);
        transform-origin: top left;
    }
    .custom-button {
        margin-top: 3%;
        font-size: 120%;
    }
    .div-about-us {
        flex-direction: column;
    }
    .about-image {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .about-image img{
        width: 100%;
        height: 100%;
    }
    .div-about-text {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .div-about-text2 {
        margin-left: 0;
    }
    .div-about-us2 {
        flex-direction: column;
        width: 100%;
    }
    .div-about-text3 {
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
        left: 0;
        width: 100%;
    }
    .about-text3 {
        width: 584px;
    }
    .div-about-text4 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 40px;
        left: 0;
        width: 100%;
    }
    .about-text4 {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .about-text5 {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .div-about-text6 {
        width: 584px;
    }
    .div-about-text5 {
        width: 584px;
    }
}

@media (max-width: 1276px) {
    .nav2 li:nth-child(1),
    .nav2 li:nth-child(2),
    .nav2 li:nth-child(3),
    .nav2 li:nth-child(5),
    .nav2 li:nth-child(6){
        display: none;
    }
    .nav2 li:nth-child(7) {
        margin-left: -200%;
        margin-top: 11px;
    }
    .nav2 li:nth-child(4) {
        margin-right: 40px;
        margin-top: -10px;
    }
    .burger {
        display: flex;
        margin-top: -50px;

    }
    .open {
        display: flex !important;
    }
    .nav3 {
        display: none;
        flex-direction: column;
        align-items: center;
        position: fixed;
        width: 100%;
        height: fit-content;
        top: 80px; left: 0; right: 0; bottom: 0;
        z-index: 1001;
        color: #ffffff;
    }
    .nav3.scrolled {
        top: 0px;
    }

    .nav3 ul {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
    .nav3 ul li {
        font-family: var(--font-family), sans-serif;
        font-size: 16px;
        padding-bottom: 10px;
        margin-top: 10px;
    }
    .nav3 ul:nth-child(1) {
        display: none;
    }
    .nav3 ul:nth-child(2) {
        display: flex;
        gap: 15px;
        flex-direction: row;
        justify-content: center;
        white-space: nowrap;
        flex-wrap: wrap;
    }
    .nav3 ul:nth-child(2) li {
        padding-bottom: 0;
        margin-top: 0;
    }
    nav {
        height: 80px;
    }
    .nav {
        /*margin-left: 80px;*/
        left: 22.5%;
        /* display: none; */
    }

}

@media (max-width: 1236px) {
    .overlay-text {
        font-size: 180%;
    }
    .overlay-text2 {
        display: none;
    }
    .custom-button {
        margin-top: 1%;
    }
    .text5 {
        margin-left: -65.45%;
        margin-top: 95px;
    }
    .text3 {
        margin-left: 6%;
    }
    .text4 {
        margin-left: 18%;
    }
}

@media (max-width: 1220px) {
    .swiper-container2 {
        width: 712px;
        position: relative;
    }
    .details_img_block,
    .center-img {
        display: flex;
        flex-direction: column;
    }
    .details_img_main,
    .details_img_second {
        max-width: 712px;
        margin-left: auto;
        margin-right: auto;
    }

    .div-center-img {
        display: flex;
        justify-content: center;
    }
    .div-show-btn {
        width: 712px;
    }
    .div-table {
        position: absolute;
        width: 712px;
    }
    .div-search-bar {
        width: 712px;
    }
    .search-bar2 {
        display: none;
    }
    .main-table-cont {
        flex-direction: column;
    }
    .main-div-table-container {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .main-div-table-container2 {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .div-table-container {
        width: 712px;
    }
    .div-table-container2 {
        width: 712px;
    }
    .div-table-container_full {
        width: 712px;
    }

}

/*@media (max-width: 1170px) {
    .nav3 {
        width: 25%;
    }
}*/


@media (min-height: 1080px) {
    .footer {
        top: 20%;
    }
}

@media (max-width: 1080px) {
    .custom-button {
        transform: scale(80%);
        transform-origin: top left;
    }
    .SM {
        margin-left: -4%;
    }
}

@media (max-width: 1017px) {
    .hr-blog {
        width: 387px;
    }

}

@media (max-width: 950px) {
    .blog {
        margin-left: 0;
    }
    .blog2 {
        margin-left: 0;
    }
}

@media (max-width: 921px) {
    .text7 {
        margin-left: -10%;
    }
    .nav li:nth-child(1), .nav li:nth-child(2), .nav li:nth-child(3), .nav li:nth-child(4), .nav li:nth-child(6) {
        display: none;
    }
    .nav li:nth-child(5){
        opacity: 0;
    }
    .nav3 ul:nth-child(1){
        display: block;
    }
    .nav {
        z-index: -1;
    }
}

@media (max-width: 901px) {
    .text7 {
        margin-left: -12%;
    }
    .burger {
        margin-left: -1%;
    }
}

@media (max-width: 871px) {
    .text-catalog {
        margin-top: 41px;
    }
    .custom-button {
        margin-top: -1%;
        margin-left: -6%;
        transform: scale(70%);
        transform-origin: top left;
    }
    .overlay-text {
        max-width: 500px;
        transform: scale(70%);
        margin-left: -6%;
        transform-origin: top left;
    }
    .swiper-pagination{
        display: none !important;
    }
    .container-text {
        max-width: 280px;
        height: 653px;
        position: absolute;
        margin: 0;
        top: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .container-text ul li {
        text-align: center;
    }
    .text3 {
        left: 0;
        margin: 0;
        margin-bottom: 20px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        box-sizing: border-box;

    }
    .text4 {
        left: 0;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 20px;
        width: 50px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        box-sizing: border-box;

    }
    .text5 {
        left: 0;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 20px;
        width: 240px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        box-sizing: border-box;
    }
    .logo2 {
        left: 0;
        top: 0;
        margin: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative;
    }
    .footer {
        height: 758px;
        position: relative;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }
    .copy {
        top: 89%;
    }
    .hr3 {
        top: 89%;
    }
    .promo_block_cookie {
        width: 90%;
    }
}

@media (max-width: 778px) {
    .nav2 li:nth-child(7){
        margin-left: -200%;
    }
    .nav2 li:nth-child(4) {
        margin-right: 60px;
    }
    .burger {
        margin-left: -5%;
    }
    .desc-prod {
        flex-direction: column;
        justify-content: center;
    }
    .colum-name {
        display: none;
    }
    .basket-img {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .desc {
        width: 100%;
        height: 70px;
        justify-content: center;
        margin-left: 0;
    }
    .div-basket-text1 {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .basket-text1 {
        width: 155px;

        text-align: center;
    }
    .div-basket-text2 {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .div-main-text {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .bascket-title {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .div-hr-basket {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .hr-basket {
        width: 155px;
    }
    .size-prod-hr {
        width: 155px;
    }
    .div-cant {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    .div-total-m {
        display: flex;
        width: 100% !important;
        justify-content: center;
    }
    .close-svg {
        margin-left: 30px;
    }
    .prev {
        display: none;
    }
    .fall {
        display: none;
    }
    .cant2 {
        margin-left: 0;
    }
}

@media (max-width: 772px) {
    .SM {
        margin-left: -6%;
    }
    .custom-button {
        margin-left: -10%;
    }
    .overlay-text {
        margin-left: -10%;
    }

}

@media (max-width: 730px) {
    .div-text2,.pagin {
        left: 10%;
        width: 90%;
    }
    .div-center-img img, .div-table, .div-show-btn{
        width: 80%;
    }
    .div-search-bar {
        width: 80%;
        justify-content: center;
    }
    /* .main-div-table-container {
        width: 80%;
        margin-left: 10%;
    }
    .main-div-table-container2 {
        width: 80%;
        margin-left: 10%;
    }*/
    .table-container {
       width: 575px;
        margin: 0 auto;
    }
    .table-container2 {
        width: 575px;
        margin: 0 auto;
    }

    .promo_block_cookie_title {
        font-size: 22px;
    }
    .promo_block_cookie_wrapper_text {
        font-size: 15px;
    }
    .promo_block_cookie_wrapper_btntrue,
    .promo_block_cookie_wrapper_btnfalse {
        font-size: 15px;
    }
    .swiper-container2 {
        width: 80%;
        position: relative;
    }
    .swiper-slide-active.swiper2{
        position: relative;
        justify-content: center;
        padding-left: 4px;
    }
    .container-text2 {
        display: flex;
        width: 80%;
        left: 10%;
    }
    .div-map {
        display: flex;
        width: 80%;
        left: 10%;
    }
}

@media (max-width: 661px) {
    /* .nav3 {
        width: 40%;
    } */
    .text7 {
        margin-left: -18%;
    }
    .container6 {
        width: 100%;
        left: 0;
        justify-content: center;
    }
    .pagination {
        width: 80%;
    }
    .right-arr {
        display: block;
        margin-left: auto;
    }
    .hr-blog {
        margin-left: -10px;
    }
}

@media (max-width: 628px) {
    .div-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        row-gap: 0;
        column-gap: 0;
    }

    .div-container a {
        width: 50%;
        height: 50%;
        padding: 10px;
    }
    .title {
        font-size: 2.8vw;
    }
    .div-about-text {
        height: 100%;
    }
    .div-about-text2 {
        width: 80%;
        height: 100%;
    }
    .about-text3 {
        width: 80%;
    }
    .div-about-text6 {
        width: 80%;
    }
    .div-about-text5 {
        width: 80%;
    }
    .promo_block_cookie_title {
        font-size: 19px;
    }
    .promo_block_cookie_wrapper_text {
        font-size: 12px;
    }
    .promo_block_cookie_wrapper_btntrue,
    .promo_block_cookie_wrapper_btnfalse {
        font-size: 12px;
    }
}

@media (max-width: 610px) {

    .burger{
        margin-left: -7%;
    }
    .swiper-slide-active.swiper2{
        padding-left: 3px;
    }

    .table2 th,
    .table2 td {
        padding: 2px;
        font-size: 11px;
    }
    .table-container2,
    .table-container {
        width: 480px;
    }


}

@media (max-width: 587px) {
    .SM {
        margin-left: -8%;
    }
    .custom-button {
        transform: scale(50%);
        transform-origin: top left;
    }
    .overlay-text {
        transform: scale(50%);
        transform-origin: top left;
        margin-top: 1%;
    }
    .logo {
        margin-left: -1.8%;
    }

}
@media (max-width: 518px) {

    .text8 {
        opacity: 0;
    }
    .text7 {
        margin-left: -25%;
    }
    .SM {
        margin-left: -10%;
    }

    .table-container2,
    .table-container {
        width: 400px;
    }
    .table2 th, .table2 td {
        padding: 1px;
        font-size: 8px;
    }
    .empty_colspan td {
        font-size: 12px;
        padding: 5px;
    }
    .table_add_btn {
        font-size: 12px;
    }

}

@media (max-width: 478px) {
    .custom-button {
        margin-top: 1%;
        transform: scale(30%);
        transform-origin: top left;
    }

    .overlay-text {
        margin-top: -1%;
        transform: scale(40%);
        transform-origin: top left;
    }
    .promo_block_cookie_wrapper {
        flex-direction: column;
    }
    iframe {
        width: 80%;
        left: 10%;
        height: 300px;
    }
}

@media (max-width: 460px) {
    .burger{
        margin-left: -10%;
    }
    .table2 th:last-child,
    .table2 td:last-child {
        min-width: 50px;
    }
    .table2 td:last-child {
        width: 50px;
    }
    .close4 {
        margin-left: 2px;
    }
    .buc {
        margin-right: 40px;
    }
    .overlay-content {
        width: 310px;
        padding-left: 15px;
    }
    .table-container2,
    .table-container {
        width: 360px;
    }
    .table_add_btn {
        display: none;
    }

}

@media (max-width: 432px) {
    /* .nav3 {
        width: 75%;
    } */
    .pagination {
        width: 95%;
    }

    .text7 {
        margin-left: -32%;
    }
    .text-container {
        margin-left: 40%;
    }
    .container5 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .container6 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .blog {
        width: 100%;
    }
    .blog-image{
        min-width: 256px;
        height: auto;
    }
    .blog-image img{
        width: 100%;
    }
    .blog2 {
        width: 100%;
    }
    .blog-image2{
        min-width: 256px;
    }
    .blog-image2 img{
        width: 100%;
    }
    .container6 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 423px) {
    .pagin {
        margin-top: 5px;
    }
    .nav2 li:nth-child(4) {
        margin-right: 50px;
    }
    .menu-cont-img {
        text-align: center;
    }
}


@media (max-width: 410px) {
    .hr-blog {
        width: 256px;
    }
    .form-input {
        width: 80%;
        margin-left: 0;
    }
    .form-input input{
        width: 100% !important;
    }
    .form-input textarea{
        width: 100% !important;
    }
    .bascket-button {
        margin-top: 10px;
        width: 100% !important;
    }
    .hr-basket2 {
        width: 80%;
    }
    .swiper-slide-active.swiper2{
        padding-left: 2px;
    }
    .container5 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        left: 0;
    }
    .div-blog-title {
        min-width: 90%;
    }

}

@media (max-width: 391px) {
    .SM {
        margin-left: -12%;
    }
    .nav2 li:nth-child(7) {
        margin-left: -180%;
    }
    .table-container2,
    .table-container {
        width: 300px;
    }
}

@media (max-width: 381px) {
    .custom-button {
        margin-top: 3%;
        transform: scale(25%);
        font-size: 30px;
        transform-origin: top left;
    }
    .overlay-text {
        margin-top: -2%;
        transform: scale(40%);
        transform-origin: top left;
    }
    .logo {
        margin-left: -5.6%;
    }
    .text7 {
        margin-left: -40%
    }
    .text9 {
        transform: scale(80%);
        transform-origin: top left;
        margin-left: -10%;
    }
    .text10 {
        transform: scale(80%);
        transform-origin: top left;
    }
}

@media (max-width: 372px) {
    #checkbox2 {
        margin-top: 22px;
    }
}

@media (max-width: 351px) {
    .SM {
        margin-left: -14%;
    }
    .text10 {
        top: 100%;
    }
    .logo {
        transform: scale(80%);
        transform-origin: top left;
        margin-top: 3%;
        margin-left: -6.5%;
    }
    .nav2 li:nth-child(7) {
        margin-top: 30%;
    }
    .burger {
        margin-top: -44px;
    }
    .nav2 li:nth-child(8) {
        margin-top: 20%;
    }
    .overlay-text {
        width: 120%;
    }
    .div-table {
        width: 80%;
    }
    .table {
        width: 280px;
    }
    .table th{
        margin-left: 10px;
    }
    .table td{
        margin-left: 10px;
    }
    .text-cat {
        width: 260px;
    }
    .pagination li{
        margin-left: 13px;
        margin-right: 13px;
    }
}

@media (max-width: 321px) {
    .text7 {
        margin-left: -43%;
    }
    .div-container a {
        padding: 5px;
    }
}