@media only screen and (min-width: 1601px) {}
        
        @media only screen and (min-width: 1801px) {}
        
        @media only screen and (min-width: 1901px) {}
        
        @media only screen and (min-width: 2001px) {}
        
        @media only screen and (min-width: 1601px) and (max-width: 1820px) {}
        
        @media only screen and (min-width: 1441px) and (max-width: 1600px) {
            .page-body-area,
            .container {
                max-width: 130rem;
            }
        }
        
        @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            html {
                font-size: 56%;
            }
            body {
                font-size: 14px;
                line-height: 24px;
            }
            .img-content img {
                width: 100%;
            }
            .hallmark-img img {
                width: 50%;
            }
            .page-body-area,
            .container {
                max-width: 137rem;
            }
        }
        
        @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            html {
                font-size: 56%;
            }
            body {
                font-size: 14px;
                line-height: 24px;
            }
            .page-body-area,
            .container {
                max-width: 130rem;
            }
        }
        
        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            html {
                font-size: 56%;
            }
            body {
                font-size: 14px;
                line-height: 24px;
            }
            .page-body-area,
            .container {
                max-width: 120rem;
            }
        }
        
        @media only screen and (min-width: 964px) and (max-width: 1024px) {
            html {
                font-size: 52%;
            }
            body {
                font-size: 14px;
                line-height: 24px;
            }
            .header-area {
                padding: 0.8rem 0;
            }
            .logo-area {
                max-width: 24rem;
            }
            .logo-area a img {
                width: 100%;
            }
            .menu-area {
                max-width: calc(100% - 20rem);
            }
            .barr {
                display: none;
            }
            .img-content img {
                width: 100%;
            }
            .text-content h2:after {
                background-size: contain;
            }
            .hallmark-img img {
                width: 50%;
            }
            .media-logo {
                flex-wrap: wrap;
                gap: 1.6rem;
            }
            .mediaBx {
                max-width: 25rem;
                min-height: 8rem;
            }
            .mediaBx img {
                width: 75%;
            }
            .full-slider-content .img-area {
                max-width: 54rem;
                height: 36rem;
            }
            .full-slider-content .text-area {
                max-width: calc(100% - 54rem);
            }
            .videoBox {
                min-height: auto;
            }
            .banner-area {
                min-height: auto;
            }
        }
        
        @media only screen and (min-width: 768px) and (max-width: 963px) {
            html {
                font-size: 52%;
            }
            body {
                font-size: 14px;
                line-height: 24px;
            }
            .header-area {
                padding: 0.8rem 0;
            }
            .logo-area {
                max-width: 20rem;
            }
            .logo-area a img {
                width: 100%;
            }
            .menu-area {
                max-width: calc(100% - 20rem);
            }
            .barr {
                display: none;
            }
            .menu-area ul {
                gap: 1.4rem;
            }
            .menu-area ul li a {
                font-size: 1.8rem;
            }
            .banner-content {
                padding-top: 6.2rem;
                flex-direction: column;
            }
            .img-content {
                max-width: 100%;
                text-align: center;
            }
            .img-content img {
                width: 70%;
            }
            .text-content h2:after {
                background-size: contain;
            }
            /* =============================================== */
            .about-content-area,
            .video-content-area,
            .institutional-area,
            .hallmarks-area,
            .social-impact-area,
            .discourse-area {
                padding: 2.4rem 1.6rem;
            }
            .about-content-area h2,
            .institutional-area h2,
            .hallmarks-area h2,
            .social-impact-area h2,
            .discourse-area h2 {
                font-size: 4.6rem;
            }
            .hallmark-img {
                flex-direction: column;
            }
            .media-logo {
                flex-wrap: wrap;
                gap: 1.6rem;
            }
            .videoBox {
                min-height: auto;
            }
            .full-slider-content .img-area {
                max-width: 45rem;
            }
            .full-slider-content .text-area {
                max-width: calc(100% - 45rem);
            }
            .slick-prev,
            .slick-next {
                z-index: 87;
            }
            .slick-prev {
                left: 0;
            }
            .slick-next {
                right: 0;
            }
            .media-logo {
                flex-wrap: wrap;
                gap: 1.6rem;
            }
            .mediaBx {
                max-width: 20rem;
                min-height: 8rem;
            }
            .mediaBx img {
                width: 75%;
            }
            .footer-area {
                padding: 3.2rem 1.6rem;
            }
            .footer-area p {
                font-size: 1.8rem;
            }
            .img-slidesBx {
                max-width: 100%;
            }
        }
        
        @media only screen and (max-width: 767px) {
            html {
                font-size: 52%;
            }
            body {
                font-size: 14px;
                line-height: 24px;
            }
            /* ================================== */
            .header-area {
                padding: 0.8rem 0;
                overflow: visible;
            }
            .logo-area {
                max-width: 20rem;
            }
            .logo-area a img {
                width: 100%;
            }
            .menu-area {
                max-width: 100%;
                position: absolute;
                top: 45px;
                left: 0;
                display: block;
                z-index: 7;
            }
            .menu-area ul {
                flex-direction: column;
                width: 100%;
                align-items: center;
                background: #2180ae;
            }
            ul.mainMenu {
                padding: 3.6rem 0;
                display: none;
                margin-top: 20px;
                min-height: 635px;
            }
            .menu-area ul li a {
                padding: 1.8rem 0;
                display: block;
                text-align: center;
            }
            .barr {
                display: flex;
                width: 32px;
                height: 32px;
                background: #fff;
                font-size: 1.8rem;
                color: #2180ae;
                justify-content: center;
                align-items: center;
                float: right;
                position: relative;
                top: -35px;
            }
            .banner-content {
                flex-direction: column;
            }
            .page-body-area,
            .banner-area {
                overflow: hidden;
            }
            .text-content,
            .img-content {
                max-width: 100%;
            }
            .text-content {
                padding-left: 6rem;
                padding-top: 6rem;
            }
            .text-content h2 {
                font-size: 2.4rem;
                margin-bottom: 2rem;
            }
            .text-content h3 {
                font-size: 2rem;
            }
            .text-content h3 span {
                font-size: 3.2rem;
            }
            .text-content h2:after {
                width: 4.2rem;
                height: 3.8rem;
                top: -1.4rem;
                left: -5.2rem;
                background-size: contain;
            }
            .img-content img {
                width: 100%;
            }
            .banner-content:after {
                width: 37.5rem;
                height: 13.5rem;
                background-repeat: no-repeat;
                bottom: 0;
                background-size: contain;
            }
            /* ======================================= */
            .about-content-area,
            .video-content-area,
            .institutional-area,
            .hallmarks-area,
            .social-impact-area,
            .discourse-area {
                padding: 2.4rem 1.6rem;
                text-align: center;
            }
            .about-content-area h2,
            .institutional-area h2,
            .hallmarks-area h2,
            .social-impact-area h2,
            .discourse-area h2 {
                font-size: 3.6rem;
                text-align: center;
            }
            .about-details {
                flex-direction: column;
                margin-top: 3.2rem;
            }
            .experience-list {
                max-width: 100%;
                border-right: none;
                border-bottom: 1px solid #999a9b;
                gap: 3.4rem;
                padding-bottom: 2.4rem;
            }
            .listBx {
                gap: 1.4rem;
                flex-direction: column;
            }
            .img-area {
                width: 7rem;
            }
            .img-area img {
                width: 100%;
            }
            .list-txt-area h4 {
                font-size: 3.2rem;
                text-align: center;
            }
            .list-txt-area p {
                font-size: 2rem;
            }
            .overall-content {
                max-width: 100%;
                text-align: center;
            }
            .videoBox {
                min-height: auto;
            }
            .vid-play-txt {
                gap: 1.6rem;
                bottom: 1.6rem;
                padding: 1rem;
                padding-right: 1rem;
            }
            .vid-play-txt h3 {
                font-size: 2rem;
            }
            .vid-play-txt a {
                width: 8rem;
            }
            .vid-play-txt a img {
                width: 100%;
            }
            .institutional-area p,
            .social-impact-area p,
            .discourse-area p {
                padding: 0;
            }
            .img-slidesBx {
                margin: 0 auto;
                width: 94%;
            }
            .img-areas {
                height: 32rem;
            }
            .slide-content p {
                font-size: 1.4rem;
            }
            .hallmark-img {
                flex-direction: column;
            }
            .full-slider-content {
                flex-direction: column;
            }
            .full-slider-content .img-area {
                height: auto;
                max-width: 100%;
            }
            .full-slider-content .text-area {
                max-width: 100%;
                gap: 2rem;
            }
            .full-slider-content .text-area h3 {
                font-size: 2.4rem;
            }
            .media-logo {
                flex-wrap: wrap;
                gap: 1.6rem;
            }
            .mediaBx {
                max-width: 20rem;
                min-height: 8rem;
            }
            .mediaBx img {
                width: 75%;
            }
            .footer-area {
                padding: 3.2rem 1.6rem;
            }
            .footer-area p {
                font-size: 1.8rem;
            }
            .slick-prev,
            .slick-next {
                top: 25%;
                z-index: 87;
            }
            .slick-prev {
                left: 0;
                width: 2rem;
                background-size: contain;
            }
            .slick-next {
                top: 29%;
                right: 0;
                width: 2.1rem;
                background-size: contain;
            }
            .slick-next:hover,
            .slick-next:focus {
                width: 2rem;
                background-size: contain;
            }
            .slick-prev:hover,
            .slick-prev:focus {
                width: 2rem;
                background-size: contain;
            }
            .plyBtn,
            .plyBtn::after {
                width: 8rem;
                height: 8rem;
            }
            .plyBdr,
            .plyBdr::after {
                width: 5rem;
                height: 5rem;
            }
            .plyBdr img {
                width: 1.8rem;
            }
            /* ================================== */
            .inner-page-content {
                padding: 2.4rem 0;
                min-height: 453px;
            }
            .innerpage-banner-content .text-content {
                padding: 0;
            }
            .imag-gallery-area {
                padding: 2.4rem 1.6rem;
            }
            .imag-gallery-area h2,
            .headings h2,
            .headings h1 {
                font-size: 3.6rem;
                line-height: 100%;
            }
            .gallery-content-area {
                gap: 1.6rem;
            }
            .gallery_box_image {
                width: 48%;
                height: 30rem;
                overflow: hidden;
                border-radius: 2rem;
            }
            .flx {
                display: flex;
                gap: 2.4rem;
                flex-direction: column;
            }
            .flx p {
                max-width: 100%;
            }
        }