body.out nav .navbar-toggle{
	background-color: #297ecb;
}

/*All Devices with Responsive Nav*/
@media (min-width: 320px) and (max-width: 736px) {
#header-top{
position: relative;
font-size: 10px;	
}
.archive.category article, .archive.category article p{
font-size:14px;	
}
#header-top .right ul li:last-child{
	padding-left: 0px;
}
#header-top .right ul{
margin-top: 5px;
margin-bottom: 5px;	
}
#header-top .left{
margin-top:5px;	
}
.navbar{
margin-top: 0px;	
background-color: rgba(33, 31, 32, .9);
}
.navbar-brand{
width: 50%;
display: table;
margin:0px !important;
float: right;
padding-bottom: 5px;
padding-top: 5px;	
}
.navbar-default{
position: relative;	
}
.home-feat p{
padding: 0px 0px;
font-size: 12px;
font-weight: 600;	
}
.home-feat h1{
font-size: 18px;
display: table;
margin: 10px auto 5px;
border-bottom: 1px solid #fff;
padding: 0px;
padding-bottom: 5px;	
}
.carousel-caption{
right: 5%;
left: 5%;
bottom: 10%;	
}
.carousel-indicators{
bottom: -10px;	
}
.navbar-brand img{
width: 70%;
float: right;
margin-top: 10px;	
}
.home-mission{
min-height: 100px;
padding-top: 50px;	
}
#our-services .content .brush-line{
width: auto;
text-align: center;
display: table;
}
#our-services .content .brush-line .left{
	width: 108px;
}
#our-services .content p{
	font-size: 14px;
}
#our-services .content{
	padding-bottom: 50px;
	}
	#services-container li{
width: 50%;
margin: 0px;
	}
	#services-container ul li h3{
padding: 0px;
margin: 30px auto 10px;
font-size: 10px;
font-weight: 700;	
	}
	#services-container ul li .con-over p{
	font-size: 10px;	
	}
	#services-container ul li .con-over img{
		max-width: 40px;
margin-top: 10px;
	}
	#services-container ul li:hover .con-over p{
	-moz-transform: translateX(0px) translateY(10px);
-webkit-transform: translateX(0px) translateY(10px);
-o-transform: translateX(0px) translateY(10px);
-ms-transform: translateX(0px) translateY(10px);
transform: translateX(0px) translateY(10px);	
	}
	
	.maintenance-section h3{
	font-size: 14px;	
	}
	
.maintenance-section h2{
font-size: 20px;		
}
	.maintenance-section{
		padding-top: 50px;
padding-bottom: 50px;
	}
	
.maintenance-section a{
	font-size: 14px;
}

.home-bottom a img{
display:none;	
}

#footer-top .foot-logo img{
	width: 50%;
display: table;
float: none;
margin: 0 auto;
}


#footer-top .contact p{
margin-left: auto;
margin-right: auto;	
}

#footer-bottom p{
margin-bottom:0px;	
}
#footer-bottom .right{
margin-top: 5px;	
}

.navbar-nav .dropdown-menu>li>a{
font-size: 14px;
padding: 3px 15px 3px 25px;	
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
color:#fff;	
}

.page-titles{
background-size: cover;
min-height: 100px;
padding-top: 25px;
padding-bottom: 25px;
background-repeat: no-repeat;
}
.page-titles h1{
font-size: 20px;	
}

.about-ind{
width: 100%;
margin: 0px auto 30px; 	
}
.about-ind h2{
bottom: 34px;
letter-spacing: 1px;
font-size: 18px;	
}

.about-ind h4{
bottom: 14px;
font-weight: 400;
font-size: 14px;
letter-spacing:1px; 
}

.about-ind img.envelope{
bottom: 30px;
width: 40px;	
}

.page-template-page-services .page-content article .row div img{
	width: 90%;
position: relative;
left: auto;
top: auto;
display: table;
margin: 20px auto 0px;
}
.page-template-page-services .page-content article>.row div+div{
	padding-top: 20px;
padding-bottom: 40px;
font-size: 14px;
}

.con-btm .brush-line{
width: 100%;
height: auto;
float: none;
margin: auto;	
}

.con-btm .brush-line .left{
width: 0px;
height: 0px;
background-color: transparent;
margin-top: 15px;
float: none;	
}
.con-btm .brush-line .center{
	width: 62px;
height: auto;
float: none;
margin-left: auto;
margin-right: auto;
display: table;
}
.con-btm .form-control{
	margin-bottom: 15px;
}

.page-template-contact .form-group .col-sm-6{
	margin-bottom:20px;
}
.page-template-contact .form-group .col-sm-6+.col-sm-6{
	margin-bottom:0px;
}
.page-template.page-template-page-about .brush-line, .page-template.page-template-page-projects .brush-line{
	width: 100%;
}
.page-template.page-template-page-about .brush-line .left, .page-template.page-template-page-projects .brush-line .left{
	width: 90px;
}

.archive.category header h2.no-top{
margin-top: 15px;
font-size: 24px;
font-weight:400;	
}

.archive.category article p{
font-size: 16px; 	
}


}

/*PHONES*/
@media (max-width: 480px) {
	
}





/*iPhone 6*/
@media (min-width: 375px) and (max-width: 479px) {
	.about-ind{
width: 80%;
margin: 0px auto 30px; 	
}
	
}



/*iPhone 6 Landscape*/
@media (min-width: 666px) and (max-width: 668px) {
.carousel-caption{
bottom: 30%;	
}	
#header-top .right ul li{
padding-right: 10px;
padding-left: 10px;
margin-left: 5px;
}
.navbar-brand img{
	width: 50%;
float: right;
margin-top: 0px;
}	

body.off-canvas-nav-left nav .navbar-toggle{
	margin-top: 28px;
}
.about-ind{
width: 60% !important;
margin: 0px auto 30px; 	
}	
}




/*TABLET PORTRAIT*/
@media (min-width: 481px) and (max-width: 767px) {
	
	
}


/*iPhone 5 Landscape*/
@media (min-width: 567px) and (max-width: 569px) {
.carousel-caption{
bottom: 30%;	
}	
#header-top .right ul li{
padding-right: 10px;
padding-left: 10px;
margin-left: 5px;
}
.navbar-brand img{
	width: 50%;
float: right;
margin-top: 0px;
}	

body.off-canvas-nav-left nav .navbar-toggle{
	margin-top: 25px;
}
.page-titles h1{
	font-size: 28px;
}
.about-ind{
width: 60%;
margin: 0px auto 30px; 	
}	
}



/*iPhone 6 Plus */
@media (min-width: 666px) and (max-width: 668px) {
	
.about-ind{
width: 80%;
margin: 0px auto 30px; 	
}	

.about-ind h2{
bottom: 38px;
letter-spacing: 2px;
font-size: 30px;
}

.about-ind h4{
	font-size: 16px;
	}
	
	.page-template.page-template-page-about .brush-line, .page-template.page-template-page-projects .brush-line{
		width: 45%;
display: table;
margin: 0 auto;
float: none;
	}
	
}


/*iPhone 6 Plus Landscape*/
@media (min-width: 735px) and (max-width: 737px) {
#services-container li{
	    float: left;
    display: inline-block;
    width: 25%;
    overflow: hidden;
    margin: 0px;	
	}	
	#services-container ul li h3{
	margin: 25px auto 10px;
font-size: 18px;	
	}
	#services-container ul li .con-over img{
	max-width: 60px;
margin-top: 10px;	
	}	
	
	.carousel-caption{
bottom: 30%;	
}

#header-top .right ul li{
padding-right: 10px;
padding-left: 10px;
margin-left: 5px;
}
.navbar-brand img{
	width: 50%;
float: right;
margin-top: 0px;
}

.home-feat h1{
font-size: 32px;	
}
.home-feat p{
padding: 0px 0px;
font-size: 18px;	
}

.maintenance-section{
	padding-top: 30px;
padding-bottom: 30px;
}

.page-titles h1{
	font-size: 28px;
}

.about-ind{
width: 50%;
margin: 0px auto 30px; 	
}	

.about-ind h2{
bottom: 38px;
letter-spacing: 2px;
font-size: 30px;
}

.about-ind h4{
	font-size: 16px;
	}
	
	.page-template.page-template-page-about .brush-line, .page-template.page-template-page-projects .brush-line{
		width: 45%;
display: table;
margin: 0 auto;
float: none;
	}
	
}


/*TABLET Portrait*/
@media (min-width: 768px) and (max-width: 1023px) {
#services-container li{
	    float: left;
    display: inline-block;
    width: 25%;
    overflow: hidden;
    margin: 0px;	
	}	
	#services-container ul li h3{
margin: 20px auto 10px;
font-size: 14px;
padding: 5px 5px;
	}
	#services-container ul li .con-over img{
max-width: 50px;
margin-top: 10px;	
	}	
	#services-container ul li .con-over p{
	font-size:12px;	
	}
	.navbar-header{
	width: 30%;	
	}
	.navbar-brand{
		width: 50%;
margin: 10px 0px 0px !important;
padding-bottom: 0;
	}
	.navbar-right{
	margin: 20px 0px 0px;	
	}
	.carousel-caption{
	right: 0%;
left: 0%;
bottom: 5%;	
	}
	.home-feat h1{
		font-size: 38px;
margin: 0px auto 20px;
	}
	
		.page-template-page-services .page-content article .row div+div{
font-size: 12px;
padding-top: 35px;
padding-bottom: 50px;
	}
	
			.page-template-page-services .page-content article .row div+div.col-sm-5{
	width:50%;
	}
	
		.page-template-page-services .page-content article .row div+div h3{
font-size: 16px;
	}
	
	.page-template-page-services .page-content article .row div img{
width: 95%;
position: relative;
top: auto !important;
margin-top: 50px;
left: 0 !important;
margin-bottom:40px;
	}

/*	.page-template-page-services .page-content article#post_70 .row div img, .page-template-page-services .page-content article#post_67 .row div img, .page-template-page-services .page-content article#post_58 .row div img, .page-template-page-services .page-content article .row div img{
		left: 20px;
top: 50px;
	}*/
	
	.page-template-page-services .page-content article#post_51 .row div img, .page-template-page-services .page-content article#post_58 .row div img{
		margin-top: 80px;
	}
	
	.page-titles{
padding-top: 140px;
padding-bottom: 20px; 
min-height: 100px;
	}
	.page-titles h1{
		font-size: 26px;
	}	
	
	
	.page-id-74 article .pad-50.top-pad{
	padding-top:0px;
	padding-bottom:0px;	
	}
	.page-template-page-services.page-id-74 .page-content article .row div+div{
	padding-bottom: 20px;	
	}
	
	#footer-top .foot-logo{
margin: auto;
float: none;
width: 130px;
position: absolute;
left: 32%;
margin-left: -75px;
top: 6px;
	}
	
		#footer-top .foot-logo+.foot-logo{
top: 78px;
	}
	
	#our-services .content .brush-line{
		width: 600px;
	}
	#our-services .content .brush-line .left{
		width: 250px;
	}
	#our-services .content h1{
		font-size: 34px;
	}
	
.about-ind{
width: 90%;
margin: 30px auto; 
}
	
	.about-ind h4{
bottom: 10px;
font-size: 12px;
left: 15px;
letter-spacing: 1px;
	}
	
	.about-ind h2{
bottom: 28px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 2px;
font-size: 18px;
left: 15px;
	}
	
	.about-ind img.envelope{
bottom: 20px;
right: 18px;
	}
	
	
	.home-bottom img{
left: 5%;
top: 65px;
width: 250px;	
	}

	.row.img-row{
	padding-top: 15px;
padding-bottom: 15px;	
	}
	
	.page-template-page-projects .page-content .row.pad-25{
	padding-top: 0px;
padding-bottom: 0px;	
	}
	.project-int h4{
margin-top: 28px;
font-size: 10px;
margin-bottom: 5px;
	}
	
		.project-int p{
font-size: 10px;	
	}
	.row.img-row .project-int.short h4{
	font-size: 16px;		
	}
	
	.project-int.short h4{
margin-top: 12px;
font-size: 12px;
	}
	
	
	.project-int.short{
		height: 60px;
margin-bottom: 5px;
	}
	
	.archive.category article, .archive.category article p{
font-size:14px;	
}
		
}


/*That weird break point between landscape tablet and desktop*/
@media (min-width: 1024px) and (max-width: 1200px) {
	#services-container li{
	    float: left;
    display: inline-block;
    width: 25%;
    overflow: hidden;
    margin: 0px;	
	}
	#services-container ul li h3{
	margin: 25px auto 10px;
font-size: 18px;	
	}
	#services-container ul li .con-over img{
	max-width: 60px;
margin-top: 10px;	
	}
	.navbar-brand{
	width: 180px;	
	}
	.carousel-caption{
bottom: 12%;
	}
	
	#footer-top .foot-logo{
		width: 200px;
	}
	
	.home-feat p{
		padding: 0px 30px;
font-size: 22px;
	}
	
	.page-template-page-services .page-content article .row div+div{
		padding-top: 40px;
		font-size: 14px;
	}
	
	
	.navbar-default .navbar-nav > li > a{
		font-size: 16px;
		padding-left: 18px;
padding-right: 18px;
	}
	
	
	.page-template-page-services .page-content article .row div img{
		width: 90%;
position: relative;
top: auto !important;
margin-top: 60px;
left: 0 !important;
	}
	
		.page-template-page-services .page-content article .row div+div h3{
	font-size: 20px;	
	}
	
	
	.page-template-page-services .page-content article#post_70 .row div img, .page-template-page-services .page-content article#post_67 .row div img, .page-template-page-services .page-content article#post_58 .row div img, .page-template-page-services .page-content article .row div img{
		left: 20px;
top: 50px;
	}
	
	.page-titles{
	padding-top: 160px;
padding-bottom: 20px;	
	}
	.page-titles h1{
		font-size: 30px;
	}
	
	.page-id-74 article .pad-50.top-pad{
	padding-top:0px;
	padding-bottom:0px;	
	}
	.page-template-page-services.page-id-74 .page-content article .row div+div{
	padding-bottom: 20px;	
	}
	
	.about-ind{
		width: 80%;
	}
	.about-ind h4{
bottom: 10px;
font-size: 14px;
letter-spacing: 1px;
left: 20px;
	}
	
	.about-ind h2{
bottom: 30px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 2px;
font-size: 24px;
left: 20px;
	}
	
	.about-ind img.envelope{
bottom: 28px;
	}
	
	
	.row.img-row{
	padding-top: 15px;
padding-bottom: 15px;	
	}
	
	.page-template-page-projects .page-content .row.pad-25{
	padding-top: 0px;
padding-bottom: 0px;	
	}
	.project-int h4{
	margin-top: 20px;
font-size: 14px;	
	}
	
.archive.category header h2.no-top{
font-size: 24px;
}	

.archive.category header h5{
font-size: 10px
}	

.archive.category article, .archive.category article p{
font-size:14px;	
}

}

@media (min-width: 1200px) and (max-width: 1328px) {
#services-container li{
    float: left;
    display: inline-block;
    width: 25%;
    overflow: hidden;
    margin: 0px;
}	
	
}

@media (min-width: 1201px) and (max-width: 1500px) {
.page-template-page-services .page-content article>.row div+div{
padding-top: 20px;
padding-bottom: 40px;
font-size: 14px;
}	
	
}