.bloks_sel_items {width:100%; float:left;}
.count3_top { margin-top: 15px; font-weight: 400px; font-size: 14px; 
              width:280px; float:right; text-align:right; 
              }

.windows_ram_box   {min-height:100px; width:47%; border: 2px solid #f5f5f5; 
                    box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
                    border-radius: 4px; 
                    background-color: #ffffff;
                    
                    float:left;
                        }
.windows_ram_box:hover  {border: 2px solid #2A9E89;}  




#vid_prform_box_zagolovok_al,
#zagolovok_al {text-indent:20px; width: 99%; float: left;}
#titles_el  {max-width: 98%;  min-width: 98%;  width: 98%;height:90px; border:1px #ddd solid;}
#select_items_add {width: 99%;}
.close_win {color:#fff; font-weight: 900;  width: 10px; height: 10px; font-size: 10px; text-align:
            center;padding: 4px; background-color: red;  border-radius:20px; line-height: 1.0; 
            position:absolute; opacity: 0.5; margin-left: 47px; margin-top: -64px;}
.close_win:hover {opacity: 1.0;}            

.gallery_works {margin-left:-10px; width:110%; }
.windows_ram_box1   {min-height:100px; width:47%; border: 2px solid #f5f5f5; 
                    box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
                    border-radius: 4px; 
                    background-color: #ffffff;
                    float:left;
                    cursor:pointer;  height:265px;  
                    background-color: #fff;  margin-left: 10px; margin-top:10px;
                    min-width:305px;
                    width: 305px; margin-left: 20px;}   
.windows_ram_box1:hover  {border: 2px solid #2A9E89; }  



@media  (min-width: 0px) and (max-width: 384px)
{ 

  .windows_ram_box {width: 270px; }
  .windows_ram_box1 {width: 93%; min-width:305px; margin-left: 2px;}   
  #vid_prform_box_zagolovok_al,
  #zagolovok_al {text-indent:10px; width: 98%; }
  #titles_el  {width: 90%; }
  #vid_prform_box  {width: 94%;}
  .gallery_works {width:110%;}


}



@media  (min-width: 385px) and (max-width: 767px)
{ 
  .windows_ram_box1 {width: 43%;  margin-left: 2px; }   
  #vid_prform_box_zagolovok_al,
  #zagolovok_al {text-indent:12px; width: 99%;}
  #titles_el  {width: 91%; }
  .windows_ram_box1 {width:97%;}

}

@media  (min-width: 768px) and (max-width: 1279px) 
{ 
    /* планшеты */
    #titles_el  {width: 97%; max-width: 97%;  min-width: 97%; }
    .windows_ram_box1 {width:97%;}
    #show_galery {width:100%;margin-left:-20px;} 

}

 


@media  (min-width: 1280px) 
{
    /* компьютеры */
   .bloks_sel_items { margin-left:-10px; width: 100%;}


  
}