.arl_mb-15{
    margin-bottom: 15px !important;
}
.arl_mt-18{
    margin-top: 18px !important;
}

@media (min-width: 1100px){}

@media (min-width: 960px) and (max-width: 1099px){}

@media (min-width: 768px) and (max-width: 959px){
    .arl_col_pcs100{
        width: 100% !important;
    }
}

@media (min-width: 560px) and (max-width: 767px){
    .arl_col_t0{
        width: 0% !important;
    }
    .arl_col_t50{
        width: 50% !important;
    }
    .arl_col_t100{
        width: 100% !important;
    }

    
    .arl_col_t-float-none{
        /*float: none;*/
    }
    

    .arl_col_tpl-0{
        padding-left: 0px !important;
    }
    .arl_col_tpr-0{
        padding-right: 0px !important;
    }
    .arl_col_t-pt50{
        padding-top: 50px !important;
    }
    .arl_col_t-pt60{
        padding-top: 60px !important;
    }

    .arl_col_tmb-0{
        margin-bottom: 0px !important;
    }
    .arl_col_tmt-0{
        margin-top: 0px !important;
    }
    .arl_col_tmt-20{
        margin-top: 20px !important;
    }
    .arl_col_tmr-0{
        margin-right: 0px !important;
    }
    .arl_col_tml-0{
        margin-left: 0px !important;
    }

    .comp_pensionados_h2{
        font-size: 30px;
        line-height: 30px;
    }
    .arl_title{
        font-size: 28px;
        width: 100%;
        width: calc(100% - 150px);
        width: -moz-calc(100% - 150px);
    }
    .arl_boton_regresar{
        width: 150px;
        font-size: 16px;
    }

    .arl_card{
        width: 240px;
        padding: 10px;
    }
    .arl_card_title{
        font-size: 25px;
    }
    .arl_card_icon{
        width: 60px;
        height: 60px;
    }
    .arl_card_icon img{
        width: 100%;
        height: 100%;
    }
    .arl_card_text{
        font-size: 15px;
    }
    .arl_acordeon_content{
        padding: 10px !important;
    }

    .arl_modal_content{
        width: 550px;
        left: 50%;
        left: calc(50% - 275px);
        left: -moz-calc(50% - 275px);
        
        padding: 20px;
    }
    .arl_modal_cerrar_btn{
        top: 10px;
        left: 100%;
        left: calc(100% - 40px);
        left: -moz-calc(100% - 40px);
        width: 30px;
        height: 30px;
    }
    .arl_modal_cerrar_btn::after,
    .arl_modal_cerrar_btn::before
    {
        left: 50%;
        left: calc(50% - 7.5px);
        left: -moz-calc(50% - 7.5px);

        width: 15px;
        height: 3px;
    }
    .arl_modal_title{
        font-size: 20px;
    }
    .arl_modal_text{
        font-size: 16px;
    }
    .arl_modal_h4{
        font-size: 22px;
    }
}

@media (min-width: 230px) and (max-width: 559px){
    .arl_col_c100{
        width: 100% !important;
    }
    .arl_col_c0{
        width: 0px !important;
    }
    .arl_colh-0{
        height: auto !important;
    }
    .arl_col_cpr-0{
        padding-right: 0px !important;
    }
    .arl_col_cpl-0{
        padding-left: 0px !important;
    }
    .arl_col_cpt-10{
        padding-top: 20px !important;
    }
    .arl_col_cmt-20{
        margin-top: 20px !important;
    }


    .arl_acordeon_content{
        padding: 10px 5px !important;
    }

    .arl_card{
        width: 240px;
        padding: 10px;
        margin-bottom: 20px;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        display: block !important;
    }
    .arl_card_title{
        font-size: 25px;
    }
    .arl_card_icon{
        width: 60px;
        height: 60px;
    }
    .arl_card_icon img{
        width: 100%;
        height: 100%;
    }
    .arl_card_text{
        font-size: 15px;
    }

    .arl_title_icon{
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .comp_pensionados_h2{
        font-size: 25px;
        line-height: 25px;
    }
    .arl_title{
        font-size: 25px;
        width: 100%;
        width: calc(100% - 130px);
        width: -moz-calc(100% - 130px);
    }

    .arl_boton_regresar{
        width: 120px;
        height: 40px;
        font-size: 15px;
    }

    .arl_modal_content{
        width: 90%;
        left: 5%;
                
        padding: 10px;
    }
    .arl_modal_cerrar_btn{
        top: 10px;
        left: 100%;
        left: calc(100% - 40px);
        left: -moz-calc(100% - 40px);
        width: 30px;
        height: 30px;
    }
    .arl_modal_cerrar_btn::after,
    .arl_modal_cerrar_btn::before
    {
        left: 50%;
        left: calc(50% - 7.5px);
        left: -moz-calc(50% - 7.5px);

        width: 15px;
        height: 3px;
    }
    .arl_modal_title{
        font-size: 18px;
    }
    .arl_modal_text{
        font-size: 14px;
    }
    .arl_modal_h4{
        font-size: 20px;
    }
}

@media (min-width: 230px) and (max-width: 459px){
    .arl_xc_float-none{
        float: none !important;
        display: block !important;
    }
    .arl_xc_m0{
        margin: 0px !important;
    }
    .arl_xc_mb20{
        margin-bottom: 20px !important;
    }
}