// Navigation 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: 768px) and (max-width: 991px) { } // Extra Small Devices Phones @media (max-width: 767px) { // Navigation container .page-navigation-container-navbar{ background-color: #f8f8f8; border-color: #e7e7e7; } // Navigation Toggle .page-navigation-container-navbar-toggle{ border-color: #ddd; } // Navigation Icon Bars .page-navigation-container-navbar-toggle-icon-bar{ background-color: #888; } } @media (max-width: 480px) { } @media (max-width: 320px) { }