@media (max-width: 991.98px) {
    .footer-logo img {
         filter: invert(1) brightness(1); 
    }
    .website-link{
        display: none;
    }
    
    .gallery:before{
        background-color: rgb(0 0 0 / 80%);
    }
    
    footer .checker {
        display: none;
    }
    
    section.banner.home-banner{
        /*background-image: url('../img/mobile-banner.png');*/
        background-position: 13% 100px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .contact-info {
        position: static;
        width: 100%;
        display: block;
        padding: 15px;
    }
    
    .contact-info-2 {
        width: 100%;
        display: block;
    }
    
    .contact-info-1 {
        width: 100%;
        margin-bottom: 20px;
        display: block;
    }
    
    .contact-info a {
        overflow-wrap: anywhere;
    }
    ul.award-list {
        flex-wrap: wrap;
        width: 100%;
    }
    
    ul.award-list li {
        flex: 0 0 40%;
        width: 44%;
    }
    
    section.banner.home-banner {
        height: 100% !important;
        max-height: 100%;
        position: relative;
    }
    
    .banner-left {
        margin: 0;
    }
    .navbar-light .navbar-toggler {
        background-color: white;
        margin-left: auto;
    }
    
    ul.award-list li img {
        width: 100%;
        height: auto;
    }
    
    div#navbarSupportedContent {
        background-color: white;
        padding: 6px 0px;
    }
    
    ul.navbar-nav.m-auto {
        gap: 0;
    }
    
    .navbar-light .navbar-nav .nav-link {
        padding: 3px 0px;
        display: block;
        width: 100%;
        margin: 0;
        text-align: center;
    }
    
    ul.navbar-nav li {
        width: 100%;
    }
    
    .banner-right {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    
    .home-banner .container {
        width: 100%;
        height: 100%;
    }
    
    .video-wrapper, .showreel-iframe {
        height: auto;
        margin-top: 15px;
    }
    
    .banner-right .portion img {
        position: static;
        height: auto;
    }
    
    .banner-right p {
        margin-bottom: 0px;
        text-shadow: 2px 2px 5px black, -2px -2px 5px black;
    }
    
    .banner-right .portion {
        position: static;
        font-size: initial;
    }
    
    section.program .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .program {
        padding: 20px 0px;
        background-position: center center;
    }
    
    .section-heading h1 {
        font-size: 18px;
    }
    
    .section-heading h1:before {
        top: 9px;
    }
    
    .program-wrapper {
        margin-top: 10px;
    }
    
    section.gallery .section-heading {
        padding-top: 30px;
    }
    
    section.gallery .section-heading {margin-bottom: 20px;}
    
    section.gallery .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .gallery-box h2 {
        font-size: 20px;
    }
    
    .gallery-box {
        height: auto;
        margin-bottom: 30px;
    }
    
    .gallery {
        padding-bottom: 0;
    }
    
    .contact-info-1 .footer-logo {
        position: static;
        margin-bottom: 15px;
    }
    
    .contact-img-1 {
        margin-bottom: 10px;
    }
    
    section.copy-right p {
        font-size: 12px;
    }
    
    .about-img-wrapper {
        margin: 0;
        margin-bottom: 10px;
    }
    
    .about-right p {
        font-size: 15px;
        text-align: left;
        font-weight: 400;
    }
    
    .shadow-wrapper {
        padding: 0;
    }
    
    .about-right h1 {
        padding: 0;
        display: none;
    }
    
    .about-right {
        margin: 0;
        padding: 0;
    }
    
    section#about {
        overflow: hidden;
    }
    
    section{
        overflow: hidden;
    }
    
    .showreel {
        padding: 20px 0px;
    }
    
    .showreel {
        padding: 20px 0px;
        position: relative;
    }
    
    .about-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .col-md-9.pl-0 {
        padding-left: 15px !important;
    }
    
    header nav {
        height: auto;
    }

    header {
        padding: 20px 0px;
    }  
    
    .signature {
        position: static;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .back-image {
        height: 57%;
        /*display: none;*/
    }
    
    .back-image img {
        height: 100%;
        object-fit: cover;
        object-position: 20%;
    }
    
    .about-new-img {
        display: none;
    }

    .about-wrapper {
        padding-bottom: 0;
    }
    
    span.show-desktop {
        display: none;
    }
    
    span.show-mobile {
        display: inline;
    }
    #exampleModalCenter .modal-header {
        padding: 15px;
    }

    #exampleModalCenter .modal-header h1 {
        font-size: 16px;
        width: 78%;
    }

    #exampleModalCenter .modal-header button {
        padding: 0;
        font-size: 35px;
        right: 22px;
        top: 17px;
    }

    div#exampleModalCenter .modal-body {
        padding: 0px 15px;
    }

    .modal-left img {
        margin-bottom: 26px;
    }

    .modal-iframe iframe {
        height: 200px;
    }
    
    .modal-iframe {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .aroow-left {
        top: 15px;
        z-index: 9999;
    }
    .gallery-wrpper {
        column-count: 2;
    }
    .navbar-light .navbar-nav .nav-link:hover{
        color: #ED1566 !important;
    }
    .show-section-heading {
        display: block;
        text-align: left;
        margin-top: 15px;
    }
    section.about > img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }
    .about-img-wrapper img.about-1 {
        width: 80%;
    }
    
    .hide-checker-wrapper{
        display: none;
    }
    
    #showreel:before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 80%);
        position: absolute;
        top: 0;
    }
    
    div#exampleModalCenter .modal-dialog {
        max-width: 100%;
    }
    
    .marquee-container {
        height: 40px;
        display: flex;
        align-items: center;
        width: 4100px;
    }
    
    #marquee img{
        height: 35px;
    }
    
    .back-mobile-image {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        top: -15px;
        right: 34%;
    }
    
    .back-mobile-image img {
        object-position: right;
        width: 200%;
    }
}