.layout-body{ overflow:auto; flex-grow:1; } /*----RESULTS LIST----*/ .rs-list{ display:flex; flex-wrap: wrap; } .rs-card-wrap{ width:100%; padding:8px; } .rs-card-wrap.rs-50{ width:50%; } .rs-card{ background-color: #FFF; position: relative; overflow: hidden; height: 100%; display: flex; flex-direction: column; border-radius: .6rem; } .rs-card-thumb-logo{ height:50px; } .rs-card-store-name{ line-height:1.1; } .rs-card-thumb-wrap{ background-color: #f0f8ff; position: relative; width: 100%; padding-top: 50%; overflow: hidden; } .rs-card-thumb-window{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #FFF url() no-repeat center center; background-size: cover; transition: transform .5s; } @media (min-width: 628px){ .rs-card-wrap, .rs-card-wrap.rs-50{ width:50%; } } @media (min-width: 870px){ .rs-card-wrap, .rs-card-wrap.rs-50{ width:33.33%; } } @media (min-width: 1068px){ .rs-card-wrap, .rs-card-wrap.rs-50{ width:25%; } } @media (min-width: 1150px){ .rs-card-wrap, .rs-card-wrap.rs-50{ width:25%; } }