@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), only screen and (min-width: 1024px) {
    .main_nav {
        background: #27769f;
    }
}

/* Desktop up */
@media only screen and (min-width: 1023px) {
    .site_search .input_search_button:hover,
    .site_search .input_search_button:focus,
    .site_search .input_search_button:active,
    .main_nav ul.parent > li.current, 
    .main_nav ul.parent > li.active, 
    .main_nav ul.parent > li.focus, 
    .main_nav ul.parent > li:hover {
        background: #1d526d;
    }
}