/*-----------------------------------------------------------------------------------*
/* = General
/*-----------------------------------------------------------------------------------*/
img{ max-width: 100%; }
#masternav select { display: none; width: 100% !important; }
#masternav .selector { display: none; margin-top: 5px; }
/*-----------------------------------------------------------------------------------*
/* = Tablet
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.container, .line, .header-container, .request-service-container, .footer, .wrapper, #masterhead, #award-bar, .post  { width: 100%; }
	
.slider {
	background: url("../images/sky.jpg") bottom center repeat-x;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
}
	
.one-fourth, .one-fourth-last { 
	width: 46.5%; 
	float: left; 
}

.side .textwidget2 {
	width: 33.333333%;
	float: left;
	padding: 0 40px 0 0;
	margin: 0;
}
	
.two-third, .news, .one-third, .footer .one-third, .footer .two-third, .interior-container, .side { 
	width: 100%; 
}

.interior-container, .container, .side {
	padding: 0 20px;
	margin: 0;
}

.footer .one-third {
	text-align: center;
}

.footer ul {
	padding: 0 50px 0 0;
}

.map, .pdf {
	padding: 5px 0 10px 0;
}

.four-locations { width: 21%; }
.request-service-container2 { width: 90%; }
.request-service-container { width: 200px; }
	
.request-service-container2 a {
		font-size: 12px;
		padding: 7px 25px;
		margin: 0 2px;
}

.right-side { width: 250px; }

a.facebook, a.linkedin, a.google {
	float: right;
	padding: 10px 0 0 10px;
	margin: 0;
}


#logo { padding: 0; }
	
header nav select.selectnav {
	display: block;
	margin-top: 0px;
	width: 100%;
	height: 100%;
	color: #000;
}
	
#award-bar, .pxs_navigation {
	display: none; 
}

ul#mainMenu, .award-bg { display: none; }
.pxs_container { height: 233px; }
.content-bg { width: 15%; }

#masternav { 
	width: 20%; 
	box-sizing: border-box; 
	-moz-border-radius: 5x;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
}
	#masternav .selector option{ background:#eee; -webkit-appearance:none; padding: 5px; }
	#masternav .selector, 
	#masternav .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased; }
	#masternav .selector, 
	#masternav .selector *{ margin:0; padding:0; }
	#masternav .selector select{ top:0px; left:0px; }
	#masternav .selector{ width: 100%; font-size:14px; font-weight: 600; }
	#masternav .selector span:before { float: right; margin-right: 20px; content: "\f0c9"; font-family: 'FontAwesome'; }
	#masternav .selector span{ cursor:pointer; }
	#masternav .selector{ height: 30px; line-height: 30px; display: block; width: 100%; }
	#masternav .selector select:focus{outline:0; }
	#masternav .selector{ position:relative;  padding-left:10px;  overflow:hidden; }
	#masternav .selector span{ display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
	#masternav .selector select{ position:absolute;  height:35px;  background:none;  width:97%; font-family: 'Oswald', sans-serif; font-size:12px;  font-weight:300; text-transform: uppercase; border:0 !important; }
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav ul { display: none; }
	#masternav{ padding: 0; height: 40px; line-height: 45px; float: none; padding: 0 5px; margin: 0; background: none; color: #fff; top:30px; right: 300px; cursor: pointer; }
}
/*-----------------------------------------------------------------------------------*
/* = Mobile Portrait
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	#masternav { 
	width: 30%; 
	box-sizing: border-box; 
	-moz-border-radius: 5x;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
	}
	#masternav .selector option{ background:#eee; -webkit-appearance:none; padding: 5px; }
	#masternav .selector, 
	#masternav .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased; }
	#masternav .selector, 
	#masternav .selector *{ margin:0; padding:0; }
	#masternav .selector select{ top:0px; left:0px; }
	#masternav .selector{ width: 100%; font-size:14px; font-weight: 600; }
	#masternav .selector span:before { float: right; margin-right: 20px; content: "\f0c9"; font-family: 'FontAwesome'; }
	#masternav .selector span{ cursor:pointer; }
	#masternav .selector{ height: 30px; line-height: 30px; display: block; width: 100%; }
	#masternav .selector select:focus{outline:0; }
	#masternav .selector{ position:relative;  padding-left:10px;  overflow:hidden; }
	#masternav .selector span{ display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
	#masternav .selector select{ position:absolute;  background:none;  width:97%; font-family: 'Oswald', sans-serif; font-size:12px;  font-weight:300; text-transform: uppercase; border:0 !important; }
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav ul { display: none; }
	#masternav{ padding: 0; height: 40px; line-height: 45px; float: left; padding: 0 5px; margin: 0; background: none; color: #fff; top: 120px; cursor: pointer; left: 10px; }
	
	.container, .line, .header-container, .request-service-container, .wrapper, .news, .one-fourth, .one-fourth-last, #masterhead, .side, .large3, .tiny3, .post, .interior-container, .footer .one-third { width: 100%; margin: 0 auto; float: none; clear: both; }
	
	.two-third, .one-third, .half  { width: 100%; }
	.interior-container { padding: 0; }
	.side { margin: 0px 0 0 0; }
	.post { margin: 0 0 10px 0; }
	
.right-side { 
	margin: 38px 10px 0 0; 
	width: 200px; 
	clear: both; 
	padding: 0; 
}

a.facebook, a.linkedin, a.google {
	float: right;
	padding: 10px 10px 0 0px;
	margin: 0;
}
	

.side .textwidget2 {
	width: 100%;
	float: none;
}

.large2 ul, .large3 ul { 
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
}

.sub-location img {
	width: 130px;
	height: 125px;
	float: left;
	margin: 15px 5px 15px 0;
}

.map, .pdf { padding: 5px 0 10px 0; }

.footer ul { width: 100%; margin: 25px auto 25px auto; float: none; }
.footer ul li { float: none; text-align: center; }

.one-third { 
	margin: 0 0 25px 0; 
	padding: 0; 
}
	
.two-third img { float: none; }

.request-service-container h3 {
	display: none;
}

.request-service-container2 { 
	width: 100%;
	background: #ec5b1a;
	padding: 8px 0; 
}
	
.request-service-container { 
	width: 100%; 
	margin: 0 0 -30px 0;
}

.request-service-container2 a {
	font-size: 12px;
	padding: 5px 12px;
	margin: 3px;
}

.request-service-container2 a.home {
	font-size: 12px;
	padding: 5px 20px;
	margin: 3px;
}
	
.social-media { margin: 55px 0 0 0; width: 15%; float: right; }

header nav select.selectnav {
	display: block;
	margin: 0;
	padding: 0;
	width: 70%;
	height: 100%;
	float: left;
	color: #000;
}
#masterhead { background: none; padding: 20px 0 0 0; margin: 0 0 52px 0; height: 180px; }

#logo { margin: 0 auto; float: none; padding: 0; }

.header-container { padding: 30px 0 0 0; }

.request-service { top: 204px; }

.one-fourth, .one-fourth-last { margin: 15px auto; }
.top-bg { width: 100%; }

.request-service { top: 326px; }

.content-bg { width: 5%; }
.half { margin: 0; padding: 0; }
.copyright { text-align: center; margin: 0 0 -20px 0; }
.footer { padding: 50px 0 0 0; margin: 0 auto; width: 90%; }
.tiny, .large { width: 100%; margin: 20px 0; }
.tiny img { margin: 0 auto; }
	
.slider {
	background: url("../images/sky.jpg") bottom center repeat-x;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
}

.four-locations {
	width: 40%;
	float: left;
	margin: 0 12px 25px 12px;
	padding: 0;
	text-align: center;
}

a.orange-btn { 
	float: none; 
	padding: 8px 25px; 
	margin: 0 0 8px 0; 
	clear: both; 
	line-height: 45px;
}

.four-locations h2 { text-align: center; }
		
#award-bar, .award-bg { display: none; }

ul.pxs_slider,.pxs_navigation { 
	display: none;
}

.mobile-header {
	background: url("../images/mobile-header2.jpg") top center no-repeat;
	height: 327px;
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 9999;
}

.tiny2 {
	width: 100%;
}

.large2 {
	width: 100%;
}

.promotion { display: none; }

ul.abr li a { padding: 0 8px 0 0; }

.contact-fourth, .contact-half, .contact-third, .custom-select, input#normal4, select#normal4, input.normal4 {
	float: left;
	width: 100%;
}

:-moz-any(.custom-select):before {
	right: 0px;
}

.contact-fifth {
	float: left;
	width: 50%;
}

.affiliates h1 {
	text-align: center;
}

.side .textwidget2 {
	width: 100%;
	float: none;
}

p {
	line-height: 18px;
	font-size: 12px;
	margin: 0 0 15px 0;
}

.affiliates img {
	margin: 0 auto;
	float: none;
}

input#normal, select#normal, input#normal4, select#normal4, input#normal2, select#normal2, input#dark, select#dark, input#dark4, select#dark4, .dark  {
	width: 100%;
}

.tiny3 img:nth-child(even), .tiny3 img {
	width: 48%;
	height: 48%;
	float: left;
}

#cha-contact-info:nth-child(2n) {
    float: right;
    line-height: 18px;
    margin: -120px 20px 20px 0;
    padding: 0;
    text-align: right;
}

#cha-contact-info {
    float: right;
    line-height: 18px;
    margin: -166px 20px 20px 0;
    padding: 0;
    text-align: right;
}

#contact-info {
    margin: -100px 20px 0 0;
}

#houston-contact-info {
	margin: -180px 20px 0 0;
}
.ical { margin: 0 0 -18px 0; }

}
/*-----------------------------------------------------------------------------------*
/* = Mobile Landscape
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#masternav { 
	width: 20%; 
	box-sizing: border-box; 
	-moz-border-radius: 5x;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
	}
	#masternav .selector option{ background:#eee; -webkit-appearance:none; padding: 5px; }
	#masternav .selector, 
	#masternav .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased; }
	#masternav .selector, 
	#masternav .selector *{ margin:0; padding:0; }
	#masternav .selector select{ top:0px; left:0px; }
	#masternav .selector{ width: 100%; font-size:14px; font-weight: 600; }
	#masternav .selector span:before { float: right; margin-right: 20px; content: "\f0c9"; font-family: 'FontAwesome'; }
	#masternav .selector span{ cursor:pointer; }
	#masternav .selector{ height: 30px; line-height: 30px; display: block; width: 100%; }
	#masternav .selector select:focus{outline:0; }
	#masternav .selector{ position:relative;  padding-left:10px;  overflow:hidden; }
	#masternav .selector span{ display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
	#masternav .selector select{ position:absolute;  height:35px;  background:none;  width:97%; font-family: 'Oswald', sans-serif; font-size:12px;  font-weight:300; text-transform: uppercase; border:0 !important; }
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav ul { display: none; }
	#masternav{ padding: 0; height: 40px; line-height: 45px; float: left; padding: 0 5px; margin: 0; background: none; color: #fff; top: 125px; left: 10px; cursor: pointer; }
	.container, .line, .header-container, .request-service-container, .wrapper, .right-side, .news, .large3, .tiny3,  { width: 95%; padding: 15px 0;}
	
.one-fourth, .one-fourth-last {
	width: 50%;
	padding: 10px 0 0 0;
	margin: 0;
	float: left;
	clear: none;
}

p {
	line-height: 18px;
	font-size: 12px;
	margin: 0 0 15px 0;
}

.two-third, .one-third, .half { width: 100%; }

.footer ul { width: 170px; margin: 0 auto 25px auto; }
.two-third img { float: none; }
.request-service-container h3 { font-size: 12px; line-height: 15px; padding: 0 15px 0 0; margin: 5px 0 0 0; }

.side .textwidget2, .post, .interior-container, .request-service-container2 {
	width: 100%;
	float: none;
}

.post {
	margin: 0 0 10px 0;
}


ul.abr li a { padding: 0 10px 0 0; }

.request-service-container { 
	width: 100px; 
	float: left; 
}

.request-service-container2 a {
	font-size: 12px;
	padding: 8px 35px;
	margin: 0 5px 0 0;
}

.request-service-container2 a.home {
	font-size: 12px;
	padding: 5px 35px;
	margin: 3px;
}

a.facebook, a.linkedin, a.google {
	float: right;
	padding: 10px 25px 0 0;
	margin: 0;
}
	
.right-side { 
	margin: 45px auto 0 auto; 
	padding: 0; 
	float: none;
	clear: both;
	width: 100%;
}

.four-locations {
	width: 40%;
	float: left;
	margin: 0 0 25px 25px;
	padding: 0;
	text-align: center;
}

.four-locations h2 { text-align: center; }
	
header nav select.selectnav {
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
	float: left;
	margin: 40px 0 10px 0;
}

#logo { 
	margin: 0 auto; 
	float: none; 
	clear: both;
}

	.header-container { padding: 30px 0 0 0; }
	.social-media { margin: 60px 0 0 0; width: 25%; float: right; }
		
	.content-bg { width: 10%; }
	
	.request-service { display: none; }
	
	.wrapper { margin: 0 auto; }
	.half { margin: 0; padding: 0; }
	.copyright { text-align: center; margin: 0 0 -20px 0; }
	.footer { padding: 50px 0 0 0; margin: 30px auto 0 auto; width: 420px; }
	.tiny, .large { width: 100%; margin: 0 0 40px 0; }
	.tiny img { margin: 0 auto; }
	.slider {
	background: url("../images/sky.jpg") bottom center repeat-x;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	}
	
	.request-service { top: 509px; }
	
.contact-fourth, .contact-half, .contact-third, .custom-select {
	float: left;
	width: 100%;

}

.contact-fifth {
	
	float: left;
	
	width: 25%;
	
}

input#normal, select#normal, input#normal4, select#normal4, input#normal2, select#normal2, input#dark, select#dark, input#dark4, select#dark4, .dark  {
	width: 100%;
}
}

@media only screen and (max-width: 480px) {
}