@media screen and (max-width:1400px) {
    .introduction img {
        width: 100%;
        object-fit: contain;
    }

    .vis_box {
        height: 320px;
    }

    .about_sis h3 {
        width: 60%;
    }

    .vis_box p{
        height: 135px ;
        overflow-y: scroll;
    }
}

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

    .leftStrip {
        width: 122%;
        display: flex;
    
    
    }

    #categories ul li a {
        font-size: 35px;
    }

    .tagline h3 {
        width: 75%;
    }

    .sister_company .col-12>div {
        gap: 0;
    }

    .rightStrip {
        width: 40%;
    }

    .sitemap a { 
        width: 31%;
    }

    .popup-content {
       
        width: 90%;
        height: 60%;
       
    }
}

@media screen and (max-width:992px) {
    .rightStrip {
        display: none;
    }

    .leftStrip a {
        color: #fff;
        font-size: 15px;
    }

    #categories ul {
        flex-wrap: wrap;
    }

    #categories ul li a {
        text-align: center;
        width: 100%;
    }

    .tagline h3 {
        width: 100%;
    }

    .ft_logo {
        text-align: left;
    }

    .vis_box {
        height: auto;
    }

    .about_page img,
    .visionBox img {
        display: none;
    }
    .about_sis h3 {
        width: 80%;
    }

    .sitemap a { 
        width: 48%;
    }

    .popup-content {
       
        width: 90%;
        height: 40%;
       
    }
}

@media screen and (max-width:767px) {
    .topStrip {
        display: none;
    }

    .subfooter {
        height: auto;
        padding-block: 1rem;
    }

    .subfooter .col-12 {
        text-align: center;
    }

    .ft_social {
        margin-top: 0.5rem;
        justify-content: center;
        gap: 2px;
    }

    .sister_company .col-12>div {
        width: 100%;
    }

    .about_sis h3 {
        width: 98.5%;
    }

    .form {

        width: 100%;
    }

    .sitemap a { 
        width: 100%;
    }
}

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

    .banner-area img {
        
        max-height: 550px;
        min-height: 250px;
    }

    h1,
    h2,
    h3 {
        font-size: 28px !important;
    }

    #categories ul li a {
        font-size: 28px;
    }

    .navbar-brand img,
    .ft_logo img {
        width: 150px;
    }

    .popup-content {
        padding: 10px;

        width: 90%;
        height: 25%;
       
    }
}