@media screen {


  /* responsive grid Gallery */
  .grid-gallery2, 
  .grid-gallery3, 
  .grid-gallery4, 
  .grid-gallery5{
    margin: 0 !important;
      padding-bottom:0;
    line-height: 0;
    
    -webkit-column-gap:   10px;
    -moz-column-gap:      10px;
    column-gap:           10px;  
  }
  
  .grid-gallery2 {
    -webkit-column-count: 2;
    -moz-column-count:    2;
    column-count:         2;
  }
  
  .grid-gallery3 {
    -webkit-column-count: 3;
    -moz-column-count:    3;
    column-count:         3;
  }
  
  .grid-gallery4 {
    -webkit-column-count: 4;
    -moz-column-count:    4;
    column-count:         4;
  }
  
  .grid-gallery5 {
    -webkit-column-count: 5;
    -moz-column-count:    5;
    column-count:         5;
  }
  
  
  
  .grid-gallery2 a, 
  .grid-gallery3 a, 
  .grid-gallery4 a, 
  .grid-gallery5 a{
    position:relative;
    height:calc(100% - 15px);
    width:100%;
    display:block;
  }
   
  .grid-gallery2 .gallery-icon, 
  .grid-gallery3 .gallery-icon, 
  .grid-gallery4 .gallery-icon, 
  .grid-gallery5 .gallery-icon{
    line-height:0;
    padding:0 !important;
  }
  
  
  
  
  
  
  /* override defaults from media.php */
  
  
  
  .grid-gallery2 .gallery-item, 
  .grid-gallery3 .gallery-item, 
  .grid-gallery4 .gallery-item, 
  .grid-gallery5 .gallery-item{
    text-align: center;
    width: 100%;
    float:none !important;
    margin-top:0 !important;	
    margin-bottom:10px !important;	
  }
  
  .grid-gallery2 img, 
  .grid-gallery3 img, 
  .grid-gallery4 img, 
  .grid-gallery5 img{
  
    width: 100% !important;
    height: auto !important;
    border:0 !important;
  }
  
  
  .grid-gallery2 .gallery-caption, 
  .grid-gallery3 .gallery-caption, 
  .grid-gallery4 .gallery-caption, 
  .grid-gallery5 .gallery-caption{
    line-height:26px;
    bottom:0;
    left:0;
    right:0;
  }
  /* END override defaults from media.php */			
  
  
  
  }
  
  
  
  
  
  @media only screen  
  and (max-width : 768px) {
  .grid-gallery4, 
  .grid-gallery5{
    -webkit-column-count: 3;
    -moz-column-count:    3;
    column-count:         3;
  }		
    
  }
  
  
  
  
  
  @media only screen  
  and (max-width : 320px) {
  .grid-gallery3, 
  .grid-gallery4, 
  .grid-gallery5{
    -webkit-column-count: 2;
    -moz-column-count:    2;
    column-count:         2;
  }		
    
  }