@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: 1700px) {

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



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


}

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

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


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

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

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

#aboutSec::after 							{ width: 82px; height: 250px; }

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

}


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

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

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

#testimonialSec .contentWrap .item p		{ min-height: 240px; }


}


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

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

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

#testimonialSec .contentWrap .item p		{ min-height: 300px; }


}


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

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


.logo										{ width: 200px; }
#header.sticky .logo 						{ width: 200px; }
.mainMenu li 								{ margin: 0 20px 0 0; font-size: 18px; }
.mainMenu li.estimateBtn a					{ font-size: 18px; }

#bannerSection .bannerLeft 					{ margin-top: 10%; }
#bannerSection .bannerLeft .title 			{ font-size: 60px; line-height: 70px; }
#bannerSection .bannerLeft .title2			{ min-height: 100px; font-size: 40px; line-height: 50px; }
#bannerSection .bannerLeft .title2 span		{ text-wrap: wrap !important; }

#bannerSection .bannerLeft p br				{ display: none; }

#aboutSec 									{ min-height: auto; margin-bottom: 0px; padding-top: 50px; padding-bottom: 50px; }
#aboutSec::before,
#aboutSec::after							{ display: none; }
#aboutSec h2								{ font-size: 50px; line-height: 60px; }
#aboutSec .aboutImage						{ margin-bottom: 0px; }

#marqueeSec 								{ padding-bottom: 50px; }
.marquee-text-dark, .marquee-text-reverse-dark { font-size: 50px; }
.marquee-text-dark,
.marquee-text-reverse-dark img				{ display: inline-block; width: auto; }

#serviceSec 								{ padding-top: 50px; padding-bottom: 50px; }
#serviceSec .content h2						{ font-size: 50px; line-height: 60px; }
#serviceSec .content .servicesClm .title	{ font-size: 18px; line-height: 28px; }

#workSec 									{ min-height: auto; padding-top: 50px; padding-bottom: 50px; }
#workSec h2									{ font-size: 50px; line-height: 60px; }
#workSec .profolioRow .clm_1 .portfolioInfo .link { font-size: 30px; line-height: 40px; }

#testimonialSec								{ padding-top: 50px; padding-bottom: 50px; }
#testimonialSec h2							{ font-size: 50px; line-height: 60px; }
#testimonialSec .contentWrap .item p		{ min-height: 300px; }
#testimonialSec .contentWrap .item 			{ padding: 25px 29px; }

/*----------------- Inner Pages -----------------*/
#innerBanner								{ height: auto; }
#innerBanner .caption h1					{ margin: 10px 0px 0px 0px; font-size: 40px; line-height: 50px; }
#innerBanner .caption .aboutBanner			{ margin-top: 30px; }
#innerSection								{ padding-top: 50px; padding-bottom: 50px; }
#innerSection h2							{ margin: 10px 0px 0px 0px; font-size: 50px; line-height: 60px; }
.aboutBox .info h3							{ min-height: 68px; }

#contactSec 								{ padding-top: 0px; padding-bottom: 30px; }
#contactSec h3 								{ font-size: 50px; line-height: 60px; }


}



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

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }
.logo										{ width: 200px; }
.mainMenu									{ display: none;}
#header.sticky .logo 						{ width: 200px; }

#bannerSection								{ padding-bottom: 40px; }
#bannerSection .bannerLeft					{ margin-top: 7%; }
#bannerSection .bannerLeft .title 			{ font-size: 45px; line-height: 55px; }
#bannerSection .bannerLeft .title2			{ min-height: 80px; font-size: 30px; line-height: 40px; }
#bannerSection .bannerLeft .title2 span		{ text-wrap: wrap !important; }

#aboutSec 									{ min-height: auto; margin-bottom: 0px; padding-top: 40px; padding-bottom: 40px; }
#aboutSec::before,
#aboutSec::after							{display: none; }
#aboutSec h2								{ font-size: 45px; line-height: 55px; }

#serviceSec									{ padding-top: 40px; padding-bottom: 40px; }
#serviceSec .content h4						{ font-size: 18px; line-height: 28px; }
#serviceSec .content h2						{ font-size: 45px; line-height: 55px; }
#serviceSec .content .servicesClm			{ padding: 20px 20px;}

#marqueeSec 								{ padding-bottom: 30px; }
.marquee-text-dark, .marquee-text-reverse-dark { font-size: 45px; }
.marquee-text-dark,
.marquee-text-reverse-dark img				{ display: inline-block; width: auto; }

#workSec									{ padding-top: 40px; padding-bottom: 40px; }
#workSec p									{ font-size: 18px; line-height: 28px; }
#workSec h2									{ margin: 10px 0px 0px 0px; font-size: 45px; line-height: 55px; }
#workSec .profolioRow						{ padding-bottom: 0px; }
#workSec .profolioRow .clm_1 .portfolioImage	{ margin-bottom: 10px; }
#workSec .profolioRow .clm_1 .portfolioInfo .link	{ margin-bottom: 0px; font-size: 24px; line-height: 34px; }
#workSec .profolioRow .clm_1 .portfolioInfo p { font-size: 18px; line-height: 28px; }
#workSec .profolioRow .clm_2				{ margin-top: 0px; }
#workSec .profolioRow .clm_1 .portfolioInfo .link i { font-size: 24px; line-height: 34px; }

#testimonialSec								{ padding-top: 40px; padding-bottom: 40px; }
#testimonialSec p							{ font-size: 18px; line-height: 28px; }
#testimonialSec h2 							{ margin: 10px 0px 0px 0px; font-size: 45px; line-height: 55px; }
#testimonialSec .contentWrap .item			{ padding: 20px;}
#testimonialSec .contentWrap .item h3 		{ font-size: 18px; line-height: 26px; }
#testimonialSec .contentWrap .item p		{ min-height: 315px; font-size: 16px; line-height: 26px; }

.footerSection								{ padding-top: 30px; padding-bottom: 30px; }
.footerSection .ftrMenu ul li 				{ margin-bottom: 10px; font-size: 18px; line-height: 28px; }
.footerSection .copy_text					{ padding-top: 30px; }

.menuBox .burberMenu 						{ margin-right: 70px; }	


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

#innerBanner								{ height: auto; }
#innerBanner .caption h1					{ margin: 10px 0px 0px 0px; font-size: 40px; line-height: 50px; }
#innerBanner .caption .aboutBanner			{ margin-top: 30px; }
#innerSection								{ padding-top: 40px; padding-bottom: 40px; }
#innerSection h2							{ margin: 10px 0px 0px 0px; font-size: 45px; line-height: 55px; }
.aboutBox .info h3							{ min-height: 68px; }


.worklist .listitem							{ margin-bottom: 30px; }
.worklist .listitem .portfolioInfo .link	{ margin-bottom: 0px; font-size: 24px; line-height: 34px; }
.worklist .listitem .portfolioInfo p 		{ font-size: 18px; line-height: 28px; }
.worklist .listitem .portfolioInfo .link i 	{ font-size: 24px; line-height: 34px; }

.servicesList .item							{ padding: 20px; }
.servicesList .item h3						{ min-height: 115px; font-size: 24px; }

#contactSec 								{ padding-top: 0px; padding-bottom: 30px; }
#contactSec h3 								{ font-size: 45px; line-height: 55px; }

}



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

.logo										{ width: 200px; }
.mainMenu									{ display: none;}
#header.sticky .logo 						{ width: 200px; }


#bannerSection								{ padding-bottom: 30px; }
#bannerSection .bannerLeft					{ width: 100%; margin-top: 5%; }
#bannerSection .bannerLeft .title 			{ font-size: 33px; line-height: 43px; }
#bannerSection .bannerLeft .title2			{ min-height: 70px; font-size: 25px; line-height: 35px; }
#bannerSection .bannerLeft .title2 span		{ text-wrap: wrap !important; }
#bannerSection .bannerLeft p br				{ display: none; }
#bannerSection .bannerRight 				{ width: 100%; margin-top: 30px; }

#aboutSec									{ min-height: auto; margin-bottom: 0px; padding-top: 30px; padding-bottom: 30px; }
#aboutSec::before,
#aboutSec::after							{ display: none; }
#aboutSec .aboutImage						{ margin-bottom: 30px; }

#serviceSec									{ padding-top: 30px; padding-bottom: 30px; }
#serviceSec .content						{ padding-top: 0px; }
#serviceSec .content h4						{ font-size: 18px; line-height: 28px; }
#serviceSec .content h2						{ font-size: 40px; line-height: 50px; }
#serviceSec .content p						{ margin: 10px 0px 20px 0px; }
#serviceSec .content .servicesClm			{ padding: 20px 20px;}

#marqueeSec 								{ padding-bottom: 30px; }
.marquee-text-dark, .marquee-text-reverse-dark { font-size: 45px; }
.marquee-text-dark,
.marquee-text-reverse-dark img				{ display: inline-block; width: auto; }

#workSec									{ padding-top: 30px; padding-bottom: 30px; }
#workSec p									{ font-size: 18px; line-height: 28px; }
#workSec p br								{ display: none; }
#workSec h2									{ margin: 10px 0px 0px 0px; font-size: 40px; line-height: 50px; }
#workSec .profolioRow						{ padding-bottom: 0px; }
#workSec .profolioRow .clm_1 				{ width: 100%; padding-bottom: 30px; }
#workSec .profolioRow .clm_1 .portfolioImage	{ margin-bottom: 10px; }
#workSec .profolioRow .clm_1 .portfolioInfo .link	{ margin-bottom: 0px; font-size: 24px; line-height: 34px; }
#workSec .profolioRow .clm_1 .portfolioInfo p { font-size: 18px; line-height: 28px; }
#workSec .profolioRow .clm_2				{ margin-top: 0px; }
#workSec .profolioRow .clm_1 .portfolioInfo .link i { font-size: 24px; line-height: 34px; }

#testimonialSec								{ padding-top: 30px; padding-bottom: 30px; }
#testimonialSec .contentWrap .item			{ padding: 30px 30px; }
#testimonialSec .contentWrap .item p		{ min-height: auto; font-size: 18px; line-height: 28px; }
#testimonialSec h2 							{ margin: 10px 0px 0px 0px; font-size: 40px; line-height: 50px; }

.footerSection								{ padding-top: 30px; padding-bottom: 30px; }
.footerSection .ftrMenu ul li 				{ margin-bottom: 10px; font-size: 18px; line-height: 28px; }
.footerSection .copy_text					{ padding-top: 30px; }

.menuBox .burberMenu						{ position: fixed; left: 0px; bottom: 0px; width: 100%; }
.menuBox .burberMenu a						{ width: 100%; border-radius: 0px; }
.box-menu-browse>div>div					{ padding: 15px 15px; }
.quoteForm .contentWrapper 					{ width: 100%; max-width: 100%; padding: 0px 0; }
.quoteForm .contentWrapper h1				{ margin: 10px 0px 0px 0px; font-size: 40px; line-height: 50px; }
.quoteForm .contentWrapper h3 				{ font-size: 20px; line-height: 30px; }
.quoteForm .contentWrapper .formContent .input-group .checkbox,
.quoteForm .contentWrapper .formContent .input-group .radio .quoteForm .input-group .radio { width: 100%; padding: 0 0px 10px 0; }
.quoteForm .contentWrapper .formContent .input-group { margin: 0 0 0px 0; }
.menuBox.checked~.box-menu-browse .close-btn	{ padding: 15px 0px; }




/*----------------- Inner Pages -----------------*/
#innerBanner								{ height: auto; }
#innerBanner .caption h1					{ margin: 10px 0px 0px 0px; font-size: 40px; line-height: 50px; }
#innerBanner .caption .aboutBanner			{ margin-top: 30px; }
#innerSection								{ padding-top: 30px; padding-bottom: 30px; }
#innerSection h2							{ margin: 10px 0px 0px 0px; font-size: 40px; line-height: 50px; }

.worklist .listitem							{ margin-bottom: 30px; }
.worklist .listitem .portfolioInfo .link	{ margin-bottom: 0px; font-size: 24px; line-height: 34px; }
.worklist .listitem .portfolioInfo p 		{ font-size: 18px; line-height: 28px; }
.worklist .listitem .portfolioInfo .link i 	{ font-size: 24px; line-height: 34px; }


.servicesList .item							{ width: 100%; min-height: auto; padding: 20px; }
.servicesList .item h3						{ font-size: 24px; }


.contactSec h3								{ margin: 0 0 0px 0px; }
.blockContact								{ padding-left: 0px; }

#contactSec 								{ padding-top: 0px; padding-bottom: 30px; }
#contactSec h3 								{ font-size: 30px; line-height: 40px; }
.blockContact .contact-information h6 		{ font-size: 30px !important; line-height: 40px !important; }

.aboutBox									{ margin-top: 0px; }
.how_we_work								{ padding-top: 0px; }

}



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


}