@media (max-width: 2048px) {

}
@media (min-width: 2560px) {
    .marquee.marquee3.headliner5 {
        bottom: -20%;
    }
    .vh-100-my {
        height: auto;
    }
    .gap-2x {
        row-gap: 5rem;
    }
    .mir-2 {
        margin-top: 5rem !important;
    }
    .start-page .container-xxl {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {
    /*.px-xxl-auto {*/
    /*    padding-right: calc(var(--bs-gutter-x) * .5) !important;*/
    /*    padding-left: calc(var(--bs-gutter-x) * .5) !important;*/
    /*}*/
}
@media (min-width: 1921px) {
    .marquee.marquee3.headliner5 {
        bottom: -28%;
    }
}
@media (min-width: 2561px) {
    .marquee.marquee3.headliner5 {
        bottom: -20%;
    }
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .headliner-col-20 {
        transform: translateX(-6%);
    }
    .headliner-col-30 {
        transform: translateX(-16%);
    }
    .headliner-col20 {
        transform: translateX(16%);
    }
    .headliner-col30 {
        transform: translateX(06%);
    }
}
@media (max-width: 1920px) {

}
/*Устройства X-Large (большие настольные компьютеры, менее 1400 пикселей)*/
@media (max-width: 1399.98px) {
    .start-page .fs-64 {
        font-size: 2.5rem;
    }
    @media screen and (orientation: landscape) {
        .gap-2x {
            gap: 2rem;
        }
    }
    .start-page .btn-buy {
        font-size: 2.5rem !important;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .fs-72 .marquee_line {
        font-size: 4rem;
    }
    .marquee {
        height: 64px !important;
    }
    .mobile .nav-link {
        font-size: 1.5rem;
    }
    .mobile .navbar-nav {
        row-gap: 0.25rem;
    }
    .fs-xl-128 {
        font-size: 6rem;
    }
    .headliner-col-20 {
        transform: translateX(-6%);
    }
    .headliner-col-30 {
        transform: translateX(-16%);
    }
    .headliner-col20 {
        transform: translateX(16%);
    }
    .headliner-col30 {
        transform: translateX(6%);
    }
    .fs-100 .marquee_line {
        font-size: 5rem;
    }
    .marquee.marquee3 {
        height: 80px !important;
    }
    .head-anime span {
        width: 260px;
    }
    .social.start-100 {
        margin-left: -52px;
    }
}
@media (min-width: 1200px) {
    .headliner-font .fs-4 {
        font-size: 1.6rem !important;
    }
}
/*Устройства Large (настольные компьютеры, менее 1200 пикселей)*/
@media (max-width: 1199.98px) {
    .gap-2x {
        gap: 3rem;
    }
    .marquee.marquee3 {
        top: 30%;
    }
    .marquee.marquee3.headliner5 {
        bottom: -50%;
    }
    .head-anime {
        font-size: 1.25rem !important;
    }
    .btn-buy {
        font-size: 2.5rem !important;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .mir-1 {
        height: 60%;
    }
    .partner-gap {
        gap: 4rem;
    }
    .head-anime span {
        width: 215px;
    }
    .mir-2 .medium {
        font-size: 2.5rem !important;
        font-weight: 700;
    }
    footer .social img {
        height: 50px;
    }
    /*flip-clock*/
    .mir-blue.clock-round {
        transform: translate(-50%, -50%) rotate(15deg);
    }
}
@media (min-width: 992px) {
}
/*Устройства Medium (планшеты, менее 992 пикселей)*/
@media (max-width: 991.98px) {
    .mir-1 .medium {
        font-weight: 400;
        font-size: 1.25rem !important;
    }
    .mir-1 {
        row-gap: 5rem;
        margin-top: 1rem;
    }
    .fs-72 .marquee_line {
        font-size: 2.75rem;
    }
    .fs-100 .marquee_line {
        font-size: 5rem;
    }
    .marquee, .marquee.marquee2 {
        height: 44px !important;
    }
    .marquee.marquee3 {
        height: 80px !important;
        top: 15%;
    }
    .marquee_line>img {
        width: 24px;
        height: 24px;
        margin: 0 1.5rem;
    }
    .mir-2 .row {
        row-gap: 0.75rem;
    }
    .start-page {
        background-size: 250%;
    }
    .fs-128 .marquee_line {
        font-size: 3rem;
    }
    .fs-128 {
        font-size: 5rem;
    }
    #about+div .fs-4 {
        font-size: 1.25rem;
    }
    .headliner6mob {
        transform: rotate(-6deg) translateY(-100%);
    }
    .headliner8mob {
        transform: rotate(8deg) translate(5%, -60%);
    }
    .headliner6-2mob {
        transform: rotate(-6deg) translateY(-40%);
    }
    .headliner6-3mob {
        transform: rotate(-6deg) translateY(-30%);
    }
    .headliner2Rmob {
        /*transform: translateY(-40%);*/
        margin-top: -20%;
    }
    .headliner3Rmob {
        /*transform: translate(10%, -50%);*/
        transform: translateX(10%);
        margin-top: -5%;
    }
    .headliner4Rmob {
        /*transform: translate(-10%, -65%);*/
        transform: translateX(-10%);
        margin-top: -8%;
    }
    .headliner4-2Rmob {
        transform: translateX(-10%);
        margin-top: -16%;
    }
    .headliner5Rmob {
        /*transform: translate(10%, -70%);*/
        transform: translateX(10%);
        margin-top: -2%;
    }
    .headliner6Rmob {
        transform: translateX(-10%);
        margin-top: -8%;
    }
    .bg-md-light-blue {
        background-color: #AEE8FC;
    }
    .bg-md-white {
        background-color: #fff;
    }
    .mx-n2 {
        margin-left: -1rem;
        margin-right: -2rem;
    }
    .mx-n3 {
        margin-left: -7rem;
        margin-right: -4rem;
    }
    .mx-n4 {
        margin-left: -1rem;
        margin-right: -5rem;
    }
    @media screen and (orientation: landscape) {
        .mir-1 {
            height: auto;
            gap: 2rem !important;
        }
    }
    .btn-collapse::after {
        transform: translateY(32%);
    }
    .btn-collapse:not(.collapsed)::after,
    .btn-collapse.red:not(.collapsed)::after,
    .btn-collapse.red01:not(.collapsed)::after,
    .btn-collapse.blue03:not(.collapsed)::after {
        /*background-size: 50% 1.5px, 0px 50%;*/
        transform: translateY(32%) rotate(45deg);
    }
    .partner-gap {
        gap: 2rem;
    }
    /*flip-clock*/
    .clock-round {
        transform: rotate(15deg);
    }
}
@media (max-width: 820px) {
}
/*Modal*/
@media (min-width: 576px) {
    .modal-dialog {
        max-width: var(--bs-modal-width);
    }
}
@media (min-width: 768px) {
    .modal-dialog {
        max-width: 700px;
    }
}
/*Устройства Small (телефоны с горизонтальной ориентацией, менее 768 пикселей)*/
@media (max-width: 767.98px) {
    .mir-1 {
        height: 70%;
    }
    .gap-2x {
        gap: 2rem;
    }
    .start-page .social img {
        width: 35px;
    }
    .fs-100 .marquee_line {
        font-size: 4rem;
    }
    .marquee.marquee3 {
        height: 64px !important;
    }
    /*.headliner6-2mob {*/
    /*    transform: rotate(-6deg) translateY(-400%);*/
    /*}*/
    .fs-128 {
        font-size: 4rem;
    }
    .partner-gap {
        gap: 0;
    }
    .mir-2 .medium {
        font-size: 1.5rem !important;
        font-weight: 700;
    }
    /*Modal*/
    .modal-footer .btn {
        width: 100%;
        position: relative;
    }
    .modal-footer .btn:after {
        content: '';
        width: 19px;
        height: 19px;
        background: url('/img/right.svg');
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
    }
    .modal-title {
        font-size: 3rem;
    }
    .modal-footer {
        flex-direction: column-reverse;
    }
}
@media (max-width: 630px) {
    /*.headliner6-2mob {*/
    /*    transform: rotate(-6deg) translateY(-350%);*/
    /*}*/
}
/*Устройства X-Small (портретные телефоны, менее 576 пикселей)*/
@media (max-width: 575.98px) {
    .fs-128 {
        font-size: 3rem;
    }
    .headliner {
        border-radius: 20px;
    }
    #headliners+div .fs-4 {
        font-size: 1rem !important;
    }
    #event+div .fs-5.bold {
        font-size: 1rem !important;
        font-weight: 500;
        text-transform: capitalize !important;
    }
    #event+div .fs-64 {
        font-size: 2.5rem;
    }
    .btn-collapse::after {
        transform: translateY(30%);
    }
    .btn-collapse:not(.collapsed)::after,
    .btn-collapse.red:not(.collapsed)::after,
    .btn-collapse.red01:not(.collapsed)::after,
    .btn-collapse.blue03:not(.collapsed)::after {
        /*background-size: 50% 1.5px, 0px 50%;*/
        transform: translateY(30%) rotate(45deg);
    }
    /*flip-clock*/
    .flipclock {
        padding: 6.9446855794vw;
    }

    .leaf {
        margin: 0 0.6944685579vw;
    }

    .leaf::after {
        margin-top: 1.3889371159vw;
        font-size: 3.5vw;
    }

    .top,
    .bottom,
    .leaf-front,
    .leaf-back {
        height: 11.111496927vw;
        width: 20.8340567381vw;
    }
    .top span,
    .bottom span,
    .leaf-front span,
    .leaf-back span {
        height: 22.222993854vw;
        font-size: 13.8893711587vw;
        line-height: 22.222993854vw;
    }

    .leaf._3-digits .top,
    .leaf._3-digits .bottom,
    .leaf._3-digits .leaf-front,
    .leaf._3-digits .leaf-back {
        width: 25.6953366436vw;
    }

    .top,
    .leaf-front {
        border-top-left-radius: 1.0417028369vw;
        border-top-right-radius: 1.0417028369vw;
    }

    .bottom,
    .leaf-back {
        border-bottom-left-radius: 1.0417028369vw;
        border-bottom-right-radius: 1.0417028369vw;
    }

    .leaf-back {
        top: 11.111496927vw;
    }
    /*Modal*/
    .modal-footer .btn {
        width: 90%;
    }
    .modal-content {
        border-radius : 40px;
    }
}
@media (max-width: 351px) {
    .fs-128 {
        font-size: 2.5rem;
    }
    /*Modal*/
    .modal-footer .btn {
        width: 100%;
    }
}
@media (max-height: 709.98px) and (orientation: portrait) {
    .mir-1 {
        row-gap: 1.5rem;
        margin-top: 1rem;
    }
    .mobile .navbar-nav {
        row-gap: 0.7rem;
    }
    .mobile .col-6 {
        width: 40%;
    }
}
@media (max-height: 991.98px) and (orientation: landscape) {
    @supports(height: 100dvh) {
        .mobile {
            height: 100dvh;
            margin-bottom: calc(100lvh - 100svh);
        }
    }
    .mobile .col-6 {
        width: 25%;
    }

}
@media (max-height: 568.98px) and (orientation: portrait) {
    .mir-1 {
        row-gap: 1rem;
        margin-top: 1rem;
    }
    .mobile .navbar-nav {
        row-gap: 0.5rem;
    }
}
@media (min-width: 1400px) and (max-width: 1536px) {
    .mir-1 .col-xxl-8 {
        width: 40%;
    }
}