@charset "utf-8";
/* CSS Document */
.check-box-row{ margin-left:0px !important;}


@media (min-width:1680px) {
	a.btn.download-tech {
		width: 13%;
		right: 12%;
	}
}

@media (min-width:1800px) {
	a.btn.download-tech {
		width: 11%;
		right: 17%;
	}
}

@media (max-width:1440px) {
	a.btn.download-tech {
		right: 5%;
	}
}

@media screen and (max-width:1350px){
	.mainMenu ul li{ padding:0 8px;}
	.mainMenu ul li a{ font-size:13px; padding-bottom:37px;}
	.topSocial ul li a{ padding-left:9px;}
	.topSocial ul li a i{ font-size:14px;}
	.callTodayRight ul li a{ font-size:28px;}
}

@media screen and (max-width:1300px){
	
	
	
	.contact_tFld input[type="text"], .contact_tFld input[type="email"], .formcontact_tFld_tFld input[type="tel"], .contact_tFld input[type="number"], .contact_tFld input[type="url"], .contact_tFld textarea, .contact_tFld select{ background-color:rgba(255,255,255,0.7); border-radius:6px; -webkit-border-radius:6px;}
	}

@media (max-width:1280px) {
	a.btn.download-tech {
		width: 15%;
		right: 2%;
	}
}
	
@media screen and (max-width:1240px){
	body{ font-size:14px;}
	.container{ width:96%;}
	
	.heading18px{ font-size:16px;}
	.heading20px{ font-size:18px;}
	.heading24px{ font-size:20px;}
	.heading30px{ font-size:26px;}
	.heading36px{ font-size:30px;}
	.heading48px{ font-size:36px;}

	.cmnBtn{ line-height:45px; font-size:16px;}
	.cmnBtnIn span:after{ height:16px; width:16px; background-size:16px;}
	.cmnBtnIn{padding:0 32px; }
	
	.headerTop{ height:68px; padding:0 2%;}
	.headerTop::after{ width: calc(98% - 102px);}
	.headerTop::before{ width: calc(2% + 2px);}
	.top_logo img{ height:76px; max-width:106px;}
	.mainMenu{ margin-left:15px;}
	.mainMenu ul li{ padding:0 8px; margin-top:14px;}
	.mainMenu ul li a{ font-size:12px; padding-bottom:26px;}
	.menu-dorpdown::after{ bottom:13px;}
	
	.topSocial{ margin:25px 0;}
	.topSocial ul li a{ padding-left:10px;}
	.topSocial ul li a i{ font-size:15px;}
	
	.mainMenu ul li ul{ width:262px;}
	.mainMenu ul li ul li a, .mainMenu ul li.current-menu-item ul li a, .mainMenu ul li.submenu ul li a, .mainMenu ul li ul li.current-menu-item a{ line-height:33px; padding:0 12px;}
	
	.fixedHeader1 .top_logo img{ height:54px; max-width:75px;}
	.bannerSlider .slick-arrow{ background-size:11px; height:36px; width:36px;}
	.bannerSlider .slick-arrow.slick-prev{ left:2%;}
	.bannerSlider .slick-arrow.slick-next{ right:2%;}
	.title1{ font-size:30px;}
	.title2{ font-size:18px;}
	.bnrBtn{ margin-top:18px;}
	
	.callTodayLeft{  padding-right:92px; padding-left:2%; }
	.callTodayLeftBg{ width:calc(100% - 93px);}
	.callTodayLeft:after{border-right:93px solid transparent;}



.callTodayRight{ float:right;  padding-right:2%; position:relative; height:200px; width:68%;background:##00438F;}
.callTodayRightBg{ position:absolute; z-index:0; right:0; width:100%; top:0px; height:150px}
.callTodayRight:before{ left:-50px; border-left:93px solid transparent;}

.callTodayRight ul li{ padding:0 2%;}
.callTodayRight ul li a{ font-size:20px;}
.callTodayRight ul li p{ margin-bottom:4px;}

.welcomeSH{ padding:60px 0;}
.welcomHleftTop{ height:275px;}
.welcomHleftBttm{ height:128px;}
.welcomHleftCntr{ width:150px; height:150px; margin-left:50px;}	
.welcomHleftCntr img{ max-width:130px; max-height:130px;}
.welcomHleft{ height:350px;}

.gallerySecOver h3{ font-size:20px;}
.gallerySec{ height:280px;}
.gallerySecOver a{ width:160px;}

.galleryHome .slick-arrow{ font-size:16px; background-size:48px; padding:0 5px 17px}
.galleryHome .slick-next.slick-arrow{ bottom:18px;}
.galleryHome .slick-prev.slick-arrow{ top:18px;}

.h_garageDoors{ padding:60px 0;}
.h_garageDoors .ttlHgaragDrs{ margin-bottom:40px}

.h_NewsC{ padding:60px 0;}
.h_NewsCIn .ttlNews{ margin-bottom:40px;}
.h_NewsCAreaAdd{ margin-left:-20px;}
.h_NewsSec{ margin-left:20px; margin-bottom:20px; width:calc(33.33% - 20px); height:270px;}
.h_NewsSec img{ width:100%;}
.h_NewsSec .top_div{ padding:15px; height:82px;}
.h_NewsSec .top_div h3{ font-size:13px; margin-bottom:8px; max-height:28px; overflow:hidden;}
.h_NewsSec .top_div p{ font-size:12px;}

.h_NewsSec .bottom_div{ padding:15px;}
.h_NewsSec .bottom_div h4{ font-size:15px; max-height:35px;}
.h_NewsSec .bottom_div .text p{ font-size:14px;}
.h_NewsSec:hover .bottom_div .text{ max-height:50px; margin-bottom:8px; margin-bottom:12px;}
.h_NewsSec .bottom_div::after{ bottom:15px;}

.h_localExperts{ padding:60px 0;}
.localExTtl{ margin-bottom:40px;}
.h_local3Sec{ width:480px; height:480px; -moz-transform: skewX(-7deg) skewY(0deg) translate(0,-50%); -webkit-transform: skewX(-7deg) skewY(0deg) translate(0,-50%); -o-transform: skewX(-7deg) skewY(0deg) translate(0,-50%); -ms-transform: skewX(-7deg) skewY(0deg) translate(0,-50%); transform: skewX(-7deg) skewY(0deg) translate(0,-50%); box-shadow:-5px 5px 10px rgba(30, 62, 95, 0.4); -webkit-box-shadow:-5px 5px 10px rgba(30, 62, 95, 0.4)}
.h_local3SecIn{ padding:30px 50px; -moz-transform: skewX(7deg) skewY(0deg); -webkit-transform: skewX(7deg) skewY(0deg); -o-transform: skewX(7deg) skewY(0deg); -ms-transform: skewX(7deg) skewY(0deg); transform: skewX(7deg) skewY(0deg);}
.h_local3SecIn h3{ margin-bottom:13px; font-size:16px;}

.h_local3SecIn p{  color:#6d767e; font-family:"AvenirLTStd-Oblique";}



.h_local3SecIn_Ul{ float:left; width:100%; margin:8px 0 15px 0; text-align:left; padding:0 14%;}

.h_local3SecIn_Ul ul li{ color:#1e3e5f; margin-bottom:8px; position:relative; padding-left:24px;}

.h_local3SecIn_Ul ul li:before{  background-repeat:no-repeat; background-position:center; background-image:url(../images/check.png); width:14px; height:10px; content:"";  position:absolute; top:5px; left:0px;}

.h_local3Sec1{  -moz-transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%);

-webkit-transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%);

-o-transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%);

-ms-transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%);

transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%); left:50%; z-index:3;}

.h_local3Sec3,.h_local3Sec2{-moz-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.82);

-webkit-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.86);

-o-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.86);

-ms-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.86);

transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.86); opacity:0.2; z-index:1; }
.h_local3Sec2{ left:40px;}

.h_local3Sec3{ right:40px;}



.h_local3Sec1Ac{border:4px solid #0060aa; -moz-transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%);

-webkit-transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%);

-o-transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%);

-ms-transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%);

transform: skewX(-7deg) skewY(0deg) translate(-50%,-50%); left:50%; z-index:4; opacity:1;}



.h_local3Sec2Ac{ border:4px solid #0060aa; -moz-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1);

-webkit-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1);

-o-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1);

-ms-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1);

transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1); opacity:1; z-index:4; left:100px;}



.h_local3Sec3Ac{ border:4px solid #0060aa; -moz-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1);

-webkit-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1);

-o-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1);

-ms-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1);

transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(1); opacity:1; z-index:4; right:100px;}



.h_localExperts3Right .h_local3Sec1{  -moz-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88);

-webkit-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88);

-o-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88);

-ms-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88);

transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88); left:auto; right:100px; opacity:0.2;}



.h_localExperts3left .h_local3Sec1{  -moz-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88);

-webkit-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88);

-o-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88);

-ms-transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88);

transform: skewX(-7deg) skewY(0deg) translate(0,-50%) scale(0.88); left:100px;  opacity:0.2;}


.h_localExperts3{ margin-left:-30px;}

/*who we are*/
.whoWe_pleftBtm img{ max-height:349px;}


.serviceTodayCall a{ font-size:24px;}


.freeQuoteBg{ opacity:0.3;}

/*blog*/
.ourBlogBoxAdd{ margin-left:-10px}
.ourBlogBox{ margin-left:10px; width:calc(50% - 10px); margin-bottom:10px; padding:20px;}
.ourBlogBoxImgCont{ height:233px;}
.ourBlogBoxImg{ height:190px;}

/*blog details*/
.blogDetailsBox{ width:100%; margin-left:0px;}
}

@media screen and (max-width:1024px){
	a.btn.download-tech {
		width: 20%;
		right: 0;
	}

	.bannerContent {
		margin-top: 0;
	}

	.form_title1 h2 {
		font-size: 20px;
		margin-top: 0;
	}

	.form_title1:after {
		margin-top: -101px;
	}

	.callTodayRight {
		height: auto;
	}

	.callTodayRightIn {
		-webkit-transform: translate(0,25%);
	}
}

@media screen and (max-width:1023px){
	
	.heading18px{ font-size:14px;}
	.heading20px{ font-size:16px;}
	.heading24px{ font-size:18px;}
	.heading30px{ font-size:22px;}
	.heading36px{ font-size:24px;}
	.heading48px{ font-size:30px;}
	
	.hederRightCont{ position:absolute; width:100vw; right:-102vw; text-align:left; padding:10px ;  top:0; height:100vh;  margin:0px; top:0; background:rgba(5, 19, 30, 0.95) none repeat scroll 0 0; padding:40px 0;}
	.mainMenu { text-align:center; margin:0px;  width:100%; position:relative; float:left; margin-top:20px;}
	.mainMenu ul li{ float:none; display:table; margin:10px auto 0}
	.mainMenu ul li a{ font-size:13px;  display:inline-block;  float:none; line-height:28px; padding:0 0 0px 0;}
	.mainMenu ul li ul{ position:relative; background:none; padding:0px; top:auto; left:auto; transform:none; width:100%;  box-shadow:none; display:block; margin:4px 0 7px 0;}
	.mainMenu ul li ul:before{ display:none;}
	.mainMenu ul li ul li a, .mainMenu ul li.current-menu-item ul li a, .mainMenu ul li.submenu ul li a, .mainMenu ul li ul li.current-menu-item a{ background:none; border:none; color:#848c93; font-size:13px; padding:0 25px; line-height:36px;}
	.mainMenu ul li ul li, .mainMenu ul li.current-menu-item ul li, .mainMenu ul li.submenu ul li, .mainMenu ul li ul li.current-menu-item { float:none; margin:0px auto; display:table;}
	
	.mainMenu ul li ul li.current-menu-item a,.mainMenu ul li ul li a:hover{ background:none; color:#FB661E;}
	.menu-dorpdown::after{display:none;}
	.fixedHeader1 .mainMenu ul li ul li a,.fixedHeader1 .mainMenu ul li.current-menu-item ul li a,.fixedHeader1 .mainMenu ul li.submenu ul li a,.fixedHeader1 .mainMenu ul li ul li.current-menu-item a{ background:none;}
	.fixedHeader1 .mainMenu ul li ul li.current-menu-item a,.fixedHeader1 .mainMenu ul li ul li a:hover{ background:none;}

.fixedHeader1 .mainMenu ul li ul:before{ border-bottom:none;}
	
	
	.bodyAll,.mainMenu,.headerTop:before,.headerTop:after,.headerTop,.hederRightCont{transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease;}
	.navShowBody{}
	.navShowR{ transform:translateX(-100vw); -webkit-transform:translateX(-100vw); }
	.headerTopShow{ }
	
	.resMenu{ float:right;  width:30px; height:28px; background:#FB661E;border-radius:6px; -webkit-border-radius:6px; position:relative; margin:19px 0 ; cursor:pointer; z-index:2;}
	.resMenu span {
	background: #ffffff;
	height: 1px;
	width: 20px;
	display: block;
	opacity: 1;
	position: absolute;
	left: 5px;
	}
	
	.resMenu span:nth-child(2) {
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	}
	.resMenu span:nth-child(1) {
	top: 7px;transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	}
	.resMenu span:nth-child(3) {
	bottom: 7px;transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	}
	
	.navFixedR span:nth-child(2) {
	display: none;
	margin: 0px;
	}
	.navFixedR span:nth-child(1),.navFixedR span:nth-child(3) {
	position: absolute; 
	top: 50%;
	}
	.navFixedR span:nth-child(1)  {
	transform: translate(0, -50%) rotate(45deg);
	-webkit-transform: translate(0, -50%) rotate(45deg);
	}
	.navFixedR span:nth-child(3) {
	transform: translate(0, -50%) rotate(-45deg);
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	}
	
	
	.topSocial{ display:inline-block; float:none; margin:20px auto 0 auto;}
	.topSocial ul li a i{ font-size:20px;}
	.topSocial ul li a{ padding:0 6px;}
	.hederRightContRs{ position:relative; width:100%; height:100%; overflow:auto; text-align:center;}
	
	.callTodayLeft .titl{ font-size:15px;}
	.welcomHleftTop{ height:235px; width:calc(100% - 32px)}
	.welcomHleftBttm{ width:calc(50% - 15px); height:108px;}
	.welcomHleft{ height:310px;}
	.welcomHrightText{ height:130px;}
	.galleryHome .slick-arrow {
    background-size: 38px auto;
    font-size: 14px;
    padding: 0 3px 9px;
}

.h_garageDoors4{ padding:15px;}
.h_garageDoors4Ttl{ height:35px; margin-bottom:5px;margin-top:12px}
.h_garageDoors4Ttl h3{ font-size:14px;}
.h_garageDoors4Icon{ height:100px; width:100px; margin-bottom:10px}
.h_garageDoors4IconIn{ height:120px; width:120px;}
.h_garageDoors4Text{ height:66px; margin-bottom:12px;}
.h_garageDoors4_A a{ font-size:12px;}

.h_NewsSec{ height:230px;}

.h_localExperts3Add{ width:100%; margin:0px; float:left; position:relative; height:100%;}
.h_localExperts3{ margin:0px;}
.h_local3SecIn,.h_local3Sec,.h_local3Sec1,.h_local3Sec3,.h_local3Sec2,.h_local3Sec1Ac,.h_localExperts3left .h_local3Sec1,.h_localExperts3Right .h_local3Sec1,.h_local3Sec3Ac,.h_local3Sec2Ac
{-moz-transform: none;

-webkit-transform: none;

-o-transform: none;

-ms-transform:none;

transform:none; left:auto; top:auto; opacity:1; position:relative; right:auto; box-shadow:none;}
.h_localExperts3Add .slick-slider .slick-track{ height:auto;}
.h_localExperts3,.h_local3Sec{ height:auto;}

.h_local3SecIn_Ul{ text-align:center;}
.h_local3SecIn_Ul ul li{ padding-left:0px;}
.h_local3SecIn_Ul ul li::before{ position:static; vertical-align:0px; display:inline-block; margin-right:7px;}
.h_localExperts3Add .slick-dots {
	height: 63px;
}
.h_localExperts3Add .slick-dots li {
	display: inline-block;
	padding: 5px 7px;
	margin: 25px 0;
	cursor: pointer;
}
.h_localExperts3Add .slick-dots li button {
	width: 26px;
	height: 4px;
	background: #cccccc;
	border: none;
	font-size: 0px;
	float: left;
	cursor: pointer; border-radius:6px; -webkit-border-radius:6px;
}
.h_localExperts3Add .slick-dots li.slick-active button, .bannerSlider .slick-dots li:hover button {
	background: #FB661E;
}

/*who we are*/
.whoWe_pleftBtm img{ max-height:309px;}
.whoWe_pRight .welcomHrightText{ margin-bottom:0px;}
.whoWe_pRight .welcomHrightText p{ font-size:14px; line-height:22px;}
.whyChoose_p{ padding:60px 0px; min-height:inherit;}
.whyChoose_pBox3 p{ font-size:16px;}

/*our-clients*/
.ourClients{ padding:40px 0 20px 0;}
.clientsBrand_pBoxTop{ height:130px;}
.ourClientsBrand_p h2{ margin-bottom:30px;}
.ourClients_Right_p .welcomHrightText p{ font-size:16px;}
 
 
/* .testimonial*/
.testimonialM{ padding:40px 0 10px 0}
.testimonialArea{ min-height:inherit; float:left; width:100%;}
.testimonialBox{ transform: skewX(-7deg) skewY(0deg); -webkit-transform: skewX(-7deg) skewY(0deg); -moz-transform: skewX(-7deg) skewY(0deg); -o-transform: skewX(-7deg) skewY(0deg); -ms-transform: skewX(-7deg) skewY(0deg); margin-left:30px;    width: calc(100% - 10px); height:auto; margin-bottom:40px;}
.testimonialBoxIn {transform: skewX(7deg) skewY(0deg); -webkit-transform: skewX(7deg) skewY(0deg); -moz-transform: skewX(7deg) skewY(0deg); -o-transform: skewX(7deg) skewY(0deg); -ms-transform: skewX(7deg) skewY(0deg); height: auto; overflow: hidden;  padding: 17px 36px;}
.testimonialBoxTtl{ height:auto; line-height:normal}
.testimonialBoxCont{ margin:12px 0 15px 0;}
.testimonialBoxCont .mCSB_inside > .mCSB_container{ margin-right:18px !important;}

/*garage-doors*/
.garageDoorsRow{ margin-bottom:40px;}
.garageDoors_p{ padding:40px 0 0 0;}
.grgDrsRowLeft{ height:303px;}
.grgDrsRowLeftTop{ height:235px;}
.grgDrsRowLeftBttm{ right:10px;}
.grgDrsRowright a.cmnBtn{ margin-left:10px;}
.serviceToday{ text-align:center;}
.serviceTodayLeft{ width:100%; margin-bottom:30px;}
.serviceTodayRight{ width:100%;}


/*designer-garage-doors*/
.garageDoorsDtl_p{ padding:40px 0;}
.garageDoorsDtlCnt{ margin-top:30px;}

/*servicing-repairs*/
.sevicingReprRight{ padding:40px 0 0 0}
.sevicingReprText{ margin-top:20px;}
.serviceArea{ padding:40px 0;}
.serviceAreaMap{ margin-top:25px; height:380px;}

/*request-a-free-quote*/
.freeQuotePArea{ padding:40px 0;}
.freeQuotePArea{ width:100%;}
.freeQuoteBg{ max-height:95%; max-width:100%; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); right:auto; opacity:0.2}
.freeQuotePttl{ text-align:center;}

/*.locations_p*/
.locations_p{ padding:40px 0;}
.locationsTopIcon{ display:table; margin:0 auto 15px auto; }
.loc_NumberBoxText{ text-align:center; margin:0px;}
.loc_NumberBox{ width:27%;}
.location_pMapAdd{ margin-left:-20px;}
.location_pMapBox{width: calc(33.33% - 20px); margin-left:20px; margin-top:30px;}
.map_boxLocIn{ padding:16px 15px;}
.location_pMapBoxMap{ height:220px;}

/*contactMain*/
.contactMain{ padding:40px 0;}
.contactMain h2{ margin-bottom:14px;}
.contactLeft .contactFormArea{ margin-left:-8px;}
.contactLeft .contact_tFld{ width:calc(100% - 8px); margin-left:8px; margin-bottom:18px;}
.contactLeft .contact_tFldHalf{ width:calc(50% - 8px)}
.contactMap{ height:380px;}
.contactLeft .contact_SubCont{ margin-left:18px;}
div.wpcf7-mail-sent-ok{ width:calc(100% - 8px); margin-left:8px;}


/*blog*/
.ourBlog{ padding:40px 0;}
.ourBlogBox{ width:calc(100% - 10px)}
.ourBlogBoxImgCont{ height:273px;}
.ourBlogBoxImg{ height:230px;}

/*blog details*/
.blogDetailsBox .blogBoxTtl h4{ line-height:normal;}
.blogDetailsBox.ourBlogBox{ width:100%;}
.blogDetails .ourBlogLeft{ width: calc(100% - 297px);}
.blogDrsUlarw{ padding-left:0px; margin-bottom:10px;}
.blogDrsUlno{ padding-left:15px; margin-bottom:15px;}
.shareBlogIcon{ width:100%; float:left; max-width:none;}
.shareBlogIcon #s-share-buttons a{ float:left; margin:10px 14px 0 0 !important}
#s-share-buttons a::before{ font-size:14px;}
.rectntPstRow a{ height:auto;}
}

@media screen and (max-width:991px){
	/*.garageDoorsSecondBanner {
		display: none;
	}*/

	.form_title1 {
		width: auto;
	}

	.form_title1:after {
		margin-top: -77px;
	}
}

@media screen and (max-width:915px){
	.form_title1:after {
		display: none;
	}
}

@media screen and (max-width:820px){
	a.btn.download-tech {
		width: 25%;
	}

	.callTodayMain {
		height: auto!important;
	}

	.callTodayRightIn {
		-webkit-transform: translate(0,20%);
	}

	.callTodayRightIn .btn {
		margin-top: 0;
	}
}

@media screen and (max-width:767px){
	.heading18px{ font-size:12px;}
	.heading20px{ font-size:14px;}
	.heading24px{ font-size:16px;}
	.heading30px{ font-size:18px;}
	.heading36px{ font-size:20px;}
	.heading48px{ font-size:24px;}

	.cmnBtn{ line-height:36px; font-size:12px;}
	.cmnBtnIn span:after{ height:14px; width:14px; background-size:14px;}
	.cmnBtnIn{padding:0 20px; }
	.title1{ font-size:24px;}
	.title2{ font-size:13px;}
	
	.galleryHome .slick-list{ padding:0  65px !important;}
	.galleryHome .slick-arrow{ width: calc(65px - 2px); }
	
	.mainMenu ul li:hover a{ color:#ffffff; }
	,.mainMenu ul li:hover a:before{ width:0;}
	.mainMenu ul li.current-menu-item a{ color:#FB661E; }
	.mainMenu ul li.current-menu-item a:before{ width:100%;}
	
	.mainMenu ul li ul li a:hover{ color:#848c93;}
	.mainMenu ul li ul li.current-menu-item a{ color:#FB661E;}
	.mainMenu ul li:hover a::before{ width:0px;}
	

	.bannerSlider{ height:100vh;}
	.bannerContent,.bannerSlider .slick-arrow{ margin-top:45px;}
	.callTodayLeft{ width:100%; max-width:none; float:left; padding:15px 2%; height:auto; text-align:center; text-align:center;}
	.callTodayLeft .titl{ position:relative; top:auto; left:auto; text-align:center; transform:none;}
	.callTodayLeft:after{ display:none; }
	.callTodayLeftBg{ width:100%;}
	.callTodayRight{ width:100%; padding:15px 2%;}
	.callTodayRight:before{ display:none;}
	
	.welcomeSH{ text-align:center;}
	.welcomHleft{ width:100%;}
	.welcomHright{ width:100%; float:left; margin-top:30px;}
	
	.welcomHleftTop{width: calc(100% - 48px); margin-left:24px; height:260px;}
	.welcomHleftBttm{ right:20px; height:138px;}
	.welcomHrightText{ height:auto;}
	
	.h_garageDoorsIn{ text-align:center;}
	.h_garageDoors4{ display:inline-block; float:none; vertical-align:top;  width: calc(50% - 15px); margin-bottom:20px;}
	
	.h_NewsCAreaAdd{ text-align:center; margin-left:-12px}
	.h_NewsSec{ float:none; display:inline-block;  width: calc(50% - 14px); margin-left:12px; margin-bottom:12px; height:250px;}
	
	.contact_hFrmArea{ width:100%; padding:50px 40px;}
	.footerSec{ width:100%; margin:0 0 40px 0; padding:0px; text-align:center;}
	.footerSecAdd{ margin:0px;}
	.main_footer{ padding:40px 0 0 0;}
	.footer_in h2{ margin-bottom:20px;}
	.footer_in h2::before{ left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0);}
	.footerSec::before{ display:none;}
	.footerSec2 img{ float:none; display:inline-block;}
	.followBtm ul li{ float:none; display:inline-block; margin:0 5px;}
	.footerSec1 ul li a{ padding-left:0; font-size:13px;}
	.footerSec1 ul li a:before{ display:inline-block; position:static; vertical-align:1px; margin-right:5px;}
	.contact_h{ padding:40px 0;}
	
	.innerbanner{ height:340px;}
	
	
/*who we are*/
.welcomHleft.whoWe_pLeft{ margin-bottom:80px;}
.whyChoose_pBox3Crcl{ width:96px; height:96px; margin-bottom:20px;}
.whyChoose_pBox3Crcl img{ max-height:50px; max-height:35px;}
.whyChoose_pBox3Top{ width:30px; height:30px;}
.whyChoose_pBox3Top img{ max-width:14px; max-height:11px;}
.whyChoose_pBox3 p{ font-size:14px;}
.whyChoose_pIn_a{ margin-top:10px;}
.whyChoose_pIn .ttlWhy{ margin-bottom:40px;}

.footerSec3 a img{ width:100px; height:100px;}

/*.ourClients*/
.ourClientsTop_p{ text-align:center;}
.ourClientsBrand_p{ margin-top:60px;}
.clientsBrand_pAdd{ margin-left:-20px; text-align:center;}
.clientsBrand_pBox{ margin-left:20px; width:calc(50% - 23px); float:none; display:inline-block; vertical-align:top;}


/*garage-doors*/
.grgDrsRowLeft{ width:100%; margin-bottom:30px;}
.grgDrsRowLeftTop{ height:275px; margin-left:30px;}
.grgDrsRowright{ width:100%; text-align:center;}
.grgDrsRowrightList ul li{ padding-left:0px;}
.grgDrsRowrightList ul li::before{ position:static; vertical-align:-2px; display:inline-block; margin-right:7px;}
.grgDrsRowrightText{ margin-left:15px;}
.grgDrsRowrightList{ margin-bottom:10px;}

.grgDrsRowrightText{ margin-left:0px;}
.garageDoorsDtlCnt{ padding:20px; text-align:center;}
.galleryimg-box{ height:196px;}
#cboxClose{ right:0px;}

/*product detail*/
.single-products .garageDoorsDtlCnt {
	text-align: left;
}

/*servicing-repairs*/
.sevicingReprIn{ z-index:auto;}
.sevicingReprRight{ width:100%; position:relative; z-index:2; padding:40px 0;}
.sevicingReprLeft{ width:100%;}
.sevicingReprLeft img{ left:50%; right:auto; transform:translate(-50%,0); -webkit-transform:translate(-50%,0)}
.sevicingRepr:after{ position:absolute; top:0px; left:0px; width:100%; height:100%; content:""; background:#fff; opacity:0.84; z-index:1;}
.sevicingRepr{ text-align:center;}
.serviceAreaMap{ height:280px ;}
.contact_SubCont{ margin-left:28px;}
.contact_tSub{ width:150px; font-size:14px;}

/*.locations_p*/
.location_pMapAdd{ text-align:center; margin-left:-12px}
.location_pMapBox{ width: calc(50% - 15px); margin-left:12px; float:none; display:inline-block; vertical-align:top;}
.loc_NumberBox{ margin:30px 0 0 0; width:48%; padding:0 10px}
.locationsTopIcon{ width:124px; height:124px;}
.map_boxLocIn{ text-align:left;}


/*contact*/
.contactLeft .contact_SubCont{ margin-left:18px;}
.contactLeft{ width:100%; margin-bottom:40px;}
.contactRight{ width:100%;}
.contactLeft .contact_tFld textarea{ height:200px;}
.contactMap{ height:250px;}
.content-column.one_half { padding-right: 0; }
.page-template-contact-us .clear_column { display:none; }
.contactMain form input[type=submit] { margin-top:20px; }

/*blog*/
	.ourBlogLeft{ width:100%; margin-bottom:35px;}
	.blogRight{ width:100%; float:left;}
	.ourBlogBoxImgCont{ height:320px;}
	.ourBlogBoxImg{ height:278px;}
	.blogBoxTtl{ height:auto;}
	.blogBoxTtl h4{ line-height:normal;}
	
	/*blog details*/
.blogDetailsBox .blogBoxTtl h4{ line-height:normal;}
.blogDetailsBox .ourBlogBox{ width:100%;}
.blogDetails .ourBlogLeft{ width: 100%;}
.contact_hFrmArea .ttlArea_c p{ font-size:12px; line-height:normal}


.footer_logonewIn:nth-child(2n + 1){ padding-right:6px; text-align:right; width:40%;}
.footer_logonew{ display:inline-block; float:left; width:100%;flex-wrap: initial;}
.footer_logonewIn:nth-child(2n + 2){ padding-left:6px; text-align:left;width:40%;}

	.innerbanner {
		height: auto;
	}

	.callTodayMain {
		margin-top: 0;
	}
	
	.form_title1{
	width: 100%;
    max-width: none;
    float: left;
    padding: 15px 2%;
    height: auto;
    text-align: center;
    text-align: center;
	}
	
	.form_title1:after{
		display:none;
	}

	.form_title1 br {
		display: none;
	}

	/* About Us */
	.page-template-about-us .all_sec_main .row.about-us {
		display: block;
	}

	.page-template-about-us .all_sec_main .col.about-us-desc {
		margin-top: 20px;
	}

	/* Service */
	.page-template-service .all_sec_main .row.service {
		display: block;
	}

	.page-template-service .all_sec_main .col.service-desc {
		margin-top: 20px;
		text-align: left;
	}

	.page-template-service .all_sec_main .col.service-desc p {
		padding-bottom: 10px;
	}

	.page-template-service .all_sec_main .col.service-desc ul {
		margin-bottom: 20px;
	}
}
	@media screen and (max-width:720px){
		a.btn.download-tech {
			width: 30%;
			bottom: -20%;
		}
	}
	@media screen and (max-width:604px){
		a.btn.download-tech {
			width: 34%;
			bottom: -17%;
		}

		a.btn.download-tech img {
			width: 35px;
		}
	}

	@media screen and (max-width:480px){
		a.btn.download-tech {
			width: auto;
			padding: 5px 10px;
		}

		a.btn.download-tech p {
			display: none;
		}

		.innerbanner {
			float: none;
		}

		.bannerContent {
			margin-top: 0;
		}

		.callTodayMain {
			margin-top: 0!important;
		}

		.callTodayRight {
			width: 100%!important;
		}

		.callTodayRightBg {
			height: 100%!important;
		}

		.callTodayRightIn {
			-webkit-transform: none;
		}
	}
	
	@media screen and (max-width:479px){
		
	.heading18px{ font-size:10px;}
	.heading20px{ font-size:12px;}
	.heading24px{ font-size:14px;}
	.heading30px{ font-size:16px;}
	.heading36px{ font-size:18px;}
	.heading48px{ font-size:22px;}
		
		.form-row-half{ width:100%;}
		.contact_hFrmArea{ padding:30px 20px;}
		.form-label{ font-size:14px;}
		
		.localExTtltext p{ font-size:12px;}
		.h_localExperts{ padding:50px 0 30px 0;}
		.h_local3SecIn{ padding:30px}
		.h_NewsSec{width:calc(100% - 14px)}
		.gallerySecOver h3{ font-size:16px;}
		.contact_hFrmArea .ttlArea_c p{ font-size:12px; line-height:normal}
		.welcomHleftTop{ height:190px;}
		.welcomHleftBttm{ height:100px;}
		.welcomHleftCntr{ height:120px; width:120px; margin-left:20px;}
		.welcomHleft{ height:250px;}
		.welcomHleftCntr img{ max-height:80px; max-width:80px;}
		.h_garageDoors4{ width: calc(100% - 15px);}
		.h_garageDoorsIn{ margin-bottom:20px;}
		
		.galleryHome .slick-list{ padding:0  55px !important;}
		.callTodayLeft .titl{ font-size:13px;}
		.callTodayRight{ height:auto;}
		.callTodayRightIn{ transform:none; top:auto; text-align:center;}
		.callTodayRight ul li{ text-align:center; width:100%;}
		.callTodayRight ul li::before{ display:none;}
		.callTodayRight ul li p{ height:auto;}
		
		.bannerContent{ width:72%;}
		.title1{ font-size:18px;}
		.title2{ font-size:10px;}
		
		/*who we are*/
		.whoWe_pleftBtm img{ max-height:240px;}
		.whyChoose_pBox3{ width: calc(100% - 30px); margin-bottom:40px;}
		.whoWe_pleftCntr{ bottom:-50px;}
		.welcomHleft.whoWe_pLeft{ margin-bottom:50px;}
		/*.ourClients*/
		.clientsBrand_pBox{ margin-left:20px; width:calc(100% - 20px); float:left; }
		
		/*garage-doors*/
		.grgDrsRowLeft{ height:213px;}
		.grgDrsRowLeftTop{ height:185px;}
		.grgDrsRowLeftBttm{ height:78px; width:108px;}
		.grgDrsRowLeftBttm img{ max-height:50px;}
		.serviceTodayCall a{ font-size:16px; margin-left:13px; padding-left:14px;}
		
		.freeQuote_tFld,.contact_tFldHalf{width: calc(100% - 18px);}
		.freeQuoteFrm .additionalComments{ height:130px;}
		.freeQuote_tFld .contact_tFld{ width:100%; margin:0px;}
		
	/*.locations_p*/
	.location_pMapAdd{ text-align:center; margin-left:0; float:left; width:100%;}
	.location_pMapBox{ width: 100%; margin-left:0; float: left; }
	.loc_NumberBox{ margin:30px 0 0 0; width:100%; padding:0 10px}
	.locationsTopIcon{ width:124px; height:124px;}
	.map_boxLocIn{ text-align:left;}
	
	/*contact*/
	.contactLeft .contactFormArea{ margin-left:-8px;}
	.contactLeft .contact_tFld{ width:calc(100% - 8px); margin-left:8px; }
	.contactLeft .contact_tFldHalf{ width:calc(100% - 8px)}
	.contactRightRow{ padding:16px 15px;}
	.contactMain h2{ text-align:center;}
	
	/*blog*/
	.ourBlogBoxImgCont{ height:232px;}
	.ourBlogBox{ padding:11px;}
	.ourBlogBoxImg{ height:188px;}
	.ourBlogBoxDate .date{ line-height:22px; font-size:17px;}
	.ourBlogBoxDate{ height:76px; width:76px;}
	.ourBlogBoxDateArea{ padding:0 10px;}
	.rectntPstRow a{ height:auto; line-height:normal;}
	.rectntPstRow{ font-size:13px; margin-bottom:6px; padding-bottom:6px;line-height:normal}
	
	
		}