.gallery {
      list-style: none;
      overflow: hidden;
      padding: 0;
      margin: 0;
    }
    .gallery li {
      float: left;
      margin: 4px;
    }
 .gallery_img_li{
     overflow: hidden;width:24%;
 }
 #img_gallery{
     height:200px;
 }
  

@media screen and (max-width: 970px){
     
    .gallery { 
    padding-left:0px;
}
     .gallery img{
        width:320px;
    }
    .gallery_img_li{
     overflow: hidden;width:48%;
    }
}

@media screen and (max-width: 770px){
     
    .gallery { 
    padding-left:0px;
}
     
}
@media screen and (max-width: 650px){
 
.gallery {
    padding-left:0px;
}

  
}
@media screen and (max-width: 610px){
     
     
    
}
@media screen and (max-width: 568px){
 
 .gallery {
    padding-left:0px;
}
  
}

@media screen and (max-width: 470px){
  
 .gallery {
    padding-left:0px;
}
.gallery img{
    width:320px;
}
 .gallery_img_li{
     overflow: hidden;width:47%;
    }
  
}
@media screen and (max-width: 360px){
 
.gallery {
    padding-left:0px;
}
.gallery img{
    width:100%;
    }
    .gallery_img_li{
     overflow: hidden;width:100%;
    }
    
}


@media screen and (max-width: 320px){
 
.gallery {
    padding-left:0px;
}
.gallery img{
    width:100%;
    }
    .gallery_img_li{
     overflow: hidden;width:100%;
    }
}