.bg-container-index {
    width: 100vw;
    padding: 20px 0px;
    position: relative;
    background-color: #103444;
}

.justificado {
    text-align: justify;
}

.lato_normal{
    font-family: 'Lato', sans-serif;
}

.lato_black{
    font-family: 'Lato Black', sans-serif;
}
.font_bold{
    font-weight: bold;
}

.font_italic{
    font-style: italic;
}

/*Se agrego para que los videos de escritorio se hicieran responsivos*/
.margin{
    margin-left: 25%;
}

.margin2{
    margin-left: 30%;
}

.time{
    animation-delay: 1s;
}


.container_menu_center_lili{
    background-color: #fff !important; 
    height: 100%;
    margin-bottom: 10%;
}

.video_margins_lili{
    margin-top: 3%;
    margin-left: 15%; 
    margin-right: 10%;
    
}

.main-container {
    margin-top: 5%;
    margin-left: 14%;
    margin-right: 6%;
    width: 80%;
    display: grid;
    grid-template-columns: 50% 50%;
    height: 100%;
    margin-bottom: 5%;
}

.main-container_mobile {
    margin-left: 15%;
    margin-top: 5%;
    color: #71858F; 
}

.loteria_de_la_bahia_text:hover{
    color: #EF8D3C;
}
/* ---------------------------------------------------------------------------------------------- */
/* SE AGREGARON PARA LA PARTE DEL MENU DE OPCIONES */
.div_de_instrumentos{
    width: 18%; height:auto; margin-right: 5%;
    padding-top: 3%;
    align-items: center;
    text-align: center;
    /* border: 3px solid black; */
}

/* para el borde animado version 2 */
.div_de_instrumentos::before{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    left: 324px;
    bottom: -740px;
    box-sizing: border-box;
}

.div_de_instrumentos::after{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    right: 1365px;
    bottom: -740px;
    box-sizing: border-box;
}

.div_de_instrumentos:hover::before{
    height: 680px;
    width: 220px;
    border: 3px solid #405665;
    border-right: none;
    border-bottom: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}

.div_de_instrumentos:hover::after{
    height: 680px;
    width: 220px;
    border: 3px solid #405665;
    border-left: none;
    border-top: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}

/* **************************** PARA EL DIV DE QUIENES SOMOS ****************************** */
.div_quienes_somos{
    width: 18%; height:auto; margin-right: 5%;
    padding-top: 3%;
    align-items: center;
    text-align: center;
    /* border: 3px solid black;  PARA LA VERSION 1 */
}

/* para el borde animado version 2 */
.div_quienes_somos::before{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    left: 570px;
    bottom: -430px;
    box-sizing: border-box;
}

.div_quienes_somos::after{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    right: 1120px;
    bottom: -430px;
    box-sizing: border-box;
}

.div_quienes_somos:hover::before{
    height: 352px;
    width: 220px;
    border: 3px solid #405665;
    border-right: none;
    border-bottom: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}

.div_quienes_somos:hover::after{
    height: 352px;
    width: 220px;
    border: 3px solid #405665;
    border-left: none;
    border-top: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}

/* **************************** PARA EL DIV DE SERVICIOS  ****************************** */
.div_servicios{
    width: 18%; height:auto; margin-right: 5%;
    padding-top: 3%;
    align-items: center;
    text-align: center;
    /* border: 3px solid black;  */
}

/* para el borde animado version 2 */
.div_servicios::before{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    left: 815px;
    bottom: -630px;
    box-sizing: border-box;
}

.div_servicios::after{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    right: 875px;
    bottom: -630px;
    box-sizing: border-box;
}

.div_servicios:hover::before{
    height: 552px;
    width: 220px;
    border: 3px solid #405665;
    border-right: none;
    border-bottom: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}

.div_servicios:hover::after{
    height: 552px;
    width: 220px;
    border: 3px solid #405665;
    border-left: none;
    border-top: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}

/* **************************** PARA EL DIV DE ZONA METROPOLITANA  ****************************** */
.div_zona_metro{
    width: 18%; height:auto; margin-right: 5%;
    padding-top: 3%;
    align-items: center;
    text-align: center;
    /* border: 3px solid black;  */
}

/* para el borde animado version 2 */
.div_zona_metro::before{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    left: 1060px;
    bottom: -380px;
    box-sizing: border-box;
}

.div_zona_metro::after{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    right: 630px;
    bottom: -380px;
    box-sizing: border-box;
}

.div_zona_metro:hover::before{
    height: 300px;
    width: 220px;
    border: 3px solid #405665;
    border-right: none;
    border-bottom: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}

.div_zona_metro:hover::after{
    height: 300px;
    width: 220px;
    border: 3px solid #405665;
    border-left: none;
    border-top: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}

/* **************************** PARA EL DIV DE TRANSPARENCIA  ****************************** */
.div_trans{
    width: 18%; height:auto; margin-right: 5%;
    padding-top: 3%;
    align-items: center;
    text-align: center;
    /* border: 3px solid black;  */
}

/* para el borde animado version 2 */
.div_trans::before{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    left: 1305px;
    bottom: -530px;
    box-sizing: border-box;
}

.div_trans::after{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: 3px solid transparent;
    /* border-radius: 10px 10px 10px 10px; */
    right: 385px;
    bottom: -530px;
    box-sizing: border-box;
}

.div_trans:hover::before{
    height: 452px;
    width: 220px;
    border: 3px solid #405665;
    border-right: none;
    border-bottom: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}

.div_trans:hover::after{
    height: 452px;
    width: 220px;
    border: 3px solid #405665;
    border-left: none;
    border-top: none;
    transition: height 0.3s linear, 
                width 0.3s linear 0.3s;

}


/* para el border animado  -------------------------------------- VERSION 1*/ 
/* .div_de_inicio::after{
    content: "";
    position: absolute;
    height: 352px;
    width: 220px;
    border:  7px solid white;
    left: 344px;
    bottom: -430px;
    transition: height 1s, width 1s;
}

.div_de_inicio:hover::after{
    width: 0;
    height: 0;
    transition: height 1s, width 1s;
} */
/* fin del borde animado ------------------------------------------ FIN DE VERSION 1 */


.dn{
    display: none;
}

.div_de_inicio:hover .dn{
    display: block; 
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1.5s;
}

/* ************************** */
  .parent .child {
    display: none;
  }
  
  .parent:hover .child {
    display: block;
    animation: fade-in 1s;
  }
  
  .parent:not(:hover) .child.did-fade-in {
    display: block;
    animation: fade-out 1s;
  }
  
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  @keyframes fade-out {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
/* ************************** */

.div_de_instrumentos:hover .div_opciones{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
    transition: 1s;
    font-weight: bold;
}

.div_quienes_somos:hover .div_opciones{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
    transition: 1s;
    font-weight: bold;
}

.div_servicios:hover .div_opciones{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
    transition: 1s;
    font-weight: bold;
}

.div_zona_metro:hover .div_opciones{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
    transition: 1s;
    font-weight: bold;
}

.div_trans:hover .div_opciones{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
    transition: 1s;
    font-weight: bold;
}


.div_opciones{
    margin-left: 18%;    
}

.div_imagenes_opciones{
    width: 50%; margin-left: 15%; 
    border-radius: 10px 10px 10px 10px; 
    box-shadow: 1px 1px 3px 3px rgb(0 0 0 / 0.1); 
    padding: 5%;
}

.div_text_opciones{
    margin-top: 4%; width: 80%; text-align: center;

}

.text_opciones{
    font-size: 20px;
    color: #405665
}


.div_opciones:hover{
    /* display: block; */
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
    cursor: pointer;
    font-weight: bold;
}



/* .div_opciones:hover ~ .dn{
    display: block;
} */

/* FIN DE LA PARTE DE MENU DE OPCIONES  */
/* ----------------------------------------------------------------------------- */





/************************************************************************************************
*
* Styles for new Index
*
************************************************************************************************/
.noticias_conoce_mas_button:hover{
    background-color: #AF8B5B;
    border-color: #AF8B5B; 
}
@supports ((-webkit-hyphens:auto) or (hyphens:auto)) {
	.text-justify-justify {
		text-align: justify;
		-webkit-hyphens: auto; /* A día de hoy aún es necesario el prefijo para soportar a Safari */
		hyphens: auto;
	}
}

@media (min-width: 3801px) and (max-width: 8000px){

    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%; /* CAMBIA DEPENDIENDO DE CUANTOS SLIDER HAY */
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 85px;
        width: 55px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 75px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 75px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        /* height: 2780px; */
        height: auto;
        margin-bottom: 15%;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        /* height: 2700px; */
        height: auto;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 110px;
    }
  
    .noticias_conoce_mas_button{
        height: 80px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 40px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 45px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 45px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 45px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 30px;
        width: 30px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -860px; 
        margin-left: 240px;
    }
    .slider_letras{
        font-size: 79px;
    }
    .slider_letras_big{
        font-size: 150px;
    }
    .slider_letras_title{
        font-size: 84px;
    }
    .slider_letras_sub{
        font-size: 61px;
    }
    .slider_button_convocatorias{
        height: 70px; 
        width: 230px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 35px;
        margin-right: 20px;
        margin-bottom: 15px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 48px;
    }
    .dots_margin{
        margin-left: 30px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
        
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 460px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 6.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 36%; 
        margin-top: 20px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 62px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 62px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 35px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 43px;
    }
    .video_style{
        border-radius: 20px;
        width: 90% !important;
        margin-left: 5%;
        height: 90% !important;
        margin-left: 5%;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 3601px) and (max-width: 3800px){
    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 80px;
        width: 50px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 60px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 60px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        height: 2680px;
        margin-bottom: 500px;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 3000px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 95px;
    }
  
    .noticias_conoce_mas_button{
        height: 70px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 35px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 42px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 42px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 42px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 25px;
        width: 25px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -800px; 
        margin-left: 240px;
    }
    .slider_letras{
        font-size: 75px;
    }
    .slider_letras_big{
        font-size: 140px;
    }
    .slider_letras_title{
        font-size: 78px;
    }
    .slider_letras_sub{
        font-size: 57px;
    }
    .slider_button_convocatorias{
        height: 65px; 
        width: 220px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 33px;
        margin-right: 20px;
        margin-bottom: 15px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 44px;
    }
    .dots_margin{
        margin-left: 25px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 420px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 6.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 36%; 
        margin-top: 20px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 62px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 62px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 35px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 43px;
    }
    .video_style{
        border-radius: 20px;
        width: 90% !important;
        margin-left: 5%;
        height: 90% !important;
        margin-left: 5%;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 3301px) and (max-width: 3600px){
    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 80px;
        width: 50px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 60px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 60px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        height: 2580px;
        margin-bottom: 480px;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 2500px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 95px;
    }
  
    .noticias_conoce_mas_button{
        height: 70px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 35px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 38px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 38px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 38px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 23px;
        width: 23px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -770px; 
        margin-left: 240px;
    }
    .slider_letras{
        font-size: 75px;
    }
    .slider_letras_big{
        font-size: 130px;
    }
    .slider_letras_title{
        font-size: 78px;
    }
    .slider_letras_sub{
        font-size: 57px;
    }
    .slider_button_convocatorias{
        height: 65px; 
        width: 220px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 33px;
        margin-right: 20px;
        margin-bottom: 15px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 40px;
    }
    .dots_margin{
        margin-left: 22px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 400px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 20px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 62px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 62px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 35px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 43px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 3101px) and (max-width: 3300px){
    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 75px;
        width: 45px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 55px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 55px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        height: 2380px;
        margin-bottom: 400px;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 2400px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 85px;
    }
  
    .noticias_conoce_mas_button{
        height: 60px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 30px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 33px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 33px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 33px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 20px;
        width: 20px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -720px; 
        margin-left: 240px;
    }
    .slider_letras{
        font-size: 75px;
    }
    .slider_letras_big{
        font-size: 120px;
    }
    .slider_letras_title{
        font-size: 78px;
    }
    .slider_letras_sub{
        font-size: 57px;
    }
    .slider_button_convocatorias{
        height: 65px; 
        width: 220px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 33px;
        margin-right: 20px;
        margin-bottom: 15px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 38px;
    }
    .dots_margin{
        margin-left: 22px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 370px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 20px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 59px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 59px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 35px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 40px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 2901px) and (max-width: 3100px){

    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 75px;
        width: 45px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 55px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 55px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        height: 2280px;
        margin-bottom: 400px;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 2400px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 80px;
    }
  
    .noticias_conoce_mas_button{
        height: 60px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 30px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 31px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 31px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 31px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 20px;
        width: 20px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -670px; 
        margin-left: 240px;
    }
    .slider_letras{
        font-size: 69px;
    }
    .slider_letras_big{
        font-size: 110px;
    }
    .slider_letras_title{
        font-size: 73px;
    }
    .slider_letras_sub{
        font-size: 54px;
    }
    .slider_button_convocatorias{
        height: 60px; 
        width: 200px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 30px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 38px;
    }
    .dots_margin{
        margin-left: 22px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 350px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 20px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 55px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 55px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 35px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 36px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 2701px) and (max-width: 2900px){

    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 65px;
        width: 40px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 50px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 45px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        height: 2180px;
        margin-bottom: 350px;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 2200px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 80px;
    }
  
    .noticias_conoce_mas_button{
        height: 60px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 30px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 31px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 31px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 31px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 19px;
        width: 19px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -620px; 
        margin-left: 220px;
    }
    .slider_letras{
        font-size: 65px;
    }
    .slider_letras_big{
        font-size: 100px;
    }
    .slider_letras_title{
        font-size: 68px;
    }
    .slider_letras_sub{
        font-size: 48px;
    }
    .slider_button_convocatorias{
        height: 55px; 
        width: 200px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 28px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 35px;
    }
    .dots_margin{
        margin-left: 20px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 350px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 20px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 55px;
    }
    
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 55px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 35px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 36px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 2501px) and (max-width: 2700px){

    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 65px;
        width: 40px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 50px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 45px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        height: 2000px;
        margin-bottom: 380px;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 2150px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 80px;
    }
  
    .noticias_conoce_mas_button{
        height: 60px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 30px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 30px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 30px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 30px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 17px;
        width: 17px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -590px; 
        margin-left: 210px;
    }
    .slider_letras{
        font-size: 59px;
    }
    .slider_letras_big{
        font-size: 95px;
    }
    .slider_letras_title{
        font-size: 57px;
    }
    .slider_letras_sub{
        font-size: 40px;
    }
    .slider_button_convocatorias{
        height: 50px; 
        width: 180px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 24px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 30px;
    }
    .dots_margin{
        margin-left: 18px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 330px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 20px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 55px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 55px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 35px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 36px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 2301px) and (max-width: 2500px){

    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 65px;
        width: 40px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 50px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 45px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        height: 1900px;
        margin-bottom: 300px;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 2050px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 75px;
    }
  
    .noticias_conoce_mas_button{
        height: 50px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 27px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 28px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 28px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 28px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 17px;
        width: 17px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -550px; 
        margin-left: 190px;
    }
    .slider_letras{
        font-size: 59px;
    }
    .slider_letras_big{
        font-size: 90px;
    }
    .slider_letras_title{
        font-size: 57px;
    }
    .slider_letras_sub{
        font-size: 40px;
    }
    .slider_button_convocatorias{
        height: 45px; 
        width: 160px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 21px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 28px;
    }
    .dots_margin{
        margin-left: 18px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 300px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 20px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 55px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 55px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 35px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 36px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 2101px) and (max-width: 2300px){

    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 60px;
        width: 35px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        height: 1850px;
        margin-bottom: 270px;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1950px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 69px;
    }
  
    .noticias_conoce_mas_button{
        height: 50px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 27px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 25px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 25px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 25px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 15px;
        width: 15px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -500px; 
        margin-left: 180px;
    }
    .slider_letras{
        font-size: 55px;
    }
    .slider_letras_big{
        font-size: 80px;
    }
    .slider_letras_title{
        font-size: 57px;
    }
    .slider_letras_sub{
        font-size: 40px;
    }
    .slider_button_convocatorias{
        height: 45px; 
        width: 160px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 21px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 25px;
    }
    .dots_margin{
        margin-left: 15px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 250px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 80px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 46px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 46px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 32px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 2001px) and (max-width: 2100px){

    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 60px;
        width: 35px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        height: 1700px;
        margin-bottom: 250px;
        width: 53%; 
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1850px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 69px;
    }
  
    .noticias_conoce_mas_button{
        height: 50px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 27px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 23px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 23px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 23px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 15px;
        width: 15px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -470px; 
        margin-left: 150px;
    }
    .slider_letras{
        font-size: 50px;
    }
    .slider_letras_big{
        font-size: 75px;
    }
    .slider_letras_title{
        font-size: 50px;
    }
    .slider_letras_sub{
        font-size: 35px;
    }
    .slider_button_convocatorias{
        height: 40px; 
        width: 140px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 18px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 25px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 250px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 80px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 45px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 45px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 28px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 1921px) and (max-width: 2000px){

    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 60px;
        width: 35px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        margin-bottom: 350px;
        height: 1600px;
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1750px;
        margin-top: 80px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 65px;
    }
  
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 20px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 20px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 20px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -470px; 
        margin-left: 150px;
    }
    .slider_letras{
        font-size: 45px;
    }
    .slider_letras_big{
        font-size: 70px;
    }
    .slider_letras_title{
        font-size: 50px;
    }
    .slider_letras_sub{
        font-size: 35px;
    }
    .slider_button_convocatorias{
        height: 40px; 
        width: 140px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 18px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 23px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 250px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1525px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 80px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 42px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 42px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 25px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 1780px) and (max-width: 1920px){
    .main-container {
        margin-top: 5%;
        margin-left: 14%;
        margin-right: 7%;
        width: 80%;
        display: grid;
        grid-template-columns: 50% 50%;
        height: 100%;
        margin-bottom: 5%;
    }

    .video{
        height: 255%;
        width: 82%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 60px;
        width: 35px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        /*float: left; */
        vertical-align: top;
        display: table-cell;
        width: 53%; 
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1750px;
        margin-top: 100px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 50px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 65px;
    }
  
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 20px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 40px;
    }

    .noticia_leer_mas{
        font-size: 20px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 20px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
        margin-bottom: 10px;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -470px; 
        margin-left: 150px;
    }
    .slider_letras{
        font-size: 45px;
    }
    .slider_letras_title{
        font-size: 50px;
    }
    .slider_letras_big{
        font-size: 70px;
    }
    .slider_letras_sub{
        font-size: 35px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 140px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 17px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 23px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 250px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 2025px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        /*float: left; */
        display: table-cell;
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        /*float: left; */
        display: table-cell;
        vertical-align: top;
        width: 38%; 
        margin-top: 80px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 90%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 100px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 42px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 42px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 25px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 1600px) and (max-width: 1779px){

    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 60px;
        width: 35px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        margin-bottom: 150px;
        height: 1650px;
        width: 53%; 
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1700px;
        margin-top: 50px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 40px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 65px;
    }
  
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 20px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 20px;
    }

    .noticia_leer_mas{
        font-size: 20px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 20px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -470px; 
        margin-left: 150px;
    }
    .slider_letras{
        font-size: 42px;
    }
    .slider_letras_title{
        font-size: 48px;
    }
    .slider_letras_big{
        font-size: 67px;
    }
    .slider_letras_sub{
        font-size: 33px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 140px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 17px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 23px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 50px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 200px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1325px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 80px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 50%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 36px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 36px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 50%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 23px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 138px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 1500px) and (max-width: 1599px){
    .video{
        height: 250%;
        width: 80%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 60px;
        width: 35px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        height: 1500px;
        width: 53%; 
        margin-top: 80px;
        margin-bottom: 150px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1600px;
        margin-top: 50px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 30px;
        margin-bottom: 40px;;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 65px;
    }
  
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 10px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 18px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 20px;
    }

    .noticia_leer_mas{
        font-size: 20px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 20px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -440px; 
        margin-left: 120px;
    }
    .slider_letras{
        font-size: 38px;
    }
    .slider_letras_title{
        font-size: 46px;
    }
    .slider_letras_big{
        font-size: 64px;
    }
    .slider_letras_sub{
        font-size: 33px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 140px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 17px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 23px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 50px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 200px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1325px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 80px;
        margin-bottom: 50px;
        /* height: 1500px; */
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 36px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 36px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 22px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 118px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 1400px) and (max-width: 1499px){
    .video{
        margin-left: -10%;
        height: 230%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 60px;
        width: 35px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        height: 1500px;
        width: 53%; 
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1550px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 10%; 
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 65px;
    }
  
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 85%; 
        margin-left: 10%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 45%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 50%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 17.5px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 10px;
    }

    .noticia_leer_mas{
        font-size: 18px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 18px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -430px; 
        margin-left: 120px;
    }
    .slider_letras{
        font-size: 37px;
    }
    .slider_letras_title{
        font-size: 45px;
    }
    .slider_letras_big{
        font-size: 62px;
    }
    .slider_letras_sub{
        font-size: 32px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 140px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 17px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 23px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 50px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 200px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1325px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 80px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 10px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 36px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 36px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 21px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 118px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 1300px) and (max-width: 1399px){
    .main-container {
        margin-top: 5%;
        margin-left: 16%;
        margin-right: 4%;
        width: 80%;
        display: grid;
        grid-template-columns: 50% 50%;
        height: 100%;
        margin-bottom: 5%;
    }
    .video{
        margin-left: -10%;
        height: 210%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 60px;
        width: 35px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        height: 1450px;
        width: 53%; 
        margin-top: 80px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1500px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 7%; 
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 65px;
    }
  
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        margin-left: 7%; 
        margin-right: 5%; 
        margin-top: 20px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 17px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 10px;
    }

    .noticia_leer_mas{
        font-size: 18px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 18px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -390px; 
        margin-left: 100px;
    }
    .slider_letras{
        font-size: 35px;
    }
    .slider_letras_title{
        font-size: 43px;
    }
    .slider_letras_big{
        font-size: 61px;
    }
    .slider_letras_sub{
        font-size: 31px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 140px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 17px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 23px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 50px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 200px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1325px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 80px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 36px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 36px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 21px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 118px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 1200px) and (max-width: 1299px){
    .main-container {
        margin-top: 5%;
        margin-left: 16%;
        margin-right: 4%;
        width: 80%;
        display: grid;
        grid-template-columns: 50% 50%;
        height: 100%;
        margin-bottom: 5%;
    }

    .video{
        margin-left: -10%;
        height: 190%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 50px;
        width: 30px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        height: 1350px;
        margin-top: 60px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1400px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 7%; 
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 56px;
    }
  
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 20px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        margin-left: 7%; 
        margin-right: 5%; 
        margin-top: 15px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 17px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 5px;
    }

    .noticia_leer_mas{
        font-size: 17px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 17px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -370px; 
        margin-left: 90px;
    }
    .slider_letras{
        font-size: 32px;
    }
    .slider_letras_title{
        font-size: 39px;
    }
    .slider_letras_big{
        font-size: 58px;
    }
    .slider_letras_sub{
        font-size: 29px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 130px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 17px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 23px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 50px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 180px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1325px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 4.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 38%; 
        margin-top: 60px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 33px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 33px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 22px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 118px;
    }
    .right_air{
        float: left;
        width: 4.5%;
    }
}

@media (min-width: 1100px) and (max-width: 1199px){
    .main-container {
        margin-top: 5%;
        margin-left: 16%;
        margin-right: 4%;
        width: 80%;
        display: grid;
        grid-template-columns: 50% 50%;
        height: 100%;
        margin-bottom: 5%;
    }

    .video{
        margin-left: -10%;
        height: 190%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 50px;
        width: 30px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 40px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 40px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        margin-top: 60px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1250px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 7%; 
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 50px;
    }
  
    .noticias_conoce_mas_button{
        height: 40px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 16px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        margin-left: 7%; 
        margin-right: 5%; 
        margin-top: 5px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 15px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 5px;
    }

    .noticia_leer_mas{
        font-size: 13px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 13px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -330px; 
        margin-left: 90px;
    }
    .slider_letras{
        font-size: 32px;
    }
    .slider_letras_title{
        font-size: 34px;
    }
    .slider_letras_big{
        font-size: 56px;
    }
    .slider_letras_sub{
        font-size: 26px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 130px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 17px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 23px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 50px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 150px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1325px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 2.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 42%; 
        margin-top: 60px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 30px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 30px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 21px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 80px;
    }
    .right_air{
        float: left;
        width: 2.5%;
    }
}

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

    .main-container {
        margin-top: 5%;
        margin-left: 16%;
        margin-right: 4%;
        width: 80%;
        display: grid;
        grid-template-columns: 50% 50%;
        height: 100%;
        margin-bottom: 5%;
    }
    .video{
        margin-left: -10%;
        height: 170%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 40px;
        width: 20px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        margin-top: 60px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1200px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 7%; 
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 50px;
    }
  
    .noticias_conoce_mas_button{
        height: 40px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 16px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        margin-left: 7%; 
        margin-right: 5%; 
        margin-top: 5px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 13.5px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 5px;
    }

    .noticia_leer_mas{
        font-size: 13px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 13px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -320px; 
        margin-left: 70px;
    }
    .slider_letras{
        font-size: 28px;
    }
    .slider_letras_title{
        font-size: 30px;
    }
    .slider_letras_big{
        font-size: 52px;
    }
    .slider_letras_sub{
        font-size: 24px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 120px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 20px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 30px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 130px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1325px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 2.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 42%; 
        margin-top: 60px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 30px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 30px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 20px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 20px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 80px;
    }
    .right_air{
        float: left;
        width: 2.5%;
    }
}

@media (min-width: 900px) and (max-width: 999px){
    .main-container {
        margin-top: 5%;
        margin-left: 16%;
        margin-right: 4%;
        width: 80%;
        display: grid;
        grid-template-columns: 50% 50%;
        height: 100%;
        margin-bottom: 5%;
    }

    .video{
        margin-left: -10%;
        height: 170%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 35px;
        width: 20px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        margin-top: 60px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1150px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 7%; 
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 45px;
    }
  
    .noticias_conoce_mas_button{
        height: 35px; 
        border-radius: 5px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 14px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        margin-left: 7%; 
        margin-right: 5%; 
        margin-top: 5px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 11px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 5px;
    }

    .noticia_leer_mas{
        font-size: 10px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 10px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -260px; 
        margin-left: 70px;
    }
    .slider_letras{
        font-size: 23px;
    }
    .slider_letras_title{
        font-size: 27px;
    }
    .slider_letras_big{
        font-size: 48px;
    }
    .slider_letras_sub{
        font-size: 21px;
    }
    .slider_button_convocatorias{
        height: 32px; 
        width: 110px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 18px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 120px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1325px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 2.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 42%; 
        margin-top: 60px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 27px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 27px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 10px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 18px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 80px;
    }
    .right_air{
        float: left;
        width: 2.5%;
    }
}

@media (min-width: 850px) and (max-width: 899px){
    .main-container {
        margin-top: 5%;
        margin-left: 16%;
        margin-right: 4%;
        width: 80%;
        display: grid;
        grid-template-columns: 50% 50%;
        height: 100%;
        margin-bottom: 5%;
    }

    .video{
        margin-left: -10%;
        height: 170%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }
  
    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 35px;
        width: 20px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .noticias_contenedor_general{
        float: left; 
        width: 53%; 
        margin-top: 60px;
    }

    .noticias_contenedor_white{
        background-color: #fff; 
        height: 1200px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        border-radius: 0px 50px 50px 0px;
        -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
        box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.18);
    }

    .noticias_contenedor_titular{
        float: left; 
        width: 90%; 
        margin-left: 7%; 
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 45px;
    }
  
    .noticias_conoce_mas_button{
        height: 35px; 
        border-radius: 5px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 14px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        margin-left: 7%; 
        margin-right: 5%; 
        margin-top: 5px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 11px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 5px;
    }

    .noticia_leer_mas{
        font-size: 10px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 10px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .trabajando_juntos_hr_line{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }

    .trabajando_juntos_hr_line_colaboradores{
        border: 2px solid #435E6A;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 90%; 
        margin-left: 5%; 
        margin-right: 5%; 
        margin-top: 15px; 
        opacity: 0.9;
    }

    .separador_trabajando_loteria{
        border: 1px solid #B28D5C;
        opacity: 0.5;
    }
    .slick-dots li button:before {
        background-color: #153545;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opacity_menu{
        filter: drop-shadow(-2px 2px 8px rgba(50, 50, 0, 0.3));
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -230px; 
        margin-left: 70px;
    }
    .slider_letras{
        font-size: 23px;
    }
    .slider_letras_title{
        font-size: 25px;
    }
    .slider_letras_big{
        font-size: 46px;
    }
    .slider_letras_sub{
        font-size: 19px;
    }
    .slider_button_convocatorias{
        height: 28px; 
        width: 110px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 14px;
        margin-right: 20px;
        margin-bottom: 5px;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 18px;
    }
    .dots_margin{
        margin-left: 10px;
    }
    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }
    .container_menu_center{
        background-color: #fff !important; 
        height: 100px;
    }
    .colaboradores_de_implan_container{
        background-color: #435D69; 
        height: 350px;
    }
    .colaboradores_de_implan_text_container{
        text-align: center; 
        margin-bottom: 50px; 
        margin-top: 35px;
    }
    .colaboradores_de_implan_text{
        font-size: 30px;
    }
    .colaboradores_de_implan_hr{
        border: 2px solid #B28D5C;
        width: 5%; 
        margin-top: 15px;
    }
    .colaboradores_implan_uno{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_uno_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center
    }
    .colaboradores_implan_uno_img{
        width: 80%;
    }
    .colaboradores_implan_dos{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_dos_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_dos_img{
        width: 80%
    }
    .colaboradores_implan_tres{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_tres_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_tres_img{
        width: 80%;
    }
    .colaboradores_implan_cuatro{
        width: 80%; 
        margin-left: 10%; 
        margin-right: 10%;
    }
    .colaboradores_implan_cuatro_img_container{
        float: left; 
        width: 20%; 
        margin-right: 5%; 
        text-align: center;
    }
    .colaboradores_implan_cuatro_img{
        width: 80%;
    }
    .noticias_contenido_container{
        background-color: #EEECEC !important; 
        height: 1325px;
        vertical-align: top;
        display: table;
        width: 100%; 
    }
    .separador_noticias_container{
        width: 100%;
    }
    .center_air_noticias{
        float: left; 
        width: 2.5%; 
        margin-top: 80px;
    }
    .loteria_otros_contenedor_general{
        float: left; 
        width: 42%; 
        margin-top: 60px;
    }
    .loteria_bahia_contenedor{
        float: left; 
        width: 100%; 
        margin-top: 0px;
    }
    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
    }
    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 25px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 25px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 10px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 17px;
    }
    .video_style{
        border-radius: 20px;
    }
    .montañas_container{
        float: left; 
        width: 100%;
    }
    .montañas_img{
        width: 60%; 
        margin-left: 40%; 
        margin-top: 80px;
    }
    .right_air{
        float: left;
        width: 2.5%;
    }
}

@media (min-width: 750px) and (max-width: 849px){
    .main-container_mobile {
        margin-left: 18%;
        margin-top: 2%;
        color: #71858F; 
    }

    .video{
        margin-left: -5%;
        margin-right: 13%;
        height: 60%;
        width: 40%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
      
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 45px;
        width: 30px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }

    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }

    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }

    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }

    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }
    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 20px;
        width: 20px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -830px; 
        margin-left: 100px;
    }
    .slider_letras{
        font-size: 35px;
    }
    .slider_letras_big{
        font-size: 68px;
    }
    .slider_letras_title{
        font-size: 43px;
    }
    .slider_letras_sub{
        font-size: 30px;
    }
    .slider_button_convocatorias{
        height: 45px; 
        width: 150px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 20px;
        margin-right: 20px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 35px;
    }
    .dots_margin{
        margin-left: 20px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 250px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 43px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 43px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 80px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 27px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
        
    }
    .noticias_conoce_mas_button{
        height: 55px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        /*margin-left: 7%; */
        margin-right: 5%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 22px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 25px;
    }

    .noticia_leer_mas{
        font-size: 18px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 18px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 80px;
        margin-top: 50px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 10%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1750px;
    }
}

@media (min-width: 700px) and (max-width: 749px){
    .main-container_mobile {
        margin-left: 16%;
        margin-top: 4%;
        color: #71858F; 
    }

    .video{
        height: 70%;
        width: 40%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 45px;
        width: 30px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }
    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }
    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }

    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 15px;
        width: 15px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -830px; 
        margin-left: 100px;
    }
    .slider_letras{
        font-size: 33px;
    }
    .slider_letras_big{
        font-size: 68px;
    }
    .slider_letras_title{
        font-size: 41px;
    }
    .slider_letras_sub{
        font-size: 28px;
    }
    .slider_button_convocatorias{
        height: 45px; 
        width: 150px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 20px;
        margin-right: 20px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 27px;
    }
    .dots_margin{
        margin-left: 20px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 250px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 43px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 43px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 80px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 26px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 55px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        /*margin-left: 7%; */
        margin-right: 5%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 22px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 25px;
    }

    .noticia_leer_mas{
        font-size: 18px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 18px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 80px;
        margin-top: 50px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 10%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1600px;
    }
}

@media (min-width: 650px) and (max-width: 699px){
    .main-container_mobile {
        margin-left: 10%;
        margin-top: 7%;
        color: #71858F; 
    }

    .video{
        margin-left: 3%;
        height: 70%;
        width: 40%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 45px;
        width: 30px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }

    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }
    
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }
    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }

    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }

    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 15px;
        width: 15px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -760px; 
        margin-left: 100px;
    }
    .slider_letras{
        font-size: 30px;
    }
    .slider_letras_big{
        font-size: 64px;
    }
    .slider_letras_title{
        font-size: 38px;
    }
    .slider_letras_sub{
        font-size: 27px;
    }
    .slider_button_convocatorias{
        height: 45px; 
        width: 150px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 20px;
        margin-right: 20px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 27px;
    }
    .dots_margin{
        margin-left: 20px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 220px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 38px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 38px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 80px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 25px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 55px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        /*margin-left: 7%; */
        margin-right: 5%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 20px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 25px;
    }

    .noticia_leer_mas{
        font-size: 17px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 17px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 80px;
        margin-top: 50px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 10%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1500px;
    }
}

@media (min-width: 600px) and (max-width: 649px){
    .main-container_mobile {
        margin-left: 10%;
        margin-top: 7%;
        color: #71858F; 
    }
    
    .video{
        margin-left: 3%;
        height: 70%;
        width: 40%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 45px;
        width: 30px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }
    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }    
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }

    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }

    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 15px;
        width: 15px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -760px; 
        margin-left: 100px;
    }
    .slider_letras{
        font-size: 28px;
    }
    .slider_letras_big{
        font-size: 58px;
    }
    .slider_letras_title{
        font-size: 35px;
    }
    .slider_letras_sub{
        font-size: 25px;
    }
    .slider_button_convocatorias{
        height: 42px; 
        width: 150px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 18px;
        margin-right: 20px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 25px;
    }
    .dots_margin{
        margin-left: 20px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 220px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 33px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 33px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 80px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 23px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 55px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        /*margin-left: 7%; */
        margin-right: 5%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 20px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 25px;
    }

    .noticia_leer_mas{
        font-size: 17px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 17px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 80px;
        margin-top: 50px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 10%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1450px;
    }
}

@media (min-width: 550px) and (max-width: 599px){

    .video{
        margin-left: 10%;
        height: 200px ;
        width: 290px;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 45px;
        width: 30px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }
    
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }
    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }

    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }

    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    
    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 15px;
        width: 15px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -650px; 
        margin-left: 80px;
    }
    .slider_letras{
        font-size: 25px;
    }
    .slider_letras_big{
        font-size: 55px;
    }
    .slider_letras_title{
        font-size: 32px;
    }
    .slider_letras_sub{
        font-size: 23px;
    }
    .slider_button_convocatorias{
        height: 42px; 
        width: 150px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 18px;
        margin-right: 20px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 25px;
    }
    .dots_margin{
        margin-left: 20px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 200px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 33px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 33px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 80px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 22px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 55px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 88%; 
        /*margin-left: 7%; */
        margin-right: 5%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 18px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 25px;
    }

    .noticia_leer_mas{
        font-size: 16px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 16px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 70px;
        margin-top: 45px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 10%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1350px;
    }
}

@media (min-width: 500px) and (max-width: 549px){

    .video{
        margin-left: 10%;
        height: 200px ;
        width: 290px;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 40px;
        width: 25px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }

    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }

    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }

    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 15px;
        width: 15px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -600px; 
        margin-left: 75px;
    }
    .slider_letras{
        font-size: 24px;
    }
    .slider_letras_big{
        font-size: 50px;
    }
    .slider_letras_title{
        font-size: 29px;
    }
    .slider_letras_sub{
        font-size: 22px;
    }
    .slider_button_convocatorias{
        height: 40px; 
        width: 135px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 17px;
        margin-right: 20px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 22px;
    }
    .dots_margin{
        margin-left: 15px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 200px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 28px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 28px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 60px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 20px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 55px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 25px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 96%; 
        /*margin-left: 7%; */
        margin-right: 2%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 16px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 15px;
    }

    .noticia_leer_mas{
        font-size: 14px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 14px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 60px;
        margin-top: 45px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 10%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1250px;
    }
}

@media (min-width: 450px) and (max-width: 499px){

    .video{
        margin-left: 8%;
        height: 200px ;
        width: 300px;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 40px;
        width: 25px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }

    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }

    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }

    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }

    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 15px;
        width: 15px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -540px; 
        margin-left: 75px;
    }
    .slider_letras{
        font-size: 20px;
    }
    .slider_letras_big{
        font-size: 46px;
    }
    .slider_letras_title{
        font-size: 25px;
    }
    .slider_letras_sub{
        font-size: 20px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 135px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 20px;
    }
    .dots_margin{
        margin-left: 15px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 180px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 25px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 25px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 60px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 18px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 20px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 96%; 
        /*margin-left: 7%; */
        margin-right: 2%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 16px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 15px;
    }

    .noticia_leer_mas{
        font-size: 14px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 14px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 60px;
        margin-top: 45px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 6%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1200px;
    }
}

@media (min-width: 430px) and (max-width: 449px){

    .video{
        margin-left: 6%;
        height: 200px ;
        width: 300px;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 40px;
        width: 25px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }
    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }

    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }

    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }

    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -490px; 
        margin-left: 75px;
    }
    .slider_letras{
        font-size: 18px;
    }
    .slider_letras_big{
        font-size: 42px;
    }
    .slider_letras_title{
        font-size: 23px;
    }
    .slider_letras_sub{
        font-size: 19px;
    }
    .slider_button_convocatorias{
        height: 35px; 
        width: 120px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 15px;
        margin-right: 20px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 15px;
    }
    .dots_margin{
        margin-left: 13px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 180px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 26px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 26px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 60px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 18px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 20px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 96%; 
        /*margin-left: 7%; */
        margin-right: 2%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 16px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 15px;
    }

    .noticia_leer_mas{
        font-size: 14px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 14px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 55px;
        margin-top: 45px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 6%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1150px;
    }
}

@media (min-width: 400px) and (max-width: 429px){

    .video{
        margin-left: -3%;
        height: 150%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 40px;
        width: 25px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }

    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }
    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -470px; 
        margin-left: 65px;
    }
    .slider_letras{
        font-size: 18px;
    }
    .slider_letras_big{
        font-size: 39px;
    }
    .slider_letras_title{
        font-size: 21px;
    }
    .slider_letras_sub{
        font-size: 17px;
    }
    .slider_button_convocatorias{
        height: 32px; 
        width: 110px;
        border-radius: 10px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 14px;
        margin-right: 15px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 13px;
    }
    .dots_margin{
        margin-left: 13px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 160px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 23px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 23px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 60px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 16px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 20px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 96%; 
        /*margin-left: 7%; */
        margin-right: 2%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 14px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 15px;
    }

    .noticia_leer_mas{
        font-size: 14px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 14px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 55px;
        margin-top: 45px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 6%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1100px;
    }
}

@media (min-width: 370px) and (max-width: 399px){

    .video{
        margin-left: -5%;
        height: 170%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 30px;
        width: 20px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }

    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }

    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -430px; 
        margin-left: 65px;
    }
    .slider_letras{
        font-size: 18px;
    }
    .slider_letras_big{
        font-size: 37px;
    }
    .slider_letras_title{
        font-size: 20px;
    }
    .slider_letras_sub{
        font-size: 17px;
    }
    .slider_button_convocatorias{
        height: 30px; 
        width: 110px;
        border-radius: 5px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 13px;
        margin-right: 15px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 13px;
    }
    .dots_margin{
        margin-left: 13px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 140px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 20px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 23px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 60px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 14px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 20px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 96%; 
        /*margin-left: 7%; */
        margin-right: 2%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 11px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 8px;
    }

    .noticia_leer_mas{
        font-size: 11px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 11px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 50px;
        margin-top: 45px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 6%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height:1050px;
    }
}

@media (min-width: 350px) and (max-width: 369px){
    .video{
        margin-left: -5%;
        height: 170%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 30px;
        width: 20px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 25px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 25px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }
    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 10px;
        width: 10px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -400px; 
        margin-left: 55px;
    }
    .slider_letras{
        font-size: 18px;
    }
    .slider_letras_big{
        font-size: 35px;
    }
    .slider_letras_title{
        font-size: 20px;
    }
    .slider_letras_sub{
        font-size: 17px;
    }
    .slider_button_convocatorias{
        height: 30px; 
        width: 110px;
        border-radius: 5px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 13px;
        margin-right: 15px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 11px;
    }
    .dots_margin{
        margin-left: 11px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 130px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 19px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 23px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 60px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 13px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 20px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 96%; 
        /*margin-left: 7%; */
        margin-right: 2%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 11px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 8px;
    }

    .noticia_leer_mas{
        font-size: 11px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 11px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 50px;
        margin-top: 45px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 6%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 1050px;
    }
}

@media (min-width: 320px) and (max-width: 349px){

    .video{
        margin-left: -5%;
        height: 170%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 25px;
        width: 15px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 18px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 18px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }

    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }
    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }
    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 8px;
        width: 8px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -350px; 
        margin-left: 55px;
    }
    .slider_letras{
        font-size: 16px;
    }
    .slider_letras_big{
        font-size: 32px;
    }
    .slider_letras_title{
        font-size: 17px;
    }
    .slider_letras_sub{
        font-size: 14.5px;
    }
    .slider_button_convocatorias{
        height: 30px; 
        width: 100px;
        border-radius: 5px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 13px;
        margin-right: 15px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 10px;
    }
    .dots_margin{
        margin-left: 10px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 130px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 19px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 19px;
    }
    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 60px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 13px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 20px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 96%; 
        /*margin-left: 7%; */
        margin-right: 2%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 10px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 7px;
    }

    .noticia_leer_mas{
        font-size: 10px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 10px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 45px;
        margin-top: 40px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 6%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 950px;
    }
}

@media (min-width: 0px) and (max-width: 319px){

    .video{
        margin-left: -5%;
        height: 170%;
        width: 90%;
    }

    .background-new-color{
        background-color: #EDECEB;
    }
  
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .contenedor-slider {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .slider:hover ~ .btn-prev{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
    .slider:hover ~ .btn-next{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
    }
  
    .slider {
        display: flex;
        width: 500%;
        height: auto;
    }
  
    .slider__section {
        width: 100%;
        height: auto;
    }
  
    .slider__img {
        display: block;
        width: 100%;
        height: auto;
    }
  
    .btn-prev, .btn-next{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        font-family: monospace;
        cursor: pointer;
    }
  
    .btn-prev:hover, .btn-next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }

    .arrow-slider{
        height: 25px;
        width: 15px;
        opacity: .8;
    }
  
    .btn-prev {
        left: 18px;
        transform:translateX(-50px);
        visibility: hidden;
        transition:all .3s ease;
    }
  
    .btn-next {
        right: 18px;
        transform:translateX(50px);
        visibility: hidden;
        transition:all .3s ease;
    }

    .op_1{
        color: #fff; 
        opacity: 1.0;
        transition: opacity 2s linear;
    }

    .op_05{
        color: #fff; 
        opacity: 0.5;
        transition: opacity 2s linear;
    }

    .dot1_n_2:hover{
        opacity: 1.0;
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop{
        content: url("/assets/images/index_nuevo/page_slide_promueven_octubre_urbano_para_crear_conciencia_y_participación_ciudadana_desktop_mobile.jpg");
    }
    .page_slide_destacan_zona_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/implan_presente_en_el_foro_estrategia_general_para_la_planeacion_del_territorio/Slides_Inicio_Movil_18.jpg");
    }
    .page_slide_potzmi_desktop{
        content: url("/assets/images/index_nuevo/slides_inicio_movil_POTZMI.png");
    }

    .slider_contratacion_area_planeacion{
        content: url("/assets/images/index_nuevo/Post_ planeación_mobile.jpg");
    }

    .page_slide_mecanismo_transparencia{
        content: url("/assets/images/index_nuevo/noticias/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana/banner/implan_presenta_mecanismos_de_transparencia_para_la_zona_metropolitana_mobile.jpg");
    }
    .nuevos_miembros{
        content: url("/assets/images/index_nuevo/noticias/presentan_a_los_nuevos_miembros_a_la_junta_de_gobierno/slides_inicio_movil.jpg");
    }
    .encuesta_digital_desktop{
        content: url("/assets/images/encuesta_pgm_digital_mobile.jpg");
    }
    .se_inician_trabajos{
        content: url("/assets/images/index_nuevo/noticias/se_inician_los_trabajos_de_socializacion_con_el_gabinete/slides_inicio_movil.jpg");
    }
    .a_100_acciones_en_100_dias{
        content: url("/assets/images/index_nuevo/noticias/100_acciones_en_100_dias/Slide_Inicio_Movil.jpg");
    }
    .planificacion_urbana{
        content: url("/assets/images/index_nuevo/noticias/sesion_de_trabajo_para_la_elaboracion_del_plan_municipal/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa/Slide_Inicio_Movil.jpg");
    }
    .aprueba_el_cabildo_2{
        content: url("/assets/images/index_nuevo/noticias/aprueba_el_cabildo_del_h_ayuntamiento_el_plan_y_programa_2/Slide_Inicio_Movil.jpg");
    }
    .coe{
        content: url("/assets/images/index_nuevo/noticias/coe/Slide_Inicio_Movil.jpg");
    }
    .foro_mujeres_y_territorio{
        content: url("/assets/images/index_nuevo/noticias/foro_mujeres_y_territorio/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_del_coe/Slide_Inicio_Movil.jpg");
    }
    .primera_sesion_extraordinaria_del_coe{
        content: url("/assets/images/index_nuevo/noticias/primera_sesion_extraordinaria_del_coe/Slide_Inicio_Movil.jpg");
    }
    .segunda_sesion_ordinaria_jg{
        content: url("/assets/images/index_nuevo/noticias/junta_de_gobierno_del_implan_impulsa_alineacion/Slide_Inicio_Movil.jpg");
    }
    .avances_COE{
        content: url("/assets/images/index_nuevo/noticias/avances_COE/Slide_Inicio_Movil.jpg");
    }
    .ccc_del_implan{
        content: url("/assets/images/index_nuevo/noticias/ccc_del_implan/Slide_Inicio_Movil.jpg");
    }
    .tercera_sesion_de_la_com{
        content: url("/assets/images/index_nuevo/noticias/tercera_sesion_de_la_com/Slide_Inicio_Movil.jpg");
    }
    .expertos_y_autoridades{
        content: url("/assets/images/index_nuevo/noticias/expertos_y_autoridades_apuestan_por_un_desarrollo/Slide_Inicio_Movil.jpg");
    }
    .participacion_ciudadana{
        content: url("/assets/images/index_nuevo/noticias/participacion_ciudadana_marca_las_bases/Slide_Inicio_Movil.jpg");
    }

    .implan_abre_espacios{
        content: url("/assets/images/index_nuevo/noticias/implan_abre_espacions_de_participacion_para_crear_un_bahia_ordenado_y_sostenible/Slides_Inicio_Movil.jpg");
    }
    .page_slide_potzmi_boletin_desktop{
        content: url("/assets/images/index_nuevo/noticias/publican_programa_de_ordenamiento_territorial/banner/Slides_Inicio_Movil.jpg");
    }

    .avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_desktop{
        content: url("/assets/images/index_nuevo/avanza_agenda_metropolitana_entre_bahía_de_banderas_y_puerto_vallarta_mobile.jpg");
    }
    .compromiso_con_la_gobernanza_metropolitana_desktop{
        content: url("/assets/images/index_nuevo/noticias/compromiso_con_la_gobernanza_metropolitana/slides_Inicio_mobile.jpg");
    }

    .consulta_publica_peot_desktop{
        content: url("/assets/images/index_nuevo/Slides Inicio Móvil-17.jpg");
    }
    .beda_desktop{
        content: url("/assets/images/beda-electoral/Slides veda electoral mobile.jpg");
    }
    .banner_declaracion_bb{
        content: url("/assets/images/index_nuevo/banner_declaracion_bb_mobile.jpg");
    }

    .sipinna_banner_desktop{
        content: url("/assets/images/index_nuevo/sipinna_banner_moble.jpg");
    }
    .participa_implan_en_el_programa_municipal_de_protección_desktop{
        content: url("/assets/images/index_nuevo/participa_implan_en_el_programa_municipal_de_protección_mobile.jpg");
    }
    .page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_desktop{
        content: url("/assets/images/index_nuevo/page_slide_bahia_de_banderas_tiene_un_avance_contundente_en_planeacion_mobile.jpg");
    }
    .page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_desktop{
        content: url("/assets/images/index_nuevo/page_slide_reconoce_gobierno_federal_trabajo_de_mirtha_villalvazo_mobile_v2.jpg");
    }
    .page_slide_validan_programas_sectoriales_desktop{
        content: url("/assets/images/index_nuevo/page_slide_validan_programas_sectoriales_mobile.jpg");
    }
    .page_slide_dr_jorge_desktop{
        content: url("/assets/images/index_nuevo/page_slide_dr_jorge_mobile.jpg");
    }
    .slider__img_huracan_lidia{
        content: url("/assets/images/index_nuevo/page_slide_prevencion_y_atencion_tras_el_paso_del_huracan_lidia_mobile.jpg");
    }
    .slider__img_presentan_avances_programa_eco{
        content: url("/assets/images/index_nuevo/page_slide_presentan_avances_del_programa_de_ordenamiento_eco_mobile.jpg");
    }
    .slider__img_octubre_urbano{
        content: url("/assets/images/index_nuevo/page_slide_octubre_urbano_mobile.jpg");
    }
    .slider__img_covocatoria{
        content: url("/assets/images/index_nuevo/page_slide_convocatoria_mobile.jpg");
    }
    .slider__img_aprueban_reglamento_del_consejo{
        content: url("/assets/images/index_nuevo/page_slide_aprueban_reglamento_del_consejo_mobile.jpg");
    }
    .slider__img_fortalece_la_participacion_los_resultados{
        content: url("/assets/images/index_nuevo/page_slide_fortalece_la_participacion_los_resultados_y_la_toma_de_decisiones_mobile.jpg");
    }

    .slider__img_reglamento_observaciones_consejo{
        content: url("/assets/images/index_nuevo/page_slide_observaciones_al_reglamento_consejo_mobile.jpg");
    }

    .slider__img_reglamento_consejo{
        content: url("/assets/images/index_nuevo/page_slide_reglamento_consejo_consultivo_mobile.jpg");
    }

    .slider__img_mega{
        content: url("/assets/images/index_nuevo/slide_mega_limpieza_movil.jpg");
    }

    .slider__img_one_one{
        content: url("/assets/images/index_nuevo/page_slide_programas_sectoriales_mobile.jpg");
    }

    .slider__img_one{
        content: url("/assets/images/index_nuevo/page_mobile_slide_COEP.jpg");
    }

    .slider__img_two{
        content: url("/assets/images/index_nuevo/slide_mobile_potzmi.png");
    }

    .slider__img_three{
        content: url("/assets/images/index_nuevo/slide_moible_loteria.png");
    }

    .dots_principal_slider{
        background-color: #fff;
        height: 8px;
        width: 8px;
        text-indent: -9999px;
        overflow:hidden; 
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .contenedor_letras_slider{
        position: absolute; 
        margin-top: -320px; 
        margin-left: 47px;
    }
    .slider_letras{
        font-size: 12px;
    }
    .slider_letras_big{
        font-size: 32px;
    }
    .slider_letras_title{
        font-size: 17px;
    }
    .slider_letras_sub{
        font-size: 14.5px;
    }
    .slider_button_convocatorias{
        height: 30px; 
        width: 100px;
        border-radius: 5px; 
        border: 1px solid white; 
        background-color: #fff; 
        border-color: #fff; 
        color: black; 
        font-size: 13px;
        margin-right: 15px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Lato Black', sans-serif;
    }
    .slider_button_convocatorias:hover{
        background-color: #B28D5C;
        border: 1px solid #B28D5C; 
        color: #fff;
    }
    .slider_conocer_mas_letras{
        font-size: 9px;
    }
    .dots_margin{
        margin-left: 7px;
    }

    .container_menu_center{
        background-color: #EEECEC !important; 
        height: 120px;
    }

    .image_center_menu{
        display: block; 
        width: 100%; 
        height: auto; 
        margin-top: 20px;
    }

    .video_style{
        border-radius: 20px;
    }

    .loteria_de_la_bahia_contenedor_text{
        margin-top: 25px;
        margin-left: 7%; 
        margin-right: 7%
    }

    .loteria_de_la_bahia_text_div{
        float: left; 
        width: 60%;
        margin-top: 50px;
    }
    .loteria_de_la_bahia_text{
        color: #153545; 
        font-size: 16px;
    }
    .loteria_de_la_bahia_text2{
        color: #153545; 
        font-size: 16px;
    }

    .loteria_de_la_bahia_bar_div{
        float: left; 
        width: 40%; 
        margin-top: 60px;
    }
    .loteria_de_la_bahia_bar{
        width: 100%;
    }
    .la_bahia_es_de_todos_div{
        float: left; 
        width: 100%; 
        margin-bottom: 30px;
    }
    .la_bahia_es_de_todos_text{
        color: #71858F; 
        font-size: 11px;
    }

    .bottom_img{
        width: 60%;
        margin-left: 20%;
    }
    .noticias_conoce_mas_button{
        height: 45px; 
        border-radius: 10px; 
        border: 2px solid black; 
        background-color: #435E6A; 
        border-color: #435E6A; 
        color: #fff; 
        font-size: 20px;
        margin-top: 10px;
    }

    .noticias_contenedor_total{
        float: left; 
        width: 96%; 
        /*margin-left: 7%; */
        margin-right: 2%; 
        margin-top: 45px;
    }

    .noticias_contenedor_imagen{
        float: left; 
        width: 43%; 
        margin-right: 5%;
    }

    .noticias_imagen{
        width: 100%; 
        border-radius: 20px;
    }

    .noticias_contenedor_nombre_noticia{
        float: left; 
        width: 52%;
    }

    .noticias_contenedor_noticia_titular{
        margin-top: 0px;
    }

    .noticia_titular{
        color: #435E6A; 
        font-size: 9px;
    }

    .noticias_contenedor_leer_mas{
        margin-top: 4px;
    }

    .noticia_leer_mas{
        font-size: 9px; 
        color: #AF8B5B;
    }

    .noticia_fecha{
        font-size: 9px; 
        color: #71848E;
    }

    .noticia_hr_line{
        border: 1px solid #B28D5C;
    }

    .contenedor_noticias_linea_separador{
        float: left; 
        width: 100%; 
        /*margin-left: 5%; 
        margin-right: 5%; */
        margin-top: 20px; 
        opacity: 0.9;
    }

    .separador_noticias_container{
        width: 100%;
    }

    .noticias_titular{
        color: #435E6A !important; 
        font-size: 40px;
        margin-top: 35px;
    }

    .noticias_contenedor_mobile{
        background-color: #fff !important; 
        vertical-align: top;
        display: table;
    }

    .noticias_margin_mobile{
        margin-left: 6%;
        vertical-align: top;
        display: inline-block;
    }

    .video_margins{
        margin-left: 10%; 
        margin-right: 10%
    }

    .loteria_de_la_bahia_contenedor{
        background-color: #EEECEC !important; 
        height: 900px;
    }
}