/* ==========================================================
   HEADER ESCRITORIO INTERMEDIO
   1451px a 1860px
========================================================== */

@media (min-width: 1451px) and (max-width: 1860px) {

    #mainMenu nav > ul > li {
        margin-left: 2px;
    }

    #mainMenu nav > ul > li > a {
        font-size: 10.5px;
        letter-spacing: 0.35px;

        padding-left: 7px;
        padding-right: 7px;

        white-space: nowrap;
    }

}



/* ==========================================================
   HEADER RESPONSIVE
   Tablet / laptops pequeñas
========================================================== */

@media (min-width: 992px) and (max-width: 1450px) {

    #header {
        height: 80px;
        line-height: 80px;
    }

    #header #header-wrap {
        min-height: 80px;
    }

    #header #header-wrap .container {
        position: relative;
        min-height: 80px;
    }

    /* Logo */
    #header #header-wrap #logo {
        float: left;
        height: 58px;
        position: relative;
        z-index: 12;
    }

    #header #header-wrap #logo a > img {
        height: 58px;
        width: auto;
    }

    /* Hamburguesa */
    #header #mainMenu-trigger {
        position: absolute;
        right: 15px;
        top: 0;

        width: 36px;
        height: 80px;
        line-height: 80px;

        opacity: 1;
        visibility: visible;

        z-index: 30;
    }

    #header #mainMenu-trigger button {
        width: 36px;
        height: 80px;
        line-height: 80px;
    }

    #header #mainMenu-trigger button i {
        font-size: 18px;
        vertical-align: middle;
    }

    /* Buscador */
    #header .header-extras {
        position: absolute;
        right: 58px;
        top: 0;

        height: 80px;
        line-height: 80px;

        margin: 0 !important;
        padding: 0 !important;
        border-left: 0 !important;

        z-index: 25;
    }

    #header .header-extras > ul {
        display: flex;
        align-items: center;
        height: 80px;
        margin: 0;
        padding: 0;
    }

    #header .header-extras > ul > li {
        float: none;
        margin: 0 4px;
        height: auto;
        line-height: normal;
    }

    #header .header-extras > ul > li > a:not(.btn) {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 32px;
        height: 32px;

        padding: 0;
        margin: 0;
        line-height: 32px;
    }

    #header .header-extras > ul > li > a:not(.btn) i {
        margin: 0;
        font-size: 15px;
        line-height: 1;
    }

    /* Menú */
    #header #mainMenu:not(.menu-overlay) {
        max-height: 0;
        clear: both;
        display: block;
        width: 100%;
        opacity: 1;
        overflow: hidden;
    }

    #header #mainMenu:not(.menu-overlay) nav {
        float: none;
        width: 100%;
        line-height: 40px;
        padding-bottom: 20px;
    }

    #header #mainMenu:not(.menu-overlay) nav > ul {
        float: none;
        width: 100%;
    }

    #header #mainMenu:not(.menu-overlay) nav > ul > li {
        float: none;
        clear: both;
        display: block;
        margin: 0;
        padding: 0;
    }

    #header #mainMenu:not(.menu-overlay) nav > ul > li > a {
        display: block;
        padding: 12px 0;
        font-size: 13px !important;
    }

    /* Menú abierto */
    .mainMenu-open #header #mainMenu:not(.menu-overlay) nav {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mainMenu-open #header #mainMenu:not(.menu-overlay)
    nav > ul > li > a {
        padding-top: 13px;
        padding-bottom: 13px;
    }
}