@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; }


/*----------------- Inner Pages -----------------*/


}



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

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

.bannerSec .titleSec h1 							{ font-size: 70px; line-height: 70px; }


/*----------------- Inner Pages -----------------*/


}



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

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

.et-db #et-boc .hdrCallBox .et_pb_text_inner 		{ padding: 7px 17px; }
.et-db #et-boc .hdrCallBox .et_pb_text_inner h3 	{ font-size: 26px; }
.et-db #et-boc .hdrCallBox .et_pb_text_inner p 		{ font-size: 20px; }

.bannerSec 											{ min-height: 650px; }

.aboutSec 											{ background-size: initial!important; }

/*----------------- Inner Pages -----------------*/


}

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

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


/*----------------- Inner Pages -----------------*/


}


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

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

#main-content .et-l .et_pb_row 						{ width: 96% !important; max-width: 980px !important; }

.et-db #et-boc .logoBox 							{ margin: 0 15px 0 0; padding-left: 25px; }
.et-db #et-boc .hdrCallBox .et_pb_text_inner 		{ height: 85px; padding: 10px 20px; }
.et-db #et-boc .ratingBox 							{  }
.et-db #et-boc .hdrCallBox 							{  }

.bannerSec .titleSec h1								{ font-size:65px!important; line-height: 65px!important; }

.scheduleSec 										{ margin-top: -90px; padding: 0 0 25px 0; }
.scheduleSec .scheduleTitle h2						{ font-size:30px!important; line-height: 30px!important; }
.scheduleSec .scheduleForm .scheduleBox .formBox 	{ gap: 15px; }

.aboutSec .aboutCont .titleBox h2					{ font-size:45px!important; line-height: 45px!important; }

.serviceSec .et_pb_column_1_4						{ width: 13%; }
.serviceSec .serviceCont 							{ width: 62%; }
.serviceSec .serviceBox 							{ margin-right: 30px; width: 48.4%; }
.serviceSec .serviceBox1 							{ width: 31%; margin-bottom: 0; margin-right: 34px; }
.serviceSec .serviceBox .imgHd 						{  }
.serviceSec .serviceBox .imgHd h3					{ font-size: 30px!important; line-height:30px!important; }
.serviceSec .serviceBox .imgHd:after 				{ height: 48px; }
.serviceSec .serviceBox:hover .imgHd:after 			{ width: 116%; }

.whySec .whyCont .titleBox h2						{ font-size:44px!important; line-height: 50px!important; }
.whySec .whyBox .whyIconBox ul 						{ gap: 22px; }
.whySec .whyBox .whyIconBox ul li 					{ padding: 15px 10px; width: calc(35% - 25px); }

.footerSec .et_pb_row 								{ width: 96% !important; max-width: 980px !important; }

.footerSec .footerLeft 								{ width: 22%; margin-right: 20px; }
.footerSec .footerMid 								{ width: 51%; margin-right: 20px; }
.footerSec .footerMid h3							{ font-size: 24px!important; line-height:24px!important; }
.footerSec .ftrMenu ul.et-menu li 					{ padding: 0px 10px 0 0 !important; }
.footerSec .footerMid .ftrMenu ul.et-menu li a		{ font-size: 18px; line-height:18px; font-weight: 400; }
.footerSec .footerRight 							{ width: 22%; }
.footerSec .footerRight h3							{ font-size: 24px!important; line-height:24px!important; }
.footerSec .footerRight .et_pb_heading_4_tb_footer h3 { font-size: 20px!important; line-height:20px!important; }
.footerSec .footerRight .et_pb_text_inner			{ font-size: 36px!important; line-height:36px!important; }
.footerSec .copyrightBox 							{ width: 100%; margin-bottom: 0px; }
.footerSec .socialBox 								{ width: 100%; }
.footerSec .socialBox .et_pb_icon 					{ margin:0; }

/*----------------- Inner Pages -----------------*/
.bannerSec .innerTitleBox 							{ margin-bottom:0; }
.bannerSec .innerTitleBox .titleSec h1				{ padding-bottom:0; }

/* ---------- Gallery Page ---------- */
.testimonialSec .testimonialCont .titleBox h2 		{ font-size: 45px; line-height: 50px; }
.testimonialSec .testimonialCont .et_pb_text_inner p { font-size: 18px; line-height: 28px; }

/* ---------- Reviews Page ---------- */
#reviewsSection .wp-google-url						{ font-size:24px!important; }


/* ---------- Contact Page ---------- */
.contactSec .contactDetail .et_pb_text_inner p		{ font-size: 18px; line-height: 28px; }
.contactSec .contactDetail .titleBox 				{ margin-bottom:15px; }
.contactSec .contactDetail .titleBox h2 			{ font-size: 40px; line-height: 40px; }
.contactSec .contactDetail .adrBox h3 				{ padding-bottom: 15px; font-size: 22px; line-height: 22px; }

.contactSec .contactForm .contactBox .form-group.half { width: 100%; }
.contactSec .contactDetail .adrBox ul li p 			{ font-size: 18px; line-height: 28px; }
.contactSec .contactDetail .adrBox ul li a 			{ font-size: 18px; line-height: 28px; }

.contactSec .contactForm .form-text p				{ margin-bottom: 30px; font-size: 18px; line-height: 28px; }
.contactSec .contactForm .contactBox 				{ gap: 20px; }

}



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

:root 												{ --container-width: 738px; }
.container											{ max-width: 738px; }
#main-content .et-l .et_pb_row 						{ max-width: 738px !important; }

.et-db #et-boc .logoBox 							{ margin: 0 15px 0 0; padding-left: 15px; }
.et-db #et-boc .logoBox .et_pb_menu__logo 			{ padding-top: 12px; padding-bottom: 12px; }
.et-db #et-boc .logoBox ul.et_mobile_menu 			{ padding: 15px; }
.et-db #et-boc .logoBox ul.et_mobile_menu li a		{  padding: 10px 10px; text-transform: uppercase; }
.et-db #et-boc .menuBox .et_pb_menu__wrap 			{ justify-content: flex-end; }
.et_pb_menu_0_tb_header.menuBox ul.et_mobile_menu li a:hover,
.et_pb_menu_0_tb_header.menuBox ul.et_mobile_menu li.current-menu-item a { color: #fff!important; background-color: #bc9e04; }
.et-db #et-boc .ratingBox 							{ display: none; }
.et-db #et-boc .hdrCallBox 							{ display: none; }

.bannerSec 											{ padding-top: 70px !important; }

.scheduleSec 										{ padding: 0 0 20px 0; margin-top: -70px; }
.scheduleSec .scheduleTitle 						{ padding-left: 90px; background-size: 70px; }

.aboutSec .aboutCont 								{ margin-bottom: 0; margin-right: 15px; }

.serviceSec .serviceBox 							{ margin-right: 23px; width: 48.4%; }
.serviceSec .serviceBox1 							{ width: 31%; margin-bottom: 0; }
.serviceSec .serviceBox .imgHd 						{ right: 20px; }
.serviceSec .serviceBox .imgHd:after 				{ height: 45px; }
.serviceSec .serviceBox:hover .imgHd:after 			{ width: 116%; }

.footerSec .footerLeft 								{ width: 27%; margin-right: 30px; }
.footerSec .footerMid 								{ width: 34%; margin-right: 30px; }
.footerSec .footerRight 							{ width: 30%; }
.footerSec .copyrightBox 							{ width: 100%; margin-bottom: 0px; }
.footerSec .socialBox 								{ width: 100%; }
.footerSec .socialBox .et_pb_icon 					{ margin:0; }

/*----------------- Inner Pages -----------------*/

.bannerSec .innerTitleBox 							{ margin-bottom:0; }
.bannerSec .innerTitleBox .titleSec h1				{ padding-bottom:0; }

/* ---------- Reviews Page ---------- */
#reviewsSection .wp-google-url						{ font-size:24px!important; }


/* ---------- Contact Page ---------- */
.contactSec .contactDetail .titleBox 				{ margin-bottom:15px; }
.contactSec .contactDetail .adrBox h3 				{ padding-bottom: 15px; font-size: 22px; line-height: 22px; }

.contactSec .contactForm .contactBox .form-group.half { width: 100%; }
.contactSec .contactDetail .adrBox ul li p 			{ font-size: 16px; line-height: 26px; }
.contactSec .contactDetail .adrBox ul li a 			{ font-size: 16px; line-height: 26px; }

.contactSec .contactForm .form-text p				{ margin-bottom: 30px; font-size: 16px; line-height: 26px; }
.contactSec .contactForm .contactBox 				{ gap: 20px; }

.serviceArea 										{ gap: 25px; }
}



/*  #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; }
#main-content .et-l .et_pb_row 						{ max-width: 92%!important; width: 92%!important; }

.et-db #et-boc .logoBox 							{ margin: 0 15px 0 0; padding-left: 15px; }
.et-db #et-boc .logoBox .et_pb_menu__logo 			{ padding-top: 12px; padding-bottom: 12px; }
.et-db #et-boc .logoBox ul.et_mobile_menu 			{ padding: 15px; }
.et-db #et-boc .logoBox ul.et_mobile_menu li a		{  padding: 10px 10px; text-transform: uppercase; }
.headerSec .et_pb_menu_1_tb_header.menuBox ul li:hover>a, 
.headerSec .et_pb_menu_1_tb_header.menuBox ul li.current-menu-item a { color: #0700A6!important; }
.et-db #et-boc .menuBox .et_pb_menu__wrap 			{ justify-content: flex-end; }
.et_pb_menu_0_tb_header.menuBox ul.et_mobile_menu li a:hover,
.et_pb_menu_0_tb_header.menuBox ul.et_mobile_menu li.current-menu-item a { color: #fff!important; background-color: #bc9e04; }
.et-db #et-boc .ratingBox 							{ display: none; }
.et-db #et-boc .hdrCallBox 							{ display: none; }

.et_mobile_menu										{ width: 96%; height: 500px; overflow-y: scroll; }

.bannerSec 											{ padding-top: 80px !important; }
.bannerSec .bannerHdBg ul li 						{ padding: 5px 20px; font-size: 16px; line-height: 26px; font-weight: 400; }

.scheduleSec 										{ padding: 0 0 20px 0; margin-top: -70px; }
.scheduleSec .scheduleTitle 						{ padding-left: 80px; background-size: 62px; padding-top: 0; }
.scheduleSec .scheduleForm .scheduleBox 			{ flex-direction: column; }
.scheduleSec .scheduleForm .form-group 				{ width: 100%; }
.scheduleSec .scheduleForm .sendBox .sendBtn 		{ width: 150px; height: 55px; padding: 10px 15px 10px 55px; background: #0700A6 url(../images/send-icon.png) left 15px top 8px no-repeat; }

.aboutSec .aboutCont 								{ margin-bottom: 0; margin-right: 0px; }
.aboutSec .et_pb_row 								{ flex-direction: column; }
.aboutSec .aboutImg 								{ margin-top: 20px; }

.serviceSec .serviceBox 							{ margin-right: 0; margin-bottom: 15px; width: 48.4%; }
.serviceSec .serviceBox1 							{ width: 31%; margin-bottom: 15px; }
.serviceSec .serviceBox .imgHd 						{ right: 30px; }
.serviceSec .serviceBox .imgHd:after 				{ height: 40px; }
.serviceSec .serviceBox:hover .imgHd:after 			{ width: 123%; }
.serviceSec .serviceCont .et_pb_text_inner br 		{ display:none; }

.whySec .whyBox .whyIconBox ul 						{ gap: 15px; }
.whySec .whyBox .whyIconBox ul li 					{ padding: 20px 10px; width: calc(52% - 15px); row-gap: 15px; }
.whySec .whyBox .whyIconBox ul li > h3 				{ font-size: 18px; line-height: 20px; }

.testimonialSec .wp-gr[data-layout="slider"] .grw-review {
	flex: 1 0 calc((100% - var(--card-gap, 23px) * var(--gap, 1)) / var(--col, 3)) !important;
    width: calc((100% - var(--card-gap, 23px) * var(--gap, 1)) / var(--col, 3)) !important;
}

.footerSec .et_pb_row 								{ max-width: 92%!important; width: 92%!important; }
.footerSec .socialBox 								{  }
.footerSec .socialBox .et_pb_icon 					{ margin:0; }

/*----------------- Inner Pages -----------------*/
.bannerSec .innerTitleBox 							{ margin-bottom:0; }
.bannerSec .innerTitleBox .titleSec h1				{ padding-bottom:0; }

/* ---------- Gallery Page ---------- */
#foogallery-gallery-804.foogallery .fg-item 		{ width: calc(50% - 2px); }

/* ---------- Reviews Page ---------- */
#reviewsSection .wp-google-url						{ width: 165px !important; font-size:20px!important; }

/* ---------- Contact Page ---------- */
.contactSec .contactDetail .titleBox 				{ margin-bottom:15px; }
.contactSec .contactDetail .adrBox h3 				{ padding-bottom: 15px; font-size: 22px; line-height: 22px; }

.contactSec .contactForm .contactBox .form-group.half { width: 100%; }
.contactSec .contactDetail .adrBox ul li p 			{ font-size: 16px; line-height: 26px; }
.contactSec .contactDetail .adrBox ul li a 			{ font-size: 16px; line-height: 26px; }

.contactSec .contactForm .form-text p				{ margin-bottom: 30px; font-size: 16px; line-height: 26px; }
.contactSec .contactForm .contactBox 				{ gap: 20px; }

.serviceArea 										{ gap: 0; }

}



/* #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; }


/*----------------- Inner Pages -----------------*/

}