@media screen and (max-width:1199px){
    .section-title h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .header-btn .btn-default{
        display: none;
    }
    .main-menu ul li a {
        font-size: 14px;
    }

    .hero .hero-content {
        margin-top: 10px;
    }
    .about-us-item{
        flex-direction: column;
        gap: 20px;
        justify-content: center;
        text-align: center;
    }

    /* Header: last dropdown (Media) ko right-align karo taaki screen se bahar na jaye */
    .main-menu .nav-menu-wrapper > ul > li.submenu ~ li.submenu > ul{
        left: auto;
        right: 0;
    }

    /* About image: column ki width ke andar rahe (negative margin overflow/overlap fix) */
    .about-us-image-box-1{
        width: 100%;
    }
    .about-us-image-1 figure{
        margin-right: 0;
    }
}

@media screen and (max-width:991px){
    .hero .hero-content{
        max-width: 62%;
    }
}

@media screen and (max-width:767px){
    /* Header logo */
    .logo .logo-icon img{
        width: 70px;
    }
    .logo .logo-text h2{
        font-size: 22px;
        line-height: 30px;
    }
    .logo .logo-text h3{
        font-size: 12px;
        line-height: 20px;
    }

    /* Videos page: stacked videos ke beech gap */
    .page-gallery video{
        display: block;
        margin-bottom: 20px;
    }
    .page-gallery .row > *:last-child video{
        margin-bottom: 0;
    }
     .hero .hero-content{
        max-width: 85%;
    }
}

@media screen and (max-width:575px){
    /* Header: logo + hamburger ek hi line me */
    .navbar-brand{
        white-space: normal;
        max-width: calc(100% - 55px);
    }
    .logo .logo-icon{
        flex-shrink: 0;
    }
    .logo .logo-icon img{
        width: 48px;
    }
    .logo .logo-text h2{
        font-size: 18px;
        line-height: 26px;
    }
    .logo .logo-text h3{
        font-size: 11px;
        line-height: 16px;
    }

    /* Hero: chhoti screen par full width text */
    .hero {
        padding: 60px 0 10px;
    }
    .hero .hero-content{
        max-width: 75%;
    }
     .hero .section-title p{
        display: none;
     }
    .hero .hero-content .section-title h1 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 3px;
    }
    .hero .hero-content .section-title {
        margin-bottom: 0;
    }
    .hero .hero-content .section-title h3 {
        font-size: 12px;
        line-height: 20px;
        margin: 0;
    }
    .hero .hero-content .section-title h4 {
        font-size: 12px;
        line-height: 20px;
    }
    .hero .hero-content .btn-default{
        font-size: 10px;
        line-height: 1;
        padding: 6px 6px 6px 30px;
    }
    .hero .btn-default::before {
        height: 20px;
        width: 20px;
        background-size: 9px auto;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: var(--swiper-pagination-bottom, 10px);
    }

}