


@media (min-width:768px) {


}
@media(max-width:1499px){
.highlightSection {height:900px;}
.shape-mid {top: 2px;}
}
@media only screen and (max-width: 1300px) {
    .border_line_img {
        bottom: 50px;
    } 
   .Donation_border_line_img {
    bottom: -100px;
    }
}

@media(max-width:1199px){
.navbar-expand-lg .navbar-nav .nav-link {padding: 12px 12px 12px 12px;}
.bannerSection h1 {font-size:38px;}
.section-head h2 {margin-bottom: 20px;}
.bannerIn {max-width: 500px;}
.bannerBtn {font-size: 16px;}
.heading {font-size:32px;}
.searchIn {padding: 30px;}
.filterArea .cardContent {padding: 0px 15px 24px 15px;}
.filterArea .counterBox h4 {font-size:18px;}
.gap-3 {gap: 0.5rem!important;}
.innovationSection .videoBox {max-width:450px;}
.innovationSection .sectionIn {padding:40px;}
.innovationSection .contentBox {padding-left: 30px;}
.innovationSection .section-head h2{margin-bottom: 10px;}

.highlightSection {height: 760px;padding-top: 210px;}
.highlightSection .contentBox h4 {font-size: 20px;}
.highlightSection .contentBox {padding: 24px;margin-bottom: 70px;}

.ResearchSection .cardContent h5 {min-height:80px;font-size:14px;}
.highlight-blue {width: 155px;}
.socialMedia {column-gap: 5px;}
.footerIn h4 {font-size: 18px;}
.aboutMicrotia .imgBox {padding: 15px;}
.aboutMicrotia .imgBox h5 {font-size: 18px; min-height: 50px;}

#nav-profile .aural-atresia{padding-bottom: 0px;}
.gap-5 {gap: 2rem!important;}
.potentialSection .sectionIn {padding: 64px 280px 64px 250px; }
.potentialSection .sectionIn .imageBox {max-width: 220px; padding:15px;}
.potentialSection .sectionIn .imageBox p {font-size: 14px; }
.potentialSection .contentBox p {font-size: 18px;}
.rightImg {right: 20px; transform: rotate(-11deg);}
.Psychological .cardContent {min-height: 190px; margin-top: 50px; }
.Psychological .section-head {margin: 0 auto 50px;text-align: center;}
.imageSliderSec .section-head {margin-bottom: 0;}
.operativeSec h3 {font-size: 20px;}
.BenefitsSec .cardContent .imageBox {max-width: 90px; height: 90px; }
.TeamCrad_content h3 {margin-bottom:8px;font-size:24px;line-height:28px;}

}

@media(max-width:991px){
    p {font-size: 14px;}
   .mainNav {
        background: #212121;
        display: block;
        position: fixed;
        right: -100%;
        width: 100%;
        text-align: left;
        padding-right: 0px;
        bottom: 0;
        top: 0;
        z-index: 99;
        transition: .5s ease all;
        overflow: hidden;
        overflow-y: auto;
    }
    .about-work .knowMore,
    .emergencyCare .knowMore {
        padding: 8px 8px;
        font-size: 14px;
    }

    .emergencyCare h6,
    .emergencyCare p {
        font-size: 18px;
        line-height: 34px;}
.scheduleBtn{display: block;}
.scheduleBtn a{margin: 0px 0px 10px 0px;}
    
/*new menu*/

.mainNav {background:#fff;  display: block; position: fixed; right: -100%; width:90%; text-align: left; padding-right:0px; bottom: 0; top: 0; z-index: 99; transition: .5s ease all; overflow: hidden; overflow-y: auto; }
.moveleft.mainNav { right: -0%; }
.closebtn.submenu_icon {
    height: 35px;
    background: transparent;
    border: none;
    box-shadow: none;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
}
.closebtn.submenu_icon .navbar-toggler-icon{background:#fff; height: 0px;}
.closebtn.submenu_icon .navbar-toggler-icon:after,
.closebtn.submenu_icon .navbar-toggler-icon::before{background:var(--primary-color);}
.closebtn.submenu_icon .navbar-toggler-icon:after {
    height:2px;
    top: -1px;
    transform: rotate(45deg);
}
.closebtn.submenu_icon .navbar-toggler-icon::before {
    height: 2px;
    bottom: -1px;
    transform: rotate(-45deg);
}
.mainNav.moveleft nav.navbar.navbar-expand-lg {
    padding: 20px;
    width: 100%;
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

.midNav.mobileTopMenu {
    display: block;
    padding: 15px;
}
.mainNav.moveleft .midNav ul li a {color: #454544;}
/* .bottomHeader { opacity: 1; }
.bottomHeader.slideSubmenu { opacity: 1; }
.mainNav li a { font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; color: #FFFFFF; margin: 20px 0px; display: inline-block; width: 100%; }
.subMenuTopBar { padding: 50px 0px; }
.mainNav li.subMenuTopBar a { margin: 0; }
ul.submenu { display: none; position: static; left: 0; top: 0; min-width: 100%; right: auto; padding: 0px 20px; }
.submenu li a { margin: 0; display: inline-block; width: 100%; } */

.tooltipCustom {display: none;}
.tooltipCustom:after {display: none;}

.headerTopMenu ul li a span {display: block;}
.headerTopMenu ul li a small{display: none;}
/*new menu*/


.midNav{display: none;}
.bannerSection {height: 550px;}
.bannerSection h1 {font-size:28px;}
.bannerSection .highlight-pic img {
    width: 55px;
}
.highlight-pic {top: 15px;}
.headerIn {position: relative;}
.searchMob {display: flex;align-items: center;position: absolute;right: 57px; top: 27px;}
.searchBox{display: none;}
.searchSection {
    padding: 55px 0px 0px 0px;
}
.filterArea {
    padding-top: 52px;
    margin-top: 52px;
}
.filterArea .col-md-3 {
    width: 50%;
}
.filterArea.addList .col-md-3 {
    width: 100%;
}
.filterArea.addList .cardContent {
    margin-bottom: 16px;
}
.filterArea .cardContent {
    margin-bottom: 80px;
}
.searchSection .searchIn form {
    display: block !important;
}
.searchSection .inputBox input {
    padding: 15px 15px 15px 50px;
    margin-bottom:5px;
    border-radius: 12px;
    font-size: 14px;
}
.searchSection .counterBox {
    margin-top:0px;
}
.searchSection .inputBox.locationBox input{padding-right:95px;}
.searchSection .locationBtn {
    margin-top: -18px;
    margin-bottom: 10px;
}
.inputBox.locationBox {
    margin-top: 15px;
}
.locationCount p,
.filterCount p {font-size: 14px;}
.innovationSection .sectionIn {
    padding: 30px;
    display: block !important;
}
.searchSection .inputBox span {
    left: 15px;
}
.locationBox button {
    font-size: 14px;
    padding: 7px 15px;
}
.innovationSection .videoBox {
    max-width: 100%; width: 100%;
    margin-bottom: 15px;
}
.innovationSection .videoBox img {
    width: 100%;
}
.innovationSection .contentBox {
    padding-left: 0px;
}
.innovationSection .contentBox p {
    font-size: 14px;
}
.highlightSection .imageBox{display: none;}
.highlightSection .contentBox {padding: 20px;margin-bottom: 16px;}
.highlightSection .cardBox {margin-right:16px;}
.highlightSection .contentBox p {font-size: 14px;}

.ResearchSection .col-md-3 {
    width: 33%;
}
.ResearchSection .cardContent {
    margin-bottom: 24px;
}
.about-work .contentBox {
    padding-right: 15px;
}
.success-slider .sliderIn {
    padding: 15px;

}
.highlightSection.success-story {
    padding-bottom: 70px;
}
.highlightSection.success-story .contentBox h5 {
    font-size: 16px;
}
.highlightSection.success-story .contentBox p {
    font-size: 14px;
}
.success-story .section-head {
    padding-right: 130px;
}
.success-story .swiper-button-next, 
.success-story .swiper-button-prev{width: 38px;height: 38px;}
.success-story .swiper-button-prev {
    right: 60px;
}

.aboutSection .contentBox {padding:20px;}
.aboutSection .contentBox p {font-size:14px;line-height:160%;color:#000;}
.aboutSection .section-head h2 {margin-bottom: 10px;}

.footerIn ul {
    margin-bottom: 30px;
}
.footerMain .col-md-3 {
    width: 50%;
}
.footerIn ul li a {
    padding: 7px 0px;
    font-size: 14px;
}

.gallerySection .col-md-3 {
    width: 25%;
}

.aboutMicrotia.AuralAtresia .imgBox {
    padding: 15px;
}

.ResearchSection.knowAbout .col-md-3 {
    width: 33.33%;
}

.aboutMicrotia .imgBox h5 { font-size: 16px;}
.potentialSection .sectionIn {
    padding: 50px;
}
.outerPic {
    display: flex;
    justify-content: center;
    column-gap: 24px;
    margin-bottom: 30px;
}
.DoctorSec .section-head h2 {
    margin-bottom: 10px;
}
.outerPic .rightImg, 
.outerPic .leftImg {
    position: static;
    transform: rotate(0deg);
}
.potentialSection .contentBox p {
    font-size: 16px;
    line-height: 28px;
}
.searchSection .filterCount {
    margin-top: 10px;
}

.aboutMicrotia .gradeSection .imgBox,
.gradeSection .gradDetails .contentBox{padding: 15px;}
.offcanvas.searchField, .offcanvas-backdrop {
    top: 112px;
}

.searchField .inputBox.locationBox {
    margin-top: 0;
}

.ProfileSec .filterArea {
    padding-top: 0;
    margin-top: 0;
}
.ProfileSec .filterArea .col-md-9 {
    flex: 0 0 auto;
    width: 100%;
}
.ProfileSec .accordionSection {
    padding-left: 0px;
}
.ProfileSec .filterArea .cardContent {
    margin-bottom: 35px;
}

.ProfileSec .accordion-button {
    padding-left: 0;
    padding-right: 0;
    color: #545454;
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
    padding: 10px 0px;
}

.accordionSection .accordion-button::before {
    width: 34px;
    height: 34px;
}
.accordionSection .accordion-button::after {
    margin-right: 7px;
    font-size: 15px;
}

.accordionSection .accordion-button {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.allSpecialties .accordionSection .accordion-item {
    margin:8px 0px;
    padding: 15px;

}

/* .success-story .swiper2-button-next,
.success-story .swiper2-button-prev {
    width: 32px;
    height: 32px;
} */



.operativeSec .tab-content {
    height: 100%;
    width: 100%;
    padding:24px;
}
.operativeSec .nav {
    margin-right: 0 !important;
}
.operativeSec .tabsTwo .nav {
    margin-left: 0 !important;
}
.operativeSec .tab-content {
    margin-top: 15px;
}
.operativeSec .contentBox {
    height: 290px;
    padding-right: 10px;
}
.operativeSec .nav{max-width: 100%;}
.operativeSec .contentBox,
.operativeSec .tabsTwo .contentBox {
    height: auto;
}
.contactForm .sectionIn {
    padding: 30px;
}
.contactForm .imageBox{display: none;}
.operativeSec h3 br{display: none;}

.loginMain .logIn {
    max-width: 600px;
    border-top-left-radius: 24px;
    padding-top: 0;
}
.loginMain .loginbody {
    padding: 30px;
}
.loginMain .contentBox {
    max-width: 100%;
    width: 100%;
}

}


@media(max-width:767px){
    .regionsIn {
        padding: 5px 0px;
    }
    .regionsIn a {
        font-size: 12px;
    }

    .bannerSection {
        background-position: 54%;
    }
    .bannerSection::after {
        background: linear-gradient(276.51deg, rgba(6, 85, 134, 0) 12.08%, #065586 76.02%),
    linear-gradient(263.49deg, rgba(6, 85, 134, 0) 12.57%, #065586 69.09%);
    }
    .HomeSlider .bottom-bg {
        width: 100%;
        margin-top: -63px;
    }
    .HomeSlider .swiper-pagination {
        bottom: 45px !important;
    }
    .heading {
        font-size: 28px;
    }
    .bottom-bg img {
        height: 55px;
    }
    .sectionIn.d-flex {
        display: block !important;
    }
    .searchIn {
        padding: 15px;
    }
   

    
   
    .filterArea .col-md-3 {
        width: 100%;
    }
    .actionIcons a {
        width: 38px;
        height: 38px;
    }
    .actionIcons a svg {
        width: 20px;
    }
    .highlightSection .cardBox {
        margin-right: 0;
    }
    .filterArea .cardContent {
        margin-bottom: 80px;
        max-width: 320px;
        margin: 0 auto 65px;
    }

    .filterArea.addList .cardContent {
        max-width: 100%;width: 100%;
    }

    .filterArea .imageBox {
        width: 80px;
        height: 80px;
        margin: 0 auto;
        margin-top: -40px;
    }
    .filterArea .counterBox h6 { margin-bottom: 3px;}
    .filterArea .counterBox h4 {
        font-size: 16px;
    }
    .filterArea.addList .counterBox h4{text-align:left;}
    .searchSection .counterBox .locationCount {
        display: none;
    }
    .innovationSection .sectionIn {padding: 15px;}
    .highlightSection {
        height: auto;
        padding-top: 100px;
        padding-bottom: 55px;
    }
    .highlightSection .contentBox:last-child {
        margin-bottom: 15px;
    }
    .highlightSection {
        height: auto;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .ResearchSection .col-md-3 {
        width: 50%;
    }
    .about-work {
        padding: 45px 0px;
    }
    .about-work .contentBox, .about-work .imageBox {
        max-width: 100%;
        width: 100%;
        position: relative;
    }

    .about-work .contentBox {
        padding-right: 0;
        margin-top: 30px;
    }
 

    .top-bg img {
       display: none;
    }
    .innovationSection {
        padding-bottom: 70px;
    }
    .highlightSection .contentBox {
        padding: 20px;
        margin-bottom: 16px;
        max-width: 100%;
        border-radius:18px;
    }
    .highlightSection .b-b-r{border-bottom-right-radius: 18px !important;}
    .highlightSection .b-t-r{border-top-right-radius: 18px !important;}
    .highlightSection .b-b-l{border-bottom-left-radius: 18px !important;}
    .highlightSection .b-t-l{border-top-left-radius: 18px !important;}

    .aboutSection .cardBox {
        display: block !important;
    } 
    .aboutSection .imageBox {
        max-width: 100%;
    }
    .aboutSection .contentBox {
        max-width: 100%;
        padding: 15px 15px 50px 15px;
    }
    .about-work {
        padding-top: 0;
    }
    .about-work .knowMore {
        position: absolute;
        left: 5px;
        bottom: 5px;
        font-size: 16px;
    }
    .aboutSection .section-head,
    .innovationSection .section-head{
        margin-bottom: 10px;
    }

    .InsuranceSec {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .patientsPg .ResearchSection {
        padding-bottom: 50px;
    }
    .patientsPg .aboutSection .section-head h2 {
        font-size: 24px;
    }
    .patientsPg .ResearchSection .cardContent {margin-top: 40px;}
    .patientsPg .ResearchSection .cardContent .imageBox {
        width: 75px;
        height: 75px;
        margin-top: -50px;  
    }
    .InsuranceSec .contentBox {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .InsuranceSec .imageBox {
        margin: 0 auto;
    }
    

    .highlight-blue{display: none;}

    .gallerySection {
        padding: 60px 0px;
    }
    .galleryModal .modal-body {
        padding: 15px;
    }
    .galleryModal .galleryPic .imgBox {
        width: 65px;
        height: 65px;
        margin-right: 10px;
    }
    .galleryModal .picDetails ul li {
        font-size: 14px;
    }
    .galleryModal .btn-close {
        right: 15px;
        top: 15px;
    }
    .galleryPic .contentBox {
        margin-bottom: 15px;
    }
    .gallerySection .col-md-3 {
        width: 33.33%;
    }

    .breadcrumbMain li.breadcrumb-item {
        padding-right: 20px;
    }
    .breadcrumbMain .breadcrumb {
        align-items: flex-start;
    }
   .breadcrumbMain .breadcrumb-item+.breadcrumb-item::before {
        left: -12px;
        width: 12px;
        height: 12px;
    }
    /*.breadcrumbMain li.breadcrumb-item:last-child {
        display: flex;
        width: 100%;
        padding-left: 0;
        margin-top: 5px;
    }*/

    .breadcrumbMain li.breadcrumb-item:nth-child(3n) {
    display: flex;
    width: 100%;
    padding-left: 0;
    margin-top: 5px;
}

    .breadcrumbMain .breadcrumb-item+.breadcrumb-item:nth-child(3n)::before {
        display: none;
    }
    
    .breadcrumbMain .nav-tabs .nav-link {padding: 7px 12px;}
    .breadcrumbMain ol li a, .breadcrumbMain ol li.active {font-size:14px;}
    .breadcrumbMain li.breadcrumb-item nav {margin-top: 5px;}

    .microtiaPg .about-work {
        padding-top: 70px;
        padding-bottom: 0;
    }
    .aboutMicrotia {padding: 50px 0px 0px 0px;}
    .aboutMicrotia .section-head {margin-top:30px;}
    .aboutMicrotia .section-head h2 {margin-bottom:0;}
    .aboutMicrotia .col-md-3 {width:50%;}
    .aboutMicrotia .imgBox {padding: 15px;margin-bottom:24px;}
    .aboutMicrotia .mt80 {margin-top: 30px;}
    .aboutMicrotia .imgBox h5 {font-size: 18px; min-height: auto;}
    .ResearchSection.knowAbout {
        padding-bottom: 50px;
    }
    .ResearchSection.knowAbout .col-md-3 {width:50%;}
    .SyndromesSection{padding-bottom: 70px;}
    .aboutMicrotia.SyndromesSection .imgBox h5 {font-size:14px;margin-top:5px;}
    
    .microtiaPg .about-work .knowMore {
        left: 0;
        right: auto;
        bottom: 0;
        font-size: 14px;
        padding:8px;
    }
    .microtiaPg .microtia-osia .knowMore {
        left: auto;
        right: 0;
    }
    .aural-atresia .imageBox {
        max-width: 100%;
        width: 100%;
    }
    .aural-atresia .section-head h2 {
        margin-top: 25px;
        margin-bottom: 0px;
    }
    .microtiaPg #nav-profile .aboutMicrotia{padding-top: 0px;}
    .microtiaPg .innovationSection .cardBox .contentBox,
    .microtiaPg .innovationSection .cardBox .imageBox {
        max-width: 100%;
        width: 100%;
    }
    .microtiaPg #nav-profile .innovationSection {padding: 15px;}
    .microtiaPg #nav-profile .innovationSection .cardBox{display: block !important;}
    .microtiaPg .innovationSection .cardBox .imageBox img{width: 100%;}
    .microtiaPg .innovationSection .cardBox .contentBox {
        padding: 15px 0px;
    }
    .about-work.microtia-osia {
        padding-top: 0; padding-bottom:50px;
    }
    .about-work.microtia-osia .contentBox h2 br{display: none;}
    .potentialSection .sectionIn {
        padding: 15px;
    }
    .Psychological .cardContent {
        min-height: auto;
        margin-top: 50px;
    }
    .potentialSection .contentBox p {
        font-size: 14px;
        line-height: 28px;
    }

    .DoctorSec{padding-bottom: 70px;}
    .DoctorSec .imageBox, .DoctorSec .contentBox {
        max-width: 100%;
        width: 100%;
    }
    .DoctorSec .section-head h2 {
        margin-bottom: 5px;
        margin-top: 30px;
    }
    .DoctorSec .imageBox img{width: 100%;}
   
    .shape-mid {
        top: 50px;
    }
    .success-story .swiper2-button-next,
    .success-story .swiper2-button-prev {
        width: 32px;
        height: 32px;
        top: 55px;
    }
    
    .success-story .swiper2-button-prev {
        right: 50px;
    }
    .success-story .swiper2-button-next svg,
    .success-story .swiper2-button-prev svg {width: 24px;height: 24px;}

    .alphabetList a {width: 28px;height: 28px;font-size:14px;line-height: 16px;}
    .special-slider-main  h3 {font-size:20px;margin-bottom: 15px;}
    .special-slider-main .sliderIn {padding:15px;min-height:130px;}
    .special-slider-main .swiper3-button-prev {right:50px;}
    .special-slider-main .swiper3-button-next,
    .special-slider-main .swiper3-button-prev {width:32px;height:32px; top: 0px;}
    .special-slider-main .swiper3-button-next svg,
    .special-slider-main .swiper3-button-prev svg {width:20px;height:20px;}
    .special-slider-main {padding:15px;}
    .medical-specialties .section-head {
        margin: 0 auto 30px;
    }

    .TabsMain {
        padding: 50px 0px 50px 0px;
    }
    .filterArea {
        padding-top: 52px;
        margin-top: 30px;
    }

    .imageSliderSec .swiper4-button-prev {right:50px;}
    .imageSliderSec .swiper4-button-next,
    .imageSliderSec .swiper4-button-prev {width:32px;height:32px; top: 0px;}
    .imageSliderSec .swiper4-button-next svg,
    .imageSliderSec .swiper4-button-prev svg {width:20px;height:20px;}
    .imageSliderSec .imageSlider {
        padding: 45px 0px 15px 0px;
    }


    .faqSection .sectionIn {
        padding: 15px;
    }
    .highlight_storyImage_Box .imageBox , .TeamCardbox {
        margin-bottom: 30px;
    }
    .TeamCrad_content {
        margin-top: 20px;
    }
    .MoreAbout_Work {
        margin-top: 80px;
    }
    .Donation_border_line_img {
        top: 20%;
        bottom: inherit;
    }

.mySwiper .bannerIn {
    padding:0px 30px;
}
.Donation_border_line_img img {width: 100%;}
.patient-referral .shapes3 {display: none;}
.HomeSlider .swiper-button-next,
.HomeSlider .swiper-button-prev {
    width:34px;
    height:34px;}

.HomeSlider .swiper-button-next {
    right: 5px;
    left: auto;
}
.HomeSlider .swiper-button-prev{
    left: 5px; right: auto;
}
.HomeSlider .swiper-button-next:after,
.HomeSlider .swiper-button-prev:after {font-size:24px;}
.patient-referral-form .signInMain {
    padding: 30px 20px;
    border-radius: 16px;
}
.physiciansSec {
    margin-top: 50px;
}
.physiciansIn {
    margin: 0 auto;
}
.your-questions .sectionIn {
    padding: 15px;
}
.your-questions.allSpecialties .accordionSection .accordion-button {
    font-size: 16px;
    line-height: 20px;
}
.loginMain {
    padding: 100px 0px;
}
.loginMain .formLeft {
    padding: 10px 15px 30px 15px;
}

.OurTeam_section_wrapper .imageBox {
    height: 100px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.OurTeam_section_wrapper .TeamCrad_content { text-align: center;}
.about-work .sectionIn {
    padding: 15px;
}
.about-work .imageBox {border-radius: 15px; }

}


/* 767 end */

@media(max-width:576px){
    .filterArea.addList .cardContent {
        display: block;
    }
    .filterArea.addList .imageBox {
        margin: 0;
        margin-right: 10px;
    }
    .actionIcons{margin-top: 10px;}
    .actionIcons a svg {
        width: 18px;
    }
    .actionIcons a {
        width: 34px;
        height: 34px;
    }
    .filterArea.addList .actionIcons {
        margin-top: 10px;
        justify-content: flex-end !important;
    }
    #nav-home .filterCount ul li a{padding: 8px 8px;font-size: 14px;}
    #nav-home .filterCount ul li a > span {
        min-width: 16px;
    }

    .special-slider-main  h3 {
        font-size: 20px;    
        padding-right: 88px;
        line-height: 135%;
    }
    .contactForm .sectionIn {
        padding: 15px;
    }
     

}

@media(max-width:480px){
    .footerMain .col-md-3 {
        width:100%;
    }
    .footerIn h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .footerIn h4::after {
        width:65px;
        bottom: -12px;
    }
    .ResearchSection .col-md-3 {
        width:100%;
    }
    .ResearchSection .cardContent h5 {
        min-height: auto;
    }
    .success-story .section-head {
        padding-right:0px;
        margin-bottom: -32px;
    }
    
    /* .success-story .swiper-wrapper {
        padding-top: 85px;
    } */
    .breadcrumbMain ol li a, .breadcrumbMain ol li.active {
        font-size: 12px;
    }
    .breadcrumbMain .breadcrumb-item+.breadcrumb-item::before {
        top:2px;
    }
    .breadcrumbMain .nav-tabs .nav-link {
        padding: 8px;
    }
    .nav-tabs .nav-link {font-size:12px;}

    .success-story .swiper-button-next, .success-story .swiper-button-prev {
        width: 32px;
        height: 32px;
        top: 67px;
    }
    .success-story .swiper-button-next svg,
    .success-story .swiper-button-prev svg {
        width: 24px;
        height:24px;
    }
    .success-story .swiper-button-prev {
        right: 50px;
    }
    .gallerySection .col-md-3 {
        width:100%;
    }
    

    .ResearchSection.knowAbout .col-md-3 {
        width: 100%;
    }
    .SyndromesSection.aboutMicrotia .col-md-3 {
        width: 100%;
    }
    .knowAbout .cardContent {
        min-height: auto;
        margin-bottom: 24px;
    }
    .gradeSection .imgBox:hover .contentBox h5 {
        font-size: 20px;
    }
    .gradeSection .imgBox:hover .contentBox p {line-height: 140%;}

    .heading {
        font-size: 24px;
    }
    .bannerSection h1 {
        font-size: 24px;
    }
 


}