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


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

/*----------------- 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: 960px; }
.container									{ max-width: 960px; }

.footerSection 								{ grid-gap: 30px; }
.footerSection .ftr-logo 					{ padding-bottom: 30px; width: 30%; }
.footerSection .ftr-menu 					{ padding-bottom: 30px; width: 20%; }
.footerSection .ftr-contact 				{ padding-bottom: 30px; width: 30%; }
}

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

#mainNav ul.menu li 						{ margin-right: 20px; }
.mainNav ul li.menu-item 					{ margin: 0 12px; }

.elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 5px; }
.serviceBox h4 								{ font-size: 16px; line-height: 20px; min-height: 60px; }
.serviceBox p 								{ font-size: 13px; line-height: 18px; min-height: 90px; }
.serviceBox .elementor-widget-container:after { height: 49%; }

.footerSection 								{ padding-top: 60px; display: flex; grid-gap: 40px; flex-wrap: wrap; justify-content: space-between; }
.footerSection .ftr-logo 					{ padding-bottom: 0px; width: 45%; }
.footerSection .ftr-logo div > img 			{ width: 60%!important; height: auto!important; }
.footerSection .ftr-menu 					{ padding-bottom: 0px; width: 45%; }
.footerSection .ftr-contact 				{ padding-bottom: 0px; width: 45%; }
/*----------------- Inner Pages -----------------*/
#emailLink 									{ word-break: break-word; padding: 0 20px; width: 100%; }
.adrbox										{ padding-bottom: 40px; padding-top: 20px; }
.contact-form 								{ width: 92%!important; margin: 0 auto; }
.wpcf7-spinner 								{ position: absolute; }

}



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

header.site-header							{ display:inline-block!important; }
#headertop									{ display:none; }
/*#headerbotm .header 						{ justify-content: space-between; align-items: center; flex-direction: row-reverse; }*/
#headerbotm .header 						{ align-items: flex-start; }
#headerbotm .header .logo 					{ width: 160px; }
#headerbotm .header #mainNav 				{ display: none; }

.serviceBox .elementor-widget-container:after { height: 35%; }
.serviceBox p 								{ min-height: auto; }

.footerSection 								{ padding-top: 60px; display: flex; grid-gap: 0; flex-direction: column; }
.footerSection .ftr-logo					{ padding-bottom: 30px; width: 100%; }
.footerSection .ftr-logo div > img 			{ width: 60%!important; height: auto!important; }
.footerSection .ftr-menu 					{ padding-bottom: 30px; width: 100%; }
.footerSection .ftr-contact					{ padding-bottom: 30px; width: 100%; }
.footerBottom .copy-right 					{ width: 100%; float: left; margin-bottom: 30px; }
.footerBottom .ftr-social 					{ width: 100%; float: left; text-align: left; }
.footerBottom .ftr-social ul li 			{ text-align: left; float: left; justify-content: flex-start; }
/*----------------- Inner Pages -----------------*/
.reviewContent p 							{ min-height: auto; }
#emailLink 									{ word-break: break-word; padding: 0 20px; width: 100%; }
.adrbox										{ padding-bottom: 40px; padding-top: 20px; }
.contact-form 								{ width: 92%!important; margin: 0 auto; }
.contact-form .form-group 					{ width: 100%; margin: 10px 0% 20px 0%; }
.contact-form .form-group .submitBtn 		{ width: 100%; }
.mobmenu-content li							{ position:relative; }
button.sub-menu-toggle						{ border: none; padding: 0; background: transparent!important; font-size: 14px; position: absolute; top: 9px; right: 10px; }
button.sub-menu-toggle:hover				{ border: none; }
.mob-expand-submenu i 						{ font-size: 15px!important; }
button.sub-menu-toggle .icon-plus,
button.sub-menu-toggle .icon-minus			{ display:none; }

.projectList .elementor-post				{ margin-bottom: 40px!important; }

}



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

.serviceBox .elementor-widget-container:after 		{ height: 34%; }
.serviceBox p 										{ min-height: auto; }
.footerSection .ftr-logo div > img 					{ width: 30%!important; height: auto!important; }
/*----------------- Inner Pages -----------------*/

}