@media all and (min-width: 992px) {  .container-fluid { padding: 0 3rem; } } @media (max-width: 991.98px) {  .product-box { flex-direction:column !important; } } @media ( max-width: 500px ) {  .banner { height:300px !important; }  .banner .banner-content { padding: 1rem; }  .banner .banner-content .banner-title { font-size:1rem; }  .banner .banner-content p { font-size:.75rem; }  .brands,  nav.products { flex-direction:column }  .brands .header span.arrow,  nav.products .header span.arrow { display: none; } }