.demo_wrapper {
	width: 100%;
	margin: 0 auto;

}
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
    width: 100%;
  }  
}
.demo_block {
	width: 100%;
}


@media only screen and (min-width: 768px) and (max-width: 1024px){
	.body-wrap .col-3{width:25%;}
	.body-wrap .col-3 img{width:98%; height:100%;}
	.col-12.footer{padding-left:15px; padding-right:15px;}
	.col-12 .key-ben{padding-left:10px; padding-right:10px;}
	.col-12.footer .menu{width:25%;}
	.col-6.logo{width:30%;}
	.col-6.logo img{width:100%; height:100%;}
.col-6.head-menu{width:66%; float:right;}
nav a {   margin: 0 8px;    padding: 0 8px;}	


	
	}

@media only screen and (max-width: 767px){
.col-12.footer{padding-left:15px; padding-right:15px;}
.col-6{width:100%;}
.col-12.header{height:auto;}
.col-3{ width:47%; float:left; margin:0 1% 0 1%;}
.col-12 .key-ben{padding-left:10px; padding-right:10px;}
.col-12.grey-p .foot-logo{margin:0; }
.col-12.footer .menu{width:48%; text-align: left; min-height:200px;}


}



@media only screen and (max-width: 480px){
	
	nav a {       margin: 0 4px;    padding: 0 8px;}
	.col-3{width:286px; margin:0 auto; float:none;}
	.col-12 .key-ben h1{font-size:20px; }
	.col-12 .key-ben .key-left, .col-12 .key-ben .key-right{width:100%; }
	.col-12.grey-p .request, .col-12.grey-p .foot-logo{margin:0 auto; width:90%; float:none; }
	
	
}
@media only screen and (max-width: 360px){
		
		.col-12.footer .menu {    float: inherit;    margin: 0 auto;    text-align: center;    width: 61%; min-height:inherit;}

	
}