@media screen and (min-width:1600px) and (max-width:1920px) {}

@media screen and (min-width:1366px) and (max-width:1600px) {
    .exploreTextBox h1 {
        font-size: 50px;
    }

    .logoBox img {
        width: 200px;
    }
}

@media screen and (min-width:1200px) and (max-width:1366px) {
    .exploreTextBox h1 {
        font-size: 50px;
    }

    .logoBox img {
        width: 200px;
    }
}

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

    /*Landing Css Here*/
    .logoBox img {
        width: 200px;
    }

    .loginSec {
        padding: 0px 10px !important;
    }

    .exploreTextBox h1 {
        font-size: 46px;
    }

    .logoBox {
        left: 2rem;
    }

    .btnBox button {
        padding: 10px 15px;
    }
}

@media screen and (max-width:1080px) {
    .container {
        max-width: 95%;
    }

    /*Verification Css Here*/
    .loginSec .Verification_WrapperBox {
        padding: 0px !important;
    }

    /*Login Css Here*/
    .otherSign_linkBox>span {
        font-size: 16px;
    }

    .loginMainWrapperBox a img {
        max-width: 180px;
    }

    .loginSec .loginMainWrapperBox {
        padding: 0px 20px;
    }

    .otherSign_linkBox ul li a {
        width: 40px;
        height: 40px;
    }

    .otherSign_linkBox ul li a svg {
        width: 20px;
        height: 20px;
    }

    .cstmFormFloating i {
        font-size: 18px;
    }


    /*Landing Page Css Here*/
    .loginSec {
        padding: 0px 10px !important;
    }

    .exploreTextBox h1 {
        font-size: 36px;
    }

    .logoBox {
        left: 2rem;
    }

    .logoBox a img {
        width: 180px;
    }
}

@media screen and (max-width:991px) {
    .container {
        max-width: 95%;
    }

    /*Home Page Css Here*/
    .cstmprofileMenu button {
        padding: 0px;
    }

    .cstmNavbar .navbar-collapse {
        position: absolute;
        top: 70px;
        background-color: #fff;
        left: 0;
        right: 0;
        padding: 10px;
        border-bottom: 5px solid #cb2697;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .cstmNavbar ul.navbar-nav>li {
        display: block;
    }

    .cstmNavbar ul.navbar-nav>li::after {
        content: '';
        display: none;
    }

    .cstmNavbar ul.navbar-nav>li a {
        display: block;
        text-align: center;
        color: #000;
        border-bottom: 1px solid #ddd;
    }

    .cstmNavbar ul.navbar-nav>li:last-child a {
        border-bottom: none;
    }

    .cstmNavbar ul.navbar-nav li:hover a::after {
        content: '';
        display: none;
    }

    .cstmNavbar ul.navbar-nav>li a:hover {
        background-image: linear-gradient(to right bottom, #8b1597, #a31798, #b91b99, #ce2299, #e22c98);
        color: #fff;
    }

    .homeCarousel_Sec .carousel-inner img {
        height: 495px;
        object-fit: cover;
        object-position: center;
    }

    .cstmCenter {
        justify-content: center;
    }

    .aboutContentBox .mainHeadingBox {
        margin-top: 30px;
    }

    .mainHeadingBox h1 {
        font-size: 24px;
        text-align: center;
    }

    .mainHeadingBox h1::after {
        width: 98%;
        background-position: center;
    }

    .aboutContentBox p {
        text-align: center;
    }

    .aboutContentBox .cstmBtnBox {
        text-align: center;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    /*Landing Css Here*/
    .landingImgHide {
        display: none !important;
    }

    
}

@media screen and (max-width:768px) {
    /*Verification Screen Css */
    .cstmPadding {
        padding-inline: 20px;
    }

    .programCardWrapper img{
        object-fit: unset;
    }

    /*Landing Css Here*/
    .landingImgHide {
        display: none !important;
    }

    .exploreTextBox h1 {
        text-align: center;
    }

    .landingWidth100 {
        justify-content: center;
    }

    /*Home Page Css Here*/
    .carouselContentBox span {
        font-size: 16px;
    }

    .carouselContentBox h2 {
        font-size: 30px;
    }

    

    .programCardWrapper h1, .serviceCardContent_Box h1 {
        font-size: 20px;
    }

    .programCardWrapper span, .serviceCardContent_Box p {
        font-size: 14px;
    }

    .cstmServiceCard_Box img, .programCardWrapper img {
        width: 100%;
    }
    
    .footer_sec {
        background-size: cover;
    }

    .footerBox {
        margin-bottom: 30px;
    }

    .footerBox .headingBox h1 {
        font-size: 20px;
    }

    .bottom_footerSec {
        margin-top: 20px;
    }
}

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

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

    /*Login Css Here*/
    .loginSec .loginMainWrapperBox {
        padding: 0px 15px;
    }

    .loginMainWrapperBox a img {
        max-width: 155px;
    }

    .otherSign_linkBox>span {
        margin: 10px 0px;
    }

    /*Landing Css Here*/
    .exploreTextBox .btnBox {
        flex-direction: column;
    }

    .exploreTextBox h1 {
        font-size: 30px;
    }

    /*Verification Screen Css Here*/
    .otpFormBox {
        gap: 10px;
    }

    .otpFormBox .cstmOTP_InputBox input {
        width: 55px !important;
        min-width: 55px;
        height: 55px;
    }

    .cstmNavbar a.navbar-brand img {
        width: 80px !important;
    }

    .cstmprofileMenu button {
        font-size: 15px;
    }
}

@media screen and (max-width:400px) {
    .loginFormWrapper_box .loginImgBox {
        height: 205px;
    }
}