
/* ----------------------------- ESTILOS MOBILE                           */

/********************************** Extra pequeño *************************/
@media all and (max-width: 544px){
	.apresp_db{display: block;}
    .dis_none {display: none;}

    /*// GENERAL STYLES //*/

    /* Backgrounds */
    .bg_gray3_mob { background: #F4F7F8; }
    .bg_white_mob { background: #FFFFFF; }

    /* Text align */
    .tac_mobile{ text-align: center; }
    .tal_mobile{ text-align: left; }
    .tar_mobile{ text-align: right; }

    /* Margin */
    .ml_0_mob  { margin-left: 0px; }
    .ml_5_mob  { margin-left: 5px; }
    .ml_10_mob { margin-left: 10px; }
    .ml_15_mob { margin-left: 15px; }
    .ml_20_mob { margin-left: 20px; }
    .ml_25_mob { margin-left: 25px; }

    .mr_0_mb  { margin-right: 0px; }
    .mr_5_mb  { margin-right: 5px; }
    .mr_10_mb { margin-right: 10px; }

    .mt_0_mob  { margin-top: 0px; }
    .mt_5_mob  { margin-top: 5px; }
    .mt_10_mob { margin-top: 10px; }
    .mt_15_mob { margin-top: 15px; }
    .mt_30_mob { margin-top: 30px; }
    .mt_50_mob { margin-top: 50px; }
    .mt_90_mob { margin-top: 90px;}
    .mt_135_mob { margin-top: 130px; }

    .mb_0_mob  { margin-bottom: 0px; }
    .mb_5_mob  { margin-bottom: 5px; }
    .mb_10_mob { margin-bottom: 10px; }
    .mb_15_mob { margin-bottom: 15px; }
    .mb_50_mob { margin-bottom: 50px; }
    .mb_100_mob { margin-bottom: 100px; }
    .mb_135_mob { margin-bottom: 135px; }

    /* Padding */
    .pl_0_mob  { padding-left: 0px; }
    .pl_5_mob  { padding-left: 5px; }
    .pl_15_mob { padding-left: 15px; }
    .pl_20_mob { padding-left: 20px; }
    .pl_25_mob { padding-left: 25px; }
    .pl_35_mob { padding-left: 35px; }

    .pr_0_mob  { padding-right: 0px; }
    .pr_5_mob  { padding-right: 5px; }
    .pr_15_mob { padding-right: 15px; }
    .pr_20_mob { padding-right: 20px; }
    .pr_25_mob { padding-right: 25px; }

    /* Form */
    .form_width_resp { width: 100%; margin-left: 0px; }


    /* Map */
    .map_resp { width: 100%; }




    /*// MENU RESPONSIVE //*/

    .header nav {
        width: 80%;
        height: 100%;
        margin: 0;
        position: fixed;
        z-index:1000;
    }
.header nav ul li{
    display: block;
    float: none;
    border-bottom: 1px solid rgba(255,255,255, .3);
}
.menu_bar {
    display: block;
    width: 100;
    background: #202027;
}

.menu_bar .bt-menu {
    display: block;
    padding: 20px;
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box; 
}
.menu_bar span {
    float:right;
}

}


@media all and (min-width: 544px){
    .disapar_resp{display: none;}
}
/*********************************** Pequeño ******************************/
@media all and (max-width: 768px){
	.apresp_db{display: block;}
    .dis_none {display: none;}

    /*// GENERAL STYLES //*/

    /* Backgrounds */
    .bg_gray3_mob { background: #F4F7F8; }
    .bg_white_mob { background: #FFFFFF; }

    /* Text align */
    .tac_mobile{ text-align: center; }
    .tal_mobile{ text-align: left; }
    .tar_mobile{ text-align: right; }

    /* Margin */
    .ml_0_mob  { margin-left: 0px; }
    .ml_5_mob  { margin-left: 5px; }
    .ml_10_mob { margin-left: 10px; }
    .ml_15_mob { margin-left: 15px; }
    .ml_20_mob { margin-left: 20px; }
    .ml_25_mob { margin-left: 25px; }

    .mr_0_mb  { margin-right: 0px; }
    .mr_5_mb  { margin-right: 5px; }
    .mr_10_mb { margin-right: 10px; }

    .mt_0_mob  { margin-top: 0px; }
    .mt_5_mob  { margin-top: 5px; }
    .mt_10_mob { margin-top: 10px; }
    .mt_15_mob { margin-top: 15px; }
    .mt_30_mob { margin-top: 30px; }
    .mt_50_mob { margin-top: 50px; }
    .mt_90_mob { margin-top: 90px;}
    .mt_130_mob { margin-top: 130px; }

    .mb_0_mob  { margin-bottom: 0px; }
    .mb_5_mob  { margin-bottom: 5px; }
    .mb_10_mob { margin-bottom: 10px; }
    .mb_15_mob { margin-bottom: 15px; }
    .mb_50_mob { margin-bottom: 50px; }
    .mb_100_mob { margin-bottom: 100px; }
    .mb_135_mob { margin-bottom: 135px; }

    /* Padding */
    .pl_0_mob  { padding-left: 0px; }
    .pl_5_mob  { padding-left: 5px; }
    .pl_15_mob { padding-left: 15px; }
    .pl_20_mob { padding-left: 20px; }
    .pl_25_mob { padding-left: 25px; }
    .pl_35_mob { padding-left: 35px; }

    .pr_0_mob  { padding-right: 0px; }
    .pr_5_mob  { padding-right: 5px; }
    .pr_15_mob { padding-right: 15px; }
    .pr_20_mob { padding-right: 20px; }
    .pr_25_mob { padding-right: 25px; }

    /* Form */
    .form_width_resp { width: 100%; margin-left: 0px; }


    /* Map */
    .map_resp { width: 100%; }




    /*// MENU RESPONSIVE //*/

.header nav {
    width: 80%;
    height: 100%;
    margin: 0;
    position: fixed;
    z-index:1000;
}
.heade nav ul li{
    display: block;
    float: none;
    border-bottom: 1px solid rgba(255,255,255, .3);
}
.menu_bar {
    display: block;
    width: 100;
    background: #202027;
}

.menu_bar .bt-menu {
    display: block;
    padding: 20px;
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box; 
}
.menu_bar span {
    float:right;
}

}


@media all and (min-width: 768px){
	.disapar_resp{display: none;}
}
/*********************************** Mediano *****************************/
@media all and (max-width: 868px){
	.dis_none { display: none; }

    
}





/************************************* Largo *****************************/
@media all and (max-width: 992px){}