#menu-buscador {
    display: none !important;
}
/* hang burger */
.hamburger {
    width: 40px;
    position: relative;
    cursor: pointer;
    background-color: transparent;
}
.hamburger > div {
    height: 40px;
}
.hamburger:hover span:nth-child(1) {
    top: -4px;
    -webkit-transition: .20s ease-in-out;
    -moz-transition: .20s ease-in-out;
    -o-transition: .20s ease-in-out;
    transition: .20s ease-in-out;
}
.hamburger:hover span:nth-child(3) {
    top: 34px;
    -webkit-transition: .16s ease-in-out;
    -moz-transition: .16s ease-in-out;
    -o-transition: .16s ease-in-out;
    transition: .16s ease-in-out;
}
.hamburger span {
    z-index: 3;
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #ccc;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .20s ease-in-out;
    -moz-transition: .20s ease-in-out;
    -o-transition: .20s ease-in-out;
    transition: .25s ease-in-out;
}
.hamburger span:nth-child(1) {
    top: 0px;
}
.hamburger span:nth-child(2) {
    top: 14px;
}
.hamburger span:nth-child(3) {
    top: 28px;
}
.hamburger.open span:nth-child(1) {
    top: 14px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #ccc;
}
.hamburger.open span:nth-child(2) {
    opacity: 0;
    left: -30px;
    -webkit-transition: .16s ease-in-out;
    -moz-transition: .16s ease-in-out;
    -o-transition: .16s ease-in-out;
    transition: .16s ease-in-out;
}
.hamburger.open span:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background-color: #ccc;
}
@media (max-width: 991px) {
    #wrapper-menu,
    #menu-buscador {
        display: block !important;
    }
    #wrapper-menu ul li {
        margin-left: 0;
        padding: .4em 1em;
    }
    #wrapper-menu ul li + li {
        margin-top: 0;
    }
    #wrapper-menu .active {
        color: #E0AE0E;
    }
    #wrapper-menu {
        position: fixed;
        overflow-x: hidden;
        width: 100%;
        max-width: 300px;
        right: -300px;
        height: 100vh;
        top: 0;
        font-family: 'Quattrocento Sans', sans-serif;
        background-color: #1f3856;
        z-index: 1111;
        border-left: 2px solid #E0AE0E;
        color: #fefefe;
    }
    #wrapper-menu .close-menu {
        position: absolute;
        font-size: 2em;
        line-height: 2em;
        font-weight: 600;
        width: 50px;
        cursor: pointer;
        height: 50px;
        right: -50px;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var( --white );
        background-color: #fff;
    }
    #wrapper-menu .close-menu + div {
        background-color: #fff;
    }
    #wrapper-menu img {
        width: 70%;
        height: auto;
        display: block;
        margin: .6em auto;
    }
    #wrapper-menu a {
        color: inherit;
    }
    #wrapper-menu .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #wrapper-menu .list-group {
        font-size: inherit;
    }
    #wrapper-menu .list-group .list-group-item:first-child() {
        border-top: none;
    }
    .iconos ul {
        width: 100%;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    .servicio table {
        display: block;
    }
    .servicio table tbody {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .servicio table tr {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .servicio table td {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 768px) {
    .iconos ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .iconos ul li + li {
        margin-left: -15px;
    }
    .iconos li {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 425px) {
    .footer--logo {
        height: auto;
        max-width: 100%;
        width: 182px;
    }
    .header--logo__normal {
        height: auto;
        width: 75%;
    }
    .iconos li,
    .servicio table td {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .iconos li + li,
    .servicio table td + td {
        margin-top: 1em;
    }
    .producto--table table,
    .repuestos table {
        display: block;
    }
    .producto--table tbody,
    .repuestos tbody {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .producto--table table tr,
    .repuestos table tr {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .producto--table table td,
    .repuestos td {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
}