/******************************************************************************
 * CDmx Framework
 * ----------------------------------------------------------------------------
 * Archivo      : mobile.css
 * Módulo       : Responsive
 * Función      : Ajustes para dispositivos móviles.
 * Release      : 2.2.0
 ******************************************************************************/

@media (max-width: 480px) {

    /*----------------------------------------------------------
      Header
    ----------------------------------------------------------*/

    .cc-header{

        padding:18px 18px 12px;

    }

    .cc-title{

        margin-top:8px;

        font-size:15px;

    }

    .cc-slogan{

        margin-top:6px;

        font-size:15px;

    }

    .cc-header-page{
    
        padding-top:12px;
        padding-bottom:6px;
    
    }
    
    .cc-header-page .cc-brand{
    
        margin-bottom:2px;
    
    }
    /*----------------------------------------------------------
      Menú
    ----------------------------------------------------------*/

    .cc-menu{

        padding:14px;

    }

    .cc-menu-item{

        min-height:68px;

        padding:14px 16px;

        margin-bottom:8px;

        border-radius:16px;

    }

    .cc-menu-icon{

        width:46px;

        font-size:28px;

        margin-right:14px;

    }

    .cc-menu-title{

        font-size:16px;

    }

    .cc-menu-description{

        margin-top:2px;

        font-size:14px;

    }

}

/*----------------------------------------------------------
  Logo páginas
----------------------------------------------------------*/

.cc-header-page .cc-brand img{

    width:80px;

}