@media(max-width:1100px){
	.wrap{
		width:auto;
		padding:10px 20px;
	}
	.logo{
		 padding:0;
		 width:17%;
	}
	.mid-panel{
		width:45%;
		margin-top:30px;
	}
	.right-top{
		width:33%;
		margin-top:30px;
	}
	.banner-image{
		width:23%;
		margin:0;
	}
	.banner-slider{
		width:75%;
	}
	.left-bar,.right-bar{
		float:none;
		width:auto;
	}
}

@media(max-width:900px){
	body{
		overflow-x:hidden;
	}
.logo,.mid-panel,.right-top,.banner-image,.banner-slider{
	float:none;
	width:auto;
	margin:0 0 10px 0;
	text-align: center;
}
.contact-form,.contact-info{
	float:none;
	width:auto;
}
.header-top{
	background-position: bottom;
    background-size: contain;
}
.mobile-menu{
	display:block;
	margin-top:10px;
	position:absolute;
}
.mobile-menu a{
	display:inline-block;
	padding:10px 30px;
	text-decoration:none;
	color:#000;
	background-image:url(../images/menu-icon.png);
	background-repeat:no-repeat;
	background-position:left center;	
}
.mobile-menu a.active{
	background-image:url(../images/cross-icon.png);
}
.header .navigation{
	display:none;
}
.navigation{
	position: absolute;
    width: 40%;
    display: block;
    height: 100%;
    overflow: auto;
	left:-40%;
	transition: 0.5s;
}
.navigation.active{
	left:0;
	transition: 0.5s;
}
.navigation ul li{
	display:block;
	border:0;
	text-align:left;
	padding:0;
}
.navigation ul li a{
	    padding: 15px 20px;
}
.wrap{
	right:0;
	transition: 0.5s;
	position:relative;
}
.wrap.active{
	right:-40%;
	transition: 0.5s;
}
.left-panel{
	float:none;
	margin:0 0 10px 0;
	width:auto;
}
.right-panel{
	display:none;
	float:none;
	width:auto;
}
.mb-view{
	display:block;
	text-align: center;
}
.blocks{
	padding:10px;
}
.before-block,.before-footer1{
	width:auto;
	display:block;
	text-align:center;
}
.before-footer1 p{
	text-align:center;
}
.footer{
	text-align:center;
	margin-top:20px;
}
.video{
	width: auto;
}
}
@media(max-width:600px){
.block-area {
    display: block;
}	
.wrap.active{
	right:-60%;
}
.navigation{
    width: 60%;
	left:-60%;
}
.box{
	width:auto;
}
.ph,.qqp{
	display:block;
	vertical-align: middle;
	margin:10px auto;
}
.contact-info{
	margin:0;
}
.info-cell img{
	max-width:100%;
}
.contact-form td,.contact-form td input{
	display:block;
	width:100% !important;
}
.info-cell{
	display:block;
}
.video {
	height: 260px;
}

}

@media(max-width:480px){

.video {
	height: 180px;
}

}

@media(max-width:320px){

.video {
	width: 300px;
	height: 150px;
}

}