Responsive Boostrap

Responsive Boostrap

xs (768px ≥ xs ≥ 320px) = .col-xs-*
small (991px ≥ small ≥ 768px) = .col-sm-*
medium (1199px ≥ medium ≥ 992px) = .col-md-*
large ( large ≥ 1200px) = .col-lg-*

@media only screen and (min-width: 1200px) {
        .grid-offer-photo img {
            width: 263px;
            height: 185px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
        .grid-offer-photo img {
            width: 330px;
            height: 247px;
        }
}

@media only screen and (min-width: ...px) and (max-width: ...px) {
    // code here
}