@charset "utf-8";

/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)


/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 1920px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}


/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1699px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}


/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; padding: 0 15px; }

#headerbotm .header .logo 					{ width: 250px; }
#mainNav ul.menu li 						{ margin-right: 17px; }
#mainNav ul.menu li a 						{ font-size: 15px; }

#slider .banner-slider.owl-theme .owl-nav button.owl-prev { left: 40px; }
#slider .banner-slider.owl-theme .owl-nav button.owl-next { right: 40px; }

#accomodations 								{ margin-bottom: 140px; height: auto; }
#accomodations .contentBox 					{ padding-top: 30px; padding-bottom: 30px; padding-left: 60px; }
#accomodations .contentBox ul 				{ margin:0 0 30px 0; }


/*----------------- Inner Pages -----------------*/
/* Accomodations Page Css */
#accomodations-sec 							{ padding-top: 60px; padding-bottom: 60px; }
#accomodations-sec .accomodationInfo .contentBox { padding-left: 60px; }
#accomodations-sec .contentBox h2 			{ margin: 0 0 15px 0; }
#accomodations-sec .contentBox p 			{ font-size: 22px; line-height: 32px; }
#accomodations-sec .contentBox ul 			{ margin: 0 0 30px 0; }
#accomodations-sec .contentBox a 			{ padding: 12px 65px; }


/* Gallery Page Css */
.gallery-sec .thumb_box a  					{ height: 155px; }


/* Surgeries Page Css */
#ourSurgeries .item .info h4 				{ font-size: 28px; }


}


/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root 										{ --container-width: 960px; }
.container									{ max-width: 960px; padding: 0 15px; }

#headerbotm .header .logo 					{width: 160px;}
#mainNav ul.menu li 						{margin-right: 8px;}
#mainNav ul.menu li a 						{font-size: 14px;}

#slider .banner-slider.owl-theme .owl-nav button.owl-prev { left: 30px; width: 45px; height: 45px; }
#slider .banner-slider.owl-theme .owl-nav button.owl-next { right: 30px; width: 45px; height: 45px; }

#aboutSec 									{ padding-top: 60px; padding-bottom: 60px; }
#aboutSec .content h3 						{ font-size: 22px; line-height: 22px; }
#aboutSec .content h2 						{ font-size: 38px; line-height: 50px; }
#aboutSec .content p 						{ font-size: 16px; line-height: 26px; }
#aboutSec .content a 						{ font-size: 16px; line-height: 26px; }
#aboutSec .picture 							{ width: 100%; padding-left: 10px; }
#aboutSec .picture img 						{ width: 100%; border-radius: 50px; border-left: 20px solid #fff; border: 20px solid transparent; margin-right: -20px; }
#aboutSec .picture:after 					{ right: -13px; width: 140px; height: 100px; border-radius: 10px; }

.footerTop .ftr-contact 					{ padding: 30px 0px; }
.footerSection h5 							{ margin: 0 0 20px 0; font-size: 20px; line-height: 25px; }
.footerSection .row 						{ padding-left: 0px; padding-right: 0; }
.footerSection .ftr-logo img				{ width:60%; height:auto; }
.footerSection .ftr-menu 					{ padding-top: 30px; padding-bottom: 30px; }
.footerSection .ftr-menu ul li 				{ padding: 0 0 20px 0; }
.footerSection .ftr-menu ul li a 			{ font-size: 16px; line-height: 20px; }
.footerBottom								{ padding: 30px 0px; }
.footerTop .ftr-contact ul li 				{ padding: 0 0px 0px 60px; }


/*----------------- Inner Pages -----------------*/
/* Services Surgeons */
#innerBanner 								{ height: 300px; }
#innerBanner .caption h1 					{ margin: 0 0 10px 0; font-size: 38px; line-height: 50px; }

#Services .content ul li 					{ font-size: 16px; line-height: 26px; }
#Services 									{ padding-top: 70px; padding-bottom: 70px; }
#Services .content h2 						{ font-size: 38px; line-height: 40px; }

#ourSurgeons 								{ padding-top: 70px; padding-bottom: 70px; }
#ourSurgeons h2 							{ font-size: 38px; line-height: 50px; margin: 0 0 20px 0; }
#ourSurgeons p br  							{ display: none; }

#ourSurgeonsInfoSec 						{ padding-top: 70px; padding-bottom: 70px; }
#ourSurgeonsInfoSec h2 						{ font-size: 38px; line-height: 50px; margin: 0 0 20px 0; }


/* Hospital Page Css */
#hospitalsec 								{ padding-top: 70px; padding-bottom: 70px; }
#hospitalsec .content h2					{ font-size: 38px; line-height: 40px; }
#hospitalsec .content ul li 				{ font-size: 16px; line-height: 26px; }


/* Contact Page Css  */
#contactSec 								{ padding-top: 70px; padding-bottom: 70px; }
#contactSec h2 								{ font-size: 38px; line-height: 40px; }
#contactSec .contactForm .input-group .form-control { font-size:  16px; }
#contactSec .contactDetails ul li 			{ font-size: 16px; line-height: 26px; }


/* Accomodations Page Css */
#accomodations-sec .accomodationInfo .contentBox { padding-left: 50px; }
#accomodations-sec .contentBox h2				{ font-size: 34px; line-height: 40px; margin: 0 0 15px 0; }
#accomodations-sec .contentBox p 				{ margin: 0 0 15px 0; font-size: 18px; line-height: 30px; }
#accomodations-sec .contentBox ul 				{ margin: 0 0 25px 0; }
#accomodations-sec .contentBox ul li 			{ margin: 0 0 8px 0; font-size: 16px; line-height: 26px; }
#accomodations-sec .contentBox a 				{ padding: 8px 40px; font-size: 16px; line-height: 26px; }


/* Gallery Page Css */
.gallery-sec 								{ padding-top: 70px; padding-bottom: 70px; }
.gallery-sec h2 							{ font-size: 38px; line-height: 50px; }


/* Testimonial Page Css */
#testimonialSec 							{ padding-top: 70px; padding-bottom: 70px; }
#testimonialSec h3 							{ font-size: 22px; line-height: 26px; }
#testimonialSec h2 							{ font-size: 38px; line-height: 50px; margin: 0 0 30px 0; }


/* Surgeries Page Css */
#ourSurgeries 								{ padding-top: 60px; padding-bottom: 30px; }
#ourSurgeries h3							{ font-size: 22px; line-height: 24px; }
#ourSurgeries h2 							{ font-size: 38px; line-height: 50px; }
#ourSurgeries .item .info 					{ padding: 20px 15px; }
#ourSurgeries .item .info h4 				{ font-size: 22px; line-height: 30px; min-height: 60px; }



}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root 										{ --container-width: 738px; }
.container									{ max-width: 738px; padding: 0 15px; }

#headerbotm .header .logo 					{ width: 280px; }
#mainNav 									{ display: none; }

#slider .banner-slider.owl-theme .owl-nav button.owl-prev { width: 40px; height: 40px; left: 30px; }
#slider .banner-slider.owl-theme .owl-nav button.owl-next { width: 40px; height: 40px; right: 30px; }

#aboutSec 									{ padding-top: 60px; padding-bottom: 60px; }
#aboutSec .content h3 						{ font-size: 22px; line-height: 22px; }
#aboutSec .content h2 						{ font-size: 38px; line-height: 50px; }
#aboutSec .content p 						{ font-size: 16px; line-height: 26px; }
#aboutSec .content a 						{ font-size: 16px; line-height: 26px; }
#aboutSec .picture 							{ width: 100%; padding-left: 10px; }
#aboutSec .picture img 						{ width: 100%; border-radius: 50px; border-left: 20px solid #fff; border: 20px solid transparent; margin-right: -20px; }
#aboutSec .picture:after 					{ right: -13px; width: 140px; height: 100px; border-radius: 10px; }

.footerTop .ftr-contact 					{ padding: 30px 0px; }
.footerTop .ftr-contact ul 					{ align-items: flex-start; align-content: center; justify-content: flex-start; flex-direction: column; grid-gap: 20px; }
.footerSection h5 							{ margin: 0 0 20px 0; font-size: 20px; line-height: 25px; }
.footerSection .row 						{ padding-left: 0px; padding-right: 0; }
.footerSection .ftr-logo img				{ width:80%; height:auto; }
.footerSection .ftr-menu 					{ padding-top: 30px; padding-bottom: 30px; }
.footerSection .ftr-menu ul li 				{ padding: 0 0 15px 0; }
.footerSection .ftr-menu ul li a 			{ font-size: 16px; line-height: 20px; }
.footerBottom								{ padding: 20px 0px; }


/*----------------- Inner Pages -----------------*/
/* Services & Surgeons Page Css */
#innerBanner  								{ height: 300px; }
#innerBanner .caption h1 					{ margin: 0 0 10px 0; font-size: 38px; line-height: 50px; }
#innerBanner .caption nav .breadcrumb .breadcrumb-item a { font-size: 16px; line-height: 26px; }

#Services 									{ padding-top: 60px; padding-bottom: 60px; }
#Services .content h2 						{ font-size: 38px; line-height: 50px; }
#Services .content ul li 					{ font-size: 16px; line-height: 26px; }

#ourSurgeons 								{ padding-top: 70px; padding-bottom: 70px; }
#ourSurgeons h2 							{ font-size: 38px; line-height: 50px; margin: 0 0 20px 0; }
#ourSurgeons p 								{ font-size: 16px; line-height: 26px; }
#ourSurgeons p br 							{ display: none; }

#ourSurgeonsInfoSec 						{ padding-top: 60px; padding-bottom: 60px; }
#ourSurgeonsInfoSec h2  					{ margin: 0 0 20px 0; font-size: 38px; line-height: 50px; }
#ourSurgeonsInfoSec ul li 					{ font-size: 16px; line-height: 26px; }


/* Hospital Page Css */
#hospitalsec 								{ padding-top: 60px; padding-bottom: 60px; }
#hospitalsec .content h2					{ font-size: 38px; line-height: 50px; }
#hospitalsec .content ul li 				{ font-size: 16px; line-height: 26px; }


/* Contact Page Css */
#contactSec 								{ padding-top: 60px; padding-bottom: 60px; }
#contactSec h2 								{ font-size: 38px; line-height: 50px; }
#contactSec .contactForm .input-group .form-control { font-size:  16px; }
#contactSec .contactDetails ul li 			{ font-size: 16px; line-height: 26px; }


/* Accomodations Page Css */
#accomodations-sec 								{ padding-top: 50px; padding-bottom: 50px; }
#accomodations-sec .accomodationInfo .contentBox { padding-left: 50px; }
#accomodations-sec .accomodationInfo .contentBox h2 { font-size: 28px; line-height: 38px; margin: 0 0 10px 0; }
#accomodations-sec .accomodationInfo .contentBox p { margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
#accomodations-sec .accomodationInfo .contentBox ul { margin: 0 0 25px 0; }
#accomodations-sec .accomodationInfo .contentBox ul li { margin: 0 0 6px 0; font-size: 16px; line-height: 26px; }
#accomodations-sec .accomodationInfo .contentBox a { padding: 10px 40px; font-size: 16px; line-height: 24px; }


/* Gallery Page Css */
.gallery-sec 								{ padding-top: 60px; padding-bottom: 60px; }
.gallery-sec h2 							{ font-size: 38px; line-height: 50px; margin: 0 0 15px 0;}
.gallery-sec .thumb_box a					{ height: 120px; }


/* Testimonial Page Css */
#testimonialSec 							{ padding-top: 60px; padding-bottom: 60px; }
#testimonialSec h3 							{ font-size: 22px; line-height: 26px; }
#testimonialSec h2 							{ font-size: 38px; line-height: 50px; margin: 0 0 30px 0; }
#testimonialSec .item p 					{ font-size: 16px; line-height: 26px; }


/* Surgeries Page Css */
#ourSurgeries 								{ padding-top: 60px; padding-bottom: 30px; }
#ourSurgeries h3							{ font-size: 22px; line-height: 24px; }
#ourSurgeries h2 							{ font-size: 38px; line-height: 50px; }
#ourSurgeries .item .info 					{ padding: 15px; }
#ourSurgeries .item .info h4 				{ font-size: 22px; line-height: 30px; min-height: 90px; }


}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

:root 										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

#headertop .topbar 							{ justify-content: center; }
#headertop .topbar .phoneBox a:first-child  { display: none; }
#headertop .topbar .socialBox 				{ display: none; }
#headerbotm .header .logo 					{ width: 210px; }
#mainNav 									{ display: none; }

#slider .banner-slider 						{ display: none; }
#slider .mobile-slider .banner-slider		{ display: block; }
#slider .banner-slider.owl-theme .owl-nav button.owl-prev { width: 35px; height: 35px; left: 20px; }
#slider .banner-slider.owl-theme .owl-nav button.owl-next { width: 35px; height: 35px; right: 20px; }

#aboutSec 									{ padding-top: 40px; padding-bottom: 70px; }
#aboutSec .content h3 						{ font-size: 20px; line-height: 21px; }
#aboutSec .content h2 						{ font-size: 28px; line-height: 38px; }
#aboutSec .content p 						{ font-size: 16px; line-height: 26px; }
#aboutSec .content a 						{ font-size: 16px; line-height: 26px; }
#aboutSec .picture 							{ width: 100%; padding-left: 10px; }
#aboutSec .picture img 						{ width: 100%; border-radius: 50px; border-left: 20px solid #fff; border: 20px solid transparent; margin-right: -20px; }
#aboutSec .picture:after 					{ right: -13px; width: 140px; height: 100px; border-radius: 10px; }

.footerTop  								{ display: none; }
.footerSection .row 						{ padding-left: 0px; padding-right: 0px; }
.footerSection .ftr-menu 					{ display: none; }
.footerSection .ftr-logo 					{ border-right: none; }
.footerSection .ftr-logo> img				{ display: none; }
.footerSection .ftr-social 					{ padding: 20px 0; }
.footerBottom								{ padding: 20px 0px; }


/*----------------- Inner Pages -----------------*/
/* Services Surgeons Page Css */
#innerBanner 								{ height: 250px; }
#innerBanner .caption h1 					{ font-size: 35px; line-height: 45px; margin-bottom: 10px; }
#innerBanner .caption nav .breadcrumb .breadcrumb-item a { font-size: 16px; }

#Services 									{ padding-top: 50px; padding-bottom: 50px; }

#Services .content h2 						{ font-size: 28px; line-height: 38px; }
#Services .content ul li 					{ width: 100%; font-size: 16px; line-height: 26px; }
#Services .content							{ margin-bottom: 20px; }

#ourSurgeons 								{ padding-top: 50px; padding-bottom: 50px; }
#ourSurgeons h2 							{ font-size: 28px; line-height: 38px; margin-bottom: 15px; }
#ourSurgeons p 								{ font-size: 16px; line-height: 26px; }
#ourSurgeons p br 							{ display: none; }


/* Hospital Page Css */
#hospitalsec 								{ padding-top: 50px; padding-bottom: 50px; }
#hospitalsec .content h2					{ font-size: 28px; line-height: 38px; }
#hospitalsec .content ul li 				{ font-size: 16px; line-height: 26px; }

#ourSurgeonsInfoSec 						{ padding-top: 40px; padding-bottom: 40px; }
#ourSurgeonsInfoSec h2 						{ font-size: 28px; line-height: 38px; }
#ourSurgeonsInfoSec ul li 					{ font-size: 16px; line-height: 26px; }


/* Contact Page Css */
#contactSec 								{ padding-top: 50px; padding-bottom: 50px; }
#contactSec h2 								{ font-size: 28px; line-height: 38px; }
#contactSec .contactForm 					{ margin-bottom: 30px; }
#contactSec .contactForm .input-group .form-control { font-size:  16px; }
#contactSec .contactForm .input-group .submitBtn { padding: 8px 35px; font-size: 16px; }
#contactSec .contactDetails ul li 			{ font-size: 16px; line-height: 26px; }
#contactSec .contactDetails ul li br 		{ display: none; }


/* Accomodations Page Css */
#accomodations-sec 							{ padding-top: 50px; padding-bottom: 50px; }
#accomodations-sec .accomodationInfo .imageBox { width: 100%; padding-bottom: 30px; }
#accomodations-sec .accomodationInfo .contentBox { width: 100%; padding-left: 0; }
#accomodations-sec .contentBox h2 			{ font-size: 28px; line-height: 38px; margin: 0 0 15px 0; }
#accomodations-sec .contentBox p 			{ font-size: 20px; line-height: 30px; }
#accomodations-sec .contentBox ul 			{ margin: 0 0 30px 0; }
#accomodations-sec .contentBox ul li 		{ font-size: 16px; line-height: 26px; }
#accomodations-sec .contentBox a 			{ padding: 10px 40px; font-size: 16px; }
#accomodations-sec .accomodationInfo .imageBox iframe { height: 250px; }


/* Gallery Page Css */
.gallery-sec 								{ padding-top: 40px; padding-bottom: 40px; }
.gallery-sec h2 							{ font-size: 28px; line-height: 38px; margin: 0 0 15px 0;}


/* Testimonial Page Css */
#testimonialSec 							{ padding-top: 40px; padding-bottom: 40px; }
#testimonialSec h3 							{ font-size: 20px; line-height: 24px; }
#testimonialSec h2 							{ font-size: 28px; line-height: 38px; margin: 0 0 30px 0; }
#testimonialSec .item .image 				{ width: 55px; height: 55px; }
#testimonialSec .item .ratingBox 			{ width: calc(100% - 55px); }
#testimonialSec .item .ratingBox h4 		{ font-size: 16px; line-height: 26px; }
#testimonialSec .item p 					{ font-size: 16px; line-height: 26px; }


/* Surgeries Page Css */
#ourSurgeries 								{ padding-top: 40px; padding-bottom: 30px; }
#ourSurgeries h3							{ font-size: 20px; line-height: 22px; }
#ourSurgeries h2 							{ font-size: 28px; line-height: 38px; }
#ourSurgeries .item .info 					{ padding: 20px; }
#ourSurgeries .item .info h4 				{ font-size: 20px; line-height: 30px; min-height: 60px; }


} 


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root 										{ --container-width: 100%; }
.container									{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }


}