@media screen and (max-width:1058px) { #tt-boxed-layout {width:96%;}
	#tt-boxed-layout .center-wrap, #tt-boxed-layout #main-wrap {width: 94%;}
	#tt-boxed-layout .banner-slider .center-wrap {width: 97%;}	
     
	 header nav {  margin: 0 0 0 -28px; width: 106%;}
     header nav ul li a { padding: 14px 5px !important; font-size: 12px; }
	 
	 .page_content { float: left;    width: 618px;}
	 div + .sidebar { background-position: -321px -80px; float: none; margin-left: 627px; margin-top: -20px;}
	 div + .sidebar > * { float: none; margin-left: 10px; margin-right: 0;}
	 .sidebar img.sidefacecontact { float: none; margin: 2px 0; max-height: 100px; max-width: 100px; padding: 2px;}
	 .sidebar { min-height: 500px; width: 300px;}

     /**fix provided by miguel for missing next and previous slider button in ipad portrait mode**/
     .banner-slider .prev {background-position:0 -5920px !important;}
     .banner-slider .next {background-position:0 -5964px !important;}	
}

@media screen and (max-width: 990px){/*Allow 30px for the scrollbar*/
#rps {width: 100%;}
#news_rotate_header {text-align: center;width: 100%;}
#rps .window {display: none;}
.top-aside, header, .banner, .banner-slider, .small_banner, #content-container, .footer-callout, footer { min-width:100%; }
.top-aside .sidebar-widget {margin: 10px 0px 0px 0px; display: inline-block; float: right;}
.top-aside .top_right {margin: 10px 5px 0 0; display: block;}
p{ line-height:1.6em !important; }
.footer-nav { margin-left: 20px; }
#main-wrap, .center-wrap { width: 90%; }
.banner-slider .center-wrap { width: 85%; }
.banner-slider .next, .banner-slider .prev { width:36px; height:34px; }
.banner-slider .prev {background-position:0 -51px; }
.banner-slider .next {background-position:-36px -51px; }
.slides_container{ width: 100%; }
body{ width: 100%; }
.slides_container iframe { width:100%; }
.slides_container .single-post-thumb { float: none; }
.full-third-short{ width: 100%; max-width: 300px; overflow: hidden; height: auto; }
.img-frame{ background-image: none; box-shadow: 1px 1px 1px #ccc; background-color:#FFF; border-left:1px solid #DDD; border-top:1px solid #DDD; }
.banner-slider .img-frame { box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); border:0; }
.img-frame img{ width: 96%; height: auto; margin: 2%; background-position: bottom right; }
.small-banner img{ width: 98%; margin: 1%; }
#home-marketing-icons .tt-icon{ width: 77%; min-height: 50px; }
.page_content_right, .page_content{ width: 68%; }
.small-banner{ width: 100%; height: auto; overflow: hidden; }
div + .sidebar{ float: right; margin-left: auto; }
#gallery-nav{ width: 100%; }
.full-third, .small-half, .full-half, .full-fourth-portrait, .full-third-portrait { width: 94%; height: auto; }
#content-container input[type="text"] { width: 48%; }
.full-banner { width:100%; height:auto; }
.full-banner img{ margin:1%; width: 98%; }
.faq-content{ width: 80%; }
.s-one, .s-three{ width: 19.19%; }
.s-two{ margin-left: 6.56%; width: 46.46%; }
.full-fourth{ width: 100%; height: auto; }
.blog_page_content{ width: 67.18% !important; }
div + .blog_sidebar{ width: 22.91% !important; }
article { width: 100%; }
.blog-frame{ width: 100%; height: auto; }

#gallery-outer-wrap .one_fourth{ width: 211px; margin: 10px; }
#gallery-outer-wrap .one_third{ width: 294px; margin: 10px; }
#gallery-outer-wrap .one_half{ width: 461px; margin: 5px; }

.companyIdentity a, nav, nav a, .top-aside .one_half, .foot-copy, a.link-top, .footer-nav, .sidebar, nav select{ -webkit-transition: all .2s linear;    -moz-transition: all .2s linear; transition: all .2s linear; }
	
     
header nav {  margin: 0 0 0 -28px; width: 106%;}
header nav ul li a { padding: 14px 5px !important; font-size: 12px; }

.page_content { float: left;    width: 618px;}
div + .sidebar { background-position: -321px -80px; float: none; margin-left: 627px; margin-top: -20px;}
div + .sidebar > * { float: none; margin-left: 10px; margin-right: 0;}
.sidebar img.sidefacecontact { float: none; margin: 2px 0; max-height: 100px; max-width: 100px; padding: 2px;}
.sidebar { min-height: 500px; width: 300px;}

/**fix provided by miguel for missing next and previous slider button in ipad portrait mode**/
.banner-slider .prev {background-position:0 -5920px !important;}
.banner-slider .next {background-position:0 -5964px !important;}	

}

@media screen and (max-width: 900px){ 
	.companyIdentity img {float: none;}
	.companyIdentity  .internalright {float: none; text-align: center; width: 100%;}
	.companyIdentity a {width: auto;margin: auto;display: block;text-align: center;}
	.companyIdentity .internalright a{ display: inline-block; margin-bottom: 10px; }
}
}
@media screen and (max-width: 800px){ 
nav ul{ margin-left:8%; }

/* #slides .next, #slides .prev { display:none; } */

.two_thirds { width: 98%; clear: both; }
.one_third + .two_thirds{ margin-left: 0; }
.two_thirds + .one_third{ width: 100%; margin: 0 auto; }
.footer-callout-content{ width: 62%; }
#mc_signup .mc_input{ width: 100%; }

.companyIdentity a{ width: auto; margin: auto; display:block; text-align: center; }
.companyIdentity img{ float: none; }

header nav{ position: relative; top: 0px; padding:0; margin: 0 0 0 -22px; width: 106.5%; border:none;}
header nav ul li a { padding: 8px 4px !important; font-size: 10px; }

.sidebar { width: 28% !important; }
.page_content_right, .page_content{ width: 70%; }
.member-contact{ float: none; width: 100%; }
.member-bio{ width: 66%; }
.faq-content{ width: 70%; }
.page-not-found{ margin: 0; min-height: 226px; height: auto; }
.post-thumb { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; margin-bottom:15px; overflow: hidden; }
.post-thumb iframe, .post-thumb object, .post-thumb embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video embed, .video object, .video iframe { width: 100%; height: auto; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.banner { height: 600px; }
.hero-wrap{ background: none; position: relative; width: 80%; left: 10%; padding-bottom: 0; }
.home-lightbox-banner-content{ top: 400px; left: 10%; width: 80%; }
.lightbox-link { left: 0;f }

.home-primary-image{ left: 0; }
.home-secondary-image{ right: 0; left: auto; }
	 
.page_content { float: left; width: 518px;}
div + .sidebar { background-position: -321px -80px; float: none; margin-left: 527px; margin-top: -20px;}
div + .sidebar > * { float: none; margin-left: 10px; margin-right: 0;}
.sidebar img.sidefacecontact { float: none; margin: 2px 0; max-height: 100px; max-width: 100px; padding: 2px;}
.sidebar { min-height: 500px; width: 300px;}

.su-note, .su-note-inner {  max-height: 260px;}
.su-youtube { float: right; margin: 0 0 0 0.5em;  width: 200px;}
.su-youtube iframe, .su-responsive-media-yes iframe, .su-responsive-media-yes object, .su-responsive-media-yes embed { width: 200px !important;}

/**fix provided by miguel for missing next and previous slider button in ipad portrait mode**/
.banner-slider .prev {background-position:0 -5920px !important;}
.banner-slider .next {background-position:0 -5964px !important;}	

}

@media screen and (max-width: 600px){ 
.top-aside .sidebar-widget {float: none;width: 100%;text-align: center;}
.top-aside .social_widget {float: none;width: auto;text-align: center;display: inline-block;}
.top-aside .one_half + .one_half {text-align: center;}
header nav { border: 0px;}
nav ul, .banner-slider .next, .banner-slider .prev{ display: none; }
nav ul.page-numbers {display:block !important;}
nav select{ display: block; margin:0 auto; width:80%; padding:5px; margin-bottom:20px; background:#FFF; border:1px solid #DEDEDE; color:#636B75; cursor:pointer; -webkit-border-radius:3px;    -moz-border-radius:3px; 	border-radius:3px; }
nav select { border: 1px solid #CFCFCF; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, -5px -5px 0 0 #F8F8F8, 5px 5px 0 0 #F8F8F8, 5px 0 0 0 #F8F8F8, 0 5px 0 0 #F8F8F8, 5px -5px 0 0 #F8F8F8, -5px 5px 0 0 #F8F8F8; }
.foot-copy, .footer-nav, #scroll_to_top { padding:6px 0; margin:0; }
.footer-nav { float:left; }
#scroll_to_top { float:left; width:100%; text-align:center; background:none; }
.small_banner .page-banner-description { display:none; }
.member-photo { float:left; }
.member-bio { padding-top:10px; }
.top-aside .one_half{ padding:4px 0; }
.one_half{ width: 100%; }
.one_half + .one_half{ margin: 0; }
.top-aside .one_half + .one_half .social_icons{ display: inline-block; }
.foot-copy, .footer-nav li { float:none; display:inline-block; }
.foot-copy, .footer-nav { text-align:center; width:100%; }
.top-aside ul.custom-menu { position:relative; }
.top-aside ul.custom-menu ul li:first-child a, .top-aside ul.custom-menu ul li:last-child a {         border-radius:0px;    -moz-border-radius:0px; -webkit-border-radius:0px; }
.footer-callout-content{ width: 52%; margin-top: 30px; }
.footer-callout-button { margin: 64px 0 0; }
.page_content_right, .page_content{ width: 100%; }
.sidebar{ width: 80% !important; margin: auto; float: none; background: none; margin-bottom: 40px; min-height: 0; }
.sidebar .subnav { background:#F1F1F1; border: 1px solid #DADADA; border-radius: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.subnav ul a:link, .subnav ul a:visited { color: #636B75; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); }
.sidebar .subnav li, .sidebar .subnav li:first-child { border:0 !important; }
.subnav_cont { width:70% !important; }
.sidebar .subnav .current_subpage a, .sidebar .subnav .current_subpage a:hover, .sidebar .subnav a:hover  { background-image: none !important; background: #DDD !important; color: #444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); margin-right: 0px !important; }
.sidebar .subnav .current_subpage a, .sidebar .subnav .current_subpage a:hover { font-weight:bold; }
div + .sidebar{ float: none; margin-left: 0; }
.member-bio{ width: 100%; }
.member-photo{ margin-top: 0; }
.faq-content{ width: 100%; }
.footer-default-one, .construction-default-one{ width: 100%; clear: both; }
.footer-default-two, .construction-default-two{ width: 50%; margin-left: 0; }
.footer-default-three, .construction-default-three{ width: 100%; }
.page-not-found{ padding-left: 0; }
.blog_page_content{ width: 100% !important; }
div + .blog_sidebar{ width: 100% !important; }
.one_third, .one_fourth, .one_fifth, .one_sixth{ width: 100%; }
.one_third + .one_third, .one_fourth + .one_fourth{ margin-left: 0; }
#gallery-outer-wrap .one_half{ width: 100%; }
footer .one_fourth, footer .one_fifth, footer .one_sixth { width: 90% !important; margin: 0; float: none; margin: 0 !important; }
.footer-callout { padding:0px 0 8px 0; }
#slides .one_half { padding-bottom:20px; }
#slides .one_half + .one_half { padding-bottom:0px; }
html {-webkit-text-size-adjust: none;}
.home-secondary-image{ display:none; }
.banner{ height: 510px; }
.lightbox-link{ display: none; }
.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 { width: 98% !important; }

}

@media screen and (max-width: 480px){ 
#home-marketing-content,
#home-marketing-blogposts,
#home-marketing-icons,
#home-marketing-testimonials{ width: 100%; }
#home-marketing-icons .tt-icon{ width: 34%; }
.top-aside .sidebar-widget {margin: inherit !important;}
.top-aside .social_widget {display: inline-block !important; margin-top: 10px !important;}
header span.top_right {float:none!important; display:block; margin:10px auto; text-align: center!important; width:200px;}
.top-aside .sidebar-widget, .sidebar-widget .social_widget { clear: both; display:block; float:none; text-align:center; margin: 20px;}
.top-aside .sidebar-widget span { text-align:center!important; margin: 0; display:block!important; float:left!important; }
.sidebar-widget .social_widget span{ text-align:left!important; margin: 20px 0; display:inline-block!important; float:left!important; }
.sidebar-widget .social_widget img{ margin: 0 0 0 10px; float:right!important; }
.internalright { float: none; text-align: center; margin: 20px 0;   width: 95%; }

.banner-slider {background-color: #dfdfdf!important;}
.home-vertical-sidebar { background: none repeat scroll 0 0 #961300; margin-top: -90px;}
#news_rotate_header { margin: 5px 0 0 0px; width: 270px; text-align:center; }
#rps .window { height:100px!important; width: 270px !important; float:none; }
#rps .slider div .col {float: left; width: 250px !important; overflow:hidden; height:90px !important; }
#rps .col p.post-title { display: block; width:300px; text-align:center; float: none; margin: 13px 0 0 0; border-bottom:1px solid #ccc;}
p.slider-content { display:block;width:300px; height:70px; text-align:center; float: none; margin: 5px 0 0 0; }
#rps .col p.slider-content .readmore {  display: inline-block;   margin: 0 0 0 0px;   padding: 1px 5px;}

footer iframe { width:250px!important; }
.footer-default-three, .construction-default-three {
    float: none;
    margin-right: 0px;
    width: 90%;
	clear:both;
	display:block;
}

/* .one_fourth{ width: 48%; } */
.one_fourth + .one_fourth + .one_fourth { margin-left: 0; }
.s-two{ clear:left; margin-left: 0; width: 65%; }
.s-three{ width:30%; }
.s-one{ width: 100%; }
.home-vertical-callout .img-frame { float: none; }
.footer-callout-content{ width: 100%; }
.footer-callout-button{ margin: 10px 0 20px 0; float: left; }
.footer-callout { padding:0px 0 8px 0; }
.home-lightbox-banner-content{ top: 220px; }
.banner{ height: 550px; }
#countbox, .time-info-wrap { width:88%; margin:0 auto; }
#days, #hours, #mins, #secs { width:36px; height:36px; float:left; padding-top:7px; background:none; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE)) !important; background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE) !important; background-image:    -moz-linear-gradient(top, #FFFFFF, #EEEEEE) !important; background-image:      -o-linear-gradient(top, #FFFFFF, #EEEEEE) !important; background-image:         linear-gradient(to bottom, #FFFFFF, #EEEEEE) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#EEEEEE') !important;/*For IE7-8-9*/ -webkit-box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, .1); box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, .1); }
#days span, #hours span, #mins span, #secs span, #days_text, #hours_text, #mins_text, #secs_text { font-size:20px; width:36px; padding-top:7px; }
#days_text, #hours_text, #mins_text, #secs_text { font-size:12px; padding-top:10px; }

div + .sidebar { clear:both; display:block; border-top: 1px solid #ccc!important; background: #efefef!important;  float: none;  margin:-20px 0px -40px -10px; padding: 20px; width:94.5%!important;}
.sidebar img.sidefacecontact { clear:both; float: none; display:block;}
.su-note { margin: -40px 0 20px -11px !important; max-height: 420px; overflow: hidden; padding: 0 !important; width: 106% !important;}
.su-note, .su-note-inner {  max-height: 400px;}
.su-youtube { clear: both; display: block; float: none; width: 300px!important;}
.su-youtube iframe { clear: both; display: block; float: none; width: 300px!important;}
h3.sidecontact { clear:both; display:block; margin: 0 0 10px;}
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar { width: 220px !important;}
.top-aside, .top-aside a, .top-aside p, .top-aside ul, .top-aside li { color: #fff; font-size: 14px;  text-shadow: none; }
}

@media screen and (max-width: 400px){ 
.top-aside .one_half + .one_half, .top-aside .one_half + .one_half .social_icons, .top-aside .one_half + .one_half ul { text-align: right; float: none; }
#home-marketing-icons .tt-icon{ width: 77%; }

}

@media screen and (max-width: 320px){ 

}

/**fixes by denzel**/
/**Not using .single-post-thumb because jQuery slide is using it, if we use it here it will affect the slides.**/

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation : landscape) { /* Styles */	
	/**fix for single.php video embed in iPad, removes extra space in the bottom of video embed "frame".**/	
	.single-post-video p{ margin: 0px; }		

     header nav ul li a { padding: 14px 5px !important; font-size: 12px; }
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation : portrait) { /* Styles */
	/**fix for single.php video embed in iPad**/
	.single-post-video iframe, .single-post-video object, .single-post-video embed { width: 100%; height: 100%; }
	.single-post-video{ width: 420px; height: 285px; }
	.single-post-video p{ margin: 0px; }

	/**woocommerce product column*/		
	 #tt-boxed-layout ul.products li.product{  width:22%;  margin-right:15px !important; }	
	 #tt-boxed-layout ul.products li a img{  width:100%;  height: auto; }
	
	/**woocommerce product column*/		
     ul.products li.product{  width:22%;  margin-right:14px !important; }	
     ul.products li a img{  width:100%;  height: auto; }	
     
	 header nav {  margin: 0 0 0 -28px; width: 106%;}
     header nav ul li a { padding: 14px 5px !important; font-size: 12px; }
	 
	 .page_content { float: left;    width: 618px;}
	 div + .sidebar { background-position: -321px -80px; float: none; margin-left: 627px; margin-top: -20px;}
	 div + .sidebar > * { float: none; margin-left: 10px; margin-right: 0;}
	 .sidebar img.sidefacecontact { float: none; margin: 2px 0; max-height: 100px; max-width: 100px; padding: 2px;}
	 .sidebar { min-height: 500px; width: 300px;}

     /**fix provided by miguel for missing next and previous slider button in ipad portrait mode**/
     .banner-slider .prev {background-position:0 -5920px !important;}
     .banner-slider .next {background-position:0 -5964px !important;}
		
}

/* screens ----------- */
@media screen and (min-width: 901px) and (max-width: 1024px) 
{   /* Styles */
	/**fix for single.php video embed in iPad**/
	.single-post-video iframe, .single-post-video object, .single-post-video embed { width: 100%; height: 100%; }
	.single-post-video{ width: 420px; height: 285px; }
	.single-post-video p{ margin: 0px; }

	/**woocommerce product column*/		
	 #tt-boxed-layout ul.products li.product{  width:22%;  margin-right:15px !important; }	
	 #tt-boxed-layout ul.products li a img{  width:100%;  height: auto; }
	
	/**woocommerce product column*/		
     ul.products li.product{  width:22%;  margin-right:14px !important; }	
     ul.products li a img{  width:100%;  height: auto; }		
     
	 header nav {  margin: 0 0 0 -28px; width: 106%;}
     header nav ul li a { padding: 14px 5px !important; font-size: 12px; }
	 
	 .page_content { float: left;    width: 618px;}
	 div + .sidebar { background-position: -321px -80px; float: none; margin-left: 627px; margin-top: -20px;}
	 div + .sidebar > * { float: none; margin-left: 10px; margin-right: 0;}
	 .sidebar img.sidefacecontact { float: none; margin: 2px 0; max-height: 100px; max-width: 100px; padding: 2px;}
	 .sidebar { min-height: 500px; width: 300px;}

     /**fix provided by miguel for missing next and previous slider button in ipad portrait mode**/
     .banner-slider .prev {background-position:0 -5920px !important;}
     .banner-slider .next {background-position:0 -5964px !important;}			
		
}


/* Smartphones iPhone (landscape) ----------- */
@media only screen 
and (min-width: 321px) and (max-width: 568px) 
and (orientation : landscape) { /* Styles */
	
	/**fix for single.php video embed in iphone**/
	.single-post-video iframe, .single-post-video object, .single-post-video embed { width: 100%; height: 100%; }
	.single-post-video{ width: 400px; height: 265px; }
	.single-post-video p{ margin: 0px; }	
	
	/**fix construction page counter**/		
	#countbox, .time-info-wrap { clear: both; width: 250px; }
	
	/**comment**/
	.comment-wrap, .comment-content, .comment-text{ width:400px !important; }
	.children .comment-wrap, .children .comment-content, .children .comment-text{ width:350px !important; }	
	
}

/* Smartphones iPhone (portrait) ----------- */
@media only screen 
and (max-width: 320px) and (orientation : portrait) { /* Styles */

	/**fix for single.php video embed in iphone**/
	.single-post-video iframe, .single-post-video object, .single-post-video embed { width: 100%; height: 100%; }
	.single-post-video p{ margin: 0px; }
	
	/**comment**/
	.comment-wrap, .comment-content, .comment-text{ width:250px !important; }
	.children .comment-wrap, .children .comment-content, .children .comment-text{ width:200px !important; }		
			
	
}