/************************************************************************************
smaller than 980
*************************************************************************************/
@media only screen and (max-width: 980px) {

	/* content */
	#content {
		margin: 30px auto 22px auto;
		width: 99.9%;
	}

}

/************************************************************************************
smaller than 940
*************************************************************************************/

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

	/* contact form */
	#contactform {width: 60%;}

}

/************************************************************************************
smaller than 710
*************************************************************************************/
@media only screen and (max-width: 730px) {
	/* main nav */
	#main-nav {
		position: static;
		height: auto !important;
	}
	#main-nav li {
		height:32px;
	}
	#main-nav a {
		height:32px;
		line-height: 32px !important;
		letter-spacing: 0;
	}
	
	/* content */
	#content.contcont { 
		width: 99.9% !important;
	}
	
	/* contact form */
	#contactform {
		float: none;
		width: 90%;
		margin-left: 5%;
	}
	#sidebar {
		float: none;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.sb1 {
		float: left;
		margin-left: 0;
		margin-right: 5%;
		width: 210px;
	}
	.sb2 {
		margin-left: 260px;
		margin-right: 0;
		width:auto;
		
	}
	.support {
		margin-left: 5%;
		margin-right: 5%;
	}

}

/************************************************************************************
smaller than 670
*************************************************************************************/
@media only screen and (max-width: 670px) {

	/* header */
	#header {
		height: auto;
		margin-bottom: 30px;
	}

	/* site logo */
	#site-logo {
		position: static;
	}

	/* content */
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}
	
	#over_col1, #over_col2 {
		float:none;
		width:90%;
		margin-left:5%;
		margin-right:5%;
		text-align:left;
	}
	#new_products, #new_products2  {
		width:100%;
		margin-right:0;
		margin-bottom:0;
	}
	#new_products .logologo:after {display: none;}
	#new_products2 .logologo {text-align: left;}
	#mpa_logo, #mas_logo {
		right:auto;
		max-width:473px;
	}
	#spo, #news {
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	#design, #servs {
		width:100%;
		margin-right:0;
		margin-bottom:0;
	}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media only screen and (max-width: 560px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	#main-nav a {
		font-size: 90%;
	}
	
	/* contact form */
	#contactform {
		float: none;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	#form_col1 {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:2em;
	}
	#form_col2 {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:2em;
	}

	#sidebar {
		float: none;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.sb1 {
		float: none;
		margin-left: 0;
		margin-right: 5%;
	}
	.sb2 {
		margin-left: 0;

		
	}


}