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

    #what-we-do .wwd-lists .wwd-list .wwd-list-img {
        height: auto;
        max-height: none;
    }
    #what-we-do .wwd-lists .wwd-list .wwd-list-banner-img {
        max-height: none;
    }

}

@media only screen and (max-width: 1366px) {
    :root {
        --h1-fz: 4.2rem;
        --h2-fz: 3.6rem;
        --h3-fz: 3rem;
        --h4-fz: 2.6rem;

        --text-big: 1.6rem; /* not */
        --text-medium: 1.5rem; /* not */
        --text-small: 1.4rem; /* not */

        --fz-title-big: 8.6rem;
        --fz-title-medium: 5.2rem;
    }
    .header-content {
        padding: 1.5rem 0;
    }

    .where-we-work {
        padding: 0;
    }
    /* Home */
    #home .home-banner {
        padding: 0;
    }
    #home .our-benefits {
        padding: 0 0 8rem;
    }
    #home .how-we-work {
        padding: 6rem 0;
    }
    #home .how-we-work .hww-content .hww-card .hww-card-text .hww-card-title {
        font-size: 1.8rem;
    }
    #home .home-text-banner {
        padding: 0;
    }

    /* Who We Are */
    #who-are-we .waw-banner {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10rem 0 6rem;
    }
    #who-are-we .our-values {
        padding: 10rem 0 6rem;
    }
    #who-are-we .our-values .our-values-cards .our-values-card {
        padding: 0 1.5rem;
    }
    #who-are-we .done-is-better {
        padding: 0;
    }
    #who-are-we .team {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #who-are-we .team .main-title {
        margin-bottom: 4rem;
    }
    #who-are-we .team .team-content .team-swiper .swiper-article {
        display: none;
    }

    /* What We Do */
    #what-we-do .wwd-lists .wwd-banner {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Not Found */ 
    #notFound {
        min-height: calc(100vh - 210px);
        background: var(--color-black-1);
    }

    #notFound .nf-banner {
        padding: 17rem 0;
    }

}
@media (max-width: 1366px) and (orientation: landscape) {
    .h-100-orientation {
        min-height: 100vh;
    }
}

@media only screen and (max-width: 1024px){
    :root {
        --h1-fz: 3.8rem !important;
        --h2-fz: 3.2rem !important;
        --h3-fz: 2.6rem !important;
        --h4-fz: 2.2rem !important;

        --text-big: 1.5rem !important; /* not */
        --text-medium: 1.4rem !important; /* not */
        --text-small: 1.3rem !important; /* not */
    }
    
    .offset-1-container {
        padding: 0 6.25% !important;
    }
    #who-are-we .team .team-content {
        max-width: 100% !important;
        padding-left: 4.1%;
    }

}

@media only screen and (max-width: 920px) {
    :root {
        --h1-fz: 3.8rem !important;
        --h2-fz: 3.2rem !important;
        --h3-fz: 2.6rem !important;
        --h4-fz: 2.2rem !important;
        --text-big: 1.4rem !important;
        --text-medium: 1.3rem !important;
        --text-small: 1.2rem !important;
    }
    .h-100-orientation {
        min-height: 75vh;
    }

    .where-we-work {
        padding: 8rem 0;
    }
    
    /* Who Are We */
    #who-are-we .waw-banner {
        min-height: 100vh;
    }
    #who-are-we .team {
        padding: 10rem 0 !important;
    }
    
    /* What We Do */
    #what-we-do .wwd-lists .wwd-list {
        padding: 10rem 0 6rem;
    }
    #what-we-do .wwd-lists .wwd-list .wwd-list-img {
        max-height: 450px;
    }
    #what-we-do .wwd-lists .wwd-list .wwd-list-title h3{
        font-size: 3rem;
    }
    #what-we-do .wwd-lists .wwd-list.wwd-banner .wwd-list-desc {
        max-width: none;
        font-size: 1.6rem;
    }
    #what-we-do .wwd-lists .wwd-list .wwd-list__text-content {
        max-width: none;
    }
    
    /* Contact */
    #contact-us .contactUs-banner {
        padding: 10rem 0 8rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /*#what-we-do .wwd-lists .wwd-list .wwd-list-banner-img {*/
    /*    max-height: 500px;*/
    /*    width: auto !important;*/
    /*}*/
    
}
@media (max-width: 920px) and (orientation: portrait) {
    
}

@media only screen and (max-width: 540px) {
    :root {
        --h1-fz: 2.4rem !important;
        --h2-fz: 2.4rem !important;
        --h3-fz: 1.8rem !important;
        --h4-fz: 2.2rem !important;
        --text-big: 1.4rem !important;
        --text-medium: 1.3rem !important;
        --text-small: 1.2rem !important;

        --fz-title-big: 8rem;
        --fz-title-medium: 2rem;
    }

    .h-100-orientation {
        min-height: 75vh;
    }
    .footer-upper .footer-upper-text {
        font-size: 2.2rem;
    }
    .swiper-card .swiper-card-person .swiper-card-info .swiper-card-name {
        font-size: 1.2rem;
    }
    .swiper-card .swiper-card-person .swiper-card-info .swiper-card-position {
        font-size: 1rem;
    }

    .header-navbar .navbar-left a img {
        height: 35px;
    }
    .header-navbar .menu-btn img {
        width: 25px;
    }
    
    /* Home */
    #home .hi-ottoo {
        padding: 8rem 0;
    }
    
    /* Who Are We */
    #who-are-we .done-is-better {
        min-height: 100vh;
    }
    #who-are-we .done-is-better .dis-title {
        font-size: 2rem;
    }
    #who-are-we .team .team-contents {
        padding: 0 4.1%;
    }
    .team-swiper .swiper-wrapper .swiper-slide .swiper-card .swiper-card-person {
        bottom: 8px;
        padding: 0 4px 0 12px;
    }
    .team-swiper .swiper-wrapper .swiper-slide .swiper-card .swiper-card-social img {
        width: 25px;
    }
   
    
    /* What We Do */
    #what-we-do .wwd-lists .wwd-list .wwd-list-title h3 {
        font-size: 2rem;
    }
    #what-we-do .wwd-lists .wwd-list.wwd-banner .wwd-list-desc {
        font-size: 1.4rem;
    }
    
    /* Contact */
    #contact-us .contactUs-banner {
        min-height: 100vh;
        padding: 10rem 0 6rem;
    }

    #contact-us .contactUs-banner .contactUs-form .contactUs-form-texts h3 {
        font-size: 2rem;
    }
    
    /* NotFound */
    #notFound .nf-banner .description {
        max-width: 200px;
        margin: auto;
    }
}