@media screen and (min-width : 1000px) and (max-width : 1100px) {
	.text{left: -48%;}

}

@media screen and (min-width : 768px) and (max-width : 1000px) {

.rlogo{left: 0px;}
.rlogo img{width: 60%;}
.text{left: -43%;top: 145px;}
.girl{width: 100%;}
.application{width: 100%;padding: 10px;}

.app1, .app2{width: 50%;}

.app1 .box1, .app1 .box11{width: 97%; background-size: cover;background-position: center center;margin-right: 0px;box-sizing:border-box;}

.app2 .box2, .app2 .box3 {width: 100%; background-size: cover;background-position: center center;box-sizing:border-box;}
.container-1 input#search{width: 100%;margin-bottom: 10px;}
.wrap980 ul li{width: 37%;}
.right-bar{float: none;}



ul.application-info li{width: 48%; margin-bottom: 10px;}


}
@media screen and (min-width : 800px) and (max-width : 1000px) {
	.text{left: -43%;top: 145px;}
	.rlogo img{width: 70%;}
	
}

@media screen and (min-width : 600px) and (max-width : 800px) {
.right-bar{float: none;}
	
	
}


@media screen and (min-width : 320px) and (max-width : 767px) {

	ul.application-info li{width: 100%;margin-bottom: 15px;}
	.product1, .green-gold, .gold-tag{width: 100%;}
	.announcement{display: none;}
	

	.wrap980 ul li{width: 37%;}

.text{top: 145px;left: -80%;}
.girl{width: 100%;}

.popup-gallery ul li {width: 100%;}
.scr_s {width: 100%;}
.image_overlay img{width: 100%;}
.popup-gallery a img{width: 100%;}
.columns ul li{width: 100%;}
.g2{width: auto;}



.application{width: 100%;padding: 10px;}

.app1, .app2{width: 50%;}

.app1 .box1, .app1 .box11{width: 97%; background-size: cover;background-position: center -50px;margin-right: 0px;box-sizing:border-box;}

.app2 .box2, .app2 .box3 {width: 100%; background-size: cover;background-position: center center;box-sizing:border-box;}
.container-1 input#search{width: 100%;margin-bottom: 10px;}

}
@media screen and (min-width : 320px) and (max-width : 500px) {
	
.girl img{width: 60%;}
.girl{visibility: hidden;}
.rlogo{left: 0px;}
.rlogo img{width: 70%;}
table#customers{font-size: 11px;}
	#customers td, #customers th{padding: 1px;}

.app1, .app2 {width: 100%; margin-bottom: 10px;}
.app1 .box1, .app1 .box11 {width: 100%;}
.right-bar{float: none;}


}
@media screen and (min-width : 300px) and (max-width : 470px) {

.girl img{width: 60%;}
.girl{visibility: hidden;}
.rlogo{left: 0px;}
.rlogo img{width: 60%;}
.text{left: -150%;top: 75px;}
	
}