@media (min-width: 980px)  and (max-width: 1280px) 
        { 
   #leftmenu{width:11%; margin-right:0.3%; position: relative; top: 0px;}
        }
   @media (min-width: 640px) and (max-width: 980px)
        { 
            .product-wrapper {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #b1bace;
    border-radius: 5px 4px 4px;
    clear: both;
    margin: 100px auto 30px;
    overflow: hidden;
    padding: 20px;
    width: 90%;
}
            }
            
   @media (min-width: 450px) and (max-width: 639px) 
     {
    .product-wrapper {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #b1bace;
    border-radius: 5px 4px 4px;
    clear: both;
    margin: 100px auto 30px;
    overflow: hidden;
    padding: 20px;
    width: 90%;
}


  
         } 
            @media (min-width: 320px) and (max-width: 451px) {
    
.product-wrapper {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #b1bace;
    border-radius: 5px 4px 4px;
    clear: both;
    margin: 100px auto 30px;
    overflow: hidden;
    padding: 20px;
    width: 90%;
}
  
         }