// Generic Responsive Classes // Large Devices, Wide Screens @media (min-width: 1200px) { } // Medium Devices, Desktops @media (min-width: 992px) and (max-width: 1199px) { } // Small Devices, Tablets @media (min-width: 769px) and (max-width: 991px) { .top-banner { height: 230px; } .generic-page-headers-container{ h1{ font-size: 30px; } } } // Extra Small Devices Phones @media (max-width: 768px) { .top-banner { height: 185px; } .embedded-image { max-width: 100%; width: 100%; float: none; padding-right: 0; } .generic-page-headers-container{ h1{ font-size: 30px; } } } @media (max-width: 480px) { } @media (max-width: 320px) { }