/*------------------------------------*\
    Mobile Nav
\*------------------------------------*/
@media (max-width: 991px) {
    .container {width: 100%;}
    nav ul#nav li {width: 100%; text-align: left; padding: 5px 1em;}
    nav ul#nav li:last-of-type {border-bottom: none;}
    nav ul li#userNav > a {padding: .5em .5em .5em 45px;}
    nav ul li#userNav #userAvatar {max-height: 30px; max-width: 30px; left:4px; top: 4px;}
    nav ul li#userNav i.fa {display: none;}
    nav ul li#userNav ul {padding-left: 45px;}
    nav ul#nav li ul {display: block; position: relative; border: none; -webkit-box-shadow: none; box-shadow: none;}
    nav ul#nav li ul:before {content: none}
    nav ul#nav li ul li {border: none; padding: 10px 0; }
    nav ul#nav li ul li a {color: #333;}

    #mainNav nav ul#nav li {display: block;}
    #mainNav nav ul#nav li.navparent {line-height: 30px;}
    #mainNav nav ul#nav li ul {display: block; position: unset; box-shadow: none; -webkit-box-shadow: none;}
    #mainNav nav ul#nav li ul:before, #mainNav nav ul#nav li.navparent:after {content: none;}

}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/*Small devices (landscape phones)*/
@media (max-width: 767px) {
    .row-eq-height {display: block;}
    #mapContainer #brandRfpMapIframe {height: 350px;}
    #mapContainer #mapCta { height: 250px; margin: 50px 0;}
    #mapContainer #mapCta h1 {font-size: 32px;}
    #mapContainer #mapCta h3 {font-size: 18px;}
    #mapContainer #mapCta #mapGetStarted {font-size: 22px;}

    #search .formSubmit {font-size: 22px; }
    #search .formSubmit:before { margin-right: 105%; }
    #search .formSubmit:after { margin-left: 105%; }

    #whatIsBillboardsIn p {font-size: 1.7rem;}
    #whatIsBillboardsIn h2 {margin-top: 0em!important;}
    #whatIsBillboardsIn img {max-height: 160px;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    #mapContainer #brandRfpMapIframe {height: 350px;}
    #mapContainer #mapCta { height: 250px; margin: 50px 0;}
    #mapContainer #mapCta h1 {font-size: 48px;}
    #mapContainer #mapCta h3 {font-size: 24px;}
    #mapContainer #mapCta #mapGetStarted {font-size: 28px;}

    #search .formSubmit {font-size: 28px; }
    #search .formSubmit:before { margin-right: 115%; }
    #search .formSubmit:after { margin-left: 115%; }

    #whatIsBillboardsIn h2 {margin-top: 1em!important;}

    #whatIsBillboardsIn p {font-size: 1.7rem;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
    header #userBar {padding: 10px 0;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}