.gallery .image
{
 width: 250px;
 height: 250px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 border: 5px solid #fff;
 border-radius: 5px;
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 40px;
}

@media ( max-width: 1199px )
{
    .gallery .image
    {
     width: 200px;
     height: 200px;
     border-width: 4px;
    }
}

@media ( max-width: 991px )
{
    .gallery .image
    {
     width: 200px;
     height: 200px;
     border-width: 4px;
    }
}

@media ( max-width: 767px )
{
    .gallery .image
    {
     width: 300px;
     height: 300px;
    }
}