.img-res {
    width: 560px;
    height: 310px !important;
    border: 8px solid #c7cfd6;
    border-radius: 4px;
    box-shadow: 5px 4px 22px #888888;
    margin: 0px auto;
}
@media (max-width: 1199.98px) { 
    .img-res {
        width: 490px;
        height: 300px !important
}
@media (max-width: 991.98px) { 
    .img-res {
        width: 480px;
        height: 330px !important
}
@media (max-width: 767.98px) { 
    .img-res {
        width: 450px;
        height: 310px !important;
}
@media (max-width: 575.98px) {
    .img-res {
        width: 330px;
        height: 215px !important;
}
}