@media screen and (max-width: 1200px) { main{ padding: 0 20px; } } @media screen and (max-width: 992px) { } @media screen and (max-width: 768px) { .row [class*=col]{ margin-bottom: 30px; &:last-child{ margin-bottom: 0; } } .cover{ .table{ min-width: 820px; } } br{ display: none; } } @media screen and (max-width: 576px) { } @media screen and (max-width: 320px) { }