@media screen and (min-width: 1200px) {
    p {
        max-width: 1100px;
    }
}

@media screen and (max-width: 1700px) {
    .container {
        max-width: calc(100% - 160px);
    }
    .primary-menu ul.head-menu > li.s_menu > .sub-wrapper .container {
        max-width: 100%;
    }
}

@media screen and (max-width: 1400px) {
    .s1 {
        background-size: auto, 42%, cover;
    }
    .s5 .s5-inner {
        gap: 15px;
    }
    .s7 .s7-inner {
        gap: 20px;
    }
    .s7 .s73 {
        gap: 10px;
    }
    .s8 .s82-inner {
        /*background-size: 43%;*/
    }
    .s10 .s10-inner .s10-block {
        grid-template-columns: 1fr 430px;
    }
    .s10 .s10-inner .s10-block:last-child {
        grid-template-columns: 430px 1fr;
    }
    .s11 .s11-inner {
        grid-column-gap: 40px;
    }
    .s12 .s12-inner {
        gap: 60px;
    }
    .av1 .av1-inner .av1-left h1 {
        font-size: 50px;
    }
}

/*****************************************/

@media screen and (max-width: 1300px) {
    footer .footer-inner {
        grid-template-columns: 1fr 3fr;
    }

}

/*****************************************/

@media screen and (max-width: 1270px) {

}

/*****************************************/

@media screen and (max-width: 1150px) {
    .container {
        max-width: 100%;
    }
}


/*****************************************/

@media screen and (max-width: 991px) {
    .primary-menu {
        display: none;
    }
    .mobile-menu-toggle {
        width: 36px;
        display: flex;
        flex-direction: column;
        gap: 7px;
        position: absolute;
        right: 25px;
        top: 22px;
        z-index: 9;
    }
    .mobile-menu-toggle .line1 {
        width: 36px;
        height: 2px;
        background: #fff;
        display: inline-block;
    }
    .mobile-menu-toggle .line2 {
        width: 26px;
        height: 2px;
        background: #fff;
        display: inline-block;
    }
    .mobile-menu-toggle .line3 {
        width: 20px;
        height: 2px;
        background: #fff;
        display: inline-block;
    }
    .container {
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }
    /****************************/
    .primary-menu ul > li > a span.arrow {
        display: inline-block;
        position: relative;
        top: 0;
        right: -10px;
    }
    .primary-menu ul > li.active > a span.arrow {
        position: relative;

    }
    .primary-menu ul > li > a {
        display: inline-flex;
        border: none;
        align-items: center;
        gap: 10px;
    }
    .primary-menu ul > li {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-right: 15px;
        box-sizing: border-box;
        width: 100%;
    }
    .primary-menu ul > li:last-child > a {
        border: none;
    }
    .primary-menu ul.head-menu > li.b_menu:hover .sub-wrapper .sub-wrapper {
        display: flex;
    }
    #site-header .primary-menu {
        background: #131212;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        overflow-y: scroll;
        box-sizing: border-box;
    }
    #site-header .primary-menu .mmenu-close {
        position: absolute;
        top: 32px;
        right: 32px;
    }
    #site-header .primary-menu ul.head-menu {
        list-style: none;
        margin: 0;
        display: flex;
        flex-direction: column;
        padding: 60px 0 0 0;
        align-items: baseline;
        gap: 15px;
    }
    /**************** sub menu ******************/
    .primary-menu ul.head-menu > li.s_menu:hover .sub-wrapper {
        display: none;
    }
    .primary-menu ul.head-menu > li.s_menu > .sub-wrapper {
        display: none;
        position: inherit;
        top: inherit;
        width: 100%;
        max-width: 100%;
        padding: 15px 15px;
        margin-left: 15px;
        border: none;
        border-radius: 3px;
    }
    .primary-menu ul.head-menu > li.s_menu.active > .sub-wrapper {
        display: block;
    }
    .primary-menu ul.head-menu > li.s_menu > .sub-wrapper .container {
        padding: 0;
    }
    .primary-menu ul.head-menu > li.s_menu > .sub-wrapper ul.sub-menu {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    /**************** sub menu ******************/

    .primary-menu ul.head-menu > li.b_menu > .sub-wrapper {
        display: none;
        position: inherit;
        top: inherit;
        width: 100%;
        max-width: 100%;
        padding: 10px 0;
    }
    .primary-menu ul.head-menu > li.b_menu.active > .sub-wrapper {
        display: block;
    }
    .header-menu.fixed .primary-menu ul.head-menu > li.b_menu > .sub-wrapper {
        top: 5px;
    }
    .primary-menu ul.head-menu > li.b_menu > .sub-wrapper .container {
        padding: 0;
    }
    .primary-menu ul.head-menu > li.b_menu:hover .sub-wrapper .sub-menu {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .primary-menu ul.head-menu > li.b_menu .sub-wrapper .sub-menu {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .primary-menu ul.head-menu > li.b_menu .sub-wrapper {
        /*display: none;*/
        background: #fff;
        position: inherit;
        width: 88%;
        left: initial;
        top: initial;
        padding: 15px;
        border: none;
        margin-left: 15px;
        border-radius: 3px;
    }
    .primary-menu ul.head-menu > li.b_menu > .sub-wrapper .sub-menu > li.menu-item-has-children .sub-wrapper {
        margin-top: 0;
    }
    .primary-menu ul.head-menu > li.b_menu > .sub-wrapper .sub-menu > li.menu-item-has-children a span.arrow {
        display: none;
    }

    .mobile-menu-toggle.menu-open .line:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }
    .mobile-menu-toggle.menu-open .line:nth-child(2) {
        transform: translate(9px, -7px) rotate(-45deg);
    }
    .mobile-menu-toggle.menu-open .line:nth-child(3) {
        transform: translate(2px, -6px) rotate(-45deg);
    }
    /***********************************************/
    .s5 .s5-inner {
        grid-template-columns: repeat(2, 1fr);
    }
    .s7 .s73 {
        grid-template-columns: repeat(3, 1fr);
    }
    .s3 .s3-inner .s3-right {
        text-align: center;
    }
    .s7 .s7-inner {
        grid-template-columns: repeat(3, 1fr);
        text-align: center;
    }
    .s8 .s8-inner .s8-block {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .s8 .s8-inner .s8-block .s8b-right {
        text-align: center;
    }
    .s8 .s82-inner .s82-left {
        max-width: 100%;
    }
    .s9 .s9-inner .s9-block {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .s9 .s9-inner .s9-block .s9b-right {
        text-align: center;
    }
    .s10 .s10-inner .s10-block {
        grid-template-columns: 1fr;
    }
    .s10 .s10-inner .s10-block .s10b-right {
        text-align: center;
    }
    .s10 .s10-inner .s10-block:last-child {
        grid-template-columns: 1fr;
    }
    .s10 .s10-inner .s10-block:last-child .s10b-left {
        order: 1;
    }
    .s10 .s10-inner .s10-block:last-child .s10b-right {
        order: 2;
    }
    .s11 .s11-inner {
        grid-template-columns: 1fr;
    }
    .s12 .s12-inner {
        grid-template-columns: 1fr;
    }
    .s12 .s12-inner .s12-r {
        text-align: center;
    }
    .s14 .s14-inner {
        grid-template-columns: 1fr;
    }
    .s14 .s14-inner .s14-r {
        text-align: center;
    }
    .s14 .s142-inner {
        grid-template-columns: 1fr;
    }
    .s14 .s142-inner .s142-r {
        order: 2;
        text-align: center;
    }
    .s14 .s142-inner .s142-l {
        order: 1;
    }
    footer .footer-inner {
        grid-template-columns: 1fr;
    }
    footer .footer-inner .f-info {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    footer .footer-bottom {
        margin-top: 30px;
    }
    .logo {
        position: relative;
        z-index: 9;
    }
    .primary-menu ul.head-menu > li.s_menu > .sub-wrapper ul.sub-menu {
        gap: 30px!important;
    }
    .s7 .s7-inner .l-prev, .s7 .s7-inner .l-next {
        position: absolute;
        background: #1A1A1B;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s;
        z-index: 9;
    }
    .s7 .s7-inner .l-prev {
        left: 0;
        bottom: 45%;
        transform: rotate(90deg);
    }
    .s7 .s7-inner .l-next {
        right: 0;
        bottom: 45%;
        transform: rotate(-90deg);
    }
    .s7 .s7-inner .swiper-wrapper {
        display: flex;
        gap: 0;
    }
    .s8 .s82-inner {
        background-image: none;
    }
    .sa_table .sa_table-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .sa_table .sa_table-inner .sat-right {
        justify-content: center;
    }
    .s1.cs1 .s1-inner {
        grid-template-columns: 1fr;
    }
    .s1.cs1 .s1-inner .s1-img-in {
        display: none;
    }
    .s8.sa8 .s82-inner {
        background-image: none;
        padding: 60px 0 0 0;
    }
    .s8.sa8 {
        padding: 0;
    }
    .sa_pc .sa_pc-inner {
        grid-template-columns: 1fr;
        gap: 60px;
        padding-bottom: 60px;
    }
    .sa_pc .sa_pc-inner .sat-right {
        text-align: center;
    }
    .s8.sa8 .s8-inner .s8-block .s8b-right {
        text-align: center;
    }
    .sa_pc.section {
        padding-top: 60px;
    }
    .s14.sa14 {
        padding: 0;
    }
    .s14.sa14 .s14-inner {
        margin-top: 60px;
    }
    .s14 {
        padding: 0 0 60px 0;
        background-image: url(/wp-content/uploads/2025/04/avv8.png);
        background-position: left center;
        background-repeat: no-repeat;
    }
    .s1.cs1 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .breads {
        margin-bottom: 40px;
    }
    .s14.sa14 .s1422-inner {
        margin-top: 50px;
    }
    .s6.sa6 {
        padding-top: 50px;
    }
    .s_promo_how .sph-inner {
        grid-template-columns: 1fr;
    }
    .s_promo_how .sph-right {
        justify-content: center;
    }
    .s3.spp1 {
        padding-top: 60px;
    }
    .s_promo_how.spp3.spp31 {
        padding-top: 0;
    }
    .strp .strp-block:nth-child(2n+1) {
        grid-template-columns: 1fr;
    }
    .strp .strp-block:nth-child(2n+1) .strp-r {
        order: 3;
        display: flex;
        justify-content: center;
    }
    .strp .strp-block:nth-child(2n) {
        grid-template-columns: 1fr;
    }
    .s3 .s3-inner {
        grid-template-columns: 1fr;
    }
    .strp .strp-block .strp-r {
        justify-content: center;
    }
    .strp .strp-inner {
        gap: 10px;
    }
    .s_promo_table {
        padding: 30px 0;
    }
    .s3.s3demo.s3d-reverse {
        padding: 0;
    }
    .av1 .av1-inner {
        grid-template-columns: 1fr;
    }
    .av1 {
        padding-top: 100px;
        align-items: flex-start;
        gap: 30px;
        height: auto;
        max-height: initial;
    }
    .av1 .av1-inner .av1-right {
        padding: 30px;
    }
    .av-block.av-right {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 30px;
    }
    .av-block.av-left .avb-info, .av-block.av-right .avb-image {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .av-block.av-left {
        grid-template-columns: 1fr;
    }
    .av1 .av1-inner .av1-right .av1r .av1r-info {
        padding: 15px 0 0 0;
    }
    .av3 {
        padding: 50px 0 0 0;
    }
    .av-block {
        padding: 0;
    }
    .av-block.border-en {
        padding: 25px;
    }
    .av3 h2 {
        font-size: 32px;
    }
    .av-block .avb-info ul ul {
        padding-left: 15px;
    }
    .s8 .s82-inner, .s8.sa8 .s82-inner.s822, .s8.sa8 .s82-inner.s821, .s8.sa8 .s82-inner.s823 {
        background: none;
    }
    .s14.sa14 .s141-inner .s14-r img {
        max-height: 300px;
        width: auto;
    }
    .s14.sa14 .s141-inner .s14-r {
        text-align: center;
    }
    .av-block.av-right .avb-image img {
        max-width: 80%;
        height: auto;
    }
    .strp .strp-inner .strp-text {
        max-width: 100%;
    }
    .av3 h2 {
        max-width: 100%;
    }
    .hh {
        padding-right: 70px;
        gap: 0;
    }
    .popup {
        width: 90%;
    }
    .grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}



/***************** END 991 ************************/


@media screen and (max-width: 950px) {
    .s3 .s3-inner {
        grid-template-columns: 1fr;
    }
    .s1 {
        height: auto;
        padding-top: 150px;
    }
    .s1 .s1-inner h1 {
        font-size: 60px;
        line-height: 127%;
    }
    .s1 .s1-inner .s1-img-in {
        display: none;
        /*position: relative;*/
        /*right: auto;*/
        /*bottom: auto;*/
        /*text-align: center;*/
        /*padding: 25px 0;*/
    }
    .s1 .s1-inner .s1-img-in img {
        max-height: 300px;
    }
    .s1 .s1-inner {
        max-width: 100%;
    }
    h2.h2 {
        text-align: center;
    }
    .s10 .s10-inner .s10-block .s10b-left h3 {
        text-align: center;
    }
    .s8 .s82-inner .s82-left h2 {
        text-align: center;
    }
    h3.h3 {
        text-align: center;
        margin-bottom: 30px;
    }
}

/***************** END 950 ************************/

@media screen and (max-width: 768px) {
    .section table tr td {
        padding: 15px;
    }
    .s1 .s1-inner h1 {
        font-size: 50px;
        line-height: 127%;
        max-width: 77%;
    }
    .s1 .s1-inner .s1-text {
        font-size: 18px;
    }
    .s10b-right img, .s14 .s14-inner .s14-r img {
        width: auto;
        max-height: 300px;
    }
    .s12 .s12-inner .s12-r img, .s14 .s142-inner .s142-r img {
        max-height: 300px!important;
        width: auto;
    }
    .sa_table .sa_table-inner .sat-right img {
        height: 350px;
    }
    .s1 .s1-inner h1 br {
        display: none;
    }
    .s_promo_how .sph-inner {
        gap: 0;
    }
    .s_promo_how {
        padding: 60px 0 0 0;
    }
    .av1 .av1-inner .av1-right .av1r {
        padding: 90px 15px 15px 15px;
    }
    .av1 .av1-inner .av1-right {
        padding: 0;
    }
    .av1 .av1-inner .av1-right .av1r .av1r-logo {
        right: calc(50% - 80px);
    }
    .av1 .av1-inner {
        gap: 145px;
    }
    .tableOuter {
        overflow-x: scroll;
    }
    .av1 ul {
        padding-left: 20px;
    }
    .av1 .av1-inner .av1-left .link-offer {
        text-align: center;
    }
}

/***************** END 768 ************************/


@media screen and (max-width: 700px) {
    .s7 .s7-inner {
        grid-template-columns: repeat(2, 1fr);
        text-align: center;
    }
    .s7 .s73 {
        grid-template-columns: repeat(2, 1fr);
    }
    h2.h2 {
        font-size: 32px;
    }
}


/*********************************************/

@media screen and (max-width: 600px) {
    .s5 .s5-inner {
        grid-template-columns: 1fr;
    }
    .s7 .s73 {
        grid-template-columns: 1fr;
    }
    .s8 .s8-inner .s8-block {
        padding: 20px;
    }
    .s9 .s9-inner .s9-block {
        padding: 20px;
    }
    .s10 .s10-inner .s10-block .s10b-left h3 {
        font-size: 30px;
        line-height: 1.3;
    }
    .s10 .s10-inner {
        gap: 50px;
    }
    .s9 {
        padding: 0;
    }
    .s11 .s11-inner .s11-block h3 {
        font-size: 28px;
    }
    .s11 .s11-inner {
        grid-row-gap: 20px;
    }
    .s11 {
        padding: 60px 0 0 0;
    }
    .section table tr td {
        font-size: 16px;
    }
    .s13 {
        padding: 60px 0 0 0;
    }
    .s14 .s14-inner .s14-l h3, .s14 .s142-inner .s142-l h3 {
        font-size: 28px;
    }
    .s14 {
        padding: 60px 0 0 0;
    }
    .faq .faq-inner h3 {
        font-size: 22px;
    }
    .faq {
        padding: 60px 0 0 0;
    }
    .s2 .s2-inner .arr-top span {
        font-size: 28px;
    }
    .s2 .s2-inner {
        padding: 12px 20px;
    }
    .s3 {
        padding: 60px 0 0 0;
    }
    .s4 {
        padding: 60px 0 0;
    }
    .s5 {
        padding: 60px 0 0 0;
    }
    .s6 .s6-inner {
        margin-top: 50px;
    }
    .s6 {
        padding: 60px 0 0 0;
    }
    .s7 .s72 {
        padding: 60px 0 50px 0;
    }
    .s7 {
        padding: 60px 0 0 0;
    }
    .s8 .s82-inner {
        padding: 60px 0 0 0;
    }
    .s10 .s10-inner .s10-block:last-child {
        gap: 60px;
    }
    .s10 {
        padding: 60px 0 0 0;
    }
    .s12 {
        padding: 60px 0 0 0;
    }
    .s2 {
        padding-top: 10px;
    }
    .s9 .s9-inner .s9b-right img {
        max-width: 100%;
    }
    .s_beft p {
        text-align: left;
    }
    .s9 .s9-inner .s9-block .s9b-left .s9b-title {
        font-size: 25px;
    }
    .s9 .s9-inner .s9-block .s9b-left .s9b-text {
        font-size: 18px;
    }
    .s_beft p {
        font-size: 18px;
    }
    .s8 .s8-inner .s8-block .s8b-left .s8b-text {
        font-size: 18px;
    }
    .s8 .s8-inner .s8-block .s8b-left .s8b-title {
        font-size: 25px;
    }
    .s7 .s72 .s72-text {
        font-size: 18px;
    }
    .s1 {
        padding-bottom: 40px;
    }
    .s_promo_prime {
        padding-top: 60px;
    }
    .sph-right img {
        max-height: 300px;
    }
    .av1 .av1-inner .av1-left h1 {
        font-size: 27px;
    }
    .av3 h2 {
        font-size: 24px;
    }
    .av3.section h3 {
        font-size: 22px;
    }

}

/**************** END 650 *************************/

@media screen and (max-width: 550px) {
    .s1 .s1-inner h1 {
        font-size: 32px;
    }
    .s1 {
        height: auto;
        padding-top: 146px;
    }
    .s1 .s1-inner .s1-text {
        font-size: 16px;
        line-height: 1.6;
    }
    a.a1, a.a2 {
        font-size: 16px;
    }
    .s5 .s5-inner .s5-block {
        padding: 20px 15px;
    }
    .section table tr td {
        font-size: 14px;
        padding: 10px;
    }
    .s1 .s1-inner .s1-btns {
        flex-direction: column;
    }
    .s13 .s13-inner {
        overflow-x: auto;
    }
    .s13 .s13-inner table {
        display: block;
        min-width: 600px;
    }
    .s_promo_table .s6-inner {
        overflow-x: auto;
    }
    .s_promo_table table {
        display: block;
        min-width: 600px;
    }
    .s14 .s14-inner .s14-l .s14-text ol {
        padding-left: 20px;
    }
    h2.h2 {
        font-size: 27px;
    }
    .s2 .s2-inner .arr-bottom a {
        width: 130px;
        font-size: 18px;
    }
    .s2 .s2-inner .arr-bottom {
        justify-content: space-around;
        column-gap: 5px;
    }
    footer .footer-bottom p {
        font-size: 14px;
    }
    .s11 .s11-inner .s11-block h3 {
        font-size: 24px;
    }
    .s10 .s10-inner .s10-block .s10b-left h3 {
        font-size: 27px;
    }
    .s13.sa13 .s13-inner table {
        min-width: 400px;
    }
}

@media screen and (max-width: 450px) {
    .faq .faq-inner h3 {
        font-size: 18px;
    }
    .faq .faq-inner p {
        font-size: 15px;
    }
    footer .footer-inner .f-info .f3d .f3d-email, footer .footer-inner .f-info .f3d .f3d-email a {
        font-size: 20px;
    }
    footer .footer-inner .f-info .footer-menu ul {
        gap: 10px;
    }
    footer .footer-inner .f-info {
        gap: 30px;
    }
    .s1 {
        padding-top: 100px;
    }
    .s1 {
        background-position: left top, right top 8%, top center;
    }
    .s7 .s72 {
        padding: 120px 0 50px 0;
    }
    .s7 .s7-inner .l-prev {
        left: 30%;
        bottom: -85px;
    }
    .s7 .s7-inner .l-next {
        right: 30%;
        bottom: -85px;
    }
    .popup {
        width: 80%;
    }
    .grid-container {
        grid-template-columns: 1fr;
    }
}



@media screen and (max-width: 400px) {
    .s1 .s1-inner h1 {
        font-size: 25px;
        max-width: 100%;
    }
    .s7 .s7-inner .l-prev {
        left: 20%;
    }
    .s7 .s7-inner .l-next {
        right: 20%;
    }
}


@media screen and (max-width: 340px) {
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }
}