/************************************************************************************
Smaller Desktop
*************************************************************************************/
@media screen and (min-width: 769px) and (max-width: 970px) {

	body{
		
	}
	body{background-position: center 68px;}
	/* pagewrap */
	.page_frame {
		width: 90%;margin:0px auto;
	}
	
	.home_page_right_column{
		width:60%;
	}
	.home_page_left_column{
		width:30%;
	}
	.page_content_left{
		width:60%;padding-right:10px;
	}
	.page_content_right{
		width:35%;float:right;
	}
	.page_frame{
		padding-top:175px;width:90%;
	}
	#body_home .page_frame{
		padding-top:475px;width:90%;
	}
	.testimonial {
		padding: 10px;width:90%;
	}
	#logo {
	top:40px;height:108px;background-position:center bottom;
	background-image: url("/images/sites/ssm/home_logo.gif");
	}
	#nav{
		top:0px;left:0px;
	}
	#homepage_title h2, #homepage_title h1{line-height:1.5em;}
	.navcap_right{display:none;}
	.navcap_left{display:none;}
	#nav a{background:transparent;padding:8px 15px;}
	#nav a:hover{background:transparent;}
	
	#subnav{display:none;}
	
	
	#home_hero{top:150px;height:313px;}
	.home_panel{
		background:#D5D8DA;width:90%;padding:10px;margin-right:10px;font-size:16px;
	}
	.home_panel p a{border-top:5px solid #D5D8DA;display:block;width:120px;text-align:center;}
	.home_panel p{font-size:16px;line-height:21px;}
	.home_panel_image_frame{display:none;}
	.home_panel_bottom{display:none;}
	
	
	#nav_holder{
		width:100%;height:150px;background-color:#FFBF08;
	}
	#nav_frame {
		width: 100%;
	}
	#homeslides{
		background:transparent;width:100%;
	}
	#homeslides_slide {
		position:relative;top:0px;left:0px;width:100%;background-repeat:no-repeat;
	}
	
	.cta h2{text-align:center;}
	.cta{
		background:#3A3B3D;width:90%;
	}
	.cta .cta_tel{
		display:none;
	}
	.cta .cta_numbers{
		float:none;margin:10px auto; font-size:110%;text-align:center;
	}
	.cta .cta_linkbox{
		float:left;text-align:center;width:90%;margin:10px auto;float:none;
	}
	.cta .cta_linkbox a{
		display:inline;
	}
	.cta_bottom p a {
		padding:5px;padding-left:0px;
	}
	
	.cta_bottom{
		background:#161617;width:90%;
	}
	.footer_frame{width:100%}
	table#footer_logo_table{
		margin:10px auto;
	}
	#footer{width:100%;}
	#footer #fb{margin:0px auto;margin-top:40px;}
	.footer_frame_logo{width:90%;float:none;background-position:center top;text-align:center;}
	.footer_frame_logo p{width:70%;text-align:center;margin:0px auto;}
	.footer_frame_address{width:90%;float:none;background-position:center top;text-align:center;}
	
	.page_content_right .retrofitting-works{
		background-size:90% auto;width:100%;
	}
	.page_content_right img.illustration{
		width:100%;border:0px;
	}
	.page_content_right .illustration_caption{
		width:100%;padding:0px;background:transparent;
	}
	.page_content_right .illustration_caption h1, .page_content_right .illustration_caption h2, .page_content_right .illustration_caption h3, .page_content_right .illustration_caption h4, .page_content_right .illustration_caption p {
		padding:5px 0px;
	}
	
	.page_content_left img.illustration{
		display:block;margin:10px 0px;width:100%;
	}

	
}

/************************************************************************************
iPad Vertical
*************************************************************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {

	body{
	background-position: center 58px;
	}
	#body_home{background-position: center 58px;}
	/* pagewrap */
	.page_frame {
		width: 100%;margin:0px auto;
	}
	
	#body_home .home_page_right_column{
		width:60%;
	}
	#body_home .home_page_left_column{
		width:35%;
	}
	.page_frame{
		padding-top:180px;width:90%;
	}
	#body_home .page_frame{
		padding-top:380px;width:90%;
	}
	
	.page_content_left{
		width:60%;padding-right:10px;
	}
	.page_content_right{
		width:35%;float:right;
	}

	
	.testimonial {
		padding: 10px;width:90%;
	}
	#logo {
	top:30px;height:108px;background-position:center bottom;
	background-image: url("/images/sites/ssm/home_logo.gif");
	}
	#nav{
		top:0px;left:0px;width:481px;
	}
	#homepage_title h2, #homepage_title h1{line-height:1.5em;}
	.navcap_right{display:none;}
	.navcap_left{display:none;}
	#nav a{background:transparent;padding:8px 8px;}
	#nav a:hover{background:transparent;}
	
	#subnav{display:none;}
	
	
	#home_hero{top:120px;height:255px;padding:0px;background:#222;}
	.home_panel{
		background:#D5D8DA;width:90%;padding:10px;margin-right:10px;font-size:16px;
	}
	.home_panel p a{border-top:5px solid #D5D8DA;display:block;width:120px;text-align:center;}
	.home_panel p{font-size:16px;line-height:21px;}
	.home_panel_image_frame{display:none;}
	.home_panel_bottom{display:none;}
	
	
	#nav_holder{
		width:100%;height:140px;background-color:#FFBF08;
	}
	#nav_frame {
		width: 100%;
	}
	#homeslides{
		background:transparent;width:100%;margin:10px auto;height:255px;
	}
	#homeslides_slide {
		position:relative;top:0px;left:0px;width:100%;background-repeat:no-repeat;background-size:100% auto;
	}
	
	.cta h2{text-align:center;}
	.cta{
		background:#3A3B3D;width:90%;
	}
	.cta .cta_tel{
		display:none;
	}
	.cta .cta_numbers{
		float:none;margin:10px auto; font-size:110%;text-align:center;
	}
	.cta .cta_linkbox{
		float:left;text-align:center;width:90%;margin:10px auto;float:none;
	}
	.cta .cta_linkbox a{
		display:inline;
	}
	.cta_bottom p{padding:10px;text-align:center;}
	.cta_bottom p a {
		padding:5px;padding-left:0px;display:block;width:150px;margin:3px auto;
	}
	
	.cta_bottom{
		background:#161617;width:90%;
	}
	.footer_frame{width:100%}
	table#footer_logo_table{
		margin:10px auto;
	}
	#footer{width:100%;}
	#footer #fb{margin:0px auto;margin-top:40px;}
	.footer_frame_logo{width:90%;float:none;background-position:center top;text-align:center;}
	.footer_frame_logo p{width:70%;text-align:center;margin:0px auto;}
	.footer_frame_address{width:90%;float:none;background-position:center top;text-align:center;}
	
	#homepage_sidephone{display:block;font-size:20px;color:#fff;padding:10px 0px;}
	
	.page_content_right .retrofitting-works{
		background-size:90% auto;width:100%;
	}
	.page_content_right img.illustration{
		width:100%;border:0px;
	}
	.page_content_right .illustration_caption{
		width:100%;padding:0px;background:transparent;
	}
	.page_content_right .illustration_caption h1, .page_content_right .illustration_caption h2, .page_content_right .illustration_caption h3, .page_content_right .illustration_caption h4, .page_content_right .illustration_caption p {
		padding:5px 0px;
	}
	
	.page_content_left img.illustration{
		display:block;margin:10px 0px;width:100%;
	}

}

/************************************************************************************
Smart phone / iphone = 480x 320 / landscape
*************************************************************************************/
@media screen and  (max-width: 480px) {
	body{background-position: center 58px;
	}
	#body_home{background-position: center 58px;}
	/* pagewrap */
	.page_frame {
		width: 100%;margin:0px auto;
	}
	
	#body_home .home_page_right_column{
		width:90%;float:none;margin:0px auto;
	}
	#body_home .home_page_left_column{
		width:90%;float:none;margin:0px auto;
	}
	#body_home .page_frame{
		padding-top:400px;width:90%;
	}
	.page_frame{
		padding-top:180px;width:90%;
	}
	.page_content_left{
		padding:0px;
		width:90%;float:none;margin:0px auto;
	}
	.page_content_right{
		padding:0px;
		width:90%;float:none;margin:0px auto;
	}
	.testimonial {
		padding: 10px;width:90%;
	}
	#body_home #logo, #logo {
	top:40px;height:108px;background-position:center bottom;width:100%;
	background-image: url("/images/sites/ssm/home_logo.gif");
	}
	#selectholder{display:block; width:100%;height:28px;}
	#selectholder select{display:block;margin:4px auto;font-size:120%;}
	#nav{display:none;}
	#header select{display:block;margin:0px auto;}


	#homepage_title h2, #homepage_title h1{line-height:1.4em;font-size:21px}
	.navcap_right{display:none;}
	.navcap_left{display:none;}
	
	#subnav{display:none;}
	
	
	#home_hero{top:130px;height:255px;padding:0px;background:#222;}
	.home_panel{
		background:#D5D8DA;width:100%;padding:10px;font-size:16px;margin:20px auto;
	}
	.home_panel p a{border-top:5px solid #D5D8DA;display:block;width:120px;text-align:center;}
	.home_panel p{font-size:16px;line-height:21px;}
	.home_panel_image_frame{display:none;}
	.home_panel_bottom{display:none;}
	.testimonial{visibility:hidden;height:1px; overflow:hidden;}
	#footer #fb{display:none;}
	#footer #footer_logo_table{display:none;}
	
	#nav_holder{
		width:100%;height:150px;background-color:#FFBF08;
	}
	#nav_frame {
		width: 100%;
	}
	#body_home #nav_holder{
		width:100%;height:150px;background-color:#FFBF08;
	}
	#body_home #nav_frame {
		width: 100%;
	}
	
	#home_hero_frame{display:none;}
	#home_hero{
		top:140px;height:265px;
		background:url("/images/sites/ssm/responsive-home.jpg") center center no-repeat #000;
		background-size:100% auto;
	}

	
	#body_home .cta h2, .cta h2{text-align:center;}
	#body_home .cta, .cta{
		background:#3A3B3D;width:90%;
	}
	#body_home .cta .cta_tel, .cta .cta_tel{
		display:none;
	}
	#body_home .cta .cta_numbers, .cta .cta_numbers{
		float:none;margin:10px auto; font-size:110%;text-align:center;
	}
	.cta .cta_linkbox, .cta .cta_linkbox{
	#body_home 	float:left;text-align:center;width:90%;margin:10px auto;float:none;
	}
	#body_home .cta .cta_linkbox a, .cta .cta_linkbox a{
		display:inline;
	}
	#body_home .cta_bottom p, .cta_bottom p{padding:10px;text-align:center;}
	#body_home .cta_bottom p a , .cta_bottom p a {
		padding:5px;padding-left:0px;display:block;width:150px;margin:3px auto;
	}
	
	#body_home .cta_bottom, .cta_bottom{
		background:#161617;width:90%;
	}
	#body_home .footer_frame, .footer_frame{width:100%}
	table#footer_logo_table{
		margin:10px auto;
	}
	#footer{width:100%;}
	#fb{display:none;}
	.footer_frame_logo{width:90%;float:none;background-position:center top;text-align:center;}
	.footer_frame_logo p{width:70%;text-align:center;margin:0px auto;}
	.footer_frame_address{width:90%;float:none;background-position:center top;text-align:center;}
	
	
	#logosmobile{display:block;padding-top:10px;}
	#homepage_bigphone{display:block;margin-top:230px;text-align:center;font-size:20px;color:#fff;}
	
	.page_content_right .retrofitting-works{
		background-size:90% auto;width:100%;
	}
	.page_content_right img.illustration{
		width:100%;border:0px;
	}
	.page_content_right .illustration_caption{
		width:100%;padding:0px;background:transparent;
	}
	.page_content_right .illustration_caption h1, .page_content_right .illustration_caption h2, .page_content_right .illustration_caption h3, .page_content_right .illustration_caption h4, .page_content_right .illustration_caption p {
		padding:5px 0px;
	}
	
	.page_content_left img.illustration{
		display:block;margin:10px 0px;width:100%;
	}
}

/************************************************************************************
Portrait smart phone
@media screen and (max-width: 320px) {


}
*************************************************************************************/