.blue_bar {
    min-height: 0;
    background-color:#23252a;
	overflow: hidden;
}

.row_57 {
    clear: both;
    min-height: 100px;
}
.nav_menu {
    text-align: center;
}

.menuContainer {
    clear: both;
    min-height: 80px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.row_16 {
    clear: both;
    width: auto;
    min-height: 80px;
    margin-right:-15px;
    margin-left:-15px;
}

.hbslogo {
    float: left;
    width: 30%;
    min-height: 80px;
	padding-top:25px;
	text-align: center;
	
} 



img.image2 {
    display: block;
    margin-left:auto;
    margin-right:auto;
}
.hbsmenu {
    float: right;
    width: 100%;
    min-height: 80px;
	padding-top:15px;
}
.drop_menu1_menu_wrapper {
    text-align: center;
}
div#drop_menu1_container {
    width:auto;
    height:auto;
}
.drop_down_menu_ul li {
    font-weight: 400;
    font-family:inherit;
}
/* GRID BASED ([{"device":"mobile","options":{"gutter":"15","columns":12,"width":"100%"}},{"device":"tablet","options":{"gutter":"15","columns":12,"width":"90%"}},{"device":"desktop","options":{"gutter":"15","columns":12,"width":"80%","maxWidth":"1232px"}}]) */
 .header {
    min-height:50px;
    z-index:10000;
}
#MainMenu_list {
    display: none;
    text-align:left;
}
.customClass1 {
    display: inline-block;
    border-width:0px;
    border-style:none;
    min-height:46px;
    background-color:rgba(255, 255, 255, 0.3);
}
span.span7 {
    font-weight: 900;
    font-style:normal;
    font-size: 24px;
    font-family:Lato, sans-serif;
}
span.span8 {
    font-family: Lato, sans-serif;
    font-style:normal;
    font-size: 24px;
    font-weight:300;
}


@media only screen and (max-width: 768px) {
	.hbslogo{
		clear:both;
		margin: 0 auto;
		width:100%;
		min-width:250px;
	}
}


@media only screen and (min-width : 768px) {
    .header {
        min-height: 80px;
    }
    .blue_bar {
        min-height:80px;
		overflow: visible;
    }
    .row_57 {
        clear: both;
        min-height: 100px;
    }
    .menuContainer {
        clear: both;
        width:85%;
        margin-left:auto;
        margin-right:auto;
        min-height:0px;
    }
	
    .row_16 {
        margin-left:-15px;
        min-height:0px;
    }
    .hbslogo {
        float: left; 
        width: 30%;
        min-height: 80px;
    }
    img.image2 {
        margin-right: auto;
        display:block;
    }
    .hbsmenu {
        float: right;
        width: 70%;
        min-height: 80px;
		text-align: right;
    }
    .drop_menu1_menu_wrapper {
        text-align: right;
    }
    div#drop_menu1_container {
        width:auto;
        height:auto;
    }
    .column_9 {
        width: 100%;
        min-height:0px;
        float:left;
        padding-left:15px;
        padding-right:15px;
        text-align:center;
    }
    #MainMenu_list {
        display: block;
    }
    .customClass1 {
        display: none;
        border-width:0px;
        border-style:none;
        min-height:0;
        background-color:transparent;
    }
}
@media only screen and (min-width : 1024px) {
    .header {
        min-height: 50px;
        top:0px;
        left:0px;
        width:100%;
    }
    .blue_bar {
        min-height:80px;
    }
    .row_57 {
        clear: both;
        min-height: 100px;
    }
    .menuContainer {
        width: 85%;
        margin-left:auto;
        margin-right:auto;
        max-width:1232px;
    }
    .row_16 {
        clear: both;
        width: auto;
        margin-left:-15px;
        min-height:0px;
    }
	
    img.image2 {
        margin-right: auto;
        float:none;
        margin-left:0px;
        display:inline;
    }
    .hbsmenu {
        float: right;
        width:60%;
        min-height:80px;
    }
    .drop_menu1_menu_wrapper {
        text-align: right;
    }
	
    div#drop_menu1_container {
        width:9cols;
        height:auto;
    }
    .column_9 {
        width: 16.6667%;
        float:left;
        min-height:0px;
        padding-left:15px;
        padding-right:15px;
        text-align:left;
    }
}