/* Galaxy Tab 4 */
@media only screen and (min-width:712px) and (max-width:713px) {
    .footerSection video#hero-video {
        height: 65vh !important;
    }

    .logoWidth {
        width: 210px !important;
    }

    .cards-grid {
        width: 1110px !important;
    }

    .ssssBox .container {
        max-width: 95%;
    }

    #ev .cards-grid {
        width: 810px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:768px) {
    #home video#hero-video {
        height: 100%;
    }

    .footerSection video#hero-video {
        height: 62vh !important;
    }

    div#bhatiaDesktop {
        display: none;
    }

    #bhatiaMobile {
        display: block;
        padding: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:920px) {
    .logoWidth {
        width: 160px;
    }

    /* Chrome, Edge, Safari */
    .wwwContainer::-webkit-scrollbar,
    .tab-content::-webkit-scrollbar,
    .tab-content::-webkit-scrollbar {
        display: none !important;
    }

    /* Firefox */
    .wwwContainer,
    .tab-content,
    .tab-content {
        scrollbar-width: none !important;
    }

    /* IE / Edge Legacy */
    .wwwContainer,
    .tab-content,
    .tab-content {
        -ms-overflow-style: none !important;
    }

    .aboutRow {
        grid-template-columns: 100%;
    }

    .wwwContainer {
        overflow: scroll;
        width: 100%;
    }

    .wwdRow {
        width: 1340px;
    }

    .wcuRow {
        grid-template-columns: 100%;
    }

    .wcuH {
        font-size: 40px;
    }

    .navs {
        justify-content: center;
    }

    .tab-content {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .cards-grid {
        width: 1110px !important;
    }

    #ev .cards-grid {
        justify-content: flex-start;
    }

    #ev .cards-grid {
        grid-template-columns: repeat(3, 355px);
        justify-content: center;
    }

    /* ONLY 1 card → center */
    .cards-grid> :only-child {
        grid-column: 1;
    }

    .aGroupBox {
        width: 100%;
    }

    .aGroupP,
    .abouttextBox p {
        font-size: 20px;
    }

    .aboutHbh {
        font-size: 47px;
    }

    .deshfd {
        font-size: 30px;
    }

    .abouthse a.btn {
        width: 50px !important;
        height: 50px !important;
    }

    .aboutRgh {
        justify-content: space-between;
    }

    .abouthse {
        margin-top: 15px;
    }

    .abouthse a.btn img {
        width: 20px;
    }

    .ramanB {
        max-width: 100%;
    }

    .footerLinks .footerRow {
        grid-template-columns: 40% 1% 40%;
    }

    .tandc a,
    p.tandc {
        font-size: 20px;
    }

    .footerSection video#hero-video {
        height: 46vh;
    }

    .hCRow {
        grid-template-columns: 46% 50%;
        gap: 4%;
    }

    .hCSection {
        padding: 50px 20px;
    }
}

@media only screen and (min-width:820px) and (max-width:820px) {
    .footerSection video#hero-video {
        height: 50vh;
    }

    div#bhatiaDesktop {
        display: none;
    }

    #bhatiaMobile {
        display: block;
        padding: 0;
    }

}

@media only screen and (min-width:344px) and (max-width:344px) {
    .aboutHbh {
        font-size: 23px !important;
    }

    div#footer {
        background: #1d2467;
    }


}

@media only screen and (min-width:360px) and (max-width:360px) {
    div#footer {
        background: #1d2467;
    }

    .footerSection video#hero-video {
        height: 104vh;
    }
}

@media only screen and (min-width:375px) and (max-width:375px) {
    div#footer {
        background: #1d2467 !important;
    }
}

@media only screen and (min-width:540px) and (max-width:540px) {
    div#footer {
        background: #1d2467 !important;
    }
}

@media only screen and (min-width:384px) and (max-width:384px) {
    .footerSection video#hero-video {
        height: 120vh !important;
    }
}

@media only screen and (min-width:412px) and (max-width:412px) {
    .footerSection video#hero-video {
        height: 84vh;
    }
}

@media only screen and (min-width:411px) and (max-width:411px) {
    .footerSection video#hero-video {
        height: 93vh;
    }
}

@media only screen and (min-width:414px) and (max-width:414px) {
    .footerSection video#hero-video {
        height: 90vh !important;
    }

    div#footer {
        background: #1d2467 !important;
    }
}

@media only screen and (min-width:430px) and (max-width:430px) {
    .footerSection video#hero-video {
        height: 82vh;
    }
}

@media only screen and (min-width:640px) and (max-width:640px) {
    .footerSection video#hero-video {
        height: 200vh !important;
    }

    video#hero-video {
        height: 100% !important;
    }

    .wcuCbox {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

@media only screen and (min-width:800px) and (max-width:1365px) {
    video#hero-video {
        height: 100%;
    }
}

@media only screen and (min-width:853px) and (max-width:912px) {
    div#bhatiaDesktop {
        display: none;
    }

    #bhatiaMobile {
        display: block;
        padding: 0;
    }
}

@media only screen and (min-width:921px) and (max-width:1024px) {
    .aboutRow {
        grid-template-columns: 50% 50%;
    }

    .abouttextBox p {
        font-size: 13px;
    }

    .h2Heading {
        font-size: 27px;
    }

    .wwCp,
    .wwwCpq {
        font-size: 12px;
    }

    .wwwHS {
        font-size: 16px;
    }

    .hCRow {
        grid-template-columns: 46% 50%;
        gap: 4%;
    }

    .wcuRow {
        /* grid-template-columns: 50% 50%; */
        gap: 5px;
    }

    .wcuP {
        font-size: 13px;
        padding-bottom: 0;
    }

    .wcuBoxC {
        width: 90%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 30px;
    }

    .cardsDetails img {
        height: 123px;
        object-fit: cover;
    }

    .cards h3 {
        font-size: 17px;
    }

    .cardText {
        background: #4a4f8569;
        height: 100%;
    }

    .cardsDetails {
        overflow: hidden;
    }

    .footerSection video#hero-video {
        height: 41vh;
    }

    .footerLinks .footerRow {
        grid-template-columns: 30% 1% 35%;
    }

}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .footerSection video#hero-video {
        height: 89vh;
    }
}

@media only screen and (min-width:1280px) and (max-width:1280px) {
    .footerSection video#hero-video {
        height: 69vh;
    }
}

@media only screen and (min-width:1820px) and (max-width:1920px) {
    .footerSection video#hero-video {
        height: 69vh;
    }

    .footerContainer {
        padding: 80px 0px;
    }

    .abouttextBox p,
    .hcPara,
    .aGroupP {
        font-size: clamp(1.125rem, -5.7rem + 6vw, 1.5rem);
    }

    .wwCp,
    .wwwCpq {
        font-size: clamp(1.125rem, -2.2875rem + 3vw, 1.3125rem);
    }

    .wwwHS {
        font-size: clamp(1.125rem, -6.8375rem + 7vw, 1.5625rem);
    }

    .aGroupSection {
        padding: 80px 50px;
    }

    .wwdHB {
        font-size: clamp(1.375rem, -7.725rem + 8vw, 1.875rem);
    }

    .wwdCbox {
        border-radius: 36px;
    }

    .h2Heading,
    .h2Heading.textCenter,
    .hcHeading,
    .wcuH,
    .aGroupH {
        font-size: clamp(2.1875rem, -3.5rem + 5vw, 2.5rem);
    }

    .hCSection {
        padding: 100px 50px;
    }

    input,
    select,
    textarea {
        font-size: 20px;
    }

    .field {
        margin-bottom: 20px;
    }

    input#phone {
        padding-left: 96px !important;
    }

    .submit-btn {
        font-size: 25px;
        padding: 8px 50px;
    }

    .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
        font-size: 20px;
    }

    .tandc a,
    p.tandc {
        font-size: clamp(1.0625rem, -2.35rem + 3vw, 1.25rem);
    }

    .footersubMenu a {
        font-size: clamp(1.0625rem, -4.625rem + 5vw, 1.375rem);
    }

    .footerHeL {
        font-size: 40px;
    }

    .logoWidS {
        max-width: 270px;
    }

    ul.rightM li {
        margin-bottom: 20px;
        font-size: 22px;
    }

    ul.footer-social_wrapper.social-btns .btn {
        width: 40px;
        height: 40px;
    }

    li.fl {
        font-size: 20px;
    }
}