@media (max-width: 1200px) {
#header{
	height:auto;	
}
.wrapper{
	width:auto;	
	padding:0 10px;
    text-align: center;
}
#logo {
    float: none;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}
#logo a{
	display:inline-block;	
}

#logo_app {
	float:none;
	text-align:center;	
	width:auto;
	margin: 0;
}
#menu{
	float:none;
	text-align:center;	
	width:auto;
}
#menu ul{
	float: none;
    margin: 0;
    padding: 0 0 10px;	
	width: auto;
}
.bannerimg{
	float:none; 
	width:auto; 
	padding:20px 0;
}
img{
	max-width:100%;
	height:auto;
	margin:15px 0;
}	
.box_on_black {
	text-align:center;
	float:none; 
	width:auto
}
.box_on_black p{
	clear:both;
}	
.hp_strip{
	padding:10px 0;	
}
#animation_preview0{
	text-align:center !important;
	float:none;
	display:inline-block;
	margin:10px 0 0 !important;	
}
.white_strip{
	float:none;
	text-align:center;
	padding:20px 0;	
}
.white_strip_banner{
	float:none; 
	width:auto;	
}
.latest_box{
	float:none; 
	width:auto;
	text-align:center;	
}
.ontrocs{
	float:none; 
	width:auto;
	text-align:center;
}
.wrap_manage_section{
	float:none; 
	width:auto; 
	padding:20px 10px;	
}
.product_detail{
	float:none;
	text-align:center; 
	width:auto;	
}
.detailcs{
	float:none; 
	width:auto;	
}
.fourcol{
	text-align:center; 
	float:none; 
	width:auto;	
	height: auto;
}
.fourcol2{
	text-align:center; 
	float:none; 
	width:auto;	
	height: 510px;
}
.contact-info{
	width:100%;	
}
}