@media (max-width: 360px) {
 .img{
 margin-left:8px;
}
 .img1{
 margin-left:8px;
}
 .img2{
 margin-left:8px;
}
 .img3{
 margin-left:8px;
}
 .img4{
 margin-left:8px;
}
.bg{
width:340px;
height:200px;
}
.img5{
margin-left: 47px;
}
.bg1{
width:340px;
height:110px;
}
.bg2{
width:340px;
height:330px;
}
.img6{
margin-left: 47px;
}
}
@media (min-width: 370px) {
 .img{
 margin-left:8px;
}
 .img1{
 margin-left:8px;
}
 .img2{
 margin-left:8px;
}
 .img3{
 margin-left:8px;
}
 .img4{
 margin-left:8px;
}
.bg{
width:340px;
height:100px;
}
.img5{
margin-left: 47px;
}
.bg1{
width:340px;
height:110px;
}
.bg2{
width:340px;
height:330px;
}
.img6{
margin-left: 47px;
}
}
@media (max-width: 320px) {
 .img{
 margin-left:0px;
}
 .img1{
 margin-left:0px;
}
 .img2{
 margin-left:0px;
}
 .img3{
 margin-left:0px;
}
 .img4{
 margin-left:0px;
}
.bg{
width:300px;
height:200px;
}
.img5{
margin-left: 110px;
}
.img6{
margin-left: 40px;
}
.bg1{
width:300px;
height:115px;
}
.bg2{
width:300px;
height:330px;
}
}
@media (min-width: 768px) {
.bg{
width:500px;
height:230px;
}
body{
}
@media (min-width: 800px) {
.bg{
width:500px;
height:230px;
}
}
@media (min-width: 980px) {
.bg{
width:500px;
height:230px;
}
}
@media (min-width: 1280px) {
.bg{
width:500px;
height:230px;
}
}
@media (min-width: 1920px) {
.bg{
width:500px;
height:230px;
}
}