/* 992px media query start here  */
@media(max-width: 992px){
    header{padding: 0;}
    .mobheader{display: flex;align-items: center;justify-content: space-between;padding: 20px 10px;}

   
    .mobheader-left{}
    .mobheader-right{display: flex; align-items: center;justify-content: end;gap: 20px;}
    .mobheader-right .getbtn{color: var(--primary-color);}
    .mobheader-right .getbtn.userlogin{display: none;}
    .mobheader-right .getbtn svg{width: 28px;}
    .mobheader-right .mobtogglemenu{width: 30px;height: 22px;position: relative;z-index: 1;}
    .mobheader-right .mobtogglemenu span{width: 30px;height: 3px;background: var(--primary-color);display: block;border-radius: 50px; transform-origin: center;}
    .mobheader-right .mobtogglemenu.active span{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: .3s linear;
    }
    
    .mobheadercategory{position: fixed;top: 0;left: -110%;background: #fff;width: 100%;height: 100%;z-index: -1; padding: 10% 2%; transition: .3s linear; overflow: auto;}
    .mobheadercategory.active{left: 0;}
    .mobheadercategory > ul{}
    .mobheadercategory > ul .menulist{
    padding: 0 0 20px;
}
    .mobheadercategory > ul .menulist .menulink{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 400;
    font-size: 18px;
}
    .mobheader-right .mobtogglemenu span:nth-child(1){}
    .mobheader-right .mobtogglemenu span:nth-child(2){margin: 6px 0;}
    .mobheader-right .mobtogglemenu span:nth-child(3){}

    .mobheader-right .mobtogglemenu.active span:nth-child(1){
        transform: translate(-50%, -50%) rotate(45deg);
    }
    .mobheader-right .mobtogglemenu.active span:nth-child(2){margin: 0; opacity: 0;}
    .mobheader-right .mobtogglemenu.active span:nth-child(3){
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .mobsubmenu{padding: 15px 0 0 20px;display: none;}
    .mobsubmenu > li{padding: 0 0 10px;}
    .mobsubmenu > li > a{color: var(--primary-color);font-size: 18px;}

    

    /* ====== slide section ====== */
    .sliderwidget .mainslider{padding: 12% 2%;}
    .sliderwidget .mainslider h3{font-size: 50px;width: 57%;}
    .sliderwidget .mainslider p{width: 80%; font-size: 18px;}
    .sliderwidget .overlayimg{position: static; width: 50%; margin: -300px auto 0;}

    /* ====== slide section ====== */

    .homecontinfo-wrapper .homecontinfo-box{padding: 40px;}
    .homecontinfo-wrapper .homecontinfo-box .box a.booknow{white-space: nowrap;}

    .maintitle{margin: 0 0 30px;}
    .maintitle h2{font-size: 46px;}

    .values-widget .gridbox:nth-child(3) .valuesbox{margin: 0;}
    .values-widget .gridbox .valuesbox{padding: 40px; margin: 0 0 30px; height: 90%;}
    .values-widget .gridbox .valuesbox .innerbox{}
    .values-widget .gridbox .valuesbox .innerbox h3{font-size: 25px;}

    .reviews-widget{padding: 50px 0;}

    .appointmentbanner .appointmentbanner-box{padding: 60px 50px;}
    .appointmentbanner .appointmentbanner-box h3{font-size: 46px;}
    .appointmentbanner .appointmentbanner-box p{font-size: 16px;}

    .appointment-widget{padding: 50px 0;}


    .departments{padding: 10% 0 3%;}
    .departments:before{width: 99%; top: 10%;}
    
    .aboutwidget-left,
    .doctorwidget-right{display: none;}
    .aboutus-first-widget,
    .doctors-widget{padding: 20% 0;}
    .aboutwidget-right,
    .doctorwidget-left{text-align: center;}
    .aboutwidget-right h3,
    .doctorwidget-left h3{font-size: 50px;}
    .aboutwidget-right p,
    .doctorwidget-left p{font-size: 16px;}

    .contactusfrm-wrapper .contfrm{margin: 40px 0 0; padding: 80px;}

    .sidecontinfo{flex-direction: column;}
    .findus .sidecontinfo .sidecontinfobox{width: 100%; padding-left: 20%; margin: 0 0 10px;}
    .findus .contmap{padding: 40px 0 0;}


    .departments-widget{margin: 0; padding: 30px 0 40%;}
    .departbox{padding: 5% 10% 20%; margin: 0 0 30px;}

    .bookappointfrm{padding: 30px 0 0;}
    .timetable-wrapper{overflow: auto;}
    .bookappointfrm{padding: 30px 0 20%;}
    .bookappointfrm h3{font-size: 24px; margin: 0 0 20px;}
    .bookappointfrm ul{flex-wrap: wrap; align-items: start; gap: 10px;}
    .bookappointfrm ul li{}
    .bookappointfrm ul li label{font-size: 15px;}
    .bookappointfrm form .fields .icon{width: 50px;}
    .bookappointfrm form .fields .icon img{width: 20px;}
    .bookappointfrm form .fields{padding-left: 20%;}
    .bookappointfrm .fields-btn button{position: static; width: 100%;}
    .gallery-widget{padding: 5% 0 40%;}



    /* 992px media query end here  */
}




/* 768px media query start here  */
@media(max-width: 768px){
    
    .sliderwidget .mainslider h3{width: 90%; font-size: 42px;}
    .sliderwidget .mainslider p{width: 90%;}
    .sliderwidget .overlayimg{margin: -250px auto 0;}

    .homecontinfo-wrapper .homecontinfo-box{flex-wrap: wrap;}

    .homeaboutus-right{padding: 30px 0 0;}

    .maintitle h2{font-size: 40px;}
    .maintitle span{font-size: 20px;}
    .homeaboutus-right .aboutus-content h4:before{left: -7%;}
    .departments:before{top: 3%; height: 60%;}
    .awardsbox .innerbox .icon{flex: 0 0 60px;}
    .appointmentbanner{padding: 0;}
    .appointmentbanner .appointmentbanner-box img{top: 50%;transform: translateY(-50%);right: 0%;}
    .appointment-widget{padding: 0 0 50px;}
    .appointment-right{display: none;}

    footer > svg{top: -22%;}

    
    /* 768px media query end here  */
}




/* 576px media query start here  */
@media(max-width: 576px){
    .findus .maintitle{margin: 0 0 30px;}
    .findus .maintitle h2{font-size: 32px;}
    .contactusfrm-wrapper .contfrm{padding: 30px;}

    .mobheadercategory{padding: 25% 10%;}


    .searchpanel{padding: 30px 15px;}
    .searchpanel form .fields{width: 100%;}
    .searchpanel form .fields input{padding: 20px}
    .searchpanel form .fields input::placeholder{font-size: 15px;}
    .searchpanel form .fields button{font-size: 24px; right: 20px;}
    .findus .sidecontinfo .sidecontinfobox .icon i{font-size: 40px;}


    .aboutwidget-right, .doctorwidget-left{padding: 20% 0 5%;}
    .aboutwidget-right h3, .doctorwidget-left h3{font-size: 28px;}


    .sliderwidget .mainslider{padding: 30% 2% 90%;}
    .sliderwidget .mainslider h3{width: 100%; font-size: 30px; text-align: center;}
    .sliderwidget .mainslider p{text-align: center; width: 100%;}
    .sliderwidget .overlayimg{position: absolute; bottom: 10%; width: 80%; left: 50%; transform: translateX(-40%);}

    .homecontinfo-wrapper .homecontinfo-box{padding: 40px 30px; gap: 20px;}
    .homecontinfo-wrapper .homecontinfo-box .box{padding-left: 60px;}
    .homecontinfo-wrapper .homecontinfo-box .box .icon{width: 50px;}
    .homecontinfo-wrapper .homecontinfo-box .box .icon i{font-size: 20px;}
    .homecontinfo-wrapper .homecontinfo-box .box a{font-size: 18px;}
    .homecontinfo-wrapper .homecontinfo-box .box.box3{margin: 20px 0 0; width: 100%;}
    .homecontinfo-wrapper .homecontinfo-box .box.box3 a{text-align: center;}

    .values-widget{padding: 10% 0;}
    .maintitle h2{font-size: 30px;}
    .values-widget .gridbox .valuesbox{height: auto; margin: 0 0 20px;}
    .values-widget .gridbox:nth-child(3) .valuesbox{margin: 0 0 20px;}
    .values-widget .gridbox .valuesbox .innerbox{align-items: center; justify-content: center;;}
    .values-widget .gridbox .valuesbox .innerbox .icon{flex: 0 0  50px;}
    .values-widget .gridbox .valuesbox .innerbox h3{font-size: 22px;flex: 0 0 150px;}

    .homeaboutus-right .aboutus-content{padding-left: 30px;}
    .homeaboutus-right .aboutus-content h4{font-size: 22px;}
    .homeaboutus-right .aboutus-content h4:before{font-size: 30px; left: -11%; top: 0px}
    .homeaboutus-right .aboutus-content p{text-align: justify;}

    .departments{padding: 20% 2% 5%;}
    .departmentbox:hover{margin: 0 0 30px;}

    .awards-widget .maintitle{margin: 0 0 30px;}
    .awardsbox{margin: 0 0 20px;}
    .awardsbox .innerbox{width: 90%; margin: 0 auto 30px;}
    .awardsbox .innerbox .icon{flex: 0 0 50px;}
    .awardsbox .innerbox h3{flex: 0 0 calc(100% - 50px)}
    .awardsbox p{text-align: center;}

    .reviews-right{padding-left: 15%; padding-bottom: 8%;}
    .reviews-right .bi-quote{top: -15%; left: 0;}
    .reviews-left{display: flex; align-items: center; justify-content: center; gap: 20px; padding: 0;}
    .reviews-left .reviewsbox .content{display: none;}
    .reviews-left .reviewsbox{padding: 0; width: auto;}
    .reviews-left .reviewuser:nth-child(even){margin: 0;}
    .reviews-left:before{height: 1px; width: 100%;}
    .reviews-right .content p{font-size: 15px;}
    .reviews-left .reviewuser.active .reviewsbox{border-radius: 50px;}
    .reviews-left .reviewuser:before{top: -5px;left: 50%;transform: translateX(-50%);right: initial;}
    .reviews-left .reviewuser{padding: 30px 0;}
    .reviews-left .reviewsbox .icon img{border-radius: 50px;}

    .appointmentbanner .appointmentbanner-box{padding: 30px 30px 85%;}
    .appointmentbanner .appointmentbanner-box img{width: 80%; left: 50%; right: initial; transform: translateX(-50%); top: 38%;}
    .appointmentbanner .appointmentbanner-box h3{width: 100%; font-size: 28px; text-align: center;}
    .appointmentbanner .appointmentbanner-box p{width: 100%; text-align: center;}

    .latestblogs{padding: 50px 0 30px;}
    .latestblogs.blogpage{padding: 50px 0 40%;}
    .blogbox .blogtitle{font-size: 22px;}
    .blogbox:hover{margin: 0 0 30px;}

    .appointment-widget .maintitle{margin: 0 0 30px;}
    .appointmentfrm form .fields.radio-fields .radio-checkbox{flex-direction: column;}
    .appointmentshap{right: -200%;}

    .faqs .maintitle{margin: 0 0 30px;}
    .faqouterbox .faqbox > a{font-size: 18px; padding-right: 30px;}

    .clients-widget{padding: 30px 0 40%;}
    .clientbox img{width: 100%;}
    footer{padding: 170px 0 0;}
    footer > svg{top: -17%;}
    .footerbox{margin: 20px 0 0;}
    .footerbox h2{font-size: 26px;}
    .footerbox h3{margin: 0 0 20px; font-size: 22px;}
    .footerbox .continfo{margin: 0 0 20px;}
    .copyright{padding: 20px 0;}
    .copyright .copyright-left{justify-content: center; margin: 0 0 30px;}
    .copyright .copyright-right{width: 100%; text-align: center; }


    .acbox span,.aswbox span{font-size: 22px; font-weight: 600;}
    .aboutus-choose .acright{padding: 20px 0 0;}

    .infocounter{padding: 0;}
    .infocounter .counterouter{padding: 50px 30px; flex-wrap: wrap; justify-content: center; gap: 30px }
    .infocounter .counterouter .counterbox:not(:last-child){border-bottom: 1px solid #27476040; width: 100%; padding: 0 0 30px;}
    .infocounter .counterouter .counterbox h3{font-size: 36px;}
    .infocounter .counterouter .counterbox p{margin: 0;}


    .experts-doctors{padding: 50px 0 0;}
    .expertdoctorbox{margin: 0 0 100px; padding: 32% 10px 5px; box-shadow: var(--box-shadow);}
    .expertdoctorbox.last{margin: 0;}
    .expertdoctorbox .doctorimg{width: 50%;}
    .expertdoctorbox .title{font-size: 26px;}
    .expertdoctorbox .designation{font-size: 16px;}

    .aboutus-awards{padding: 50px 0;}
    .aboutus-awards .maintitle{width: 100%; margin: 0 0 30px;}

    .takebackseat{width: 95%; margin: 0 auto 50px;}
    .takebackseat .overlay{width: 90%; top: 10%;}
    .takebackseat .overlay h3{font-size: 30px;}
    .takebackseat .overlay p{font-size: 16px;}

    .doctorslist-widget{padding: 20px 0;}
    .doctorbox{margin: 0 0 30px;}
    .doctorlisthead{flex-direction: column; position: relative; z-index: 1;}
    .doctorlisthead ul{flex-wrap: wrap; gap: 10px;}
    .doctorlisthead ul li:first-child{flex: 0 0 100%;}
    .doctorlisthead ul li{padding: 0;}
    .doctorlisthead ul li a{font-size: 15px; padding: 5px 8px;}
    .doctorlisthead .doctorlist-right{position: absolute; top: 0; right: 0;}

    .latestblogs .blogsbreadcrumb h2{font-size: 30px;}

    .facility-widget{padding: 30% 0 40%;}
    .facility-widget .facbox{box-shadow: var(--box-shadow); margin: 0 0 30px;}

    .appointmentwidget-right{padding: 20% 0 0;}
    .appointmentwidget-right h3, .appointmentwidget-left .appointmentfrm h3{margin: 0 0 20px; font-size: 28px;}
    .appoint-continfo{padding: 10% 0 40%;}
    .appoint-continfo .infobox{padding: 0 0 20px;}
    .appointmentfrm form .fields{margin: 0 0 30px;}

    .findus{padding: 10% 0 40%;}

    .timetable-wrapper:after,
    .timetable-wrapper:before{display: none;}
    



    /* 576px media query end here  */
}



/* 420px media query start here  */
@media(max-width: 420px){
    



    /* 420px media query end here  */
}




/* 360px media query start here  */
@media(max-width: 360px){
    
    
    
    
    /* 360px media query end here  */
}