/* [Resolution: 991px] */

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

    body .t35 {
        grid-template-columns: 1fr ;
    }

    body .t47 {
        height: 300px;
        margin: 0px 0px 20px 0px;
        display: flex;
    }

    body .t88 {
        padding: 50px 0px 50px 0px;
    }

    body .t99 {
        row-gap: 10px;
        grid-template-columns: 1fr ;
    }

    body .t109 {
        grid-template-columns: 1fr ;
    }

    body .t111 {
        width: 100%;
        height: 250px;
        display: none;
    }

    body .t112 {
        grid-template-columns: 1fr 1fr ;
    }

    body .t134 {
        margin: -76px 0px 0px 0px;
    }

    body .t150 {
        padding: 50px 0px 50px 0px;
    }

    body .t152 {
        width: 100%;
        padding: 120px 0px 60px 0px;
        max-width: 100%;
    }

    body .t153 {
        padding: 60px 0px 60px 0px;
    }

    body .t154 {
        top: 0%;
        left: auto;
        right: 0%;
        width: 48%;
        bottom: auto;
        height: 100%;
    }

    body .t155 {
        row-gap: 30px;
        grid-template-columns: 1fr ;
    }

    body .t196 {
        padding: 0px 0px 0px 0px;
    }

    body .t203 {
        position: relative;
    }

    body .t210 {
        padding: 50px 30px 50px 30px;
    }

    body .t213 {
        padding: 40px 40px 40px 40px;
        row-gap: 50px;
        grid-template-columns: 1fr ;
    }

    body .t221 {
        display: none;
    }

    body .t222 {
        top: 75px;
        left: auto;
        right: 0px;
        bottom: auto;
        display: none;
        padding: 40px 40px 40px 40px;
        row-gap: 30px;
        z-index: 1000;
        position: absolute;
        background: var(--Dark);
        flex-direction: column;
    }

    body .t248 {
        padding: 50px 0px 50px 0px;
    }

    body .t268 {
        padding: 50px 0px 50px 0px;
    }

    body .t273 {
        padding: 50px 0px 50px 0px;
    }

    body .t278 {
        row-gap: 50px;
        grid-template-columns: 1fr ;
    }

    body .t281 {
        padding: 50px 0px 60px 0px;
    }

    body .t306 {
        object-position: 50% 20%;
    }

    body .t325 {
        padding: 50px 0px 50px 0px;
    }

    body .t326 {
        row-gap: 50px;
        grid-template-columns: 1fr 1fr ;
    }

    body .t332 {
        display: flex;
        row-gap: 6px;
        transition: 0.2s;
        flex-direction: column;
    }

    body .t332 > div {
        top: 0;
        position: relative;
        transition: 0.2s;
    }

    body .t332.dh-active {
    }

    body .t332.dh-active > div:last-child {
        top: -8px;
        position: relative;
        transform: rotate(-45deg);
    }

    body .t332.dh-active > div:first-child {
        top: 8px;
        position: relative;
        transform: rotate(45deg);
    }

    body .t332.dh-active > div:nth-child(2) {
        opacity: 0;
    }

    body .t334 {
        width: 48%;
        height: 100%;
    }

    body .t336 {
        width: 35px;
        height: 2px;
        background: var(--Brand);
    }

    body .t339 {
        display: none;
    }

 
}

/* [Resolution: 767px] */

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

    body {
        font-size: 18px;
    }

    h2 {
        font-size: 36px;
    }

    h1 {
        font-size: 42px;
    }

    .text-30 {
        font-size: 22px;
    }

    body .t78 {
        justify-content: flex-start;
    }

    body .t100 {
        row-gap: 25px;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }

    body .t112 {
        grid-template-columns: 1fr ;
    }

    body .t113 {
        padding: 50px 0px 50px 0px;
    }

    body .t160 {
        padding: 0px 0px 100px 0px;
    }

    body .t169 {
        row-gap: 50px;
        grid-template-columns: 1fr ;
    }

    body .t198 {
        row-gap: 30px;
        flex-direction: column;
    }

    body .t230 {
        grid-template-columns: 1fr ;
    }

    body .t232 {
        padding: 50px 0px 50px 0px;
    }

    body .t233 {
        object-position: 50% 20%;
    }

    body .t256 {
        flex-direction: column;
    }

    body .t274 {
    }

    body .t302 {
        padding: 50px 0px 50px 0px;
    }

    body .t303 {
        padding: 20px 20px 20px 20px;
    }

    body .t323 {
    }

    body .t324 {
        row-gap: 20px;
        flex-direction: column;
    }

    body .t326 {
        margin: 90px 0px 0px 0px;
    }

    body .t329 {
        display: none;
    }

    body .t335 {
        grid-template-columns: 1fr ;
    }

    body .t340 {
        justify-content: flex-start;
    }

 
}

/* [Resolution: 480px] */

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

    body .t47 {
        height: 240px;
    }

    body .t101 {
        column-gap: 15px;
    }

    body .t113 {
    }

    body .t196 {
        padding: 30px 0px 30px 0px;
    }

    body .t210 {
        padding: 20px 0px 20px 0px;
    }

    body .t213 {
        padding: 25px 25px 25px 25px;
    }

    body .t233 {
        height: 350px;
        object-position: 50% 20%;
    }

    body .t239 {
        padding: 40px 20px 40px 20px;
    }

    body .t256 {
        display: flex;
        row-gap: 50px;
    }

    body .t268 {
        padding: 30px 0px 30px 0px;
    }

    body .t270 {
        flex-direction: column;
    }

    body .t273 {
    }

    body .t274 {
        font-size: 40px;
    }

    body .t279 {
        margin: 0px 0px 10px 0px;
    }

    body .t280 {
        display: block;
    }

    body .t281 {
        padding: 50px 0px 50px 0px;
    }

    body .t282 {
        padding: 0px 0px 0px 0px;
    }

    body .t283 {
        display: none;
    }

    body .t284 {
        height: 200px;
    }

    body .t305 {
        padding: 0px 0px 0px 0px;
    }

    body .t306 {
        height: 500px;
    }

    body .t318 {
    }

    body .t323 {
        font-size: 40px;
    }

    body .t325 {
    }

    body .t326 {
        grid-template-columns: 1fr ;
    }

    body .t327 {
    }

    body .t329 {
        height: 300px;
    }

    body .t335 {
        row-gap: 20px;
        grid-template-columns: 1fr;
    }

    body .t337 {
    }

 
}