/* ##################################################################
   ########   R E S P O N S I V E  |  M A Y O R   A   M D   ######### */

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

    /* ##### HEADER ##### */

    .header-content a,
    .header-content #switcher-language,
    .header-content a.link-profile {
        display: inline-block;
    }
    .header-content .minicart-wrapper .action.showcart .text {
        display: inline;
    }
    .header-content .minicart-wrapper .action.showcart {
        height: 22px;
        background-size: 18px;
    }

    /* #### MENU ##### */

    .nav-sections-item-content {
        display: flex;
    }
    .nav-sections-item-content .navigation > ul {
        position: initial;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .nav-sections-item-content .navigation > ul > li {
        position: initial;
        flex: 1 1 auto;
        margin: 0 auto;
        text-align: center;
    }
    .navigation ul.level0 > li {
        display: inline-block;
        width: 20%;
    }
    .navigation .level0 .submenu {
        padding: 80px 0 20px;
    }

    /* ######  FOOTER  ###### */

    .block.newsletter {
        margin: 0 0 60px;
    }

    .footer .rrss h5 {
        margin-top: 3.2rem;
    }

    /* #####  CONTENT  ###### */

    .paragraph-center {
        max-width: 500px;
    }
    .paragraph-center.w580 {
        max-width: 580px;
    }



}

/* ##################################################################
   ########   R E S P O N S I V E  |  M A Y O R   A   L G   ######### */

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


    /* #####  CONTENT  ###### */

    .page-main {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    h1 {
        padding: 60px 0;
    }

    .md-align-items-center {
        align-items: center !important;
    }

    .left-submenu .title {
        padding: 60px 0 0;
    }


    /* ##### PAGE > FAQS ##### */

    .doubts {
        margin: 110px 0 50px;
        padding: 30px 45px;
    }

    /* ### PUNTOS DE VENTA #### */

    .gmap {
        margin: 0 -.75rem -50px;
        width: calc(100% + 1.5rem);
    }

}

/* ##################################################################
   ######   R E S P O N S I V E  |  M A Y O R   A   1 4 4 0   ####### */

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

    .page-wrapper {
        overflow-x: hidden;
    }

    /* ### PUNTOS DE VENTA #### */

    .gmap {
        width: 100vw;
        margin-left: calc(-1 * (100vw - 1425px) / 2);
        margin-right: calc(-1 * (100vw - 1425px) / 2);
    }
}















/* ##################################################################
   ########   R E S P O N S I V E  |  M A Y O R   A   M D   ######### */

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



    /* ####  MENU MOBILE  #### */

    .header-content {
        padding: 41px 15px 0;
    }

    .nav-toggle {
        top: 42px;
        left: 20px;
    }
    .nav-toggle:before {
        font-size: 30px;
        color: #3a3937;
    }
    .nav-open .nav-toggle::after {
        display: none;
    }
    .nav-sections {
        position: absolute;
        top: 147px;
        left: -100%;
        height: auto;
        box-shadow: none !important;
    }
    .nav-sections .section-items {
        margin-left: 20%;
        padding: 40px;
        background-color: rgba(255, 255, 255, .9);
    }
    .nav-sections .section-item-title {
        display: none;
    }
    .nav-sections .section-item-content {
        display: block !important;
    }
    .nav-sections-item-content {
        float: none;
        margin-top: 0;
        margin-left: 0;
        padding: 35px 0 0;
    }

    .navigation .level0 > .level-top {
        line-height: 1.4rem;
    }

    .nav-sections .switcher {
        border-top: none;
        border-right: none;
    }


    .header-content .minicart-wrapper .action.showcart {
        height: 28px;
        background-size: 28px;
    }

    .nav-open .page-wrapper {
        left: 0 !important;
    }
    .nav-before-open {
        height: inherit;
        overflow-x: inherit;
    }
    .nav-before-open body {
        height: inherit;
        overflow: inherit;
    }

    /* DESPLEGADO */

    .nav-sections-item-title {
        float: none;
        width: 100%;
    }

}