﻿
       @media (min-width: 640px) and (max-width: 980px)
        {    
            
            .tile.product .image-link img {
    display: block;
    min-height:0;
    min-width: 100%;
}

.tile.product .image-link {
    display: block;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}
       
  
.col8 {
    float: none;
    min-height: 1px;
    width: 70%;
}
.tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);

    min-height: 1px;
    position: relative;

}
         .shopwrapper{margin: 0 auto; padding: 0 0 10px; width: 97%;}
     

        

         }
           @media (min-width: 450px) and (max-width: 639px) 
     {
                  .tile.product .image-link img {
    display: block;
    min-height:0;
    min-width: 100%;
}

.tile.product .image-link {
    display: block;

    overflow: hidden;
    width: 100%;
}
       .tile.product .tile-bottom {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px dotted #ccc;


    position: relative;
}
  
.col8 {
    float: none;
    min-height: 1px;
    width: 90%;
}
.tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);

    margin: 0px 5px 30px;
    min-height: 1px;
    position: relative;
 
}
         .shopwrapper{margin: 0 auto; padding: 0 0 10px; width: 97%;}
         
         }
          @media (min-width: 320px) and (max-width: 451px) 
     {
                     
            .tile.product .image-link img {
    display: block;
    min-height:0;
    min-width: 100%;
}

.tile.product .image-link {
    display: block;
  
    overflow: hidden;
    width: 100%;
}
       
  .tile.product .tile-bottom {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px dotted #ccc;

  
    position: relative;
}
.col8 {
    float: none;
    min-height: 1px;
    width: 70%;
}
.tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);


    margin: 0px 5px 30px;
    min-height: 1px;
    position: relative;

}
         .shopwrapper{margin: 0 auto; padding: 0 0 10px; width: 97%;}
     
         .search-results-pagination {
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
    width: 100%;
}
  a.pagination-link {

    color: #404448;
 
    text-align: center;
}
        

         }
   
       