/* Add here all your CSS customizations */

body {
    font-size: 14px;
}

.header {
    height: 120px;
}

.inner-wrapper {
    padding-top: 120px;
}

.header .logo-container {
    display: inline-block;
}

.header .separator {
    height: 117px;
}

@media only screen and (min-width: 768px) {

    /* Layout Fixed - Page header */
    html.fixed .page-header {
            top: 120px;
    }

    /* Layout Fixed - Sidebar Left */
    html.fixed .sidebar-left {
            top: 120px;
    }

}

@media only screen and (min-width: 1200px) {

    /* Layout Boxed - Header */
    html.boxed .header {
            height: 120px;
    }

    html.boxed .inner-wrapper {
            padding-top: 120px;
    }

}

@media only screen and (max-width: 767px) {

    .header .logo-container {
            height: 120px;
    }

    .header .header-right {
            height: 120px;
            margin-top: 120px;
    }

    .sidebar-left {
            padding-top: 120px;
    }

}

@media only screen and (min-width: 768px) {

    html.header-fixed .inner-wrapper {
            margin-top: 120px;
    }

}

@media only screen and (min-width: 768px) {

    .header.header-nav-menu .logo:after {
            height: 120px;
    }

}

@media only screen and (min-width: 768px) {
    html.fixed .inner-wrapper {
            padding-top: 174px;
    }
}