/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.bsp-nav-brand { z-index: 10000; }
.bsp-menu-logo { width: 70px; }
.sm-theme-main { margin: 0px; }

@media (min-width:576px) {

    .bsp-menu-logo { width: 90px; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .bsp-menu-logo { width: 100px; }

    .sm-white a { font-size: .85rem; }
    .sm-white > li > a { padding: 26px 13px; }
    .sm-white > li > a span.sub-arrow { margin-top: -5.5px; }
    .sm-white > li > a.highlighted .sub-arrow { margin-top: -5px; }
    .sm-white > li > a:hover >span.sm-text::before { bottom: -10px; }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .bsp-menu-logo { width: 120px; }


    .sm-white a { font-size: 1rem; }
    .sm-white > li > a { padding: 26px 25px; }
    .sm-white > li > a span.sub-arrow { margin-top: -5px; }
    .sm-white > li > a.highlighted .sub-arrow { margin-top: -5px; }
    .sm-white > li > a:hover >span.sm-text::before { bottom: -6px; }


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .sm-white > li > a { padding: 26px 30px; }

    .sm-white > li > a { font-size: 1.2rem; }
    .sm-white a { font-size: 1rem; }

}
/* Large devices (extra large desktops, 1200px and up) */
@media (min-width: 1400px) {	
    .sm-white > li > a { padding: 26px 30px; }
}