/** small screens */
@media screen and (max-width: 600px) {

/** layout */
body {
    padding: 0 2px;
}
.banner h1 {
    font-size: 14px;
}
.banner h1 span {
    font-size: 12px;
}
#header {
    height: 90px;
}

img.logo {
    display: none;
}

.header-right {
    display: none;
}

/** hidden */
#website-logo-position,
#topmenu {
    display: none;
    background-color:#fff;

}

/** shown */
#topmenu-small {
    display: block;
}


}

option.first-option {
background-color: rgb(11, 128, 183);
clear: both;
color: rgb(255, 255, 255);
cursor: pointer;
display: block;
font-size: 14px;
font-weight: normal;
height: 26px;
line-height: 20px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 20px;
padding-top: 3px;
text-align: left;
text-decoration: none;
white-space: nowrap;
padding: 3px 20px;
font-style: normal;
line-height: 1.42857143;
border-bottom: 1px solid white;
}

option.second-option {
background-color: rgb(238, 238, 238);
box-sizing: border-box;
clear: both;
color: rgb(11, 128, 183);
cursor: pointer;
display: block;
font-size: 14px;
font-weight: normal;
height: 26px;
line-height: 20px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 20px;
padding-top: 3px;
text-align: left;
text-decoration: none;
white-space: nowrap;
width: 529px;
padding: 3px 20px;
line-height: 1.42857143;
border-bottom: 1px solid white;
}


option.hide { display: none;}


.input-sm {
    height: 30px;
    padding: 0px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}


/** small screens */
@media screen and (max-width: 1550px) {

/** layout */
body {
    padding: 0 2px;
}
.banner h1 {
    font-size: 14px;
}
.banner h1 span {
    font-size: 12px;
}
#header {
    height: 91px;
}

/** shown */
#histo-small {
    display: block;
}



/** medium screens */
@media screen and (max-width: 800px) {

/** layout */
.banner h1 {
    font-size: 20px;
}
.banner h1 span {
    font-size: 15px;
}
.banner .section .title {
    font-size: 20px;
}


#topmenu > li > a {
    font-size: 10px;
}
#topmenu > li > .submenu > li > a {
    padding: 5px 10px;
    font-size: 12px;
}

/** parallax */
.parallax-sidebar {

}



}


@media (max-width: 1550px) {

    .bg-light-menu {

    color: #0b80b7;
    background-color: #F1F1F3;
    padding: 2px;

    }
}

@media (min-width: @screen-sm-min) {

    .bg-light-menu {

    color: #0b80b7;
    background-color: #F1F1F3;
    padding: 2px;

    }
}