
@media (max-width: 1200px) {
    /*banner*/
    .banner .box_banner{margin-bottom:120px }
    .nivo-controlNav{display: none !important;}

}

@media (max-width: 1100px) {

    /*contenido e items*/
    .center, .banner .box_banner{ width:92%} 

    /*banner*/
    .nivo-caption{padding: 0px !important}

    /*imagenes*/
    .item_images img{ width: 32%}

    /*imagenes clientes*/
    .content_item_images_st2 div img{ width: 100%;}

}

@media (max-width: 1060px) {

    /*clientes*/
    .box_clientes .img_resp{ display: none;}

    /*footer*/
    #footer .cont_menu{display: none}
    #footer .cont_info{margin-left: 50px;}
    #footer .cont_info p{width: 270px; }

    /*nosotros*/
    .content_item .item_3{ margin-bottom: 0px !important;}
    .content_item .item_3, .content_item .item_3 p{ width: 100%;}
    .content_item .item_3 img{ display: none;}
    .content_item .item_3 .p_right{ float: none;}
}

@media (max-width: 1046px) {

    /*banner*/
    .banner .box_banner {margin-bottom:85px;  }

    /*items*/
    .content_item_between{-webkit-flex-flow: column; flex-flow: column; margin-bottom: 10px;}

    .content_item .item_4, .content_item .item_4:first-child{ margin: 0 auto; margin-bottom:40px !important;}
    .content_item .item_4, .content_item .item_4 span.p_title, .content_item .item_4 p{ text-align: center;}

    /*banner*/
    .banner .box_banner{margin-bottom:80px }

    /*banner interno*/
    .banner_small{ height:350px;}
    .banner_small .title{ padding-top: 190px;}
    
}

@media (max-width: 900px) {

    /*menu*/
    .cont_r .menu_top{ display: none;}

    /*cabecera*/
    #cabecera .content_cabecera .cont_l, #cabecera .content_cabecera .cont_r{float: none; text-align: center;}
    #cabecera .content_cabecera .cont_l{ margin-bottom:15px;}
    #menu{ text-align: center;}
    #nav{ margin-left: 0px;}
    #cabecera .content_cabecera{ padding: 20px 0px 10px 0px;}
}


@media (max-width: 850px) {
    .box{-webkit-flex-flow: column; flex-flow: column;}
    .box_clientes{display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;}

    /*texto izquierda*/
    .seccion{ padding: 60px 0;}
    .box_text{ width: 100%; margin-bottom: 50px;}
    .box_text, .box_text H2, .box_text H3, .box_text p{ text-align: center;}
    .mr-55{ margin-right: 0px;}

    /*banner*/
    .banner .box_banner{margin-bottom:50px }

    /*box*/
    .grupo_icon_desc{ margin: 0 auto; width:550px;}

    /*contacto*/
    .content_item_icontext{display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;}
    .content_item_icontext .item_icontext{ margin-right: 20px;}
    .content_item_icontext .item_icontext p{ display: inline;}
    .title_small_st2{ width: 100%;}
}

@media (max-width: 900px) {
    .item_box .info_box, .item_box .max_desc{ width: auto;}
}


@media (max-width: 880px) {
    .seccion{padding:60px 0}
}

@media (max-width: 830px) {
    /*menu*/
    #cabecera .content_cabecera{padding:15px 0px}
    #cabecera .content_cabecera .cont_r{display: none}
    #cabecera .content_cabecera .cont_l{ margin-bottom: 0px; text-align: left; margin-top:5px;}

    /* menu para cel */
    a#mmenu_hamburger{display: block}

    /*content_item*/
    .content_item{-webkit-flex-flow: column; flex-flow: column; margin-bottom: 10px; }
    .content_item .item{ width: 100%; margin-left:0; margin-bottom:20px}

    /*items*/
    .content_item .item_4 p{ margin: 0 auto; width: 420px;}

    /*banner*/
    #banner_home{height: 450px;}
    #banner_home img{ display: none !important;}
    .banner .box_banner{margin-bottom:90px }
    .banner .box_banner H1, .banner_small .title H2, .banner_small .title H2{ font-size:70px;}
    .banner .box_banner H2, .title H3{ font-size: 18px; }
    .title H2{ font-size: 35px;}
    .banner .box_banner H2{ width: 100%;}

}

@media (max-width: 820px) {
    
    /*box clientes*/

    .box_clientes{-webkit-flex-flow: column; flex-flow: column;}
    .box_clientes .content_item_images{display:none}
    .box_clientes .box_text_small{ width: 100%;}
    .box_clientes .box_text_small, .box_clientes .box_text_small .title H2, .box_clientes .box_text_small .title H3, .box_clientes .box_text_small p{ text-align: center;}

}


@media (max-width: 750px) {
    .center, .content_cabecera{ width: 90%}

    .seccion {padding: 40px 0}

    .item_box{-webkit-flex-flow: column; flex-flow: column;}
    .item_box:first-child{ margin-top: 20px}
    .item_box .imagen{ height: 250px; border-radius: 5px 5px 0 0; }
    .item_box .imagen, .item_box .info_box{width: 100%;}

    /*nosotros*/
    .item_box .max_desc{ padding: 50px 60px 20px;}

}

@media (max-width: 700px) {
    .p_only{ width: 100%;}

    /*contacto*/
    .content_item_icontext{-webkit-flex-flow: column; flex-flow: column; }
    .content_item_icontext .item_icontext{ margin-right:0px;}
}

@media (max-width: 650px) {
    .grupo_icon_desc{ width: 100%;}
}

@media (max-width: 622px) {
    /*footer*/
    #footer .center{-webkit-flex-flow: column; flex-flow: column; padding: 40px 0 30px }
    #footer .cont_info{margin-left:0px;}
    #footer .cont_info p{width:100%; }
    #footer .direccion{ margin-bottom:30px;}

}

@media (max-width: 540px) {
    /*imagenes*/
    .item_images img{ display: none; width: 100%}
    .item_images img:first-child{ display: inline}

    .grupo_icon_desc .icon_desc{ width: 100%; margin-left:0px; padding-left: 0px; border-left: none;}

    /*banner*/
    .banner .box_banner H1{ font-size: 60px;}

}

@media (max-width: 500px) {
    H1, .title H1, .banner_small .title H2{ font-size: 50px}
    H2, .banner .box_banner H2{ font-size: 18px}

    /*banner*/
    .banner_small{height: 250px;}
    #banner_home{height: 350px;}
    .banner .box_banner {margin-bottom:60px;}
    .banner .box_banner H2{ margin-bottom:35px;}

    .seccion{ padding: 40px 0}
    
    /*banner interno*/
    .banner_small .title{ padding-top: 140px;}

    /*talentos*/
    .seccion_talentos p{ width: 100%;}

    .grupo_icon_desc{-webkit-flex-flow: column; flex-flow: column;}
    .grupo_icon_desc .icon_desc{ margin-bottom: 20px;}
    .grupo_icon_desc .icon_desc:first-child{ margin-bottom:50px;}
    .grupo_icon_desc .icon_desc, .grupo_icon_desc .icon_desc H1, .grupo_icon_desc .icon_desc H2{ text-align: center;}

    /*nosotros*/
    .item_box .info_box, .item_box .max_desc{padding: 35px 42px;}
    .item_box .max_desc{ padding-bottom: 10px;}

    /*productos*/
    .title_small{ width: 100%;}

}

@media (max-width: 420px) {
    .box .box-r img{ width: 100%;}
    .content_item .item_4 p{width:100%;}
    /*banner*/
    .banner .box_banner H1{ font-size: 40px;}
}

@media (max-width: 390px) {

    H1, .title H1, .banner_small .title H2{ font-size: 40px}
    H2, .title H2{font-size: 30px}
    .banner .box_banner H2, .title H3, .item span.p_title, .content_item .item_3 H2{ font-size: 20px}
    .title H2{margin-bottom:5px}


    /*icon*/
    .grupo_icon_desc .icon_desc H1 b{font-size:35px}
    .grupo_icon_desc .icon_desc H1{font-size: 25px}
    .icon_desc H2{font-size: 15px}

    /*servicios*/
    .item_2_style2 .p_title, .item_2_style2 .p_sectitle{ width: 100%;}

    /*contacto*/
    .title_small_st2 H3.w360{ width: 100%;}
}
