@media (max-width:1380px) {
    .site-header .container {
        padding: 0 1.5rem 0 0
    }

}

@media (max-width:1180px) {
    .news-page .questionans {
        flex-direction: column;
    }

    .news-page .text-wrapper {
        width: 100%;
    }
}

@media (max-width:1100px) {
    .banner-wrapper>.banner-img {
        display: none;
    }

    .banner-text-content>.banner-img {
        display: block;
        margin-top: 20px;
    }

    .home-banner-section {
        padding: clamp(40px, 5vw, 80px) 0;
    }

    .banner-text-content,
    .banner-text-content p,
    .banner-text-content h1,
    .home-banner-section.inner-home .banner-text-content h1 {
        width: 100% !important;
    }

    .home-banner-section .container {
        padding: 0 1.5rem;
    }


    .banner-text-content p,
    .banner-text-content h1,
    .commentary-section .text-content h3,
    .commentary-section .text-content p,
    .research-section .text-container h3,
    .research-section .text-container p,
    .aboutus-section .text-container p {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width:830px) {
    .main-navigation {

        right: -100%;
        width: 100%;
    }
}


@media (max-width: 992px) {

    /* Banner */
    .banner-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .banner-text-content,
    .banner-img {
        width: 100%;
    }

    .home-banner-section {
        padding: 60px 0;
    }

    .banner-text-content p,
    .banner-text-content h1 {
        padding-right: 20px;
    }

    /* Commentary */
    .commentary-section>div>a {
        flex-direction: column;
    }

    .commentary-section .img-container {
        width: 100%;
        height: auto !important;
        max-width: 100% !important;
    }


    /* Research */
    .research-section .img-wrapper {
        height: 450px;
    }

    .research-section .text-container {
        left: 20px;
        right: 20px;
        bottom: 30px;
    }

    /* About us */
    .aboutus-section .flex {
        flex-direction: column;
        /* text-align: center; */
        gap: clamp(30px, 3vw, 50px);
    }

    /* Media */
    .media-section .questionans {
        flex-direction: column;
        gap: 30px;
    }

    .media-section .questionans p {
        max-width: 100%;
    }

    .media-section .img-wrapper {

        height: 220px;
    }

    .commentary-section .container>a {
        padding: 30px;
    }

    .commentary-section .text-content {
        padding: 0 !important;
    }

    .common-page-banner .text-content {
        width: 100%;
    }
}

@media (max-width: 980px) {
    .search-container {
        display: none;
    }

    .page-banner-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .page-banner-section .text-content {
        width: 100%;
    }

    .page-banner-wrapper .img-wrapper {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 780px) {
    .common-page-banner.inner-pg-banner .text-content {
        width: 100%;
    }
}

@media (max-width: 670px) {
    .nav-wrapper {
        flex-direction: column;
        gap: 45px;
    }

    .main-navigation {
        padding: 40px;
    }

    #primary-menu {
        width: 240px;
    }
}

@media (max-width: 645px) {
    .footer-copyright {
        flex-direction: column;
    }

    .research-section .text-container h3 {
        line-height: 2rem;
    }

    .main-navigation {

        right: -100%;
        width: 100%;
    }


}

@media (max-width: 520px) {
    .email-container {
        width: 100% !important;
    }

    .email-container .wpcf7-submit {
        padding: 7px;
    }

    .site-header .site-branding {
        padding: 21px 30px;
    }

    .banner-heading {
        line-height: 35px;
    }

    .site-header .site-branding img {
        width: 100px;
        height: auto;
    }

    .hamburger-menu span {
        bottom: -23px;
    }

    .quick-links-wrapper>div {
        width: 200px;
    }
}

@media (max-width: 480px) {
    .media-section .img-wrapper {
        width: 100%;
        height: 100%;
    }

    .close-menu {
        right: 25px;
    }
}