/*All Devices with Responsive Nav*/
@media (min-width: 320px) and (max-width: 736px) {
.logo{
position: absolute;
top: 0;
width: auto;
display: table;
	}
	
	.home-con{
		
	display:none;	
	}
	.carousel-control{
	display:none;	
	}
	
	.above-nav p, .above-nav ul{
text-align: center;
font-size: 10px;
	}
	
.main-nav .logo img{
    width: 50%;
margin-left: 5px;
}

ul.nav{
	margin: 25px 0px 0px;
	float: none;
}

ul.dropdown-menu{
	width: 100%;
}

.nav>li{
	display: block;
}

.nav>li>a{
	padding: 0px 0px 5px;
}

.main-nav{
padding-top: 0px;
padding-bottom: 40px;
}

.carousel-caption p{
margin-bottom: 5px;	
}
.carousel-caption .btn-default.btn-inv{
padding: 5px 15px;
font-size: 10px;
}
#hamburger{
top: 20px;
}

.main-nav .col-sm-9{
width: 100%;	
color:rgba(240, 240, 240, 1);
}
.navbar-toggle{
padding: 15px 10px;
margin-top: 0px; 
margin-bottom: 0px;
z-index: 99999;
top:-10px;
}
.navbar-toggle .icon-bar{
width: 28px;
height: 3px;	
}
.navbar-default .navbar-toggle .icon-bar{
background-color: #000;
}
	.navbar-toggle .icon-bar+.icon-bar{
		margin-top: 6px;
	}
	
	.navbar-collapse.lower-navbar{
    background-color: rgba(240, 240, 240, 1);
    text-align: center;
    margin-top: 33px;
    padding-bottom: 25px;
	}
	.navbar-header .col-sm-9{
	  background-color: rgba(240, 240, 240, 1);	
	}
	
	ul.nav.navbar-nav{
	/*margin: 10px 0px 10px;*/
	margin: 10px auto 10px;
	float: none;
	padding-top: 10%;	
	}
	
.above-nav .row .col-sm-6:first-of-type{
	display:none;
}

.about.home-check .row.check-list .col-sm-6:first-of-type, .about.home-check .row.check-list .col-sm-6 {
    padding-left: 15px;
}

.slogan-yellow {
    text-align: center;
}

.slogan-yellow form {
    margin-top: -12px;
    float: none;
}
	
.interior-header h1{
    font-size: 26px;
    margin: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
}

.slogan-yellow h2 {
    font-weight: 700;
    font-size: 24px;
}
.slogan-yellow span {
    font-size: 35px;
}

.foot-copy, .foot-copy .text-right{
text-align: center !important;	
font-size:12px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
color: #333;
}
ul.dropdown-menu{
text-align:center;	
}

.footer{
padding: 30px 0px;
font-size:12px;
}
.footer img{	
margin-bottom: 15px;
}

.page-bg h1{
padding-bottom: 5px;
font-size: 26px;
margin-top: 5px;
margin-bottom: 0px;	
}

.carousel-caption.capRight, .carousel-caption{
right: 5%;
left: 5%;
top: 15%;
width: 90%;
text-align: center;
} 
	
	.carousel-caption h1{
font-size: 16px;
margin-bottom: 5px;
	}
	.carousel-caption p{
			font-size: 12px;	
	}
	.carousel-indicators{
	display:none;
	}
	
	
	.footer li{
margin: 0px 0px 0px !important;
font-size: 10px;
margin: 0px 0px 0px !important;
font-weight: 400;
	}
	
	.footer{
	text-align: center;	
	}
	.footer h4{
		margin-left: auto;
margin-right: auto;
	}
.home-con span.wpcf7-not-valid-tip{
	font-size: 10px;
color: #fff;
position: absolute;
top: -56px;
left: 60px;
width: 100px;
}

.home-con .wpcf7-form invalid{
position: relative ;	
}
.home-con div.wpcf7-validation-errors{
	border: 2px solid #bbb;
font-size: 10px;
color: #fff;
width: 50%;
position: absolute;
bottom: 0px;
right: -10px;
text-align: center
}
.carousel-caption h1{
	font-size: 16px !important;
margin-top: 0px !important;
}

.carousel.slide p.lead{
	font-size: 12px !important;
}

.slogan-yellow h4{
	font-size: 14px;
line-height: 1.3;
}

.slogan-yellow.pad-50{
	padding-top: 20px;
padding-bottom: 20px;
}

.line-after, .line-after-left{
	margin-bottom: 50px;
}
.inner-wrap.roof-1::before, .inner-wrap.chimney-2::before, .inner-wrap.gutter-3::before, .inner-wrap.masonry-4::before, .inner-wrap.siding-5::before, .inner-wrap.deck-6::before{
display:none;	
}
.about .inner-wrap{
	padding-left: 0px;
margin-bottom: 20px;
text-align: center;
font-size: 12px;
line-height: 1.4;
min-height: 120px;
}
.about .inner-wrap a{
display:block;	
}
.about h3{
	font-size: 16px;
}
.home-gallery .gal-wrap{
	width: 50%;
}
.gal-cap{
	top: 20%;
}

.blog-feed article {
margin-bottom:20px;	
}

.blog-feed{
display:none;
}
#carousel-example-generic2 .carousel-caption{
	left: 5%;
right: 5%;
width: 90%;
}

aside.sidebar{
display:none;	
}
.about img{
	width: 100px;
}

.about .btn{
font-size: 10px;
padding: 10px 20px 8px;	
}
.market-home .marketLeft::before{
display:none;	
}
.market-home .marketRight::before{
display:none;	
}
.market-home{
text-align:center;	
}
.market-home .line-after-left::after{
	margin: -20px auto;
}

.home-feat-top::before{
	background-image:none;
	display:none;
	width: 0px;
}
.home-feat-top{
	background-size: cover;
	padding-top: 25px;
	text-align: center;
    background-position: -320px center;

}
.home-feat-top .line-after-left::after{
	margin: -20px auto;
}
.slogan-yellow.home-alert::before{
	left: 0;
bottom: 0px;
width: 100%;
height: 150px;
}
.top-zip{
	margin: 112px 0px 10px;
    padding: 25px;
	width:100%;
}


.top-zip input {
    width: 70%;
}

.top-zip h2{
	    margin-bottom: 10px;
    font-size: 22px;
}

table, table tbody td{
    width: 100%;
	    display: block;
}
table tbody td:nth-of-type(2){
	    display: none;
}


.slogan-yellow.home-alert .col-sm-7{
margin-bottom: 50px;	
}

.interior{
	background-position: center;
	    padding-top: 106px;
    padding-bottom: 73px;
}

}

/*iPhone 5 Portrait*/
@media (min-width: 319px) and (max-width: 321px) {
	
}



/*iPhone 5 Landscape*/
@media (min-width: 566px) and (max-width: 569px) {

.footer img{
width: 20%; 	
}	
.main-nav .logo img{
width: 40%;
margin-left: 5px;	
}	
}



/*iPhone 6 Portrait*/
@media (min-width: 374px) and (max-width: 376px) {
.carousel-caption h1{
	font-size: 16px !important;
margin-top: 0px !important;
}

.carousel.slide p.lead{
	font-size: 12px !important;
}
	
}





@media (min-width: 481px) and (max-width: 767px) {
	
	
}


/*iPhone 6 Landscape*/
@media (min-width: 666px) and (max-width: 668px) {

.footer img{
width: 20%; 	
}	
.main-nav .logo img{
width: 40%;
margin-left: 5px;	
}	
}



/*iPhone 6 Plus Portrait */
@media (min-width: 413px) and (max-width: 415px) {
	
	
	
	
}


/*iPhone 6 Plus Landscape*/
@media (min-width: 735px) and (max-width: 737px) {
.logo{
width: 50%;	
}

.footer img{
width: 20%; 	
}
.main-nav .logo img{
width: 40%;
margin-left: 5px;	
}	
}


/*TABLET Portrait*/
@media (min-width: 768px) and (max-width: 1023px) {
	.home-feat-top{
	background-position: center;
	min-height: 350px;
padding-top:50px;
}
.interior{
		background-position: center;
}
.nav>li>a{
padding: 10px 6px;
font-size: 10px;
}


.logo img{
width: 120px;
margin: 20px auto 0;
display: table;
float: none;
}
.featured{
min-height: 400px;	
}

.gal-cap{top: 10px;}

.about h3{
font-size: 14px;	
}
.home .about .col-sm-4{
	width:50%;
}
.about .inner-wrap{padding-left: 60px;}
nav.navbar .col-sm-10{
width:100%;	
}
.footer .col-sm-3.col-sm-offset-1{margin-left: 0px;
margin-right: 30px;}
.carousel-caption .btn-default{padding: 10px 30px;
font-size: 12px;}
.apply-bar p{
	padding-left: 10px;
padding-right: 10px;
}
.slogan-yellow.home-con{
display:none;	
}
#carousel-example-generic2 p.lead{
	font-size: 12px;
} 

.featured h1{
font-size: 30px;	
}
.featured p{
font-size: 20px;	
}
.home-cap{
	transform: scale(0.5);
-webkit-transform: scale(0.5);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
margin-top: 10px;
margin-bottom: -10px;
}


.foot-copy, .foot-copy .text-right{
text-align: center !important;	
font-size:10px;
}	
.logo{
width:100%;
/*position: absolute;*/
left: 0px;
top: -25px;	
}


.contact-bar .col-md-4{
	padding-top: 5px;
padding-bottom: 0px;
margin-bottom: 10px;
}
.apply-bar h2{
	font-size: 22px;

}

.dropdown-menu>li>a{
font-size: 12px;  	
}
.footer li{
	font-size: 12px;
}
.carousel-caption, .carousel-caption.capRight{
bottom: 25%;
width: 80%;
left: 10%;
right: 10%;
top: 15%;	
}

.about .col-sm-7.pull-right.featured-text{
width:100%;	
}
ul.nav.navbar-nav{
	margin: 5px 0px 0px;
}	

nav .col-sm-9{

}
.slogan-yellow.home-alert::before{
	left: 56%;
}
.market-home.pad-75{
	padding-top: 50px;
padding-bottom: 50px;
}
.market-home .marketLeft::before{
	top: -85px;
}
.market-home .marketRight::before{
		top: -75px;
}
.home-feat-top::before{
display:none;
}

.top-zip {
    width: 100%;
}

.slogan-yellow form {
    margin-top: 0px;
    float: right;
}

table {
    width: 100%;
}

.slogan-yellow span {
    font-size: 40px;
}

.about.home-check .row.check-list .col-sm-6:first-of-type {
    padding-left: 107px;
}

.home-con span.wpcf7-not-valid-tip{
	font-size: 10px;
color: #fff;
position: absolute;
top: -56px;
left: 50px;
width: 100px;
}

.carousel.slide h1{
	font-size: 20px;
}

.carousel.slide p.lead, .home-con h4{
	font-size: 14px;
}

.home-con label{
	font-size: 10px;
}

.home-con .form-control{
	border: 1px solid #565656;
border-radius: 0px;
height: 20px;
padding: 5px;
margin: 0 auto 0px;
}

.home-con div.wpcf7-validation-errors{
	border: 2px solid #bbb;
font-size: 10px;
color: #fff;
width: 40%;
position: absolute;
bottom: 50px;
right: 0px;
text-align: center;
}
.home-con .btn-default{
padding: 5px 20px;
font-size: 10px;
}

.above-nav{font-size: 10px;}
.inner-wrap.roof-1::before, .inner-wrap.chimney-2::before, .inner-wrap.gutter-3::before, .inner-wrap.masonry-4::before, .inner-wrap.siding-5::before, .inner-wrap.deck-6::before{
	width: 15%;
}
aside.sidebar #carousel-example-generic2 p.lead{
	font-size: 10px;
}
.interior h1{
	font-size: 26px;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
}


/*Tablet Landscape*/
@media (min-width: 1024px) and (max-width: 1200px) {
ul.nav.navbar-nav{
margin: 0px 0px 0px;
}
.nav>li>a{
font-size: 14px;
padding: 20px 15px;
}

.foot-copy{
font-size: 12px;	
}



.y-box{
font-size: 16px;	
}
.y-box i{
margin-right: 10px;	
}
.home-feat-top::before{

}

.interior {
    background-color: #eee;
    padding-top: 75px;
    padding-bottom: 66px;
}

.home-feat-top{
	background-position: center;
}
.interior{
		background-position: center;
}
ul.nav.navbar-nav{
margin: 0 auto ;
display: table !important;
float:right !important;
}
.main-nav{
padding-bottom: 0 !important; 
}
.logo{
width: 80%;
margin-top: 0px;
margin-bottom: 10px;
}
.call-today h2{
	margin-top: 15px;
font-size: 18px;
}

.interior h1{
font-size: 26px;	
}


.carousel-caption p{
	font-size: 16px;

}

.
.home-con h4{
		font-size: 16px;
}

.above-nav p{
	font-size: 10px;
}
ul.nav.navbar-nav{
margin: 20px 0px 0px;
}

.home-con span.wpcf7-not-valid-tip{
	font-size: 10px;
color: #fff;
position: absolute;
top: 5px;
left: 60px;
width: 100px;
}
.carousel.slide h1{
	font-size: 30px;
}
.carousel.slide p.lead{
	font-size: 14px;
}
.slogan-yellow h4{
	font-size: 12px;
}
.slogan-yellow.pad-50{
	padding-top: 20px;
padding-bottom: 20px;
}
.g-recaptcha.wpcf7-recaptcha{
	transform: scale(0.44);
-webkit-transform: scale(0.44);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
.slogan-yellow.home-con form.wpcf7-form .btn-default{
	font-size: 12px;
}
.slogan-yellow.home-con h2{
	font-size: 30px;
}
aside.sidebar #carousel-example-generic2 p.lead{
	font-size: 10px;
}
}