@media screen and (max-width: 1220px) {
body{}
	.main{ width: 100%;}
	.hdr-top{ width:100%; main:auto}
	.hdr-top-left{ width: 30%; float: left;}
	.hdr-top-center{ width: 35%; float:left;}
	.hdr-top-bottom{ width: 25%; float: left;}
	.hdr-center-menu{ width: 100%;}
	.banner-buttom{ width: 100%; margin: auto;}
	.banner-buttom-left{ width: 22.9%; float: left; height:80px;}
	.banner-buttom-left img{ width: 100%; height: 100%; text-align: center;}
	.container{ width: 96%; margin: auto; padding: 2%;}
	.apply-main{ width: 100%; margin:10% auto;}
	.apply-top-left{ width: 23%; float: left; margin: 1%;}
	.footer{ width: 100%; margin: auto;}
	.footer-top{ width: 100%;}
	.footer-center{ width: 98%;}
	.footer-bottom{ width: 100%;}
	.con-name{ width: 100%;}
	.msg{ width:100%;}
	
	
	
}

@media screen and (max-width: 935px) {
body{}
	.hdr-center-menu ul li a{ padding: 10px 15px;}
	.flg{ width: 50%; float:left; margin-top: 15px;}
	.flg img{ width: 100%; height: 60px;}
	.btn{ width: 45%; float:left; margin-left:10px; margin-top:23px;}
	.btn img{ width: 100%; height: 35px;}
}

@media screen and (max-width: 900px) {
body{}
	.hdr-top-left{ width: 40%; float: left;}
	.hdr-top-center{ display:none;}
	/*.hdr-top-center{ width: 25%; float:left; padding-left:5%;}*/
	.hdr-top-right{ width: 30%; float: right;}
	.hdr-center-menu ul li a{ padding: 10px 10px;}
	.footer-top ul li{ padding: 10px 15px;}
	.apply-top-left img{ max-width:100%;}
	.hdr-center-menu{}
	
}

@media screen and (max-width: 820px) {
body{}
	.mob-menu{ display:block; font-size: 30px; color: #fff; margin-right: 30px;}
	.hdr-center-menu{ display: none;}
	.hdr-center-menu ul li{ display:block; float:none;}
	.hdr-center-menu ul li a{ padding: 5px 10px; display:block;}
	.hdr-center-menu ul li a:hover{ background-color: #000;}
	.flg{ width:30%; float:left;}
	.btn{ width:35%; float:left;}
	.banner-buttom-left{ width: 100%; float: center; height:40px;}
	
	.container-left-secure { display:none;}
	.footer-main { width: 100%; background-color: #288800de;}
	
	.footer-top ul li{ padding: 10px 8px;}
	.container-left{ width: 96%; float: none; padding: 2%;}
	.container-right{ width: 96%; float: none: padding: 2%;}
	.form-one{ width:96%; float:none;}
	.form-two{ width:100%; float:none; text-align:center;}
	.hdr-main{}
	
		
	}

@media screen and (max-width: 700px) {
body{}
	
	.apply-top-left{ width: 96%; float: none; padding: 2%;}
	.footer-top ul li{ display: block; padding: 0px;}
	.footer-top ul li a{padding: 5px 8px; display: block;}
	.footer-top ul li a:hover{ background-color: #428be1; color: #000;}
	
	}

@media screen and (max-width: 650px) {
body{}
	.hdr-top-left{ width: 100%; float: none; text-align: center;}
	.hdr-top-left img{ max-width: 96%; padding: 2%:}
	/*.hdr-top-center{ width: 100%; float:none; text-align:center;}*/
	.flg-one img{ max-width:100%;}
	.btn-one img{ max-width:100%;}
	
	/*.hdr-top-right{ width: 100%; float: none; margin: 2% 0%; text-align: center; display: block;}*/	
	/*.hdr-top-right ul{ float: none;}
	.hdr-top-center{ height: 70px;}*/
	.hdr-top-right{ display:none;}
	.banner-buttom-left{ width: 100%; height: 40px; padding: 1px 2% 1% 1%; float: left;}
	.container-right-top h2{ font-size: 20px; padding: 6px 0px;}
	.hdr-top-center{ margin-top:0px; width:94%;}
	.flg{ margin-top: 10px;}
}     

@media screen and (max-width: 550px) {
body{}
	.container-right-top h2{ font-size: 20px; padding: 3px 0px;}
	.footer-bottom-left{ width: 100%; float: none;}
	.footer-bottom-right{ width: 100%; float: none;}
	.banner-buttom-left{ width: 100%; height: 40px; padding: 1px 2% 1% 1%; float: left;}
	.right-side-btn img{ width:100px; height:50px; right:0px; max-width:100%; max-height:100%; top:137px;}
	}
	
	
@media screen and (max-width: 400px) {
body{}
.banner-buttom-left{ width: 100%; height: 35px; padding: 1px 2% 1% 1%; float: none;}
.banner-buttom-left img{ max-width:100%;}
.container-left{ padding: 5% 2% 10% 2%;}

}	
	
@media screen and (max-width: 320px) {
body{}
.hdr-top-center{ display:none;}
.footer-bottom-right{ padding-top: 0px;}
.container-left-adres-bottom p{ font-size:15px;}
}