@charset "utf-8";
/* CSS Document */

.menu-button {
    box-sizing: border-box;
    float: left;
    padding-left: 6vw;
    width: 25%;
}

.search-mobile {
    float: left;
    width: 75%;
}
.header-mobile-wrapper {
    float: left;
    margin-top: 17px;
    width: 85%;
}

.search-mobile .inputbox.search-query {
    background-color: #f2f2f2;
    background-image: url("../images/icon-search.png");
    background-position: 22px center;
    background-repeat: no-repeat;
    border-radius: 25px;
    height: 24px;
    margin-top: -9px;
}

@media (max-width: 767px) {	
.logo {
    background: none repeat scroll 0 0 #ebeed3;
    clear: both;
    padding: 14px;
	border-bottom: 14px solid #ccc;
  }  
.visible-phone.mobile {
    margin-top: 0;
  }
  .top-wrap.row-fluid {
    background: none repeat scroll 0 0 #eaedd2;
    border-top: 14px solid #ffffff;
}
.navbar .nav > li > a {
    padding: 10px 17px;
}
/*
.top .navbar .nav li { 
    width: 100%;
}
*/
	.top .navbar .nav li {
		width: 32%;
	}
.top-wrap.row-fluid a, .btl-dropdown {
    font-size: 13px;
    text-align: left;
}
main {
    border-right: 1px solid transparent;
}
.span3.footer3 {
    text-align:center;
}
.footer-menu a { 
    text-align: center;
}
footer [class*="span"] {
    border-bottom: 1px solid #ccc;
    padding: 26px;
    text-align: center;
}
#btl {
    padding-left: 10px;
    text-align: left;
}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.top .nav li a {
    padding-left: 4vw;
    float: left;
    padding-right: 5vw;
}
.top .navbar .nav li {
    width: auto;
}
.logo {
    padding-left: 12px;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.top .nav li a {
    padding-left: 2vw;
    float: left;
    padding-right: 1vw;
}
.top .navbar .nav li {
    width: auto;
}

.main-nav.navbar .nav > li > a {
    padding: 41px 21px;
}
}


/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	.top .navbar .nav li {
		width: 100%;
	}
}