/** MENú HEADER **/
@media screen and (min-width:931px) {

    /**************************/
    /** ELIMINAR CSS ANTIGUO **/

    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focus>ul {
        right: 0%;
    }

    .main-navigation ul ul {
        position: relative;
        left: 0%;
    }

    /** ELIMINAR CSS ANTIGUO **/
    /**************************/
    .main-navigation .primary-menu>li:hover {
        background: white;
    }

    .main-navigation .primary-menu>li {
        position: static;
    }

    .main-navigation .primary-menu>li:hover>a {
        color: #dc042b;
        /* font-weight: bold; */
        /* border-top: 3px solid; */
    }

    .main-navigation .primary-menu>li>ul.sub-menu {
        width: 100%;
        height: 100%;
    }

    .main-navigation .primary-menu>li:hover>ul.sub-menu {
        position: absolute;
        width: 100%;
        background: white;
        font-family: 'Roboto Condensed';
        line-height: 40px;
        display: flex;
        padding: 2% 12% 0px;
        height: auto;
        box-shadow: 7px 8px 16px rgb(198 197 201);
    }

    .main-navigation .primary-menu>li>ul.sub-menu>li.col-menu {
        color: #dc042b;
        font-size: 39px;
        width: 100%;
    }

    .main-navigation .primary-menu>li>ul.sub-menu>li.col-menu:first-child {
        width: 50%;
        padding-right: 10%;
    }

    .main-navigation .primary-menu>li>ul.sub-menu>li.col-menu:hover {
        color: #dc042b;
        background: transparent;
    }

    .main-navigation .primary-menu>li>ul.sub-menu>li.col-menu>ul.items-col {
        border: none;
        display: flex;
        flex-direction: column;
        width: 58%;
    }

    .main-navigation .primary-menu>li>ul.sub-menu>li.col-menu>ul.items-col>li {
        background: transparent;
        color: #484848;
        border: none;
        padding-bottom: 15px;
    }

    .main-navigation .primary-menu>li>ul.sub-menu>li.col-menu>ul.items-col>li a {
        color: #484848;
        font-size: 14px;
        font-family: 'Roboto Condensed';
        border-left: 3px solid #dc042b;
        height: auto;
        width: 100%;
    }

    .main-navigation .primary-menu>li>ul.sub-menu>li.col-menu>ul.items-col>li:hover>a {
        color: #dc042b;
    }
}

@media screen and (max-width:930px) {
    .menu-toggle.toggled-on .fa-bars:before {
        content: "\f00d";
    }

    #menu-superior {
        margin: 0 25px;
    }

    #menu-superior>li {
        border: none;
        border-bottom: 2px solid #f8375c;
    }

    .sub-menu.toggled-on>.col-menu>.items-col {
        display: block;
    }

    .sub-menu.toggled-on>.col-menu>.items-col>li {
        border: none;
        border-left: 3px solid #f3526e;
        margin-bottom: 10px;
        font-size: 13px;
        padding-left: 15px;
    }

    .sub-menu.toggled-on>.col-menu>.items-col>li a {
        padding: 8px 0px;
    }

    .main-navigation .primary-menu>li {
        position: relative;
    }

    .redcolor-mobile.active {
        display: block;
    }

    div#site-header-menu {
        display: none;
    }

    .padding-vertical-0 {
        display: none;
    }

    .padding-vertical-0.overflow-visible {
        display: block;
    }

    .searchandlinks {
        display: none;
    }

    .sub-menu.toggled-on>.col-menu>.items-col>li:hover a {
        font-weight: bold;
    }

    .redcolor {
        display: flex;
        background: transparent;
        margin: 0 15px;
        justify-content: space-between;
        align-items: center;
    }

    button#menu-toggle {
        border-color: #000000;
    }

    .fa-navicon:before,
    .fa-reorder:before,
    .fa-bars:before {
        content: "\f0c9";
        color: black;
    }

    .overflow-visible {
        width: auto;
        margin: 0;
    }

    .redcolor a.logos {
        width: 25%;
        display: block;
    }

    .redcolor #searchform {
        display: block;
        width: 40%;
    }
}

@media screen and (max-width:680px) {
    .redcolor a.logos {
        width: 40%;
        display: block;
    }

    #homecarousel {
        border-radius: 0px;
        margin: 0px 0px 30px 0px;
        height: 72vh;
    }

    #homecarousel .hcimage {
        height: 35%;
        background-position: center;
    }

    .hctext {
        top: 35%;
    }

    .carlinks {
        top: 20%;
        right: 7%;
        display: flex;
        flex-direction: column;
    }

    #centrohome {
        display: flex;
        flex-direction: row;
        width: 100%;
        row-gap: 20px;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .chlink {
        width: 50%;
        margin: 0;
    }

    #bmwrap {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .bmcontainer {
        width: 60%;
    }

    .bmchild {
        padding: 11px 0;
        width: 100%;
    }

    #blogbanner {
        height: 55vh;
    }

    #blogbanner .row {
        height: 50%;
        width: 100%;
    }

    #blogbanner #bajomapa {
        height: 100%;
    }

    #blogbanner .top {
        flex-direction: column;
        width: 100%;
        margin-left: 28px;
        gap: 0px;
    }

    #blogbanner .top>div,
    #blogbanner .top>a {
        align-self: baseline;
    }

    #blogbanner .top .title {
        line-height: 65px;
    }

    .bmchild>img {
        width: 24px;
        height: 24px;
    }

    .bmcontainer {
        padding: 0px;
    }

    .flex-footer {
        display: none;
    }

    .flex-footer.mobile {
        display: block;
        margin: 0 7%;
        display: flex;
        flex-direction: column;
        gap: 0px;
    }

    .flex-footer.mobile .footer-top {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
    }

    .footerlogos {
        width: auto;
        padding: 0px;
    }

    .flex-footer.mobile .footerlinks {
        padding: 0px;
        justify-content: center;
        gap: 18px;
    }

    .footerlinks>a,
    .footerlinks>a:hover,
    .footerlinks>a:focus {
        font-weight: bold;
    }

    /*** INFORMACIÓN ***/
    #infomunilinks>div.chlink {
        width: 295px;
    }
}

@media screen and (max-width:490px) {
    #centrohome {
        display: flex;
        flex-direction: column;
        width: 100%;
        row-gap: 20px;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .chlink {
        width: 100%;
        margin: 0;
    }

    /*** INFORMACIÓN ***/
    #infomunilinks>div.chlink {
        width: 100%
    }
}