@media only screen and ( max-width: 1650px) {
    .top-header{ padding: 10px 60px;}
    nav{ padding: 12px 60px;}
}

@media  only screen and ( max-width: 1550px){
    .banner-section .banner-silder .banner-bg{ min-height: 750px;}
    .campus-life-section .campus-life-content{ padding: 0px 50px;}
}
@media  only screen and ( max-width: 1300px) {
    .container{  max-width: 95%; }
    .top-header{padding: 10px 40px;}
    nav{padding: 12px 40px;}
    h1{ font-size: 40px;} 

    .banner-section .banner-silder .banner-content{ width: 65%;}
    .banner-section .banner-silder .banner-content.banner-content3{ width: 50%; left: 4%;}

    .history-section .history-bg { width: 50%; padding-left: calc((100% - 1500px) / 2);}
}

@media  only screen and ( max-width: 1200px){
    h2{ font-size: 26px; font-weight: 600;} 

    nav .main-menu .menu { gap: 20px;}

    .history-section{ display: block;}
    .history-section .history-bg .history-content{ flex-wrap: wrap; padding: 40px 0px; text-align: center;}
    .history-section .history-bg .history-content div{ justify-content: center;}
    .history-section .history-bg{ width: 100%; -webkit-clip-path: none; clip-path: none; padding-left: calc((100% - 1170px) / 2);}
    .history-section .history-bg .history-content div h3{ font-size: 35px; font-weight: 600; color: var(--thm-white); line-height: .9; margin-bottom: 10px; text-align: center;}
    .history-section .history-bg .history-content div h3 br{ display: none;}
    .success-history{ width: 100%; padding: 40px 0px;}

    /* .accreditation-logo img{ padding: 0px 25px; } */

    .faculties-landing-section .faculties-frame-img img{ padding: 0px; }
}

@media  only screen and ( max-width: 1140px){
    .top-header .web-info a{ display: none;}
    .ham { display: block; z-index: 20;}
    nav .main-menu .menu{ width: 100%; height: 100%; position: fixed; display: block; background-color: var(--thm-white); left: -100%; top: 0; bottom: -100%; padding: 100px 60px; z-index: 5; transition: 0.5s; border-radius: 50%;}
    nav .main-menu .menu.show-menu{ left: 0; bottom: 0; border-radius: 0; }
    nav .main-menu .menu > li{ margin: 10px 0px; }
    .dropdown-open{ display: block; font-size: 17px; margin-top: -2px;}
    .menu .dropdown .dropDown-menu{ display: none; top: 35px !important; left: 0px;}
    .menu .dropdown .dropDown-menu.show-drop-down{ display: block;}

    .funfact .funfact-content .funfact-items h2{ font-size: 40px;}
    .funfact .funfact-content .funfact-items .description{ font-size: 15px;}
}

@media  only screen and ( max-width: 991px){
    .top-header{ justify-content: center; gap: 10px;}
    .top-header .web-info a{ display: block; padding: 6px 8px; background-color: #66666620; color: black;}
    .top-header .web-info a span{ display: none;}
    .top-header .web-info a i{ font-size: 16px;}
    .top-header .web-info p{ display: none;}

    .about-section .about-img{ margin-bottom: 30px;}
    .about-section .about-img img{ border-radius: 20px 20px 10px 10px;}

    .funfact .funfact-content{ grid-template-columns: repeat(2, 1fr); padding: 0px 0px;}
    .funfact .funfact-content .funfact-items{ border-bottom: 1px solid var(--thm-base2-light);}
    .funfact .funfact-content .funfact-items:nth-child(3),
    .funfact .funfact-content .funfact-items:last-child{ border-bottom: none;}
    .funfact .funfact-content .funfact-items:nth-child(2),
    .funfact .funfact-content .funfact-items:last-child{ border-right: none;}
    .funfact .funfact-content .funfact-items .funfact-text{ text-align: center; margin-top: 0px; padding: 30px 0px;}

    .work-process-section .process-step{ margin-bottom: 30px;}
    .campus-life-section .campus-life-img{ text-align: center;}
    .campus-life-section .campus-life-img img{ border-radius: 7px; width: 95%; margin-bottom: 30px;}

    .Home-from-section .form-section{ margin-top: 20px;}
    .Home-from-section.contact-page-from-section .contact-img{ margin-top: 50px;}
    
    .product-page-section .product-page-items-container{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}

    .Facilities-grid{ margin-bottom: 40px; padding: 0px;}

    /* .accreditation-logo img{ padding: 0px 0px; } */

    .accreditation-page-item .profile-img img{ max-width: 95%;}
    
}
@media  only screen and ( max-width: 768px){
    .calltoaction .container{ padding: 30px; margin-top: 10px; text-align: center;}
    .calltoaction-content{ border: none; margin-bottom: 20px;}

    .custom-container .tabs__buttons--container{ margin-bottom: 30px;}
    .custom-container .scroll-page{ position: static; top: 0px;}

    .map-section .map { margin-bottom: 30px;}
    .contact-info-section .form-section { margin-top: 30px;}

    .principal-office-section .heading,
    .administrative-office-section .heading{ display: inline-block; border-bottom: 1px solid var(--thm-base2); color: var(--thm-base2); font-size: 20px; margin-bottom: 20px;}
    .principal-office-section .principal-office-img{ margin-bottom: 20px;}
    .administrative-office-section .administrative-office-img{ margin-bottom: 20px;}
    /* .wcu-section .wcu-items{ justify-content: center;} */
    
    .faculties-silder{ margin-top: 30px;}

    .faculties-profile-container .profile-img img{ max-width: 100%;}

    .activities-page .row-reverse{ flex-direction: column-reverse;}
    .activities-page .activities-silder{ margin-top: 30px;}

    .admissions-img{ margin-bottom: 30px;}

    .accreditation-page-item .heading{ font-size: 20px;}

    .statement-items{
        margin-bottom: 20px;
    }
}

@media  only screen and ( max-width: 650px){
    .container{  max-width: 96%; }
    h1 { font-size: 16px;}
    h2 { font-size: 17px;}
    h5{ font-size: 16px;}
    .mb-80{ margin-bottom: 40px;}
    .mt-80{ margin-top: 40px; }
    .heading-tag { font-size: 13px; margin-bottom: 5px }
    .heading { margin-bottom: 10px;}
    .description { font-size: 13px; margin-bottom: 10px;}
    .btn-box { padding: 8px 20px;font-size: 12px;}
    .btn-box:hover {outline-offset: 2.0px;outline: 2.0px solid var(--thm-base);}
    .it-btn-theme { font-size: 12px; padding: 8px 20px;}

    .owl-dot { width: 8px; height: 3px; margin-top: 20px !important;}

    .top-header{ padding: 6px 0px; gap: 8px; }
    .top-header .web-info a { padding: 3px 6px; }
    .top-header .web-info a i { font-size: 14px; }
    .top-header .top-bar-action { gap: 8p }
    .top-header .top-bar-action a i { padding: 6px 7px; font-size: 13px; }
    
    .ham { width: 50px; margin: -13px;}
    nav{padding: 8px 14px;}
    nav .web-logo img{ max-width: 70px;}
    nav .main-menu .nav-action .btn-box{ display: none; }
    nav .main-menu .nav-action a img{ max-width: 45px;}
    nav .main-menu .nav-action a:nth-child(2){ display: none;}

    nav .main-menu .menu{ padding: 100px 25px;}
    nav .main-menu .menu > li > a { font-size: 14px;}
    .dropDown-menu li a { padding: 8px 10px; font-size: 14px;}
    .dropDown-menu.dropDown-menu-products { width: 300px;}

    .banner-section { margin-bottom: 0px;}
    .banner-section .banner-silder .banner-bg { min-height: 280px;}
    .banner-section .banner-silder .banner-content h6{ font-size: 10px; padding: 7px 14px; color: var(--thm-white);}
    .banner-section .banner-silder .banner-content h1 { margin-bottom: 6px; color: var(--thm-white);}
    .banner-section .banner-silder .banner-content { width: 95%;} 
    .banner-section .banner-silder .banner-content.banner-content3 { width: 100%; text-align: center; }

    .banner-section .banner-silder .banner-content h1 span,
    .banner-section .banner-silder .banner-content .description { color: var(--thm-white);}
    .banner-section .banner-silder .banner-content.banner-content2 .banner-btn{ justify-content: center;}
    .banner-section .banner-silder .banner-content.banner-content3 .banner-btn{ justify-content: center;}

    .about-section .about-img{ margin: 0px 6px; margin-bottom: 30px;}
    .about-section .about-img-container .row { margin: 0; --bs-gutter-x: 0 !important;}
    .about-section .about-img .ab-img-2{ margin-top: 0px;}
    .about-section .about-points{ display: inline-flex; gap: 10px; align-items: center; margin-bottom: 20px; flex-wrap: wrap;}
    .about-section .about-points .about-item{ display: flex; gap: 6px; align-items: center; border: 1px solid var(--thm-base-light); padding: 8px; border-radius: 4px;}
    .about-section .about-points .about-item img{ max-width: 30px;}
    .about-points .about-item p{ font-size: 12px; font-weight: 600; line-height: 1.3;}

    .history-section .history-bg .history-content div h3 { font-size: 18px;}
    .success-history .success-history-content h5{ font-size: 15px;}

    .academics-section .academics-item .points-section { padding: 0px;}
    .academics-section .academics-item { padding: 30px 15px; padding-bottom: 20px; margin-bottom: 0px;}
    .academics-section .academics-item h6 { font-size: 12px; margin-bottom: 5px;}
    .academics-section .academics-item .heading { margin-bottom: 0px;}
    .academics-section .academics-item .academic-img { margin-bottom: 10px;}
    .coming-soon-container .coming-soon-img { max-width: 110px; top: 28px;}

    .campus-life-section { margin-top: 50px;}
    .campus-life-section .campus-life-content img { max-width: 50px; margin-bottom: 15px;}
    .campus-life-section .campus-life-content{ padding: 0px; width: 94%; margin: auto;}
    .campus-life-section .campus-life-img img {margin-bottom: 10px;}

    .funfact .funfact-content .funfact-items h2{ font-size: 24px; font-weight: 600;}
    .funfact .funfact-content .funfact-items .description{ font-size: 13px;}

    .work-process-section .process-step { padding: 14px; margin-bottom: 20px;}
    .work-process-section .process-step h5{ margin: 10px 0px; font-weight: 600;}
    .work-process-section .process-step .process-icon img{ max-width: 40px; margin-bottom: 5%;}
    .work-process-section .process-step .process-icon .step-num{ font-size: 60px;}
    .work-process-section .apply-btn a{ display: none;}

    .faculties-landing-section{padding: 0px;}
    .faculties-landing-section .container{ border: none; border-radius: 12px; padding: 0px 10px; padding-top: 30px;}

    .calltoaction .container { max-width: 95%; padding: 20px 10px; margin-top: 10px; border-radius: 10px;}
    .calltoaction-content { padding-left: 0px; margin-left: 0px; margin-bottom: 12px;}

    .facilities-section .facilities-head-box { padding-bottom: 10px; margin-bottom: 15px;}
    .facilities-section .facilities-items h5{ font-size: 15px; font-weight: 600; padding: 12px 10px; border-radius: 0px 0px 10px 10px;}
    .facilities-silder .owl-nav{ top: -60px; right: 10px;}
    .facilities-silder .owl-nav .owl-prev span{ font-size: 22px !important; padding: 0px 6px 4px 6px!important; border-radius: 4px 0px 0px 4px;}
    .facilities-silder .owl-nav .owl-next span{ font-size: 22px !important; border-radius: 0px 4px 4px 0px; padding: 0px 6px 4px 6px!important;}

    .faculties-silder-section { padding: 40px 0px;}

    .Home-from-section { padding: 40px 0px; margin: 0px; border-radius: 0px;}

    .form-section { padding: 20px 15px; margin-top: 30px;}
    .form-heading { font-size: 16px;}
    .form-control{ margin-top: 0px; padding: 7px 15px; font-size: 13px; border: 1px solid var(--thm-footer);}
    .form-select { margin-top: 0px; padding: 7px 15px; font-size: 13px; border: 1px solid var(--thm-footer);}
    .form-select:focus { border: 1px solid var(--thm-color);}
    .form-control:focus { border: 1px solid var(--thm-color);}
    .form-section .btn-box{ width: 100%; margin-top: 5px;}
    .form-check-label { font-size: 12px;}

    .testimonials-items { padding: 15px 12px; border-radius: 6px; margin: 5px 2px;}
    .testimonials-items img{ max-width: 30px; border-radius: 0px; margin-bottom: 5px;}
    .testimonials-items .person-title{ padding: 5px 20px 5px 12px;}
    .testimonials-items .person-title h5{ font-size: 14px;}
    .testimonials-items .person-title img{ max-width: 35px !important;}
    .testimonials-section .person-title .reating{ font-size: 10px;}

    .footer-section .footer-container .footer-logo a img{ max-width: 160px; margin-bottom: 15px;}
    .footer-section .footer-container .footer-tag-line h3 { font-size: 16px; margin-bottom: 20px; padding-bottom: 15px;}
    .footer-section .footer-container .footer-tag-line h3 br{ display: none;}
    .footer-section .footer-container .sub-heading{ font-size: 17px; margin-bottom: 15px;}
    .footer-section .footer-container .footer-services li{ margin-bottom: 5px; overflow: hidden;}
    .footer-section .footer-container .footer-services li a{ font-size: 13px;}
    .footer-section .footer-container .footer-contact p a{ font-size: 13px;}
    .footer-section .footer-container .footer-contact p{ font-size: 13px; padding-bottom: 0px;}
    .footer-section .footer-bottom-section .copyright__bg p{ font-size: 13px;}

    .social-media { gap: 12px; padding: 0px; border-radius: 2px;}
    .social-media i{ font-size: 16px;}
    .social-media a:hover::before{ width: 35px; height: 35px;}

    .breadcrumb-section.mb-80{ margin-bottom: 0px;}
    .breadcrumb-section .breadcrumb-bg { padding: 80px 0px;}
    .breadcrumb-section .breadcrumb-heading { font-size: 18px; margin-bottom: 0px;}
    .breadcrumb-section .breadcrumb { padding: 0px;  }
    .breadcrumb-section .breadcrumb .breadcrumb-item { font-size: 12px;}
    .breadcrumb-section .breadcrumb .symbol-breadcrumb { font-size: 15px; padding: 0px 5px;}
    .breadcrumb-section .breadcrumb-bg.breadcrumb-academics{ padding: 150px 0px 40px 0px;}
    .breadcrumb-section .breadcrumb-bg.breadcrumb-nursing{ padding: 200px 0px 100px 0px;}
    
    .fill-body { height: 50px;}

    .about-section .about-page-sub-heading { margin-top: 10px; font-size: 15px;}
    .about-section .about-img img {border-radius: 10px;}

    .our-vision-section{ padding: 40px 0px;}

    .principal-office-section .row>*,
    .administrative-office-section .row>* {
        padding-right: calc(var(--bs-gutter-x)* .3);
        padding-left: calc(var(--bs-gutter-x)* .3);
    }
    .principal-office-section .principal-office-img img,
    .administrative-office-section .administrative-office-img img {
        border-radius: 5px;
    }

    .wcu-section .wcu-items{ gap: 20px; margin: 30px 0px;}
    .wcu-section .wcu-items .wcu-icon img{ max-width: 45px;}
    .wcu-section .wcu-items .wcu-icon::after{ height: 40px; width: 40px;}

    /* .accreditation-logo img{ max-width: 90%; padding: 0px;  margin: 5px 0px; border-radius: 4px; border: none;} */
    .accreditation-page-item .heading{ font-size: 16px;}
   
    .accordion-item .accordion-button { font-size: 13px; padding: 10px; }
    .accordion-item { border: none; margin-bottom: 10px; }
    .accordion-body { font-size: 13px; padding: 10px; margin-bottom: 10px; }

    .custom-container .tabs__buttons--container{ padding: 0px;}
    .tabs__tab-btn { padding: 10px; font-size: 13px; margin: 0px;}

    .Home-from-section.contact-page-from-section { margin-bottom: 40px;}

    .Facilities-page-items{ background-color: #00826310; padding: 40px 0px}
    .Facilities-grid{ gap: 10px; margin-bottom: 20px; padding: 0px;}

    .activities-page.activities-page2{ background-color: var(--thm-section-bg); padding: 30px 0px; }

    .course-page-admission h3{font-size: 18px; margin-bottom: 20px;}
    .course-page-admission .process-step{ margin-bottom: 20px; padding: 10px ; border-radius: 10px;}
    .course-page-admission .process-step h5{ font-weight: 600; font-size: 14px;}
    .course-page-admission .process-step span{ font-size: 18px;}
    
    .course-detail-page .course-detail{padding: 0px; margin-bottom: 30px; box-shadow: none; background-color: #ffffff;}
    .course-detail-page .course-detail h4 { font-size: 16px;}
    .course-detail-page .side-bar{ margin-bottom: 20px; background-color: #9b9b9b10; padding: 14px; box-shadow: none; }
    .course-detail-page .side-bar .side-bar-content h6{ margin-bottom: 12px; font-size: 15px;}
    .side-form-bar .form-section{ padding: 10px 0px; margin-top: 0px;}

    .file-download { padding: 10px;}
    .file-download p { font-size: 14px;}

    th{text-align: center; font-size: 13px;}
    td{padding: 8px; font-size: 13px;}
    .th{ font-size: 14px;}

    .nursing-labs-container{gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .nursing-labs-section .nursing-labs-item div{ padding: 12px 0px;}
    .nursing-labs-section .nursing-labs-item h5{font-size: 14px;}

    .Facilities-course-container{gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .Facilities-course-container .Facilities-course-item h5{ font-size: 14px; padding: 14px 0px;}
    .Facilities-course-container .Facilities-course-item a img{ border-radius: 6px;}
    
    .contact-info-section .container{ background-color: #ffffff; padding: 0px 10px;}
    .contact-info-section .contact-info{ gap: 0px; padding: 15px 8px;}
    .contact-info-section .contact-info .contact-info-item { gap: 10px; padding: 10px;}
    .contact-info-section .contact-info .contact-info-item i{ font-size: 20px; padding: 10px;}
    .contact-info-section .contact-info .contact-info-item p{ font-size: 13px;}
    .contact-info-section .contact-info .contact-info-item .contact-info-social h4{ font-size: 14px;}
    .contact-info-section .contact-info .contact-info-item .contact-info-social .social-media { gap: 10px; padding: 0px; border-radius: 2px;}
    .contact-info-section .contact-info .contact-info-item .contact-info-social .social-media i{ font-size: 16px; padding: 0px;}

    .map-section .map{ padding: 0px; box-shadow: none;}

    #back-to-top-button { width: 38px; height: 38px; bottom: 25px; right: 20px; }
    #back-to-top-button::after { font-size: 18px; line-height: 40px; }

    .statement-section{
       padding: 50px 0px;
    }
    .statement-items {
        padding: 20px 5px;
        border-radius: 10px;
    }

}

@media  only screen and ( max-width: 575px){
    .row-reverse{ flex-direction: column-reverse;}

    .faculties-profile-container{ padding: 0px; background-color: var(--thm-section-bg); margin-bottom: 0px;}
    .faculties-profile-container .container{ padding: 30px 15px; background-color: var(--thm-section-bg); border-radius: 0px; border-bottom: 1px solid var(--thm-base3-light); text-align: center;} 
    .faculties-profile-container .profile-img img{ max-width: 70%; margin-bottom: 10px;}

    .accreditation-page-item .profile-img img{ max-width: 60%; margin-bottom: 15px;}
}