﻿#wrapper {
    padding-top: 75px;
}

.top_bar .standard_wrapper {
    height: 50px;
}

#logo_wrapper {
    text-align: left;
    border: 0;
    padding: 0;
    float: left;
    width: 100%;
    height: 100%;
}

    #logo_wrapper .logo_container {
        display: table;
        padding: 0;
        height: 100%;
    }

.top_bar.scroll #logo_wrapper {
    display: block;
}

#nav_wrapper {
    border-top: 0 !important;
}

.logo_container {
    display: block;
    float: left;
    width: auto;
    height: auto;
}

html[data-menu=leftalign] #menu_wrapper {
    width: auto;
    float: left;
    height: 100%;
    padding: 0;
    margin-left: 60px;
}

html[data-menu=leftalign] #logo_right_wrapper #logo_right_button {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    right: 0;
    top: 0;
}

html[data-menu=leftalign] #logo_right_wrapper {
    width: auto;
    float: right;
    height: 100%;
    padding: 0;
    display: table;
}

/* 
#Tablet (Portrait)
================================================== 
*/

@media only screen and (min-width: 768px) and (max-width: 960px) {
    html[data-menu=leftalign] #logo_wrapper {
        padding: 0;
    }

    html[data-menu=leftalign] .logo_container {
        margin-top: 0px;
    }
}

/*  
#Mobile (Portrait)
================================================== 
*/

@media only screen and (max-width: 767px) {
    html[data-menu=leftalign] .top_bar .standard_wrapper {
        height: auto;
        padding: 0;
    }

    html[data-menu=leftalign] #nav_wrapper, html[data-menu=leftalign] #menu_wrapper {
        display: block;
    }

    html[data-menu=leftalign] .top_bar {
        padding-bottom: 0;
    }
}
