.content .box__mobile__visible {
    opacity:0;
}
@media screen and (max-width: 2004px) {
	.header .container {
	    padding:0 10px;
	}
}
@media screen and (max-width: 1140px) {
	.footer__bottom {
	    background-size: 50% auto;
        background-position: right bottom;
	}
}
@media screen and (max-width: 1024px) {
    .button__next__page {
        width: 140px;
        right: 30px;
        bottom: 30px;
    }
    .content .elementor-tab-content p {
	    padding:0 0 30px 0;
	}
	.content .elementor-tab-content p a {
	}
    .content .elementor-tab-content p img {
        width: 55px;
        height: auto;
    }
    .elementor-accordion .elementor-tab-title.elementor-active {
        padding-top: 30px !important;
    }
    .elementor-accordion .elementor-tab-title.elementor-active {
        padding-top: 30px !important;
    }
    .content .text__height {
        min-height: 125px;
    }
    .button__top__page {
        width:60px;
        height:60px;
    }
    .content .wrapp__teams .item__team .team__name {
        font-size:28px;
        padding:20px 0 0 0;
    }
    .content .wrapp__teams .item__team .team__position {
        font-size:19px;
        line-height:22px;
        padding:10px 0 0 0;
    }
    .content .wrapp__teams {
        grid-row-gap: 40px;
        grid-column-gap: 40px;
    }
    .content .box__contact {
        margin-top:0 !important;
    }
    .content .boxes__areas {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media screen and (max-width: 1012px) {
    
	.nav {
		position: fixed;
		padding:100px 0 0 0 !important;
		background: #BFFC47;
		padding:0;
		color:#FFF;
		width: 320px;
		right: -320px;
		top: 0;
		height: calc(100vh - 100px);
		z-index: 99999;
		transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	}
	.nav.active {
		right:0;
	}
	.nav__menu__bar {
		display:block;
	}
	.nav .menu-menu-container ul li::after,
	.nav .menu-menu-ingles-container ul li::after {
	    display:none;
	}
	.nav ul {
	    font-size:16.5px;
	    text-transform:uppercase;
	}
	.nav .menu-menu-container ul li,
	.nav .menu-menu-ingles-container ul li {
		display: block;
		border: 0;
		float: none;
		margin:0;
		border-top:1px solid #0f3f3d;
	}
	.nav .menu-menu-container ul li a,
	.nav .menu-menu-ingles-container ul li a {
		padding: 18px 20px !important;
        text-decoration: none;
        border: 0;
        border-radius: 0;
        display:block;
	}
	.nav .menu-menu-container ul li.menu-item-has-children a::after,
	.nav .menu-menu-ingles-container ul li.menu-item-has-children a::after {
	    display:inline-block;
	    content:"\25BC";
	    margin: 0 0 0 5px;
        font-size: 14px;
	}
	.nav .menu-menu-container ul li.menu-item-has-children.active a::after,
	.nav .menu-menu-ingles-container ul li.menu-item-has-children.active a::after {
	    content: "\25B2";
	    vertical-align:top;
	}
	.nav .menu-menu-container ul li.menu-item-has-children ul li a::after,
	.nav .menu-menu-ingles-container ul li.menu-item-has-children ul li a::after {
	    display:none !important;
	}
	
	.nav ul li a span {
		padding: 0;
	}
	.nav ul ul,
	.nav ul ul ul {
		position: relative;
		width: 100%;
		padding: 0;
		display: none;
		left: auto;
		top: auto;
		text-align:left;
	}
	.nav ul ul li {
		padding: 0;
	}
	.nav ul ul li:first-child a,
	.nav ul ul li:last-child a {
	    border-top:0;
	    border-radius:0;
	}
	.nav ul ul ul li {
		
	}
	.nav ul li::before {
		display:none;
	}
	.nav ul li.menu-item-has-children i {
		color: #FFF;
		position: absolute;
		right: 0;
		font-size: 20px;
		width: 40px;
		height: 40px;
		background: #af1c1c;
		text-align: center;
		line-height: 40px;
		cursor: pointer;
		top: 0;
		display:block;
	}
	.nav ul li.menu-item-has-children a::after {
		display:none;
	}
	.nav .menu-menu-container,
	.nav .menu-menu-ingles-container {
	    float:none;
	    padding:0;
	    height: calc(100vh - 200px);
	    overflow: auto;
	}
	.nav .menu-menu-container::-webkit-scrollbar,
	.nav .menu-menu-ingles-container::-webkit-scrollbar {
        width: 8px;
    }
    
    .nav .menu-menu-container::-webkit-scrollbar-track,
    .nav .menu-menu-ingles-container::-webkit-scrollbar-track {
        border-radius: 8px;
        background-color: #e0e0e0;
        border: 0 solid #0f3f3d;
        opacity:0.4;
    }
    
    .nav .menu-menu-container::-webkit-scrollbar-thumb,
    .nav .menu-menu-ingles-container::-webkit-scrollbar-thumb {
        border-radius: 8px;
      border: 0 solid transparent;
       background-clip: content-box;
        background-color: #c2c2c2;
        opacity:0.4;
    }
    .nav .menu-menu-container::-webkit-scrollbar-thumb:hover,
    .nav .menu-menu-ingles-container::-webkit-scrollbar-thumb:hover {
        background-color: #919191;
    }
	.header .widget {
	    float: none;
        padding: 0 0 0 25px;
        background-position: 0 center;
        margin: 0;
        position: absolute;
        bottom: 50px;
        left: 20px;
	}
	.nav .menu-menu-container ul li.current-menu-item a,
	.nav .menu-menu-container ul li.current-menu-parent a,
	.nav .menu-menu-ingles-container ul li.current-menu-item a,
	.nav .menu-menu-ingles-container ul li.current-menu-parent a {
	    background-color:#FFF;
	}
	
}

@media screen and (max-width: 920px) {
    .footer__widget {
        grid-column-gap: 30px;
    }
}
@media screen and (max-width: 768px) {
     .content .wrapp__teams .item__team {
        grid-column: span 6;
    }
}
@media screen and (max-width: 730px) {
	.container {
		padding:0 15px;
	}
    .header {
        padding:20px 0;
    }
    .header .logo img,
    .header .logotipo img {
        height:45px;
        width:auto;
    }
    .footer {
        font-size:12px;
        padding:60px 0 10px 0;
    }
    .footer__widget .widget h4 {
        font-size:12px;
    }
    .footer__widget div {
        grid-column: span 12;
    }
    .footer__widget .widget {
        padding: 0 0 50px 0;
        float: left;
        width: 50%;
    }
    .footer .columm__3 .widget:first-child {
        padding:0 0 50px 0;
    }
    .footer__widget div .widget:nth-child(3) {
       position: relative;
    	margin-top: -50px;
    }
    .footer__widget .widget img {
        width:140px;
    }
    .footer__bottom {
        font-size: 12px;
        line-height: 1;
        padding: 0 0 30px 0;
        background-size: auto 30px;
    }
    .footer__copy {
        padding:0 0 15px 0;
    }
    .button__top__page {
        width:50px;
        height:50px;
    }
}
@media screen and (max-width: 700px) {
	.header .container {
    	padding: 0 15px;
	}
    .button__next__page {
        right: auto;
        bottom: 10px;
        width: 90px;
    }
    .content .text__height {
	    min-height:0;
	}
	.content .elementor-tab-content p {
	    padding:0 0 30px 0;
	}
	.content .elementor-tab-content p a {
	    font-size:14px;
	    padding:5.5px 30px;
	}
	.content .elementor-tab-content p img {
        top: -45px;
        width: 40px;
        height: auto;
    }
    .elementor-accordion .elementor-tab-title.elementor-active {
        padding-top: 30px !important;
    }
    .content .center .elementor-counter .elementor-counter-number-prefix {
        text-align: left;
    }
    .elementor-counter .elementor-counter-title {
        text-align:left !important;
    }
    .elementor-counter .elementor-counter-number-wrapper {
        display:inline-flex !important;
    }
    .content .mobile__text__slide {
        display:none !important;
    }
    .content .wrapp__teams .item__team .team__name {
        font-size:23px;
        padding:15px 0 0 0;
    }
    .content .wrapp__teams .item__team .team__position {
        font-size:16px;
        line-height:20px;
        padding:0;
    }
    .content .box__contact {
        margin-top:0 !important;
    }
    .content .box__address {
        min-height: 0;
    }
   .content .boxes__areas {
       position: relative;
   }
   .content .box__mobile__visible {
        opacity:1;
    }
 
}
@media screen and (max-width: 480px) {
    
    .header .logo img,
    .header .logotipo img {
        height:40px;
    }
    .content .mobile__text__slide {
        display:flex !important;
    }
    .nav {
		width: 100%;
		right: -100%;
	}
	.content .container__center {
        top: auto !important;
        transform: none;
        bottom: 60px !important;
    }
    .content .slide__text {
        display:none !important;
    }
    .content .wrapp__teams {
        grid-row-gap: 40px;
        grid-column-gap: 0px;
    }
    .content .wrapp__teams .item__team {
        grid-column: span 12;
        width: 350px;
        margin: auto;
    }
    .content .home__slider {
        background-image:url(images/mobile__home.jpg) !important;
    }
    .content .nosotros__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__nosotros.jpg) !important;
    }
    .content .desarrollo__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__desarrollo.jpg) !important;
    }
    .content .experimentado__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__equipo__experimentado.jpg) !important;
    }
    .content .epc__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__epc.jpg) !important;
    }
    .content .chile__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__chile.jpg) !important;
    }
    .content .oym__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__oym.jpg) !important;
    }
    .content .equipo__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__equipo.jpg) !important;
    }
    .content .hidrogeno__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__hidrogeno.jpg) !important;
    }
    .content .combustible__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__combustible.jpg) !important;
    }
    .content .sostenibilidad__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__sostenibilidad.jpg) !important;
    }
    .content .reciclaje__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__reciclaje.jpg) !important;
    }
    .content .trabajos__slider .elementor-motion-effects-layer {
        background-image:url(images/mobile__trabajos.jpg) !important;
    }
    
    
    
    
}
@media screen and (max-width: 380px) {
    .content .wrapp__teams .item__team {
        width: 100%;
    }
}