@media (max-width: 1560px) {
    

    .faq-item:hover {
        width: 100%;
        margin-left: 0;
    }

    .footer img {
        mask-image: none;
        -webkit-mask-image: none;

    }

    .footer img.animate,
    .footer img.noanimate {
        margin-top: -233px;
    }

    .left,
    .right {
        display: none;
    }

    .center {
        background: linear-gradient(90deg, #0065ca, #0d95e2, #58cbb0, #cbe639);
    }


}

@media (max-width: 1400px) {
    

    .copyright {
        background: linear-gradient(90deg, #005bb6, #0880c9, #49b7a0, #bad02c);
    }

    .day-card:last-child {
        display: none;
    }

    .day-card {
        width: 253px;
        width: 20%;
    }

    .day-card::after {
        width: 110%;
    }

    .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        box-sizing: border-box;
    }

    #days-container,
    #FAQ,
    .faq,
    .faq-item,
    .footer_bar {
        width: 100%;
    }

    .nav-menu li:nth-child(2) {
        display: none;
    }

    #hand_card_offer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        align-items: center;
        
    }

    .hand_card {
        transform: scale(1.6);
        padding-top: 50px;
        padding-left: 5vw;
        
    }

    #hand_card_offer .cont3 {
        margin: 0;
    }




    #block2 {
        height: 400px;
    }



    .step {
        padding: 40px 40px;
    }

    .form-card .step {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .spaces,
    .adr_dn {

        flex: 1;
        min-height: 0;
    }

    .form-card .spaces {
        flex: 1 1 auto;
        min-height: 0;
    }


    .form-card .buttons {
        margin-top: 24px;
    }

    .step2 .adr_dn {
        display: flex;
        flex-direction: column;
    }



    #info-blocks {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        width: 100%;
    }

    #block1,
    #block3 {
        flex: 1 1 calc(50% - 15px);
        height: 720px;
    }

    #address {
        height: 61px;
    }

    #address {
        height: 100%;
    }

    .adr_dn {
        
        flex: 0 0 auto;
        height: auto;
    }


    .info-card {
        height: 720px;
    }

    #block2 {
        flex: 1 1 100%;
        order: 3;
    }


    .btn-group button,
    .btn-group button.active,
    .btn-group button:not(.active),
    .back-btn,
    .next-btn,
    .next-btn.full,
    .next-btn.part,
    .amount_btn,
    .buttons button,
    .buttons .next-btn,
    .buttons .amount_btn {
        height: 60px;
        font-size: 18px;

    }





    input,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="password"],
    .step textarea,
    .input,
    .input-field,
    .form-input,
    .form-control,
    .amount_input,
    .contact_input,
    .subscribe_input,
    .feedback_input {
        height: 60px;

        font-size: 18px;

    }

    .step textarea {
        padding: 18px 40px 10px 20px;

        box-sizing: border-box;
    }

    input::placeholder,
    .input::placeholder,
    .input-field::placeholder,
    .form-input::placeholder,
    .form-control::placeholder,
    .amount_input::placeholder,
    .contact_input::placeholder,
    .subscribe_input::placeholder,
    .feedback_input::placeholder .step textarea::placeholder {
        font-size: 18px !important;
    }

    .btn-group {
        padding: 10px 0 30px 0;
    }

    .step .sub-control {

        padding-bottom: 30px;
    }

    .inp {
        height: 78px;
    }

    .btn-group button.active::before {
        height: 17px;
    }

    .step p {
        font-size: 18px;
    }

    .amounts {
        margin-bottom: 62px;
    }

    .step3 .inp {
        margin-bottom: 10px;
    }

    .step3 .buttons {
        
        margin-top: auto;
    }

    .designs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding: 10px 0 20px 0;
    }

    .designs img {
        width: 100%;
        height: 141px;
        border-radius: 10px;
        object-fit: cover;
        object-position: left center;
        display: block;
    }


    .step2 {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    .step2 .adr_dn {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        
        min-height: 0;
    }

    
    .step2 .adr_dn .inp {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        
        min-height: 61px;
    }

    
    .step2 #address {
        flex: 1 1 auto;
        height: auto;
        
        min-height: 61px;
        box-sizing: border-box;
    }

    
    .step2.is-multi #address {
        height: 100%;
    }

    
    .step2 .adr_dn .buttons {
        margin-top: auto;
    }

    .step2 .adr_dn .inp {
        margin-bottom: 20px;
    }

}

@media (max-width: 1280px) {

    
    .hd_sp {

        margin-top: 77px;
    }

    .day-card::after {
        width: 102%;
    }

    .nav-right {
        gap: 40px;
    }

    header {
        height: 500px;
    }

    .promo-gift {
        display: none;
    }

    .day-card:nth-last-child(-n+2) {
        display: none;
    }

    .day-card {

        width: 25%;
    }
}

@media (max-width: 1150px) {

    .step2 input {
        height: 61px;
    }

    .step textarea {
        height: 100%;
    }

    .adr_dn {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }



    .step {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    .designs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;

    }

    .designs img {
        width: 100%;
        
        height: auto;
        border-radius: 10px;
        object-fit: contain;
        object-position: left center;
        display: block;
    }

    

}

@media (max-width: 1024px) and (orientation: landscape),
(max-width: 1024px) and (orientation: square) {

    #the_girl video {
        display: none;
    }

    .card-wrap.animate,
    .card-wrap.noanimate {
        display: none;
    }

    #hand_card_offer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 350px;
    }

    .info-card.animate,
    .info-card.noanimate {
        height: 620px;
    }



    .designs {
        width: 60%;
    }

    #days-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 20px;
        margin: 40px auto 0 auto;
    }

    .day-card {
        width: 100%;
        aspect-ratio: 203 / 308;
        height: auto;
    }

    .day-card img {
        width: 100%;
        aspect-ratio: 203 / 308;
        height: auto;
    }

    .day-card:nth-last-child(-n+2) {
        display: block;
    }

    .main-nav,
    .main-nav {
        padding: 30px 30px;
    }

    #the_girl,
    .promo-art-arrow,
    .promo-shadow2,
    .promo-card1,
    .promo-card2 {
        display: none;
    }

    .hd_sp {
        margin-top: -50px;
    }

    header {
        height: 380px;
    }

    .day-card p {
        font-size: 2vw;
        line-height: 2vw;
        margin-top: calc(40px - 4.0vw);
        font-weight: 700;
    }

    .slider-pagination {
        display: none;
    }

    .nav-menu li:nth-child(3) {
        display: none !important;
    }

    
    #info-blocks {
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 100%;
    }

    .info-wrapper {
        width: 100%;
    }



}



@media (max-width: 1024px) and (orientation: portrait) {

    
    #the_girl video {
        display: none;
    }

    #block3 {
        margin-bottom: -30px;

        height: 820px;
    }

    #hand_card_offer:hover .hand_card {
        transform: translate(0px, 0px) scale(1.55) rotate(0deg);
        pointer-events: none;
    }

    #hand_card_offer:hover .cont3 {
        margin-top: 30px;

    }

    .step {
        max-height: 850px !important;
        

    }



    .designs {
        max-width: 100%;
        
        display: grid;
        
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .step {
        height: 700px;
    }

    .buttons {
        margin-bottom: 28px;
    }



    .step2 input {
        height: 61px;
    }

    .step textarea {
        height: 100%;
    }



    .adr_dn {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .designs img {
        
        height: auto;
        width: 100%;
    }

    .mobile-menu {
        height: 120%;
    }



    
    .mobile-menu {
        position: fixed;
        inset: 0;
        
        background: linear-gradient(165deg, #2b2c91 0%, #2a4a9b 25%, #1f74b2 50%, #179dbf 75%, #1bbac7 100%);
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s ease, visibility .35s;
    }

    .main-nav.bar {
        padding: 30px 20px;
    }

    .mobile-menu.show {
        opacity: 1;
        visibility: visible;
    }

    



    .mobile-menu__close {
        position: absolute;
        top: 18px;
        right: 31px;
        background: none;
        border: none;
        cursor: pointer;
        z-index: 10;
    }

    .mobile-menu__close svg {
        width: 50px;
        height: 50px;
    }

    .mobile-menu__close {
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        
        -webkit-focus-ring-color: transparent;
        
    }

    .mobile-menu__header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 40px;
        
        box-sizing: border-box;
    }

    .mobile-menu__logo {
        height: 56px;
        
    }



    .mobile-menu__close svg line {
        stroke: #fff;
    }

    

    .mobile-menu__list li {
        margin: 36px 0;
    }

    .mobile-menu__list a {
        color: #fff;
        font-size: 28px;
        font-weight: 600;
        text-decoration: none;

    }

    .mobile-menu__contacts {
        margin-top: 60px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
    }

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

    .icon-phone {
        width: 24px;
        height: 24px;
        background: url('../img/icons/call.svg') no-repeat center/contain;
        filter: brightness(0) invert(1);
    }




    header {
        height: 100vh;
    }

    #the_girl {

        

        display: none;
    }

    .hero {
        margin-top: 3vh;
    }

    .hero-btn {
        margin-top: 45vh;
        width: 380px;
        height: 65px;
        font-size: 20px;
        margin-top: 20vh;
    }

    .call-btn {
        width: 370px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: transparent;
        border: 2px solid #fff;
        border-radius: 10px;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
        transition: background .3s ease;
    }

    .call-btn:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    .icon-phone {
        width: 24px;
        height: 24px;
        background: url('../img/icons/call.svg') no-repeat center/contain;
        filter: brightness(0) invert(1);
    }

    .promo-shadow2 {
        
        left: calc(50% - 100px);
        margin-top: 28vh;
        filter: blur(8px);
    }

    .promo-shadow2.shadow1 {
        
        left: calc(50% - 210px);
        margin-top: 24vh;
        filter: blur(16px);

        
    }

    
    .promo-shadow2.shadow1 {
        transform: translate(50%, 50px) scale(0.4);
        opacity: 0;
        animation: sliceInShadow 1.6s cubic-bezier(0.05, 0.1, 0.1, 1) forwards;

    }

    @keyframes sliceInShadow {
        0% {
            transform: translate(50%, 50px) scale(0.4);
            opacity: 0;
        }

        100% {
            transform: translate(0, 0) scale(1);
            opacity: 0.9;
        }
    }


    .day-card {
        width: 100%;
    }

    #block1,
    #block2 {
        height: 80vh;


    }

    #block3 {
        height: auto;
    }

    .info-card {
        height: 100%;
    }

    

    #info-blocks {

        display: grid;
        grid-template-columns: 1fr;
        place-items: center;
        gap: 0;

    }

    .nav-right-mob {
        display: block;
    }

    .main-nav {
        padding: 30px 40px;
    }

    .nav-right-mob img {
        height: 27px;

    }

    .day-card {
        width: 100%;
        aspect-ratio: 203 / 308;
        height: auto;

    }

    .alt_title {
        display: block;
        margin-top: 70px;
        margin-bottom: 30px;
        
    }



    .nav-right.foot {
        display: flex;
    }

    .nav-menu li:nth-child(3) {
        display: none;
    }

    .step {
        padding: 40px 80px;

    }

    .step {
        display: flex;
        flex-direction: column;
        justify-content: center;

    }


    

    [x-cloak] {
        display: none !important;
    }

    #block3>h3 {
        display: none;
    }

    .day-card p {
        font-size: 2vw;
        line-height: 2vw;
        margin-top: calc(40px - 4.0vw);
        font-weight: 700;
    }

    .day-card img {
        width: 100%;
        aspect-ratio: 203 / 308;
        height: auto;
    }

    .slider-container.animate,
    .slider-container.noanimate {
        width: 80dvw;
        
        animation: none;
        filter: none;
        margin-top: 30px;
        

        box-shadow:
            0 8px 24px rgba(0, 0, 0, 0.1),
            
            0 2px 8px rgba(0, 0, 0, 0.05);
        


    }

    #block3 {
        margin-top: 50px;
        margin-bottom: -30px;
    }

    #FAQ h2 {
        font-size: 36px;
        margin-top: -40px;
        margin-bottom: 30px;
    }


    #hand_card_offer.animate,
    #hand_card_offer.noanimate {
        width: 100dvw;
        border-radius: 0;
        animation: none;
        filter: none;


        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        flex: 1;
    }

    .hand_card {
        margin-left: -50vw;

    }

    .form-card {
        width: 100dvw;
        border-radius: 0 !important;
    }

    #block1 {
        margin-top: -20px;
    }


    h3.tablet_port {
        width: 84vw;
        display: block;
        font-size: 36px;

        font-weight: 900;
        
        margin: 20px;

    }

    .cont3_text {
        font-size: 24px;
    }


    .use_desk {
        display: none;
    }

    #hand_card_offer .cont3 {
        width: 80dvw;
        margin: 30px auto;
    }



    #hand_card_offer {
        display: grid;
        grid-template-columns: unset;
        gap: unset;
    }


    .day-card:nth-last-child(-n+2) {
        display: block;
    }

    #days-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 20px;
        margin: 40px auto 0 auto;
    }

    .promo-card1 img {
        width: 360px;
    }

    .promo-card2 img {
        width: 420px;
    }

    

    .arrow2 {
        position: relative;
        
        top: -100px;
        left: -190px;
        


        display: block;
        animation: revealDiagonal 1s ease-out forwards;
        animation-delay: 0.8s;
        clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%);
        z-index: 12;
    }

    @keyframes revealDiagonal {
        to {
            clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
        }
    }



    .promo-art-arrow {
        display: none;
    }

    .nav-right {
        display: none;
    }

    .promo-card1 {
        
        left: calc(50% - 280px);
        margin-top: 26vh;
    }

    .promo-card2 {

        left: calc(50% - 120px);
        
        margin-top: 26vh;
    }


    .slider-container {
        position: relative;
        
    }

    .slider-pagination {
        position: relative;
        bottom: 0px;
        display: flex;
        gap: 6px;
        z-index: 20;
        justify-content: center;
        align-items: center;
    }


    .slider-pagination button {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #ccc;
        border: none;
        cursor: pointer;
        padding: 0;
    }

    .slider-pagination button.active {
        background-color: #005bbf;
        width: 10px;
        height: 10px;
    }

    #block1 {
        height: 950px;
    }

    .desk_foot {
        position: absolute;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: -30px;
        transition: margin 0.5s ease-in-out;
        transition: margin 0.5s cubic-bezier(0.65, 0, 0.35, 1);


        width: 1711px;
        
        height: 385px;

        z-index: -1;


    }

    .palm {
        display: none;
    }

    

    

    

    .form-card .step {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    
    .step {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    .step2 .adr_dn {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }

    .step2 .adr_dn .inp {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 61px;
        margin-bottom: 20px;
        
    }

    .step2 .adr_dn .buttons {
        margin-top: auto;
    }

    
    .step2 #address {
        flex: 1 1 auto;
        height: auto;
        
        min-height: 61px;
        box-sizing: border-box;
    }

    .step2.is-multi #address {
        height: 100%;
    }

    













    
    
    #block3 {
        height: auto;
    }

    

    #block3 .info-card {
        
        min-height: 85dvh;
        
    }

    
    #block3 .form-card .step {
        display: flex;
        flex-direction: column;
        height: auto;
        max-height: none;
        
        min-height: 0;
    }

    
    #block3 .form-card .buttons {
        margin-top: auto;
    }

    
    .step2 .adr_dn {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .step2 .adr_dn .inp {
        flex: 1 1 auto;
        min-height: 61px;
        margin-bottom: 20px;
    }

    .step2 #address {
        flex: 1 1 auto;
        min-height: 61px;
        box-sizing: border-box;
    }

    .step2.is-multi #address {
        height: 100%;
    }




    #block3 .form-card .step {
        display: flex;
        flex-direction: column;
        height: 620px;
        
        min-height: 0;
        max-height: none;
    }

    #block3 .form-card .buttons {
        margin-top: auto;
    }

    .buttons {
        margin-bottom: 0px;
    }


    #block3 {
        height: 950px;
    }

    #block2 {
        height: 800px;
    }

    
    .mobile-menu__content {
        height: 100dvh;
        display: grid;
        grid-template-rows:
            auto
            
            1fr
            
            auto
            
            2fr
            
            auto;
        
        padding: 40px 20px;
        box-sizing: border-box;
    }

    
    .mobile-menu__header {
        grid-row: 1;
    }

    .mobile-menu__list {
        grid-row: 2;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }


    .mobile-menu__contacts {
        grid-row: 3;
    }








}

@media (max-width: 768px) {
    

    :root {
        --container-padding: 40px;
        
    }

    #days-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 20px;
        margin: 40px auto 0 auto;
    }

    .day-card p {
        font-size: 3vw;
        line-height: 3vw;
        margin-top: calc(40px - 6.0vw);
        font-weight: 700;
    }



    #block1,
    #block2 {
        height: 800px;
    }



    .cont3_row {
        margin: 30px auto;
    }

    .slider-container.animate,
    .slider-container.noanimate {
        height: 95vh;
    }

    .nav-menu li:nth-child(1) {
        display: none;
    }






    .main-nav.bar {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        
        
        box-sizing: border-box;
        width: 100%;
    }

    .nav-menu,
    .nav-right.foot {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        
    }

    .nav-menu li {
        display: block !important;
    }

    .desk_foot {
        display: none;
    }

    .mob_foot {
        display: block;
        width: 100%;
        height: auto;
    }

    .center {
        background: #005ABE;
        height: 720px;
    }

    .sub-center {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;

    }

    .mob_foot {
        margin-bottom: -2px;

    }

    .footer_bar {
        top: 470px;
    }



    .nav-schedule {
        text-align: center;
    }

    .nav-phone-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        flex: 1;
    }

    .nav-logo.bar {
        margin: 20px auto 40px auto;
    }

    .copyright {
        background: #004CA1;
    }


    .nav-logo.bar img {
        height: 69px;

    }

    .main-nav.bar {
        margin-top: 70px;
        min-height: 500px;

    }

    

    .nav-right.foot .nav-menu {
        gap: 30px;
    }

    .nav-right.foot .nav-menu a {
        color: #FFF;

        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }


    .nav-right.foot .nav-phone .phone-link {
        color: #FFF;

        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .copyright {
        color: #FFF;
        text-align: center;

        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        height: 80px;
    }

    .nav-right.foot {
        display: flex;
        flex-direction: column-reverse;
    }

    .mail {
        color: #FFF;
        text-align: center;
        margin: 20px auto;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }


    .nav-phone img {
        display: none;
    }

    .nav-schedule {
        order: -1;
    }


    .nav-right.foot .nav-phone-block .nav-schedule::before {
        content: "График работы";
        display: block;
        font-weight: 700;
        
        margin-bottom: 20px;
        
        text-align: center;
        font-size: 20px;
    }

    #hand_card_offer h3.tablet_port {
        width: 90vw;

        
        margin: -80px 0 20px 0;
    }



    .step {
        padding: 40px;
    }





    .nav-right.foot .nav-phone-block .nav-schedule {

        color: #FFF;

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0px auto 50px auto;
    }

    #hand_card_offer .cont3 {
        width: 85dvw;
        padding: 0;
        margin: 0;

    }

    .card-wrap.animate,
    .card-wrap.noanimate {
        margin-left: -70px;

    }

    #hand_card_offer.animate,
    #hand_card_offer.noanimate {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }



    .info-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }



    .cont3 {
        padding: 0 0px;
        padding-right: 30px;
    }


    .alt_title {
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .form-card .alt_title .hero-title__big {
        font-size: 70px;

        margin-top: 10px;
    }

    .form-card .alt_title .hero-title__small {
        font-size: 30px;

    }

    #block3 {
        height: auto;
    }

    #block3 .info-card {

        height: 780px;
        min-height: 50dvh;
    }


    .tablet_port {
        padding-top: 80px;
    }


    #block1 {
        margin-top: -90px;
    }

}

@media (max-width: 610px) {

    .designs {
        max-width: 100%;
        
        display: grid;
        
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .step {
        height: 650px !important;
    }

    .cont3_text {
        font-size: 22px;
    }


    .hero-title__big {
        font-size: 64px;
    }

    #block3 .info-card {
        height: 800px;
        min-height: 50dvh;
    }

    .hero-title__small {
        font-size: 34px;
    }

    .hd_sp {
        margin-top: -5vh;
        transform: scale(0.95);
    }

    .promo-card1 {
        margin-top: 0vh;
    }

    .promo-card2 {
        margin-top: 0vh;
    }

    .promo-shadow2 {
        margin-top: 4vh;
    }

    .promo-shadow2.shadow1 {
        margin-top: 0vh;
    }

    .step2 #address {
        min-height: 60px;
    }


}


@media (max-width: 550px) {

    :root {
        --title-space: 100px;
    }

    #block1 {
        height: 750px;
        margin-top: 0px;
        margin-bottom: 30px;
    }



    #info-blocks {
        margin-top: calc(170px - 20vw);
    }

    #info-blocks {
        margin-top: -30px;
    }

    .form-card .alt_title {

        margin-top: 30px;
        margin-bottom: -20px;
    }

    #block3 {
        margin-top: 30px;
    }

    #block2 {
        margin-top: 0px;
    }

    #block3 .form-card {

        min-height: 650px;
        height: 750px;
    }

    .designs {
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }


    .hero-title__small {
        color: #fff;
        font-size: 52px;
        font-weight: 400;
        line-height: 1;
        margin-left: var(--title-space);
    }

    #block3 {

        height: auto;
    }

    .step {
        padding: 32px;
        margin-top: 30px;
        height: 600px !important;
    }



    .palm {
        display: block;
        

    }



    .hero-title__big {
        font-size: 74px;
        margin-top: -30px;
    }

    .hero-title__small {
        font-size: 44px;
    }


    .form-card .alt_title .hero-title__big {
        font-size: 54px;
        font-size: calc((8vw + 64px) / 2);
        margin-top: 10px;
    }

    .form-card .alt_title .hero-title__small {
        font-size: 28px;
        font-size: calc((4vw + 28px) / 2);
    }

    .hd_sp {
        margin-top: -5vh;
        transform: scale(0.8);
    }

    .hero-btn {
        transform: scale(1.2) !important;
        margin-top: 180px;
    }



    .promo-card1 {
        margin-top: 0vh;
    }

    .promo-card2 {
        margin-top: 0vh;
    }

    .promo-shadow2 {
        margin-top: 4vh;
    }

    .promo-shadow2.shadow1 {
        margin-top: 0vh;
    }

}

@media (max-width: 510px) {
    

    header {
        background: linear-gradient(to bottom,
                #253f99 0%,
                #2867b1 20%,
                #3aa4c7 50%,
                #71c29c 80%,
                #c6d92c 100%);

    }

    #info-blocks {
        margin-top: calc(130px - 20vw);
    }


    .form-card .alt_title .hero-title__big {
        font-size: 54px;

        
    }

    .form-card .alt_title .hero-title__small {
        font-size: 28px;
    }

    .tablet_port {
        padding-top: 0px;
    }

    #hand_card_offer {
        padding-top: 80px;
    }

    .hd_sp {
        margin-top: -15vh;
        transform: scale(0.6);
    }

    



    .promo-card1 {
        margin-top: 0vh;

    }

    .promo-card2 {
        margin-top: 0vh;
    }

    .promo-shadow2 {
        margin-top: 4vh;
    }

    .promo-shadow2.shadow1 {
        margin-top: 0vh;
    }


    .mobile-menu__content {
        height: 100dvh;
        width: 100dvw;
        display: grid;

        padding: 40px 20px;
        box-sizing: border-box;
    }

    .mobile-menu__header {
        grid-row: 1;
    }

    .mobile-menu__list {
        display: flex;
        flex-direction: column;

        margin-left: 7dvw;
    }


    .mobile-menu__list a {
        color: #FFF;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        
        padding-left: 30px;
        
        background-image: url('../img/icons/arrow_white.svg');
        background-repeat: no-repeat;
        background-position: left center;

        
    }

    .mobile-menu__list li {
        margin-bottom: -5px;
    }

    .mobile-menu__list {
        margin-top: -30px;
        text-align: left;
    }


    .mobile-menu__list li:first-child {
        order: 99;
    }

    
    .mobile-menu__list li:first-child a {
        display: block;
        width: 100%;
        
        margin: 20px auto 0px auto;
        
        margin-left: -3.5dvw;


        
        border-radius: 10px;
        background: #fff;
        color: #0B5DB3;
        text-align: center;
        font-weight: 700;
        background-image: none;
        padding-left: 20px;
        box-shadow: 0 2px 0 rgba(0, 0, 0, .08);
        text-transform: uppercase;
        height: 60px;
        line-height: 60px;
        padding-left: 0;

        font-size: 18px;
        font-style: normal;
        font-weight: 900;

        letter-spacing: 1px;
    }

    .mobile-menu__list li:nth-child(2) a {
        display: none;
    }


    
    .mobile-menu__list li:last-child a:hover {
        filter: brightness(.98);
    }

    .mobile-menu__list li:last-child a:active {
        transform: translateY(1px);
    }

    .mobile-menu__list li:last-child a:focus-visible {
        outline: 2px solid #0B5DB3;
        outline-offset: 3px;
    }


    





    
    .mobile-menu__contacts {
        grid-row: 3;
        margin-top: 20px;
        width: 100%;
        height: 60px;

    }

    button {
        height: 60px;
    }

    .hero-btn {
        height: 72px;
        transform: scale(1.4) !important;
        margin-top: 250px;
        
        animation: none !important;
    }

    

    .call-btn {
        width: calc(100% - 7vw);
        margin-left: 3.5dvw;
    }

    


    :root {
        --container-padding: 32px;
    }

    .main-nav,
    .mobile-menu__header {
        padding: 30px var(--container-padding);
    }

    .slider-container.animate,
    .slider-container.noanimate {
        width: calc(100% - var(--container-padding) * 2);
        height: 120vw;
    }

    .mobile-menu__close {
        right: calc(var(--container-padding) - 10px);
    }

    .country-arrow {
        display: none;
    }

    .form-card {

        width: 100%;
    }

    #hand_card_offer.animate,
    #hand_card_offer.noanimate {
        width: 100%
    }

    .info-wrapper {
        width: 100%;
    }


    #info-blocks {
        
        box-sizing: border-box;
        width: 100vw;
        
        margin-left: calc(-1 * var(--container-padding));
        margin-right: calc(-1 * var(--container-padding));
    }

    .day-card p {
        font-size: 4vw;
        line-height: 4vw;
        margin-top: calc(40px - 7.5vw);
    }

    h3.tablet_port,
    #FAQ h2,
    #days h2 {
        font-size: 8vw;
        line-height: 8vw;
    }

    .amounts {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        
        gap: 10px;
        margin-bottom: 45px;
    }

    
    .amounts> :nth-child(2),
    .amounts> :nth-child(5) {
        display: none;
    }






}

@media (max-width: 460px) {
    

    #info-blocks {
        margin-top: calc(100px - 20vw);
    }

    #block1 {
        height: 170vw;
    }

}



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


@media (min-width: 1025px) {
    .slider-pagination {
        display: none !important;
    }
}