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

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {    
    .bsp-menu-logo { width: 250px; }

    .sm-white > li > a { padding: 3px 20px; }

}

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

    .sm-white > li > a { padding: 3px 25px; }


}

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

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

}