@media screen and (max-width: 900px) {
 
   .w20,.w25,.w30,.w33,.w40,.w50,.w60,.w66,.w70,.w80,.w90{ width: 100%; }
   .w30m{ width: 30%; }
   .w40m{ width: 40%; }
   .w50m{ width: 50%; }
   .w60m{ width: 60%; }
   .w70m{ width: 70%; }
   .w80m{ width: 80%; }
   .w90m{ width: 90%; }
   .w100m{ width: 100%; }
   .hidem{ display: none;  }
   
   .container{ width: 98%!important; margin: 0 1%;  }
   /* #content.container{ width: 95%; margin: 0 2%;  } */
     
     
     a.h1{ display: block; margin:0 auto; width: 80%; max-width:400px; }
     #header{ position: static; }
     
     #nav{ display: none; }
     #nav_active_bar{ display: none;}
     #header_socials{ text-align: center; }
     #content{ margin-top:0; }
     
     #agency{ padding:10px 3%; }
     #agency .submenu{}
     #agency .submenu a{ width:33%; padding:0; font-size:18px; line-height:1.2;}
     
     .grid-container{ width: 100%; }
     #grid{width: 100%; }
     #grid .work_item { width:100%; height:200px!important ; height:auto; margin:0 0 20px 0; position: relative!important; top:0!important; left:0!important;  }
	 #grid .work_item { width:49%!important; height:200px!important ; margin:0 1% 20px 0!important; }
	 
     #grid .work_item a{ width:100%; height:200px!important ; }
     #grid .work_item a img{ width:100%; height:200px!important ; object-fit:cover; }
     #grid .work_item .work_details a{ display:none; }
     
     
     #contacts .w300p{ width:100%; }
     
}

@media screen and (min-width: 600px)  and (max-width: 900px){

   #grid .work_item { width:49%; height:200px!important ; margin:0 1% 20px 0; }


}