@media (min-width: 768px) {
    .mosaico_imagen {
        width: 20%
    }
}
@media (min-width: 992px) {
    .mosaico_imagen {
        width: 20%
    }
}
@media (min-width: 1200px) {
    .mosaico_imagen {
        width: 20%
    }
}

@media only screen and (max-width: 991px){
.about_text_2{
    margin-top: 12px;
}
}
@media (max-width: 599px) {
    .banner-title{
        text-shadow: 5px 5px 5px #0e0e0e;        
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
/*        margin-right: 10%;
        margin-left: 10%;
        margin-top:35%;*/
        color:#F5F6F8;
        line-height:1.6;
        font-size: 40px;
        letter-spacing: 1px;      
        
    }

    #tituloh4{ 
        font-size: 25px;
        font-weight: 400; 
    }

    #tituloh6{
        font-size: 15px;
        font-weight: 400;
    }


     .home-no-image
            {
            width: 100%!important;
            height: 170px!important;
            }


    #card-img-top_noticias { 
         width: 100%;
         height: 40vw;
         object-fit: cover;}

    .home-no-image{
        width: 100%!important;
        height: 170px!important;
    }



} /*-----------------------/phone---------------------*/

@media (min-width: 600px) /*----------for-tablet-portrait-up-------------*/{  
    .banner-title{
        text-shadow: 5px 5px 5px #0e0e0e;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
/*        margin-top: 20%;*/
        vertical-align: middle;
        color:#F5F6F8;
        line-height: 54px;
        font-size: 40px;
        letter-spacing: 1px;
    }



    #tituloh4{ 
        font-size: 25px;
        font-weight: 400;  
    }/* Problemas con el responsive del titulo de noticia*/

    #tituloh6{
        font-size: 15px;
        font-weight: 400;
    }/* Problemas con el responsive del subtitulo de noticia*/




     .home-no-image
            {
            width: 100%!important;
            height: 170px!important;
            }/* Problemas con el responsive mucho espacio
            entre logo dimla y fecha de noticia*/



 #card-img-top_noticias { 
    width: 100%;
     height: 30vw;
    object-fit: cover;}/*resuelve el tamaño de la imagen de noticias en novedades*/



.alturaresultado{  height:250px;      }

.titulo{  height:70px;      }

           

} /*----------------------/for-tablet-portrait-up---------------------*/

@media (min-width: 850px)/*----------for-tablet-landscape-up----------*/ {  
   .banner-title{
       text-shadow: 5px 5px 5px #0e0e0e;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        /*margin-top: 13%;*/
        vertical-align: middle;
        color:#F5F6F8;
        line-height: 54px;
        font-size: 40px;
        letter-spacing: 1px;
    }

    #tituloh4{ 
        font-size: 25px;
        font-weight: 400;
    }/* Problemas con el responsive del titulo de noticia*/


    #tituloh6{
        font-size: 15px;
        font-weight: 400;
    }/* Problemas con el responsive del subtitulo de noticia*/



     .home-no-image
            {
            width: 100%!important;
            height: 170px!important;
            
            }/* Problemas con el responsive mucho espacio
            entre logo dimla y fecha de noticia*/

#card-img-top_noticias { 
    width: 100%;

    height: 13vw;
    object-fit: cover;
        }/*resuelve el tamaño de la imagen de noticias en novedades*/
   


}/*-----------------/for-tablet-landscape-up----------------*/  

@media (min-width: 1200px) /*--------------for-desktop-up--------------*/{  
  .banner-title{
        text-shadow: 5px 5px 5px #0e0e0e;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
/*        margin-right: 20%;
        margin-left: 20%;
        margin-top: 7%;*/
        vertical-align: middle;
        color:#F5F6F8;
        line-height:54px;
        font-size: 50px;
        letter-spacing: 1px;
    }

    .home-no-image{
        width: 100%!important;
        height: 170px!important;
    }/* Problemas con el responsive mucho espacio
    entre logo dimla y fecha de noticia*/


#card-img-top_noticias { 
    width: 100%;
    height: 11vw;
    object-fit: cover;

    }/*resuelve el tamaño de la imagen de noticias en novedades*/

} /*--------------------/for-desktop-up----------------------------*/

@media (min-width: 1800px) /*-------------for-big-desktop-up--------------*/{ 
   .banner-title{
       text-shadow: 5px 5px 5px #0e0e0e;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        vertical-align: middle;
        color:#F5F6F8;
        line-height: 54px;
        font-size: 55px;
        letter-spacing: 1px;
    }
    .home-no-image{
        width: 100%!important;
        height: 170px!important;
    }

#card-img-top_noticias {
    width: 100%;
    height: 8vw;
    object-fit: cover;
}

@media only screen and (max-width: 1600px)
{
    .box
    {
        width: 100%;
        padding-left: 60px;
    }
}

/************
2. 1440px
************/

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

/************
3. 1380px
************/

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

/************
3. 1280px
************/

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

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
    .search_container_form
    {
        width: 217px;
    }
    .info_form
    {
        margin-top: 29px;
    }
    .box
    {
        padding-left: 30px;
    }
    .cta_button
    {
        margin-top: 30px;
    }
    .footer_contact_form div input
    {
        width: 100%;
    }
    .footer_nav ul li:not(:last-child)
    {
        margin-right: 40px;
    }
    .footer_links
    {
        margin-left: 54px;
    }
}

/************
4. 1100px
************/

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

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
    
#leermas{


}

}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
    .home_title
    {
        font-size: 48px;
    }
    .header,
    .header.scrolled
    {
        position: fixed;
        top: 0px;
        left: 0;
    }
    .header_top_extra,
    .header_nav
    {
        display: none !important;
    }
    .hamburger
    {
        display: block;
    }
    .info_form_container
    {
        padding-bottom: 44px;
    }
    .info_box_col:not(:last-child)
    {
        margin-bottom: 40px;
    }
    .news
    {
        margin-top: 100px;
    }
    .about_image
    {
        position: relative;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        right: auto;
        margin-top: 30px;
    }
    .about_text_2
    {
        margin-top: 12px;
    }
    .milestone_col:not(:last-child)
    {
        margin-bottom: 80px;
    }
    .box
    {
        width: 100%;
        padding-left: 90px;
    }

.info_box
{
    width: 100%;
    background: #f4f8fb;
    height: 500px;
}

    .contact_col:not(:last-child)
    {
        margin-bottom: 60px;
    }
    .contact_info
    {
        position: relative;
        left: 15px;
        top: auto;
        width: calc(100% - 30px);
        padding-left: 40px;
        padding-right: 40px;
    }
    .contact_info_list_2
    {
        padding-top: 0;
    }
    .contact_map
    {
        margin-top: 65px;
        height: 650px;
    }
    .tab_panels
    {
        margin-top: 40px;
    }
    .footer_col:not(:last-child)
    {
        margin-bottom: 50px;
    }
    .footer_contact
    {
        padding-top: 0;
    }
    .footer_bar_content
    {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer_nav ul li:not(:last-child)
    {
        margin-bottom: 8px;
    }
    .footer_links ul li:not(:last-child)::after
    {
        display: none;
    }
    .footer_phone
    {
        margin-left: 80px;
    }
    .footer_links ul li:not(:last-child)
    {
        margin-bottom: 7px;
    }
}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
    leermas {margin-bottom: 20px;
    margin-top: 0px; }
}

/************
8. 880px
************/

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

/************
9. 768px
************/

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

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
    .dept_slider_nav
    {
        display: none;
    }
    .box
    {
        padding-left: 60px;
    }
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
    p
    {
        font-size: 13px;
    }
    .menu_close_container
    {
        top: 31px;
        right: 28px;
    }
    .menu_item a
    {
        font-size: 28px;
    }
    .button
    {
        height: 40px;
    }
    .button a span
    {
        font-size: 10px;
    }
    .news_sidebar
    {
        margin-top: 100px;
    }
    .section_title
    {
        font-size: 28px;
        line-height: 1.6;
        max-width: 100%;
    }
    .home_title
    {
        font-size: 36px;
    }
    .home_text
    {
        font-size: 14px;
        max-width: 100%;
    }
    .box
    {
        padding-left: 30px;
    }
    .box_title
    {
        font-size: 24px;
    }
    .box_text
    {
        font-size: 13px;
    }
    .info_text
    {
        font-size: 13px;
    }
    .cta_title
    {
        font-size: 24px;
    }
    .cta_subtitle
    {
        font-size: 13px;
    }
    .news_post_title a
    {
        font-size: 24px;
    }
    
    .news_title
    {
        font-size: 28px;
    }
    .footer_about_text
    {
        font-size: 13px;
    }
    .footer_links
    {
        margin-left: 0;
        margin-top: 40px;
    }
    .footer_phone
    {
        margin-left: 0;
        margin-top: 40px;
    }

#prueba
{
    margin-top: 20px;
    padding-top: 20px;
}

.info_content{

margin-top: 20px;
margin-bottom: 20px;

}

#logosigmateninfobox
{

    border: solid; 
    width: 100%; 
    height: auto; 
    margin-top: 10px;
    margin-bottom:30px;
}

}

/************
11. 539px
************/

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

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
    .home_title
    {
        font-size: 24px;
    }
}

/************
13. 479px
************/

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

/************
14. 400px
************/

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

@media (min-width: 700px) {
  .card-deck_personalizado  {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck_personalizado  .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

@media (min-width: 900px) {

  .card-deck_personalizado  {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck_personalizado  .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }

}