.thumbnail {
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 0;
}

.thumbnail img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.thumbnail img.portrait {
    width: 100%;
    height: auto;
}

a#button {
    width: 200px;
}

div.col-sm-3.col-xs-5 {
    padding-bottom: 20px;
}

/*.col-md-4 {*/
    /*width: 23%;*/
/*}*/

 @media
 only screen and (max-width: 760px),
 (min-device-width: 768px) and (max-device-width: 1023px)  {

     div.col-xs-5 div.thumbnail{
         height: 150px;
         width: 150px;
     }

     div.col-sm-3.col-xs-5{
         height: 325px;
         padding-left: 0;
     }

     .col-xs-5 {
         width: 50%;
     }

     a#button {
         width: 150px;
     }
 }

 @media
 only screen and (max-width: 320px),
 (min-device-width: 320px) and (max-device-width: 320px)  {

 div.col-xs-5 div.thumbnail{
     height: 100px;
     width: 100px;
 }

 div.col-sm-3.col-xs-5{
     height: 275px;
     padding-left: 0;
 }

 .col-xs-5 {
     width: 50%;
 }

 a#button {
     width: 100px;
 }
 }