@media (max-width:760px) {
  html, body {
    margin: 0 auto;
    width: 100%
  }
  .encabezado {
    background-color: #1d2e3c !important;
    height: 110px;
  }
  header {
    background-image: none;
    height: auto
  }
  #superior {
    background-color: #356386;
    width: 100%;
    height: 25px;
    padding-bottom: 14px;
    display: inline-block
  }
  #slogan {
    clear: both;
    font-size: 10px;
    width: 100%;
    text-align: center;
    letter-spacing: -.2px;
    padding-top: 10px;
    margin: 0 auto
  }
  #lenguaje {
    position: absolute;
    right: 10px
  }
  .menuie8 {
    width: 100%;
    height: 70px;
  }
  #logo {
    float: left;
    height: 100%;
  }
  #logo img {
    width: 112px;
    margin: 21px 0 0 0px;
    display: block
  }
  #nav-mobile, #subnav-mobile {
    display: block
  }
  /*nuevo menu*/
  #menu {
    display: none;
  }
  .menu_active {
    display: block !important;
  }
  #submenu {
    width: 100%;
    float: none;
    background-color: #1d2e3c;
    margin: 0;
    padding: 0
  }
  #submenu {
    background-color: #aaa
  }
  #submenu ul {
    max-height: 0;
    overflow: hidden;
    background-color: #1d2e3c;
    margin: 0;
    width: 100%;
    padding: 0;
    height: auto
  }
  #submenu ul {
    background-color: #ddd
  }
  #submenu li {
    border-bottom: 1px solid #282b30;
    float: none;
    margin: 0;
    width: 100%;
    padding: 10px 0
  }
  #submenu li {
    border-bottom: 1px solid #bbb;
    padding-left: 29px
  }
  .dlines {
    width: 100%
  }
  #submenu li:last-child {
    border-bottom: 0
  }
  #submenu li a {
    display: block;
    color: #FFF;
    text-align: left !important
  }
  #submenu li a {
    color: #fff
  }
  #submenu ul.open-menu {
    max-height: 760px !important;
    transition: max-height .4s
  }
  .subm2lines {
    height: auto
  }
  /* fin nuevo menu */
  #slider {
    height: 151px
  }
  h1 {
    font-size: 30px !important
  }
  h1 a {
    font-size: 28px !important
  }
  .mod_white {
    width: 100%
  }
  .home_maq_pack {
    background-image: none;
    height: 500px
  }
  .home_maq_pack ul {
    float: left;
    width: 182px;
    margin-bottom: 10px
  }
  .multipack {
    margin: 0 auto;
    width: 100%;
    height: 250px;
    background-image: url(../images/home-multipack-new-home.png);
    background-repeat: no-repeat;
    background-position: 0 12px;
    background-size: contain;
    background-color: #fff;
    clear: both
  }
  .tit_pack {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    margin: 114px 0 0 30px;
    position: absolute;
  }
  .multipack h1 {
    padding: 137px 0 0 0 !important;
    text-transform: uppercase;
    font-size: 23px !important;
    line-height: 29px;
  }
  .tit_desc {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
  }
  .video_home {
    display: block;
    margin: 0 0 0 20px;
    float: left;
  }
  .video_home a {
    width: 122px;
    height: 52px;
    display: block;
    float: left;
    background-image: url(../..//images/ico_video_circ.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 34px auto;
    font-weight: 700;
    color: #029fd6;
  }
  .video_home span {
    margin: 16px 0 0 50px;
    display: block;
  }
  .multipack vermas {
    padding: 126px 0 0 28px !important;
    text-transform: uppercase;
    font-size: 23px !important;
  }
  #produccion {
    width: inherit
  }
  .produccionbar ul li {
    margin-right: 0;
    padding: 11px 0 0 0;
    font-size: 16px;
    float: left;
    width: 33%;
    display: inline-block;
  }
  .colhome, .colhome-3 .colhome {
    width: 100%
  }
  .colhome img {
    width: 100%;
    height: auto
  }
  h3 {
    padding: 10px 10px !important;
    text-align: center;
  }
  .colhome .vermas {
    float: none;
    /* background-color: #4b82aa; */
    margin: 37px 20px 20px 0 !important;
    /* padding: 15px 0 !important; */
    text-align: left;
    border: solid 2px #039ed7;
    width: 108px;
    margin: 20px auto !important;
    display: block;
    text-align: center;
  }
  .novedades {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    position: inherit;
    text-transform: uppercase;
    background-color: #029fd6;
    padding: 5px;
    margin: 0;
    margin: 30px auto -10px;
    display: block;
    width: 100px;
    text-align: center;
  }
  .footnav {
    height: 80px
  }
  .footnav ul {
    width: 100%;
    height: 87px
  }
  .footnav ul li {
    float: left;
    margin: 3px 0 0
  }
  .footnav ul li a {
    text-align: center;
    padding: 0;
    font-size: 10px
  }
  center {
    padding: 8px 0
  }
  .ctContenidosPie {
    display: inline-block !important
  }
  .ctContenidosPie h1.ctContenidos, .ctContenidosPie ctContenidos, .ctContenidosPie h3.ctContenidos, .ctContenidosPie h1.ctContenidos a, .ctContenidosPie h3.ctContenidos a {
    font-size: 10px !important;
    margin: 15px 0;
    padding: 3px
  }
  .legales {
    width: 100%;
    padding: 20px 0
  }
  #firma {
    text-align: center !important;
    height: 30px !important;
    padding: 0 !important
  }
  p.bjqs-caption {
    width: 94% !important;
    padding: 10px !important;
    font-size: 12px !important
  }
  .menu_tit {
    display: none
  }
  section {
    width: 100%
  }
  .info {
    width: 100%
  }
  .info > h1 {
    font-size: 22px !important;
    min-height: 34px
  }
  .standard {
    width: 100%
  }
  figure {
    width: 100%
  }
  .standard img {
    width: 100%;
    margin-left: 10px
  }
  .standard_txt {
    width: 200%;
    margin-left: 30px
  }
  article > p, article > h2, .info h3 {
    padding: 20px 0;
  }
  .info_img {
    width: 100% !important
  }
  .info_thumb {
    padding: 26px 20px
  }
  .info_thumb > figure {
    padding-bottom: 43px;
    margin-right: 5px
  }
  .menu_cont {
    float: left;
    padding-bottom: 20px;
    width: 100%;
  }
  #video_inst {
    display: none
  }
  .clientes {
    width: 100%;
    height: auto
  }
  .content, .infofull {
    width: 96%;
    margin: 30px auto 0;
  }
  .form_left {
    width: 25%
  }
  #formulario label {
    font-size: 15px;
    width: 100%
  }
  .form_right {
    float: right;
    width: 65%;
    margin: 10px 0px 0 0
  }
  #formulario input {
    width: 100%;
    font-size: 15px;
    margin: 0 0 20px;
    clear: both;
    float: none
  }
  #formulario textarea {
    width: 100%;
    font-size: 15px;
    margin: 0 0 20px;
    clear: both;
    float: none
  }
  #botonenviar {
    width: 100% !important;
    margin: 0 12px 0 0 !important;
    box-sizing: border-box;
  }
  .meca_head_epig {
    width: 90%;
    padding: 5px 20px
  }
  .prod_img {
    width: 100% !important
  }
  .figure_img {
    width: 100% !important
  }
  .thumb_hist {
    margin: 20px 0 0 20px;
    width: 90%
  }
  .thumb_hist_wide {
    margin: 26px 0 26px 20px
  }
  .thumb_gal {
    width: 43%;
    margin: 26px 0 26px 20px
  }
  ul.bjqs-controls {
    display: none !important
  }
  li.bjqs-slide img {
    width: 100%
  }
  .slider_text {
    width: 90%;
    font-size: 17px;
    position: relative
  }
  /*#navsubmenu{width:79%!important;position:fixed;margin:144px 0 0 -102px !important;float:none!important;z-index:9999!important;background-color:#000!important}
#navsubmenu li{height:20px!important;padding:10px 20px!important}
#navsubmenu li a{padding:4px!important;width:82%!important}*/
  .top110neg {
    margin-top: 0
  }
  .info_img_left {
    float: left;
    width: 100%;
    margin-bottom: 20px
  }
  .video-responsive, .videocap2 {
    display: none
  }
  article > h1, .info > h1 {
    margin: 0;
    padding: 10px 0 0 10px;
    background-color: #fff;
    display: table-cell
  }
  .h2destacado {
    margin: 20px 0;
    font-size: 14px !important
  }
  .videocap2left {
    display: none
  }
  .img_right_50 {
    width: 50%;
    margin: 0
  }
  .home_banners_pack {
    margin: 0;
    width: 100%;
    height: 398px
  }
  .banner_packs {
    display: block;
    width: 100%;
    float: left;
    height: 319px;
    border-bottom: none
  }
  .banner_packs_txt {
    width: 79%;
    height: 71%;
    margin: 44px auto
  }
  .margen_left {
    margin: 0 !important;
    padding: 0 20px
  }
  .img_left_small {
    width: 100%;
    margin: 0 auto;
    display: block;
    float: none !important
  }
  .tabla {
    width: 100%;
    margin: 0 auto;
    float: none !important
  }
  .sobre_titulo {
    margin-left: 10px !important;
    font-size: 18px;
  }
  .vermas_home {
    margin: -8vh 2vw 0 0;
    position: relative;
    float: right;
  }
  .vermas a, .descargas a {
    padding: 8px 20px !important;
  }
  .box-centra .vermas {
    width: 130px;
    margin: 14px 0 0 20px !important;
  }
  .box-centra .video_home {
    margin: 17px 0 0 0;
  }
  .contenedor {
    width: 96%;
    margin: 0 auto;
  }
  #col-info {
    padding: 0;
  }
  article > h1:first-of-type, .info > h1:first-of-type {
    margin: 0 0 20px 0;
    background-color: transparent;
    color: #555;
    font-size: 30px !important;
    text-align: left;
    font-weight: 600;
    padding: 0;
    text-transform: uppercase;
    line-height: 31px;
  }
  .infofull h1 span, article h1 span {
    font-size: 16px;
    line-height: 20px;
  }
  .txt-left {
    float: left;
    width: 60%;
  }
  .info_thumb > figure > span, .info_thumb_big > figure > span {
    height: 60px;
  }
  .back-l-grey {
    background-color: #efefef;
    margin: 20px auto 10px !important;
    width: 100%;
    padding: 0px 0 30px;
  }
  .colhome > h1 {
    text-align: center;
    height: auto;
  }
  .img_left_small img {
    width: 100%;
    margin: 0;
    display: block;
  }
  .info_thumb_big figure a:before {
    background-position: 50% 33%;
  }
  .clientes-logos {
    float: left;
    margin: 20px;
    width: 30%;
  }
  .clientes-logos img {
    float: left;
    margin: 20px 0 0 20px;
    width: 100%;
  }
  /* mapa */
  .clientes-mapa {
    width: 90%;
    margin: 20px auto;
  }
  .clientes-mapa ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .clientes-mapa ul li {
    /* display: inline-table; */
    /* padding: 10px 40px; */
    color: #333;
    font-size: 16px;
    margin: 0px 10px 29px 0;
    float: left;
  }
  .clientes-mapa ul li a {
    padding: 10px 46px;
    background: #eee;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
  }
  .clientes-mapa ul li a:hover {
    background: #ddd;
  }
  .mapa-mundo {
    width: 100%;
    height: 200px;
    margin: 20px 0 0 0;
    background-image: url(../images/clientes-mapa.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: contain;
    position: relative;
    display: inline-table;
  }
  .pais {
    background-color: #01e9eb;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    position: absolute;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0.7;
    /* top: 10% !important; */
    margin: -2% 0 0 -5px;
  }
  .apaga {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  .prende {
    -moz-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity: 1;
  }
  #argentina {
    width: 15px;
    height: 15px;
    top: 78%;
    left: 29%;
  }
  #brasil {
    top: 68%;
    left: 34%;
  }
  #indonesia {
    top: 59%;
    left: 74%;
  }
  #mexico {
    top: 40%;
    left: 22.6%;
  }
  #peru {
    top: 66%;
    left: 29%;
  }
  #italia {
    top: 39%;
    left: 50%;
  }
  #usa {
    top: 31%;
    left: 29%;
  }
  #india {
    top: 51%;
    left: 65%;
  }
  #francia {
    top: 34%;
    left: 47%;
  }
  /* fin mapa */
  .campos {
    width: 100%;
  }
  #contacto {
    display: block;
    float: left;
    padding: 5px;
  }
  #inicio {
    display: none;
  }
  .flexslider .slides > li a img {
    width: 100%;
  }
  #fichas .colhome {
    float: left;
    width: 100%;
    margin: 0;
    /* border-left: solid 6px #ddd; */
    padding: 00;
    /* border: solid 2px #ddd; */
    height: auto;
  }
  #fichas .colhome img {
    width: 80%;
    height: auto;
    margin: 0 auto;
  }
  .iconos-home h1 {
    width: 100%;
  }
  #fichas .colhome {
    margin: 0 0 2% 0;
    box-sizing: border-box;
  }
  .colhome img {
    width: 100%;
  }
  .mapa-mundo-dots {
    height: 170px;
  }
  .col-2-3-produccion {
    float: none;
    width: 100%;
    display: inline-block;
  }
  .col-1-3-produccion {
    float: none;
    width: 100%;
    padding-left: 0 !important;
    margin: 40px 0 !important;
    border-left: none !important;
  }
  .h1-half {
    border-bottom: none !important;
    text-align: center !important;
    width: 90%;
    margin: 0 auto;
  }
  .alto1 {
    height: auto !important;
  }
  .alto3 {
    height: auto !important;
  }
  .destacado {
    margin: 14px auto -14px;
    display: block;
    width: 26%;
    text-align: center;
  }
  .h1-bajada {
    text-align: center;
  }
  .arrow {
    display: none !important;
  }
  .ms {
    width: 96% !important;
  }
  .info_thumb_big > figure, .info_thumb_big figure {
    float: left;
    margin-right: 0;
    width: 33%;
    height: 150px;
    padding-bottom: 30px;
    position: relative;
  }
  .vervideo2-link a img {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .vervideo2-link a span {
    float: none !important;
    display: block;
    text-align: center !important;
  }
  .vervideo2-link a {
    margin: 0 auto !important;
  }
  .graficos {
    padding: 40px 20px 40px 0;
    box-sizing: border-box;
  }
  .graficos .col_1_2-home {
    float: none;
    margin: 0 auto 40px;
    width: 80%;
  }
  .graf-link a {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 11px;
  }
  .colhome-1-3 {
    width: 33% !important;
  }
  .graf-cont {
    width: 100%;
  }
  .alto2 {
    height: auto;
  }
  p {
    padding: 0 10px;
    font-size: 14px !important;
    line-height: 24px;
  }
  .col_1_2 figcaption {
    padding: 6px 4px;
    height: auto;
    width: 100%;
    box-sizing: border-box;
  }
  h2 {
    padding: 12px 8px;
	  font-size: 18px;
  }
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .p-r-20 {
    padding: 0;
  }
  .info_thumb_big {
    margin: 0 0 40px !important;
    padding: 0 !important;
  }
  .info_thumb_big-4 > figure {
    width: 50% !important;
    margin: 0 !important;
    height: auto !important;
    padding: 0 !important;
  }
  .img-3-col div {
    padding: 20px 0 !important;
  }
  .tabla_full, .tabla {
    margin-bottom: 40px;
  }
	.pad-v-med {
    padding: 0;
 
}
	figcaption {
    align-items: flex-start;
    height: 70px;
}
	.serv-box {
    padding: 10px;
    border: solid 2px #eee;
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
    margin: 0 4px 4px 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 48%;
    float: left;
    box-sizing: border-box;
    display: flex;
    height: 50px;
    justify-content: flex-start;
}
	.serv-box-img-cont {
    max-width: 40px;
    margin: 0;
    display: block;
    /* background-color: #333; */
    border-radius: 50%;
    /* border: none; */
    width: 100%;
    position: relative;
}
	.serv-box-img-cont:before {
    content: "" !important;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 4px;
    left: 5px;
    background-color: #333;
    border-radius: 50%;
    z-index: 0;
}
	.serv-box img {
    /* max-width: 60px; */
    margin: 0;
    display: block;
    /* background-color: #333; */
    border-radius: 50%;
    /* border: none; */
    width: 100%;
    position: relative;
    z-index: 1;
    float: left;
}
	.serv-box .st-text p {
    font-size: 12px !important;
    font-weight: 400;
    color: #333;
    text-align: left;
    line-height: 16px;
    /* width: 72px; */
}
	.serv-det h1 img {
 
    max-width: 30px;
 
}
	.serv-columnas .col_1_2 {
 
    width: 100%;
    margin: 30px 0 0 0;
}
	.serv-contacto ul {
    display: flow-root;
    /* justify-content: flex-start; */
    margin: 20px 0;
}
	.serv-cont {
    display: block;
    justify-content: space-between;
}
	.aclaracion {
    display: inherit;
    margin: 40px 0;
}
	.img-ico img {
    width: 80%;
    display: block;
    float: left;
    margin: 0 20px 0 0;
}
}