@media(min-width: 768px) {
    .soymm-main-wrapper {
        width: 100%;
        padding: 10px 0;
    }

    .soymm-mixed-menu {
        display: flex;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

    .soymm-mixed-menu > li {
        margin-right: 30px;
        position: relative;
    }

    .soymm-trigger-button {
        display: flex;
        align-items: center;
        color: #232323;
        cursor: pointer;
        font-weight: 700 !important;
        text-transform: uppercase;
        font-size: 15px;
    }

    .soymm-trigger-button i { margin-left: 8px; font-size: 20px; }

    .soymm-dropdown-container {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        padding-top: 10px;
    }

    .soymm-trigger-wrapper:hover .soymm-dropdown-container { display: block; }

    #soymenu_main_ul {
        display: flex;
        flex-direction: column;
        width: 400px;
        background: #fff;
        border: 1px solid #ddd;
        padding: 0;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        margin: 0;
    }

    .soymm-horizontal-link {
        display: flex;
        align-items: center;
        color: #232323;
        font-weight: 400 !important;
        text-transform: uppercase;
        font-size: 15px;
        text-decoration: none;
    }

    /* ESTILOS DEL DRAWER */
    .soymenu_category { 
        border-bottom: 1px solid #f0f0f0; 
        position: static;
    }

    .soymm_content_link { 
        display: flex; 
        justify-content: space-between; 
        align-items: center; 
        padding: 10px 20px; 
        height: 45px; 
    }

    .soymm_content_link a.dropdown-item { 
        color: #333; 
        font-weight: 400 !important; 
        font-size: 14px; 
        text-decoration: none; 
        display: flex; 
        align-items: center; 
        width: 100%;
    }

    .soymm-cat-icon { margin-right: 12px; font-size: 20px; color: #666; }

    .soy-content-submenu { 
        display: none; 
        position: absolute; 
        left: 400px; 
        top: -1px; 
        width: 400px; 
        min-height: calc(100% + 1px); 
        background: #fff; 
        border: 1px solid #ddd; 
        box-shadow: 10px 5px 15px rgba(0,0,0,0.1); 
    }

    .soymenu_category:hover > .soy-content-submenu { display: block; }

    .soymenu_subcategories, .soymenu_subcategories .row, .soymenu_subcategories ul {
        width: 100% !important;
        margin: 0;
        padding: 0;
    }

    .soymenu_subcategories .col-md-12,
    .soymenu_subcategories .col-md-6,
    .soymenu_subcategories .col-md-4,
    .soymenu_subcategories .col-md-3 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0;
    }

    .soymm_col_title, .soymm_title_submenu {
        font-weight: 400 !important;
        font-size: 14px;
        padding: 10px 20px;
        margin: 0;
        border-bottom: 1px solid #f0f0f0;
        color: #333;
    }

    .soymm_category a.dropdown-submenu { 
        display: flex; 
        justify-content: space-between; 
        align-items: center; 
        padding: 10px 20px; 
        color: #444; 
        font-size: 14px; 
        text-decoration: none; 
        height: 45px; 
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
    }

    .soymm_right_arrow { font-size: 18px; color: #bbb; }

    .soymm_subcategories_childs { 
        display: none; 
        position: absolute; 
        left: 100%; 
        top: -1px; 
        width: 400px; 
        min-height: calc(100% + 2px); 
        background: #fff; 
        border: 1px solid #ddd; 
        box-shadow: 10px 5px 15px rgba(0,0,0,0.1); 
    }

    .soymm_category:hover > .soymm_subcategories_childs { display: block; }
    .soymm_subcategories_childs li a { 
        display: block; 
        padding: 12px 20px; 
        color: #666; 
        font-size: 14px; 
        text-decoration: none; 
        border-bottom: 1px solid #f0f0f0;
    }

    .soymm-text { text-transform: lowercase; display: inline-block; }
    .soymm-text::first-letter { text-transform: uppercase; }
}

@media(max-width: 767px) {
    .soymm-main-wrapper { width: 100%; }
    .soymm-mixed-menu { display: block; padding: 0; margin: 0; list-style: none; }
    .soymm-mixed-menu > li { margin: 0; border-bottom: 1px solid #eee; }
    
    .soymm-trigger-button, .soymm-horizontal-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        background: #f9f9f9;
        font-weight: 700 !important;
        color: #333;
        text-decoration: none;
    }

    .soymm-dropdown-container {
        display: none;
        background: #fff;
    }

    .soymm-trigger-wrapper.active .soymm-dropdown-container {
        display: block;
    }

    #soymenu_main_ul { width: 100%; border: none; box-shadow: none; }
    .soymenu_category.active .soy-content-submenu { display: block; }
}