@media screen and (max-width: 1600px) {
    .hd-ml-30 {
        margin-left: 30px;
    }
}

@media screen and (max-width: 1366px) {
    .laptop-left-50 {
        left: 50%;
        transform: translateX(-50%);
    }

    .laptop-w-65 {
        width: 65%;
    }

    .laptop-w-50 {
        width: 50%;
    }

    .laptop-d-none {
        display: none;
    }

    .laptop-d-unset {
        display: unset;
    }

    .laptop-d-block {
        display: block;
    }

    .laptop-w-10 {
        width: 10%;
    }

    .laptop-w-20 {
        width: 20%;
    }

    .laptop-w-30 {
        width: 30%;
    }

    .laptop-w-40 {
        width: 40%;
    }

    .laptop-w-50 {
        width: 50%;
    }

    .laptop-w-60 {
        width: 60%;
    }

    .laptop-w-70 {
        width: 70%;
    }

    .laptop-w-80 {
        width: 80%;
    }

    .laptop-w-90 {
        width: 90%;
    }

    .laptop-w-100 {
        width: 100%;
    }

}

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

    .headline-2 {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.2;
    }

    .tablet-flex {
        display: flex;
    }

    .tablet-flex-column {
        flex-direction: column;
    }

    .tablet-flex-column-reverse {
        flex-direction: column-reverse;
    }

    .tablet-align-items-center {
        align-items: center;
    }

    .tablet-align-items-start {
        align-items: start;
    }

    .tablet-justify-start {
        justify-content: start;
    }

    .tablet-w-100 {
        width: 100%;
    }

    .tablet-w-60 {
        width: 60%;
    }

    .tablet-w-50 {
        width: 50%;
    }

    .tablet-w-30 {
        width: 30%;
    }

    .tablet-w-0 {
        width: 0;
    }

    .tablet-pl-3 {
        padding-left: 3%;
    }

    .tablet-pt-0 {
        padding-top: 0;
    }

    .tablet-p-0 {
        padding: 0;
    }

    .tablet-m-0 {
        margin: 0;
    }

    .tablet-mt25 {
        margin-top: 1.563rem;
    }

    .tablet-mt60 {
        margin-top: 3.75rem;
    }

    .tablet-l-0 {
        left: 0;
    }

    .tablet-l-unset {
        left: unset;
        transform: translateX(0);
    }

    .tablet-r-0 {
        right: 0;
    }

    .tablet-b-0 {
        bottom: 0;
    }

    .tablet-t-0 {
        top: 0;
    }

    .tablet-gtc-1 {
        grid-template-columns: 1fr;
        grid-row-gap: 2rem;
    }

    .tablet-overflow-hidden {
        overflow: hidden;
    }

    .tablet-img-100 {
        width: 100%;
        height: 100%;
    }

    .tablet-position-absolute {
        position: absolute;
    }

    .tablet-position-unset {
        position: unset;
    }

    .tablet-text-align-start {
        text-align: start;
    }

    .footer-menu > li:nth-last-child(-n+2) {
        margin-top: 0rem;
    }

    .oleus {
        justify-content: center;
    }

    .footer-menu {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .footer-menu > li * {
        line-height: 60px;
    }

    /*!!!!!MOBILE MENU!!!!!!*/
    .mobile-menu {
        align-items: start;
        width: 100%;
    }

    .mobile-menu > li > * {
        color: #000000;
        font-size: 18px;
        font-weight: 400;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;
        transition: 0.3s ease;
    }

    /*.mobile-menu > li:not(.uk-active) > *:hover {*/
    /*    color: #BF8360;*/
    /*    transition: 0.3s;*/
    /*    text-decoration: none;*/
    /*}*/
    .mobile-menu > .uk-active > * {
        color: var(--font-alt-color);
        font-size: 18px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: uppercase;
        box-sizing: border-box;
        position: relative;
        border-bottom: 2px solid var(--font-alt-color);
        padding-bottom: 3px;
    }


    .mobile-menu li:not(:first-child) {
        margin-top: 2.5rem;
    }

    .mobile-menu li {
        width: 100%;
        display: flex;

    }

    .mobile-menu .uk-nav-sub li:not(:first-child) {
        margin-top: 0rem;
    }

    .uk-offcanvas-bar .uk-nav-sub a {
        color: rgb(50, 50, 50);
        font-size: 18px;
        line-height: 14px;
        font-weight: 500;
        width: 100%;


    }

    .uk-offcanvas-bar .uk-nav-sub {
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .uk-offcanvas-bar .uk-nav-sub li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .uk-offcanvas-bar .button-s {
        font-size: 14px;
    }

    .menu-items-parent {
        display: flex;

        flex-direction: column;

    }

    .uk-nav-sub li {
        display: flex;
        width: 100%;
        padding: 1rem 1rem;
    }

    .mobile-menu .menu-items-parent > a > svg,
    .mobile-menu .menu-items-parent > a > svg path {
        transition: 0.3s ease;
    }

    .mobile-menu .menu-items-parent > a > svg path {
        fill: #000000;
    }

    ul.uk-nav-sub {
        padding: 0 !important;
    }

    .menu-items-parent a:hover {
        color: var(--font-main-color) !important;
    }

    .mobile-menu a:hover {
        color: var(--font-main-color) !important;
    }

    .mobile-menu .menu-items-parent > a[aria-expanded="true"] {
        color: var(--font-alt-color) !important;
        transition: 0.3s ease;
        display: flex;
        width: 100%;

    }

    .mobile-menu .menu-items-parent > a[aria-expanded="true"] > svg {
        transition: 0.3s ease;
        transform: scale(1, -1);
    }

    .mobile-menu .menu-items-parent > a[aria-expanded="true"] > svg path {
        fill: var(--font-alt-color);
    }

    .uk-nav-sub li.uk-active {
        background-color: var(--fifth-color);
        display: flex;
        width: 100%;
        padding: 1rem 1rem;
    }

    .uk-nav-sub li.uk-active span {
        color: var(--font-alt-color) !important;
    }

    .tablet-context {
        display: contents;
    }

    .tablet-order-0 {
        order: 0;
    }

    .tablet-order-1 {
        order: 1;
    }

    .tablet-order-2 {
        order: 2;
    }

    .tablet-order-3 {
        order: 3;
    }

    .tablet-order-4 {
        order: 4;
    }

    .tablet-order-5 {
        order: 5;
    }

    .tablet-order-6 {
        order: 6;
    }

    .tablet-order-7 {
        order: 7;
    }

    .tablet-order-8 {
        order: 8;
    }

    .tablet-order-9 {
        order: 9;
    }

    .tablet-order-10 {
        order: 10;
    }

    .footer-one {
        margin-left: 0;
        margin-right: 0;
    }

    .tablet-context .ml120 {
        margin-left: 0;
    }

    .tablet-d-none {
        display: none;
    }
    #main-wrapper {
        min-height: unset;
    }
}

@media (max-width: 720px) {
    .stage {
        height: fit-content;
        display: flex;
        flex-direction: column;
    }

    .stage .element .invisible-text {
        display: block;
    }

    .stage > .element:not(:first-child) {
        margin-top: 2rem;
    }

    .element {
        padding: 40PX 20px;
    }

    .element:before {
        height: 100%;
    }

    .pop-up-fixed {
        right: 2px;
        left: 2px;
    }

    .pop-up-fixed .mw-512 {
        max-width: 24rem;
    }

    .container {
        max-width: calc(1600px + 2rem);
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mob-flex {
        display: flex;
    }

    .mob-flex-column {
        flex-direction: column;
    }

    .mob-flex-column-reverse {
        flex-direction: column-reverse;
    }

    .mob-w-100 {
        width: 100%;
    }

    .mob-mt-25 {
        margin-top: 1.563rem;
    }

    .mob-mt-45 {
        margin-top: 2.875rem;
    }

    .mob-m-0 {
        margin: 0;
    }

    .mob-ml-20 {
        margin: 1.25rem;
    }

    .mob-ml-25 {
        margin: 1.563rem;
    }

    .mob-p-0 {
        padding: 0;
    }

    .mob-t-alight-center {
        text-align: center;
    }

    .mob-t-alight-start {
        text-align: start;
    }

    .mob-t-alight-end {
        text-align: end;
    }

    .mob-position-unset {
        position: unset;
    }

    .mob-gtc-1 {
        grid-template-columns: 1fr;
        grid-row-gap: 2rem;
    }

    #form-entity-3, #form-entity-4 {
        max-width: 100%;
    }

    .mob-menu-phone {
        margin-top: 25px;
    }

    .mob-menu-phone span {
        color: rgb(43, 62, 82);
        font-size: 20px;
        font-weight: 500;
        line-height: 27px;
        letter-spacing: 0px;
        text-align: center;
    }

    .mob-menu-phone > span span {
        font-weight: 700;

    }

    .footer-phone {
        text-align: start;
    }

    .switcher-border-bottom {
        width: 100%;
    }

    .switcher-border-bottom > li {
        min-width: unset;
        width: 50%;
    }

    .switcher-border-bottom > li > a {
        min-width: unset;
        width: 100%
    }

    .list-double ul {
        display: flex;
        flex-direction: column;
    }

    #form-entity-5 {
        width: 100%;
    }

    #form-entity-6,
    #form-entity-7,
    #form-entity-1 {
        padding: 50px 20px;
    }

    .tag-wrapper {
        overflow-x: auto;
        width: 100%;
    }
    .tag {
        white-space: nowrap;
    }
    .uk-breadcrumb {
        overflow-x: auto;
        width: 100%;
    }
    .uk-breadcrumb > li > * {
        white-space: nowrap;
    }

}