@charset "utf-8";
/* CSS Document */

@media(max-width: 2560px) {
    .leader-box{
        height: 688px;
    }

    .bd-box {
        top: 29%;
        left: 16%;
    }
    
    .myheader.scroll .header-container {
        width: 100%;
        position: fixed;
        left: 0;
        top: 40px;
    }
}


@media(max-width: 1920px) {
   .myheader.scroll .header-container {
        top: 40px
    }

    .leader-box{
        height: 682px;
    }

    .query-btn{
        top: 38%;
    }
}

@media (max-width: 1440px) {

    .myheader.scroll .header-container {
        top: 40px;
    }

    .query-btn{
        top: 40%;
    }

    .bd-box {
        top: 24%;
    }

    .box-2 {
        padding: 7px 0px;
        text-align: center;
    }

    .leader-box{
        height: 682px !important;
    }

}

@media(max-width: 1366px) {

    .leader-box{
        height: 627px;
    }

    /* .query-btn{
        top: 45%;
    } */

    .query-btn{
        top: 35%;
    }

    .myheader.scroll .header-container {
        top: 40px;
    }

    #socil-box{
        width: 35%;
    }

    .time-box{
      width: 24%
    }
    
    span.second-t {
    left: 60%;
    }

    .filter-gallery .images img{
        max-width: 350px;
        width: 350px;
    }

    .head-cont p span{
        font-size: 40px;
    }

    .head-cont p{
        font-size: 1.2rem;
    }
    
.filter-gallery .images img {
    max-width: 360px;
    width: 351px;
}
.date-box {
    width: 65%;
}
.form-box2 {
    width: 132%;
}

}

@media(max-width: 1024px) {

    .myheader.scroll .header-container {
        width: 100%;
        position: fixed;
        left: 0;
        top: 40px;
    }

    .admation-popup{
        width: 600px;
        max-width: 600px;
        /*top: 35%;*/
    }

    .head-cont p {
        margin-top: 45px;
        font-size: 1.2rem;
    }

    .head-cont p span {
        font-size: 42px;
        font-weight: 600;
    }
    
    .my-info{
        padding: 0px 0px;
    }

    .my-info p a{
        font-size: 18px;
    }

    .diplomabanner {
        width: 100%;
        height: 300px;
    }

    .overview {
        padding: 50px 0px;
    }

    h1 {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 55px;
    }

    .heading-box h2 {
        font-size: 1.5rem;
        padding: 0px;
    }

    .choose-box {
        padding: 50px 0px;
    }

    h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 55px;
    }

    .Genuine {
        padding: 10px 10px;
    }

    h4 {
        font-size: 1.2rem;
        font-weight: 600;
    }

    .testmonial-review h3{
        font-size: 1.23rem;
    }

    .auto-slider .carousel-indicators {
        bottom: -44px;
    }

    .about2{
        padding: 50px 0;
    }

    .choose {
        padding: 50px 0px;
    }

    .vision-content h2{
        margin-top: 20px;
    }

    .mission-content h2{
        margin-top: 20px;
    }

    .main-card {
        width: 100%;
    }

    .counter-container {
        padding: 20px 10px;
        min-height: 0px;
    }

    .counter-container:last-child {
        font-size: 15px;
        font-weight: 600;
    }

    .counter {
        font-size: 30px;
        font-weight: 900;
    }

    li.nav-item {
        font-size: 14px;
    }

    nav.navbar p span {
        font-size: 20px;
        font-weight: 600;
        display: inline-block;
    }

    nav.navbar p{
        width: 200px;
        margin-top: 16px;
    }

    .inner-logo img {
        aspect-ratio: 1 / 1;
        width: 111px;
        object-fit: cover;
    }

    .leader-box{
        height: 542px;
        max-height: 551px;
    }
    
    
    .bd-box {
        top: 24%;
    }

    .banner-header{
        background-position: center center;
    }

    .announcement h2 {
        font-size: 1.9rem;
        font-weight: 700;
        line-height: 38px;
    }

    .so-2{
        display: none !important;
    }

    .filter-gallery .images img {
        max-width: 300px;
        width: 300px;
    }
   
}

@media(min-width:768px) and (max-width:1100px){

    nav.navbar.navbar-expand-md.navbar-light.bg-light {
        z-index: 999 !important;
    }
    .navbar-expand-md .navbar-toggler{
        display: block !important;
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
    }
    body .navbar-expand-md .navbar-collapse{
        display: none !important;
    }

    body .navbar-expand-md .navbar-collapse.show{
        display: block !important;
        margin-top: 20px;
        width: 100%;
    }
    nav.navbar .container-fluid{
        align-items: flex-start;
    }

    .navbar > .container-fluid{
        justify-content: flex-start;
        flex-direction: column;
    }

    .filter-gallery .images{
        gap: 10px;
    }

    .pdf-box ul li {
        margin-bottom: 8px;
        display: flex;
    }

    .pdf-section a{
        text-align: left !important;
    }

    span.second-t {
        left: 70%;
    }

    .time-box {
        width: 23%;
        text-align: center;
    }

    .date-box {
        width: 58%;
    }

    .mobile-img{
        display: block;
    }

    .desktop-img{
        display: none;
    }    

    .myheader.scroll ~ .headerslider,
    .myheader.scroll ~ .banner-header{
        margin-top: 110px !important;
    }
}

@media (max-width: 992px) {

    .color{
        height: 55px;
    }

    .so-2{
        display: block !important;
    }

    span.second-t {
        left: 97%;
    }

    .head-cont p {
        margin-top: 27px;
    }

    .myheader.scroll .header-container {
        width: 100%;
        position: fixed;
        left: 0;
        top: 55px;
    }

    .admation-popup{
        width: 95%;
        max-width: 600px;
        top: 50%;
    }

    .head-social{
        display: none !important;
    }

    .form-box2 a span{
        width: 30px;
        height: 30px;
        background-color: var(--white);
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .form-box2 a{
        width: fit-content;
    }

    .form-box2 {
        width: 66%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .time-box{
        text-align: center;
    }

    .date-box{
        text-wrap: nowrap;
        width: 41%;
    }

    .main-header{
       position: relative;
    }

    .shanit-header{
        position: relative;
    }

    a.navbar-brand{
        align-items: flex-start;
    }

    .logo {
        aspect-ratio: 1 / 1;
        width: 100px;
    }

    .radha{
        display: block !important;
    }

    

    .main-header span{
        text-wrap: nowrap;
    }

    span.second-t {
        position: absolute;
        right: 0;
    }

    #socil-box a {
        height: 30px;
        width: 30px;
        border-radius: 20px;
        margin-left: -11px;
    }

    #socil-box a span{
        font-size: 19px;
    }

    .form-box2 a span i{
        font-size: 16px;
        color: var(--black);
    }

    .bd-box {
        top: 14%;
    }

    .main-card {
        width: 100%;
    }

    .headerslider{
        height: 450px;
        position: relative;
    }

    .headerslider img{
        height: 450px;
       
    }

    .headerslider .carousel-control-prev, .headerslider .carousel-control-next {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        background-color: var(--red);
        opacity: 1;
    }

    .main-inner-number a span.myIcon{
        display: none;
    }

    .academics h1 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 40px;
    }

    .facilities {
        padding: 50px 0;
    }

    .leader-box{
        max-height: 607px;
    }

    .time-box {
        width: 40%;
        text-align: center;
    }

    .form-box2{
        margin-left: -183px;
    }

    .head-cont p{
        font-size: 1.1rem;
        line-height: 23px;
        margin-top: 22px;
    }

    .head-cont p span {
        font-size: 32px;
    }

    #socil-box a span{
        font-size: 16px;
    }

    .myheader.scroll ~ .headerslider,
.myheader.scroll ~ .banner-header{
        margin-top: 120px !important;
    }

   .quick .query-btn{
    top: 35%;
   }
}

@media(max-width: 768px) {

    span.second-t {
        position: absolute;
        left: 85%;
    }

    .myheader.scroll .header-container {
        width: 100%;
        position: fixed;
        left: 0;
        top: 55px;
    }

    li.nav-item {
        font-size: 14px;
        width: 100%;
    }

    ul.dropdown-menu{
        border: none;
        outline: none;
    }

    ul.dropdown-menu li{
        margin-bottom: 5px;
    }

    .navbar-nav{
        gap: 3px;
    }

    ul.dropdown-menu {
        width: 100% !important;
    }

    .form-box2 a span i {
        font-size: 15px;
        color: var(--black);
    }

    .form-box2 a span{
        width: 30px;
        height: 30px;
        border-radius: 15px;
    }

    .time-box {
        width: 39%;
        text-align: center;
    }

    #socil-box a{
        width: 30px;
        height: 30px;
        border-radius: 15px;
    }

    #socil-box a span {
        font-size: 15px;
    }

   
    .banner-header{
        height: 300px;
        background-position: top center;
        position: relative;
    }

    .my-info {
        width: 100%;
    }

    .contact-us {
        padding: 40px 0px;
    }

    h1.text-center.pb-4{
        font-size: 35px;
    }

    .righ-information-box h2 {
        font-size: 30px;
    }

    .my-info{
        margin-bottom: 0px;
    }

    .my-info span{
        font-size: 28px;
    }

    .my-info h4{
        display: inline;
        font-size: 20px;
    }

    .main-card {
        width: 100%;
        padding: 10px;
    }

    .announce h3{
        margin-top: 25px;
    }

   .content_box h5 {
        font-size: 1rem;
        font-weight: 900;
    }  
    
    .banner-header {
        background-position: center left;
        position: relative;
    }

    .leader-box {
        max-height: 592px;
    }
    
    .course-form{
        margin-bottom: 20px;
    }

    nav.navbar p{
        margin-top: 0;
    }

    .filter-gallery .images{
        gap: 0;
        row-gap: 15px !important;
        column-gap: 96px !important;
    }

    .filt-box {
        display: flex;
        overflow-x: auto;
        justify-content: space-between;
        align-items: center;
    }

    .tag{
        width: fit-content;
        text-wrap: nowrap;
    }

    .pdf-box h1{
        font-size: 30px;
    }

    .announcement h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 25px;
    }


    a.navbar-brand {
        align-items: flex-start;
    }

    .head-cont p{
        font-size: 1rem;
    }

    .head-cont p span{
        font-size: 20px;
    }

    .nav-pills .nav-link {
        background-color: var(--button) !important;
        color: #fff !important;
        margin-left: 0px;
        width: 100%;
        margin-bottom: 10px;
    }

    .main-header{
        justify-content: flex-start;
    }

    .head-cont{
        justify-content: flex-end;
    }

    .mobile-img{
        display: block !important;
    }

    .desktop-img{
        display: none !important;
    }    

    .bd-box {
        top: 17%;
    }

    .myheader.scroll ~ .headerslider,
    .myheader.scroll ~ .banner-header{
        margin-top: 110px !important;
    }

    .why-img-box{
        margin-bottom: 30px;
    }

    h1 {
        line-height: 38px;
    }

    .founder-img-box {
        margin-bottom: 40px;
        order: 1;
    }

    .my-none{
        display: none;
    }

    .only-none{
        display: block;
    }

}

@media (max-width: 576px) {

    .admation-popup {
        width: 95%;
        max-width: 100%;
        top: 50%;
    }

    .form-box2{
        display: none;
    }

    .date-box {
        text-wrap: wrap;
    }

    .main-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px;
    }

    span.second-t {
        position: absolute;
        left: 74%;
    }

    span.first-t {
        left: 6%;
    }

    a.navbar-brand {
        align-items: center;
    }

    .logo{
        margin-left: 0;
    }

    .head-cont p span {
        font-size: 17px;
    }

    .head-cont p {
        font-size: 1rem;
        line-height: 17px;
    }

   

    .breadcrumb-item {
        font-size: 16px;
        font-weight: bold;
    }

    h1.text-center.pb-4 {
        font-size: 27px;
    }

    .form-box {
        width: 100%;
    }

    .righ-information-box h2 {
        font-size: 25px;
    }

    .form-box label {
        font-size: 14px;
    }

    .bd-box {
        top: 22%;
    }

    .founder-content h2{
        margin-top: 20px;
    }

    h1 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 33px;
    }

    .vision-content h2{
        font-size: 25px;
    }

    .mission {
        padding: 30px 0px;
    }

    .headerslider{
        height: auto;
    }

    .headerslider img {
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .admissom-box{
        width: 100%;
    }

    .number-box {
        margin-top: 20px;
    }

    .inner-number{
             transform: skewX(0deg);
             width: 100%;
    }

    .main-inner-number{
        padding: 20px 20px;
        width: 100%;
    }

    .innner-pharmacy{
        width: 100%;
    }

    .counter-container{
        margin-bottom: 20px;
    }

    nav.navbar p span {
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
    }

    a.navbar-brand img {
        aspect-ratio: 1/1;
    }

    nav.navbar p {
        font-size: 11px;
        color: #fff !important;
        width: 259px !important;
        margin-top: 0;
    }

    .founder-content h2 {
        font-size: 1.5rem;
        line-height: 30px;
    }

    .founder {
        width: 100%;
        height: auto;
        padding: 50px 10px 0px;
    }

    .choose {
        padding: 50px 0px 0px;
    }

    .vision {
        padding: 50px 10px 0px;
        width: 100%;
        height: auto;
    }

    .leader-box {
        height: auto !important;
    }
    .leader-box .content_box button{
        position: relative !important;
    }

    .pdf-section .card{
        max-width: 100%;
    }

    .button-box{
        flex-direction: column;
    }

    .button-box button {
        width: 100%;
    }

    .filter-gallery .images img{
        max-width: 100%;
        width: 100%;
    }

   .pdf-box h1 {
        font-size: 20px;
    }

    .pdf-section a{
        text-align: left;
    }

    .pdf-box ul li{
        display: flex;
    }

    .myheader.scroll .header-container {
        top: 55px;
    }
    
    .announcement h2{
        margin-top: 18px;
    }
    .mobile-img{
        display: block !important;
    }

    .desktop-img{
        display: none !important;
    }

    .counter-container span i{
        font-size: 35px;
    }

    .counter {
        font-size: 25px;
        font-weight: 600;
    }

    .mobile-img{
    display: none;
}

.slider-fac{
    display: block;
}

.main-card-section-2{
    display: none;
}

.myheader.scroll ~ .headerslider,
.myheader.scroll ~ .banner-header{
    margin-top: 105px !important;
}

.founder-img-box img{
    width: 100%;
}

.quick .query-btn {
   top: 49%;
}

}


@media (max-width: 480px) {

    .myheader.scroll .header-container {
      top: 55px;
    }

    a.navbar-brand {
        align-items: center;
    }

    .query-btn{
        top: 49% !important;
    }
    .my-info p a {
        font-size: 16px;
        font-weight: 600;
        line-height: 15px;
    }

    .bd-box {
        top: 18%;
    }

    .course-year {
        margin-top: 15px;
    }

    .Genuine-content{
        padding: 15px;
    }

    .c-box p{
            padding: 10px;
    }

    .auto-slider{
        padding: 0px;
        padding-bottom: 70px;
    }

    .testmonial-img {
        width: 50%;
        /* margin-bottom: 20px; */
    }

    .testmonial-img img {
        aspect-ratio: 1 / 1;
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

    .overview h1.text-center.pb-4 {
        line-height: 30px !important;
    }

    button.navbar-toggler.mybtn {
        display: inline-block;
        width: 40px;
        position: absolute;
        left: 85%;
        top: 55%;
    }

    .banner-header {
        height: 250px;
        background-position: center;
    }

    .founder-content h2 {
        font-size: 1.5rem;
        line-height: 30px;
    }

    .founder {
        width: 100%;
        height: auto;
        padding: 50px 10px 0px;
    }

    .choose {
        padding: 50px 0px 0px;
    }

    .vision {
        padding: 50px 10px 0px;
        width: 100%;
        height: auto;
    }

    .leader-box {
        height: auto !important;
        min-height: 610px;
    }

    .leader-box .content_box button{
        position: absolute !important;
    }

    .pdf-section a{
        text-align: left;
    }

    .pdf-box ul li{
        display: flex;
    }

    .color{
        height: 55px;
    }

    .date-box {
        text-wrap: wrap;
        width: 70%;
    }

    .time-box {
        text-align: left;
        position: absolute;
        top: 30px;
        left: 9%;
    }

    .head-cont p{
        font-size: .8rem;
    }

    .head-cont p span {
        font-size: 15px;
    }

    .mobile-img{
        display: block;
    }

    .desktop-img{
        display: none;
    }   

    .myheader.scroll ~ .headerslider,
    .myheader.scroll ~ .banner-header{
        margin-top: 110px !important;
    }
}


@media (max-width: 385px){
    .time-box{
        left: 30%;
    }
}


@media (max-width: 376px) {

    .mobile-img{
        display: block;
    }

    .desktop-img{
        display: none;
    }   

    .myheader.scroll .header-container {
        top: 55px !important;
    }

    .bd-box {
        top: 15%;
    }

    .query-btn{
        top: 50%;
    }

    button.navbar-toggler.mybtn {
        display: inline-block;
        width: 40px;
        position: absolute;
        left: 85%;
        top: 55%;
    }

    .founder-content h2 {
        font-size: 1.5rem;
        line-height: 30px;
    }

    .founder {
        width: 100%;
        height: auto;
        padding: 50px 10px 0px;
    }

    .choose {
        padding: 50px 0px 0px;
    }

    .vision {
        padding: 50px 10px 0px;
        width: 100%;
        height: auto;
    }
    
    .leader-box {
        height: auto !important;
        min-height: 605px;
    }

    .popup-box{
        max-width: 100%;
        width: 100%;
    }

    a.navbar-brand {
        align-items: center;
        margin-left: 0;
    }

    .head-cont p span {
        font-size: 14px;
    }

    .head-cont p{
        font-size: .8rem;
        margin-top: 15px;
    }

    .time-box {
        left: 32%;
    }

    .myheader.scroll ~ .headerslider,
    .myheader.scroll ~ .banner-header{
        margin-top: 110px !important;
    }
}

@media(max-width: 320px) {

    a.navbar-brand {
        align-items: center;
        margin-left: 0;
    }

    .bd-box {
        top: 10%;
        left: 0;
    }
    .leader-box {
        height: auto !important;
        min-height: 547px;
    }
    .popup-box{
        max-width: 100%;
        width: 100%;
    }


    .navbar-brand p {
        font-size: .8rem;
    }

    .main-header span{
        font-size: .8rem;
    }

    .date-box{
        margin-left: -20px !important;
    }

    .time-box{
        left: 89px !important;
    }

    .head-cont p span{
        font-size: 12px;
    }

    .head-cont p {
        font-size: .7rem;
    }

    .head-cont p {
        margin-top: 10px;
    }

    .myheader.scroll ~ .headerslider,
    .myheader.scroll ~ .banner-header{
        margin-top: 125px !important;
    }
}