<style>
html, body { height: 100%; min-height: 100%;}

* {
  @include box-sizing(border-box);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  // margin: 0;
  // padding: 0;  
}

h2 {
font-size: 4vw;
}

.header {
display: inline-block; position: relative; width: 100%; z-index: 9999999; height: 150px; border: 0px solid #000;
}

.header-logo {
 display: inline-block; position: absolute; width: 30%; height: 75%; max-height: 75%; padding: 0 1%; float: left; border: 0px solid #000; margin: 0 35%;;
}

.header-logo img {
 display: inline-block; position: absolute; padding: 0 1%; float: left; border: 0px solid #000; max-width: 90%; max-height: 90%;
}

.menu-div {
width: 100%; z-index: 999999; display: inline-block; position: absolute; top: 105px; background: #f58635; color: #fff;
}

.search a:link 
{ padding: 8px 25px;}

.side-menu a:link
{ padding: 8px 25px;}

.col-md-3 {
display: inline-block;
float: none;
vertical-align: top;
width: 24%;
}

.navbar-collapse {float: left;}

.megamenu-fw {padding: 0 40px; background: transparent;}

.navbar-toggle {margin: 0 0 8px 0px;}

@media (max-width: 986px) {

.header {
height: 75px;
}

.header-logo {
width: 45%;
}

.menu-div {
top: 40px; 
background: #fff;
color: #444;
}

.search a:link 
{ padding: 4px 25px;}

.side-menu a:link
{ padding: 4px 25px;}


.col-md-3 {
display: block;
float: none;
margin: 0;
width: 100%;
}

.navbar-collapse {float: none;}

}

</style>