@media screen and (max-width: 1100px) {
	
	.inner{width:90%;}
	.logoRight{    width: 55%;}
	.logoRight img {width: 100%;}
	.maybe{margin:0 auto;    width: 526px;margin-top: 30px;}
	.banner2{margin:0 auto;    width: 526px;}
	.banner2 img{max-width: 526px}
	.maybe div .gallery{    width: 153px;    margin-left: 11px;}
	.maybe div .gallery .over_wrap .new_overlay p{font-size: 14px;margin-top: -13px;}
	.maybe div .gallery .over_wrap .new_overlay span{font-size: 13px;margin-bottom: 9px;}
	.poster-caption h1{    font-size: 23px;}
	.poster-caption h2 {
   font-size: 18px;
    line-height: 23px;
    width: 319px;
    margin-top: 12px;
	}
}

@media screen and (max-width: 600px) {
	.picMenu{    height: 200px;}
	.picMenu .mobImg{display:block;}
	.picMenu .deskImg{display:none;}
	.rightCol{width:100%;}
	.leftCol{width:100%;}
	.leftCol .yellow {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
	}
	.leftCol .banner{
		width:100%;
		height:auto;
		margin:18px auto 0;
		float:right;
		
	}
	.maybe div .gallery .over_wrap{max-height:100%;}
	.leftCol .banner img{display:block; width:100%; max-width:100%;}
	.leftCol div h3{clear:both;}
	.leftCol div .gallery{width: 100%;    height: auto;}
	.maybe{width: 100%;    height: auto; overflow:hidden;}
	.banner2{width: 100%; height:auto; background:none;}
	.maybe div .gallery{    width: 100%;margin-left: 0;margin-bottom: 20px;}
	.poster-caption h1{color: #663654;    font-size: 19px;}
	.poster-caption h2{    color: #663654;font-size: 16px;    width: 267px;}
	.created p{font-size: 13px;}
	.created a{font-size: 13px;}
	.logoLeft{    margin-top: 25px;}
	.logoLeft img {width: 94px;}
	
}