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

@media only screen and (max-width :1400px){
    /* .banner-cont .line1{font-size:30px; line-height:38px;} */
}
@media only screen and (max-width :1200px){
    .banner-cont .line1{font-size:46px; line-height:52px;}
    .main-navigation .primary-menu > li{margin-left: 20px;}
    .banner-cont{width: 57%;}
    body{background-size: 100%;}
    .bookingForm{width: 55%; padding: 20px;}
    .bookingThumb{width: 45%;}
    .missionVission{grid-template-columns: repeat(auto-fill, minmax(346px, 1fr)); gap: 30px;}
    #our-values .ov-content{grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}
    .front-gallery ul{grid-template-columns: repeat(auto-fill, minmax(268px,1fr));}

}
@media only screen and (max-width :1100px){
    #doctor-list .doctorBtn{gap: 10px;}
    #doctor-list a.view-profile, #doctor-list a.appointment{padding: 0 12px;}
    .two-block{gap: 20px;}
    .main-navigation .primary-menu > li{margin-left: 10px;}
    .bannerBtn a{line-height: 40px; padding: 0 24px; font-size: 14px;}
	.bannerBtn a .fa{display: none;}
}

@media only screen and (max-width :1000px){
    aside{width: 40%;}
    article{width: 60%;}
	#doctor-list .no-results,#doctor-list .pagination{grid-column:auto;}
    .doctorProfile{flex-direction: column;}
    .dpThumb{width: 50%;}
    .dpContent{width: 100%;}
    #topPanel .wrap{flex-direction: column;}
    .wp-custom-logo .site-header-main{flex-direction: column;}
    .site-branding{margin: 0 auto 6px;}
    .banner-cont{width: 62%;}    
    .bookingForm{width: 100%; padding: 25px;}
    .bookingThumb{display: none;}
    #our-values .ov-content{grid-template-columns: repeat(auto-fill, minmax(182px, 1fr));}
}

@media only screen and (max-width :909px){
    .main-navigation{padding-top: 8px;}
    .main-navigation .primary-menu > li::after{display: none;}
	.site-header-menu{display: none !important;}
	.site-header-menu.toggled-on{display: block !important;}    
    .wp-custom-logo .site-header-main{flex-direction: row;}
    .site-branding{margin: 0 auto 0 0;}
    
    .banner-cont{width: 100%;}
    .banner-cont .line2{display: block;}
    .bannerTab{grid-template-columns: repeat(auto-fill, minmax(286px, 1fr));} 
    .bannerThumb{overflow: hidden; aspect-ratio: 4/2;}
    .bannerThumb img{width: 100%; height: 100%; object-fit: cover;}
    .bannerBtn a .fa{display:inline;}

    #queryForm{flex-direction: column;}
    .queryInfo,.formSection{width: 100%; gap: 30px;}
    .frame,.frame2{padding:30px 10px;}
    .site-header{padding: 10px;}
    #topPanel{padding: 0 10px;}
    .specialityThumb{position: relative; width: 100%; margin-bottom: 40px;}
    .specialityLisiting{padding: 0; margin: 0;}
    #connectSocial{left: 0;}
    #floatingIcon{left: -60px;}
    #floatingIcon.active{left: -60px;}
}
@media only screen and (max-width:860px){
	#subBanner .subBannerTitle h1,#subBanner .subBannerTitle{font-size: 30px; line-height: 36px;}
    footer .widget-area,footer .widget-list{flex: 50%; width: 50%; padding: 10px;}
    footer .wrap{flex-direction: row;flex-wrap: wrap; gap: 0;}
    .categoryTop{flex-direction: column;}
    .catThumb,.catContWidth{width: 100%;}
    .catThumb code{position: relative; left: auto; top: auto; aspect-ratio: 1/1;}
    #welcome .wrap{flex-direction: column;}
    #welcome{background: none;}
    .welcomeCont{width:100%;padding: 0; background: none; text-align: center;}
    .welcomeThumb{width: 100%;}
    
}
@media only screen and (max-width:780px){
    .footerLogo .custom-logo{height: auto;}
    .sectionTitle{margin-bottom:30px; font-size:26px; line-height:32px;}
    .sectionTitle h1,.sectionTitle h2,.sectionTitle h3,.sectionTitle h4,.sectionTitle h5,.sectionTitle h6{font-size: 26px!important; line-height: 32px !important;}
    .aboutHome{gap: 28px;}
    .aboutThumb{width: 45%;}
    .aboutContent{width: 55%;}
    #our-values .ov-content{grid-template-columns: repeat(auto-fill, minmax(254px, 1fr));}
    #our-values .ov-content .ov-item{border: 1px #DDD solid;}

    #banner .wrap{flex-direction: column;}
    .bannerThumb{width: 100%;}
    .banner-cont{text-align: center;}
    .bannerTab,.bannerBtn{justify-content: center}
    .bannerThumb img{box-shadow: none;}
}
@media only screen and (max-width:700px){   
    aside, article{width:100%}    
    .aboutHome{flex-direction: column;}
    .aboutThumb,.aboutContent{width: 100%;}
}

@media only screen and (max-width:650px){
    .banner-cont .line1{margin-bottom:10px;}
    footer .wrap{flex-direction: column; text-align: center; gap: 30px;} 
    footer .widget-area,footer .widget-list{width:100%; padding: 0;}  
    footer p{text-align: center;} 
    #footerDetails #block-12,#footerDetails #block-14, #footerDetails #block-13{background-position:center top;padding:35px 0 0;}
    .footerLogo{margin:0 auto 20px; max-width: 350px; }
    /* #banner .slides li{height:280px;} */
    #banner .slides li img{object-fit: cover; height: 100% !important;}
    #topPanel .wrap{text-align: center; flex-direction: column;}
    .custom-logo{height: 40px;}
    .banner-cont .line1{font-size: 38px; line-height: 44px; letter-spacing: 1px;}
    .topInfo{line-height: 18px; margin-bottom: 8px;}
    .justify li {text-align: left;}
    .formCol1,.formButton{grid-column: 1;}    
    .two-block{flex-direction: column;}
    aside,article{width:100%;}
    #doctor-list a.view-profile, #doctor-list a.appointment{padding: 0 15px;}
    .bannerTab{grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));} 
    #whychoose .chooseThumb a{position: relative; left: auto; top: auto; bottom: auto;}
    #whychoose .chooseThumb,#whychoose .chooseCont{width: 100%;}
    .doctorVdo,.patientVdo{width: 100%;}
    .drSpk{text-align: center; width: 56%;}
    .drSpkScroll .item,.drSpkScroll .item{margin: 0;}
    .ptntSpk{width: 70%;}
    #footerDetails .widget-title::after{transform: translateX(-50%); left: 50%; background-image:-webkit-linear-gradient(0deg,  #47d0ff00 0%, #47d0ff 50%, #47d0ff00 100%);}
    #lowerFooter{text-align: center;}
    #lowerFooter .two-block{gap: 8px;}
    .banner-cont .line2{font-size: 15px; line-height: 21px;}
    #btnFltrShow{display: inline-block;}
    #search{display: none;}

    
}
@media only screen and (max-width:600px){
    #bodyCont h1, #bodyCont h2, #bodyCont h3, #bodyCont h4, #bodyCont h5, #bodyCont h6{text-align: center;}
    .topMenu ul{display: block;}
    .topMenu ul li{display: inline-block; margin:2px 4px;}
    .missionVission{grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
    .front-gallery ul{grid-template-columns: repeat(auto-fill, minmax(186px,1fr));}
}

@media only screen and (max-width:540px){ /* 360 x 780 */
   #filtered-posts .item{flex-direction: column;}
   .unitThumb{width: 100%; margin:0;}
   .unitThumb img{border-radius: 11px 11px 0 0;}
   .unitInfo{width: 100%; padding:0 20px 20px 20px;}
   .unit-address{line-height: 22px;}
    .welcomeCont h1.entry-title{font-size: 24px !important; line-height: 28px !important;}
    .site-header{padding: 10px;}
    .leadForm{grid-template-columns: repeat(auto-fill, minmax(216px,1fr));}
    .formTab ul{flex-direction: column;}
    .formTab ul li{width: 100%;}
    #our-values .ov-content .ov-item{border:none;border-bottom: 1px #DDD solid;}
}

@media only screen and (max-width:480px){    
    .bannerBtn{flex-direction: column;}
    .clients{width: 100%;}
    .leadForm{grid-template-columns: repeat(auto-fill, minmax(180px,1fr));}
    .dpThumb{width: 100%;}
    .missionVission .mv-item{display: block;}
    .missionVission .mv-item code{position: relative; width: 100%; display: block; aspect-ratio: 6/4; overflow: hidden;}
    .missionVission .mv-item code img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .missionVission .mv-item .mv-cont{margin: 0; padding: 20px;}
    .doctorScrolling .item{margin:10px 5px;}
    .bulletStyle ul.col2,.bulletStyle ul.col3,.bulletStyle ul.col4{grid-template-columns: repeat(auto-fill, minmax(236px,1fr));}
    #doctor-list{grid-template-columns: repeat(auto-fill, minmax(300px,1fr));}
    #hangingContact{margin: 0 -10px;}
    #hangingContact ul a{background-position: 7px center; padding: 0 7px 0 28px; font-size: 12px;}
    .banner-cont .line1{font-size: 30px; line-height: 36px;}     
    
}

@media only screen and (max-width:380px){
    /* #hangingContact ul{flex-direction: column;} */
    .bulletStyle ul.col2,.bulletStyle ul.col3,.bulletStyle ul.col4{grid-template-columns: repeat(auto-fill, minmax(200px,1fr));}
}
@media only screen and (max-width:350px){
    .banner-cont .line1{font-size: 27px; line-height: 34px;}
}