@media(max-width:1540px){
}

@media(max-width:1460px){
}

@media(max-width:1320px){
}

@media(min-width:1261px){

}
@media(max-width:1260px){
.nav-outer {padding-left:14px; padding-right:14px;}	
.color-swatches li {width: 27%;}

/*.nav-outer.home-menu {padding-left: 14px;padding-right: 14px;}*/
}

@media(max-width:1199px){
.top-bar-section li:not(.has-form) a:not(.button) {font-size: 15px;}
.header {min-height: 510px;}

a.request-quote-top {padding:11px 23px 9px; font-size: 14px;}

.top-bar-section ul {margin-left: 0px;float: right;position: relative;}
.nav-outer {padding-top: 40px;}


.header h1 {font-size:40px;line-height: 40px;}
.slide-content {margin-bottom:26%; margin-top:12%;}

.get-quote-btn {padding: 12px 0 11px;width: 176px;font-family:'ProximaNovaSemibold';font-size: 16px;}

.service-box h3 {font-size: 17px;}

.work-box-content p {max-width: 100%;}
.offer-box {margin-top: 10%; padding: 35px 40px 10px;}
.header-outer.header-outer-inner .header .slide-content {
	/*margin-bottom:0;*/ margin-top:6%;
}
.header-outer.header-outer-inner {
	background-size: 85%;
}
.form-bottom select {width: 19%;}
.car-box a {padding: 14px 30px;}
.header-outer-inner .header h1 {
	margin: 58px 0 0;
}


.tabs dd > a:hover, .tabs .tab-title > a:hover {background-color:#fff;} 
.car-bg.car-inner img {
	right: 21px;
}

.basic-form-top p {
	font-size: 13px;
	font-weight:bold;
	font-family: 'Poppins', sans-serif;
	
}

.page-template-template-getoffer .nav-outer {
	height: auto;
}
.wizard > .steps {
	/*margin-top: 110px;*/
}
/*.footer-top .large-6.columns {
	width: 50%;
} */
.home .slide-content {
	margin-top: 9%; width: 56%;
}


}

@media(max-width:1023px){
.featured-section ul li {margin: 0 18px;}
.joinus-right .get-quote-btn {width: 176px;}
}

@media(min-width:992px){
.top-bar{height:50px;}    
.nav-outer {height: 110px;/*position: absolute;left:*/ 0;right: 0;z-index: 1; /*background:#bfe6f4;*/}   
ul.dropdown {padding-top:13px !important;}
ul.dropdown li {margin: 0px; background: #0d2240;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background: #00b0f0; padding:8px 12px; font-size: 15px;}
ul.dropdown li.active:not(.has-form) a:not(.button){ padding:6px 12px; color: #fff;}
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {background: #000;  color: #fff;}
.dropdown li.active:not(.has-form) a:hover:not(.button) {background: #7a222f; color: #fff;}

.top-bar-section .has-dropdown > a:after {border-color: rgba(127, 44, 54, 0);}
.top-bar-section .has-dropdown > a {padding-right: 0 !important;}
 
/*.nav-outer.home-menu {
	position: relative;
	background: transparent;
	padding: 34px 14px 20px;
	height: 94px;
} */

}

@media(max-width:991px){
.top-bar-section ul {margin-right: 0;}	
.top-bar {height:2.6rem;}
.phoneno {top: 0;}    
.top-bar .toggle-topbar.menu-icon {margin-top: -22px; z-index: 1; margin-right: 14px;}    
.top-bar .toggle-topbar.menu-icon a span::after {right: 5px;}    
.top-bar-section{margin-top:6px;}    
.top-bar .title-area .custom-logo {
	margin-top: 0;
}
.top-bar-section ul li {margin-left: 0; margin-bottom:12px;}    
.nav-outer {padding:20px 0 18px 14px;background: transparent;}
.phoneno {top: 2px; margin-right: 65px;}      
.top-bar-section ul li {margin-top:0;}
.top-bar-section li.active:not(.has-form) a:not(.button){padding-left: 0;}    
.top-bar-section li:not(.has-form) a:not(.button) {padding-left: 0;}
.top-bar-section .has-dropdown > a:after{right: 14px;}    
.top-bar-section ul {padding: 0 0 17px;}
.top-bar-section ul {margin-top: 3px;}
 
.slide-content {margin-top:7%;margin-bottom:0;} 
.header h1 {font-size: 31px;}
    
.service-box-content {left: 0;width: 94%;top: 7%;margin: 0 auto;right: 0;}  

.work-box h3 {font-size: 19px;}
.estimate-form select {width: 22%;} 
.offer-box {padding: 25px 26px 0px;width: 58%;} 
.tabs {top: 30px;right: 20px;}
.header {padding-bottom: 180px;}
.offer-box {margin-top: 14%; width: 52%;}

.header-outer .slick-list {z-index: 1;}
.aout-content {margin: 70px auto 0;}

.car-inner {bottom: -64px;}
.header-outer.header-outer-inner .header {
	/*min-height: 295px;*/ margin-bottom:0;
	padding-bottom: 0;
}
.car-bg.car-inner img {
	top: -219px;
	width: 420px;
	right: 21px;
}

.btn-next {
	width: 100%;
	clear: both;
	text-align: left;
	margin-top: 30px;
	float: left;
	margin-bottom: 20px;
}
.form-bottom .next {
	margin-left: 0;
}
.form-bottom select {
	width: 23.1%;
}
.form-bottom select {
	font-size: 14px;
	padding-left: 9px;
}
.color-swatches li {width: 26%;}
.swatchcolor {
	margin-left: 0;
}
.color-name {font-size: 16px;margin-left:10px;} 
.step-form.basic-form .large-8.medium-8.columns {padding-right: 20px;}  
.car-box a {
	padding: 14px 10px;
	font-size: 13px;
}
.steps p {font-size: 18px;}
.steps-bg {padding: 60px 0;}
.next-back .btn-next {
	float: none;
	display: inline;
}
.conditionform .radioboxmain {
	width: 150px;
}

.header h1 {margin-top: 19px;}

.header-outer-inner .header h1 {
	margin: 4px 0 0;
}
.featurecheckboxmain span {
	font-size: 15px;
}

.page-template-template-getoffer .nav-outer {height: auto; /*padding: 30px 0 19px 14px;*/}
.wizard > .steps {margin-top: 0px;}

.offer-popup-outer.more-popup-outer .offer-popup.more-popup {width: 700px;}

.home .slide-content {
	margin-top: 14%;
	width: 48%;
}
.home .slide-content h1 {
	font-size: 36px;
}
.home .slide-content p {
	font-size: 20px;
}
}

@media(max-width:767px){
.top-bar {height:2.5rem;}

.services-section .columns {width: 100%;}
.services-top {margin: 0 auto 46px;}
.service-box {margin-bottom: 30px;}
.services-section {padding: 40px 0 50px;}
.service-box img {margin-bottom: 16px;}

.estimate-form {padding: 37px 0 54px;}
.estimate-form h2 {font-size: 25px;margin-bottom:28px;}
.work-section {padding: 56px 0 40px;}
.work-top {margin: 0 auto 40px;}
.work-box {margin-bottom: 30px;}

.slide-content {width: 100%;}
.offer-box {
	margin-top: 30px;
	width: 100%;
}
.car-wth img {
	width: 96%;
}
.car-wth {
	top: -100px;
}
.header {
	padding-bottom: 140px;
}
.car-wth {
	top: -133px;
}
.about-top h1 {font-size: 42px;}
.about-top h2 {font-size: 26px;margin: -4px 0 18px;}
.aout-content {
	min-height: 880px;
}
.car-bg.car-inner img {
	top:-276px;
	width:529px;
}
.header-outer.header-outer-inner .header {
	min-height: auto; padding-bottom:330px; 
}
.car-bg.car-inner {
	text-align: center;
}
.header-outer.header-outer-inner {
	background-size:cover;
}
.car-bg.car-inner img {	left:0; right:0; margin:0 auto;}

.form-bottom select {
	width: 47.7%;
	margin-bottom: 13px;
}
.btn-next {
	margin-top: 20px;
}
.form-top .form-left {
	width: 372px;
}
.form-top .form-right {
	float: left;
	margin-left: 15px;
}
.tab-content-outer .tabs {
	top: -49px;
	right: 48px;
}
.reveal-modal.encoreform {
	padding: 50px 0;
	width: 90%;
	left: 0;
	right: 0;
	min-height: auto;
	margin: 0 auto;
}
.reveal-modal.encoreform h4 {
	margin-bottom: 26px;
}
.step-form.basic-form .large-8.medium-8.columns {
	padding-right: 14px;
	width: 100%;
}
.step-form.basic-form .large-4.medium-4.columns {
	width: 100%;
	margin-top: 30px;
}
.car-box a {
	padding: 14px 20px;
	font-size: 16px;
}
.step-form {
	padding: 50px 0 0;
}
.step-form.basic-form .steps ul li a {	padding: 0;	margin: 0; }
.step-form.basic-form .steps ul::before {	top: 35px;}
.step-form.basic-form .steps ul {	padding: 0 14px;}
.step-form.basic-form .steps ul li a {	font-size: 14px;}.steps {	padding: 60px 0;}.conditionformbox input {	width: 100%;	margin-right: 0;	margin-top: 11px;	margin-bottom: 0;}
.step-form.basic-form .wizard > .steps .number {
	font-size: 29px;
} 

.wizard > .steps {
	padding: 30px 0;
}
.header-outer .row.banner-box {position: relative;}
.home .header-outer {
	background:none;
}
.header-outer .row.banner-box .offer-box {
	padding: 25px 0 0px;
	margin-top: 0;
}
.header {
	min-height: inherit;
	padding:8% 0;
}
.offer-popup-outer.more-popup-outer .offer-popup.more-popup {
	width: 98%;
}

.home .slide-content {
	margin-top: -34%;
	width: 100%;
	text-align: center;
	max-width: 100%;
}
.home .slide-content h1 {font-size: 50px;}
.home .slide-content p {font-size: 24px;}

.header-outer.header-outer-inner .header .slide-content {
	margin-bottom: 0;
	margin-top: 0;
}

.home .header {
	min-height: inherit;
	padding: 25% 0;
}

}

@media(max-width:640px){
	.basic-form-mid .large-6.medium-6.columns {
	width: 50%;
}
.feature-section .large-6.columns {
	width: 50%;
}
.premium-features .large-6.columns {
	width: 50%;
}
.footer-top .footer-link ul{ text-align: center; }
.footer-right{ text-align: center; }
.footer-right .btn-foot{ margin-top: 0; }
}

@media(max-width:639px){

.nav-outer {padding:15px 0 6px 14px;}      
    
.top-bar {height:2.9rem;}    
.top-bar-section li.active:not(.has-form) a:not(.button) {padding: 3px 0;}    
.top-bar-section li:not(.has-form) a:not(.button) {padding:0 0;}   
 

.header h1 {font-size: 23px;line-height: 31px; margin-bottom:15px;}
.slide-content {max-width: 90%;}
.slide-content p {font-size: 14px;}

.get-quote-btn {width: 139px; margin-top:14px;} 
    
.services-section h2 {font-size: 36px;}

.work-section h1 {font-size: 36px;}
.footer-bottom {padding: 20px 0 20px;}
.car-wth {top: -100px;}
.about-top h1 {font-size: 34px;}
.about-top h2 {font-size: 21px;margin: 0px 0 15px;}
.about-top {padding:44px 14px 24px;}
.about-bottom h3 br {
	display: none;
}
.about-top h2 br {
	display: none;
}

.car-bg.car-inner img {
	width:400px;
	top:-208px;
}

.header-outer.header-outer-inner .header {
	padding-bottom: 240px;
}

.form-top .form-left {
	width: 256px;
}
.form-bottom select {
	width: 48%;
	margin-bottom: 13px;
	margin-left: 1%;
	margin-right: 1%;
}

.tab-content-outer .tabs {
	top: 20px;
	right: 0;
	position: relative;
	/*width: 205px;*/
	display: inline-block;
}

.offer-form-inner {
	padding: 50px 0;
}
.form-bottom {
	margin-top: 0;
}
.reveal-modal.encoreform h4 {
	margin-top: 26px;
}
.steps-circle {
	font-size: 20px;
	width: 58px;
	height: 58px;
	padding-top: 11px;
}
.steps p {
	font-size: 14px;
}
.wizard .steps .number {	font-size: 20px;	width: 58px;	height: 58px;	padding-top: 11px;}.step-form.basic-form .steps ul li a {	font-size: 14px;}.step-form.basic-form .steps ul::before {	top: 28px;}

.step-form.basic-form .wizard > .steps .number {
	font-size: 20px;
}
.footer-top img {
	width: 160px;
}
.footer-top .footer-link {
	margin-top: 0;
}
.offer-popup-outer.more-popup-outer h3 {
	padding: 14px 10px;
	font-size: 16px;
}
.home .slide-content h1 {
	font-size: 40px;
}
.home .slide-content {
	margin-top: -38%;
}
.home .slide-content p {
	font-size: 22px;
}
}

@media only screen and (min-width:481px) and (max-width:639px){
}

@media(max-width:479px){
.header h1 {font-size: 24px;line-height: 30px;}

.slide-content {width:100%; max-width:100%;}
.header h1 {font-size: 22px;line-height: 28px;}
.get-quote-btn {font-size: 13px;padding: 9px 17px 8px; width: 129px;}
.slide-content p {line-height: 22px;}

.all-case-btn {margin-top: 35px;}
.work-section h1 {font-size: 30px;}

.hide-mob-ph{display:none;}
   
 .title-area img {
	width: 200px;
}   
.estimate-form h2 {
	font-size: 23px;
}
.estimate-form select {
	width: 45%;
	margin-bottom: 14px;
}
.get-estimate-btn .get-estimate {
	margin-top: 16px;
}
.tabs dd > a, .tabs .tab-title > a {
	padding:0.6rem 0.8rem;
}
.offer-box {
	padding: 25px 16px 0px;
}
.tabs {
	right: 14px;
}
.offer-box p {
	font-size: 17px;
	line-height: 27px;
	font-weight: 500;
	color: #03363d;
	width: 140px;
}
.offer-popup-box p {
	width: 100%;
	font-size:13px;
}
.offer-popup {
	width: 260px;
}
.offer-popup-box h4 {
	font-size: 16px;
}
.car-wth {
	top: -50px;
}
.header {
	padding-bottom: 90px;
}
.aout-content {
	margin: 32px auto 0;
}
.about-top h2 {
	font-size: 18px;
}
.about-top h1 {
	font-size: 24px;
}
.about-bottom h3 {
	font-size: 20px;
}

.car-bg.car-inner img {
	width: 290px;
	top: -151px;
	max-width:none;
}
.header-outer.header-outer-inner .header {
	padding-bottom:160px;
}
.offer-form-inner h2 {
	font-size: 18px;
}
.form-bottom select {
	margin-left: 0;
	margin-right: 0;
	width:100%;
}
.form-top .form-left {
	width: 100%;
}
.form-top .form-right {
	margin-left: 0;
	margin-bottom: 14px;
}
.reveal-modal.encoreform h2 {
	font-size: 25px;
	padding-top: 20px;
}
.reveal-modal.encoreform h3 {
	font-size: 18px;
	padding-top: 22px;
}
.encoreform-btn {
	width: 112px;
	height: 57px;
}
.steps-circle {
	font-size: 18px;
	width: 48px;
	height: 48px;
	padding-top: 8px;
}
.steps {
	width: 100%;
	margin-top:0;
}
.steps p {
	margin-top: 14px;
}
.steps-bg {
	padding:24px 0 40px;
}
.steps-outer:before{
-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.steps-outer:before {
display:none;
}
.color-swatches li {
	width: 50%;
}
.basic-form-bottom .radioboxtab {
	width: 290px;
}
.basic-form-mid .large-6.medium-6.columns {
	width: 100%;
	margin-bottom: 21px;
}
.step-form h3 {
	margin: 0 0 20px;
}
.basic-form-bottom {
	margin-top: 20px;
}
.feature-section .large-6.columns {
	width: 100%;
}
.premium-features .large-6.columns {
	width: 100%;
}
.next-back .btn-back {
	padding: 17px 46px;
}
.next-back .btn-next {
	padding: 17px 46px;
}

.radioboxmain span {
	color: #03363d;
	font-size: 12px;
}
.conditionform .radioboxmain {
	width: 96px;
}
.conditionform .radioboxmain span.labeltext {
	top: 19px;
}
.step-form.basic-form .steps ul:before {display: none;}.wizard > .steps > ul > li {width: 100%;margin-top: 20px}.wizard .steps .number {	font-size: 18px;	width: 48px;	height: 48px;	padding-top: 8px;	margin: 0 auto 15px;}.steps {	padding: 24px 0 40px;}
.form-top .offer-popup-outer {
	margin-top: 149px;
}
.wizard > .actions > ul a {
	padding: 17px 28px;
}
.wizard > .actions > ul a:hover {
padding: 17px 28px;
}
.step-form h2 {
	font-size: 28px;
}
.basic-form-bottom .radioboxtab {
	width: 100%;
}
.step-form.basic-form .steps ul li a {
	font-size: 17px;
}  

.offer-box p {width: 100%; margin-bottom:10px;}
.tabs{
	right: 0;
	position: relative;
	top: 0;
	/*width: 180px;*/
	display: inline-block;
}
.tab-content-outer .tabs {
	/*width:180px;*/ display: inline-block;
}
.tabs a {
	padding-left: 26px !important;
	padding-right: 27px !important;
}
.form-top .offer-popup-outer {
	margin-top: 189px;
}
.step-form.basic-form .wizard > .steps .number {
	font-size: 17px;
}
.footer-top .footer-link ul li a {
	font-size: 15px;
}
.footer-top {
	padding: 40px 0 0;
}
.offer-popup-outer.more-popup-outer h3 {
	font-size: 15px;
}
.close-icon.close-more-icon {
	right: 12px;
}
.offer-popup-box.more-popup-box {
	padding: 8px 18px 25px;
}
.offer-popup-outer.more-popup-outer .open-popup.open-more-popup {
	padding: 12px 38px;
}
.home .slide-content h1 { line-height: 30px;
	font-size: 28px;
}
.home .slide-content p {
	font-size: 20px;
}
}