﻿.cb_nav.small-device, .cb_footer .small-device { display: none; }

@media screen and (max-width: 800px) {
    /* Misc things */
    #CBIntlBar1_intlPanel,
    .cb_footer .navlist > li li.first,
    .header_wrapper,
    .cb_nav.large-device,
    .cb_footer .large-device,
    .quickSearchBar,
    .footer_helplinks li.social strong {
        display: none;
    }
    .cb_nav.small-device, .cb_footer .small-device { display: block; }
    .cb_nav .mobile-menu a {
        font-weight: normal;
        padding: 12px 15px;
    }

    #pnlInnerWrapper {
        padding: 10px 2.5%;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        box-shadow: none;
    }

    #divViewEditResume div#main { padding-right: 0; }
    .normalSpacing { margin-bottom: 16px; }

    body {
        font-family: Helvetica, Arial, sans-serif;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
    }

    .btn {
        font-weight: normal;
        border-radius: 0px;
        -webkit-appearance: none;
        border: none;
        background: none;
        background-image: none;
        background-color: #fd6e22;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 1em 0;
        padding: 0;
        height: 40px;
        line-height: 40px;
        width: 100%;
        display: block;
        font-size: 21px;
        color: #fff;
    }
    .btn.large {
        padding: 0;
        font-size: 18px;
    }
    .btn:hover {
        background-color: #DF691E;
        text-decoration: none;
    }
    .btn.blue, .btn.secondary {
        background-color: #4472d1;
    }
    .btn.blue:hover, .btn.secondary:hover {
        background-color: #2d52a2;
    }
    .btn.grey, .btn.tertiary {
        background-color: #f5f5f5;
    }
    .btn.grey:hover, .btn.tertiary:hover {
        background-color: rgba(45, 82, 161, 0.28);
    }

    strong, b, .bold, label {
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;
    }
    i, em, .italic {
        font-style: italic;
        font-family: Helvetica, Arial, sans-serif;
    }

    input, select, textarea, button {
        font: inherit;
        box-sizing: border-box;
        border-radius: 0;
    }

    input:not([type]),
    input[type=text],
    input[type=password],
    input[type=email],
    input[type=tel],
    input[type=number],
    input[type=file],
    input[type=url],
    select,
    textarea,
    .cbautocomplete-keywords,
    .cbautocomplete-location {
        -webkit-appearance: none;
        border: 1px solid #BDBAB4;
        font-size: 14px;
        margin: 0 0 1em 0;
        padding: 0.5em;
        background: none;
        height: 30px;
        background-color: #FFFFFF;
    }

    select { max-width: 100%; }

    input[type="checkbox"] {
        margin: 0;
        line-height: 1.5em;
        font-size: 16px;
        margin-right: 1px;
        margin-top: 5px;
    }

    /* Header for mobile */
    header.mobile {
        background: #DF691E;
        padding: 8px 10px;
        text-align: left;
        height: 26px;
    }
    header.mobile .logo-link img, .nav-bars-wrapper img, .nav-search-icon img { height: 24px; }

    nav.mobile-menu { display: none; text-align: left; }
    .nav-bars {
        margin: 0;
        padding: 0;
        list-style-image: none;
    }
    .nav-bars li {
        display: block;
        height: 3px;
        width: 24px;
        background: #FFF;
        margin: 4px 0;
    }

    .nav-search-box {
        display: none; 
        background: #243861;
        padding: 10px;
        color: #FFF;
    }

    .nav-search-box .rl-preview-spinner { right: 20px; bottom: 20px; }

    .mobile-menu { background: #243861; border-right: 1px solid #242a37; }
    .mobile-menu a {
        display: block;
        border-bottom: 1px solid #242a37;
        border-top: 1px solid #354771;
        color: #fff;
        font-size: 16px;
        padding: 12px 15px;
    }
    .mobile-menu a:hover { text-decoration: none; background-color: #405b9d; }
    .mobile-menu img {
        height: 21px;
        margin-right: 10px;
        vertical-align: middle;
    }

    /* Search box in the nav for mobile */
    .nav-search-box { text-align: left; }
    #loading-loc { padding: 10px 7px; }
    .loading-loc-icon { margin-bottom: -7px; }
    #find-me-btn {
        display: inline;
        padding: 8px;
        margin-left: 6px;
        font-size: 18px;
        line-height: 2.3em;
    }

    .find-me-btn-icon {
        margin-bottom: -2px;
    }

    #loading-loc { display: none; }
    #navKeywords, .location > input {
        width: 244px;
    }

    .mobile-apply-text {
        display: inline;
        font-weight: normal;
    }

    .mobile-apply {
        line-height: 1.75em;
        margin-bottom: 15px;
    }

    .search_input{
        display:none; 
    }

    #pnlInnerWrapper{
        padding: 10px 2.5% !important;
    }

    /* Footer */
    .cb_footer .bounds {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 12px;
    }
    .footer_helplinks, .footer_helplinks a {
        line-height: 1;
    }
    .footer_helplinks li.customerServiceNumber {
        margin: 0;
        padding: 1em;
        float: none;
        font-size: 12px;
        background-color: #4472d1;
    }
    #pnlMobileFooter {
        background-color: #2d52a2;
        color: #fff;
        padding-bottom: 16px;
        text-align: center;
        line-height: 1.5;
    }
    #pnlMobileFooter a { color: #fff; }
    .footer_helplinks {
        color: #fff;
        text-align: center;
        padding: 0;
    }
    .footer_helplinks li.social {
        padding: 18px 0 8px;
        float: none;
        background-color: #2d52a2;
    }
    .footer_helplinks li.social a:first-of-type { margin-left: 0; }
}