@media only screen and (max-width:1024px) {
	.list_social a {
		display: inline-block;
		margin-bottom:0; margin-left:5px;
	}
	.list_social {
		position: relative;
		float: right;
		left: inherit;
		transform: inherit;
		top: 30px;
		padding-right: 20px;
	}
	.logo{position:relative; float:left; top: 20px;}
	.social_bar{height:auto; width:100%;}
	.cont_top{padding-left:100px; padding-right:100px;}
	/* .main_banner{    background-size: auto 100%;} */
}

@media only screen and (max-width:768px) {
	.cont_top {
		padding-left: 40px;
		padding-right: 40px;
	}
	.logo img{width:80px;}
	.box_cont .box{width:100%; margin-left:0; margin-bottom:20px; min-height:auto;}
	.cont_top h3{font-size:25px;}
	.cont_top p{font-size:12px; line-height:26px;}
	.cont_top{padding-top:100px;}
	.main_banner{    background-size: cover;}
}

@media only screen and (max-width:480px) {
	.cont_top {
		padding-left: 20px;
		padding-right: 20px;
	}
	.logo img {
		width: 70px;
	}
	.logo{top:15px; left:15px;}
	.list_social{    top: 23px; padding-right: 15px;}
}