/* Móviles en vertical------------------------------------------------------------------------- */

@media (min-width: 320px) and (max-width: 768px) {
	
	
	.sticky-bloque{
		transition: none;
		margin-top: 0;
	}

	#cabeza-principal #logo-engie-mexico{
		margin-left: 0px;
		max-width: 150px;
                margin-top: 55px;
	}
	
	#cabeza-principal #inicio{
		display: none;
	}
	
	#cabeza-principal #inicio-azul{
		display: inline-block;
		max-width: 133px;
	}
	
	
    .derecha ul{
        position: absolute;
        background: #00aaff;
        width: 130%;
        left: -169px;
        top: -18px;
        text-align: center;
        padding-left: 171px;
    }
    
    .derecha ul li.emergencias{
        font-size: 12px;
        color: #FFF !important;
            margin-right: 0;
        padding: 10px 2%;
    }
    
    .derecha ul li.micuentaliHeader{
        margin-left: 146px;
    }
    

    
    #cabeza-principal .derecha ul li.menu-barras{
        position: absolute;
        left: 38%;
        top: 60px;
        margin-right: 0;
        width: 100px;
        border-color:rgba(0, 170, 255, 0.4);;

    }
    
    #cabeza-principal .derecha ul li#menu-btn.menu-barras{
        left: 68%;
        top: 60px;
        margin-right: 0;
        background-color: #00aaff;
        border: none;
    }
    
    #cabeza-principal .derecha ul li.menu-barras a{
        color: #00aaff;
    }
    
    #engie-mexico-menu-cabeza{
     display: none;   
    }
    
    
	/* MENÚ */
	
    nav.menu-principal, nav.menu-principal .submenus{
        width: 65% !important;
        /**temporal*/
        display: none;
    }
	
	/* GENERALES */
    
    .seccion{
        margin: 0;
    }
    
    .seccion > *{
        padding: 0;
    }
    
    
    .espacio-1-5-2{
            padding: 1% 5% !important;
    }
    
    
    .dos-cuartos, .columna, .nuestros-valores .dos-cuartos, .caracteristicas .dos-cuartos, .ciudades-territorios .caracteristicas .un-tercio, .interior.contenido .seccion.prensa .columna.un-tercio, .mapa-sitio .seccion .columna.un-tercio{
        width: 100% !important;
        min-width: 100%  !important;
        max-width: 100%  !important;
    }
    
    button.w20{
        width: 60%;
    }
    
    .columna > .bloque-bg > h2 {
        padding: 30px;
    }
    
    .bloque-bg{
        margin: 0;
    }
    
    h1{
        font-size: 36px;
        padding: 20px 0;
    }
    
    h3{
        font-size: 20px;
        padding: 15px 0;
    }
    
    .espacio-15-h{
        padding-top: 7% !important;
        padding-bottom: 7% !important;
    }
	
	.contenido-textos{
		padding-top: 0;
	}
	
	
	.subseccion .un-tercio p:first-child{
		padding-top: 20px !important;
	}
	
	.subseccion .un-tercio p:last-child{
		padding-bottom: 20px !important;
	}
	
	.subseccion .cabeza-subseccion.alinearIzquierda .txt-banner{
		padding-left: 0;
	}
	
	.subseccion .cabeza-subseccion img{
		width: 100%;
	}
	
	.subseccion .cabeza-subseccion .txt-banner {
    width: 100%;
    margin-top: 34px;
}
	
	h2.subtitulo{
		margin-bottom: 20px;
	}
    
    .txt-destacado{
            font-size: 24px !important;
        line-height: 30px;
    }
    
    .espacio-3-h{
        padding: 5% !important;
    }
	
	/* CONTENIDO INICIO */
    
    .slider-contenido{
        top: 29px;
        width: 50%;
    }
	
	.slider-titulo{
		font-size: 70px;
	}
	
	.slider-btn a{
		font-size: 40px;
    width: 100%;
        margin-bottom: 20px;
	}
    
    #jssor_1{
        
        min-height: auto !important;
    }
    
    #submenu-servicios-engie-maxigas{
        position: relative;
        top: -1px !important;
    }
    
    ul.submenu-servicios-engie-maxigas{
        width: 100%;
        margin-left: 0;
        padding: 0 5%;
    }
    
    ul.submenu-servicios-engie-maxigas li{
        width: 100%;
        margin-left: 0;
    }
    
    ul.submenu-servicios-engie-maxigas li a{
        padding: 10px;
    }
    
    #bloque-contrata-familia{
        background-position: left;
        /*margin-top: -185px;*/
        margin-top: -4px;
    }
    
    #bloque-contrata-familia > .columna > *{
        margin-left: 30px;
        width: 60%;
    }
    
    #bloque-contrata-familia > .columna > h1{
        margin-top: 40px;
        margin-bottom: 0px;
    }
    
    #bloque-calculadora-home{
        margin-top: 0;
    }
    
    .calculadora-maxigas{
        padding: 0 30px 30px 30px;
    }
    
    #foto-calculadora img{
        width: 102%;
    }
    
     .bloques-engie-maxigas .columna.un-tercio{
        height: 250px;
         margin-bottom: 15px;
         margin-right: 0px !important;
    }
    
     .bloques-engie-maxigas .columna.un-tercio:first-child{
        margin-top: 15px;
    }
	
	/* INTERIORES */
    
    .tres-cuartos-sidebar{
            margin-right: 0 !important;

    }
    
    .interior .sc-contenido-header .pleca.ambos{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
            width: 60px;
    height: 5px !important;
    }
    
    .interior .sc-contenido-header h1{
        font-size: 22px !important;
    }
    
    .interior .sc-contenido-header p.espacio-3-h{
        font-size: 14px;
        line-height: 16px;
    }
    
    .interior .sc-contenido-header p.espacio-3-h{
        padding: 0 !important;
    }
    
    /*.contenido-engie.interior > section:first-child{
        height: 280px;
    }
    
    .contenido-engie.interior > section:first-child img.w100{
        height: 100% !important;
        width: auto;
    }*/
    
    .iconos-lista-engie-latam ul li{
        width:40% !important;
        min-width: 40% !important;
        max-width: 40% !important;
        
    }
	
    .interior .sc-contenido-header{
        padding: 0 10px !important; 
        top: 0;
    }
    
    .w40, .w33, .w50, .w70{
        width: 100%;
    }
    
    .margen-10-h{
        margin: 0;
    }
    
    .iconos-lista-engie-latam ul li{
            width: 33% !important;
    max-width: 33% !important;
    }
    
    .interior .titulo-engie-area{
        height: 90px;
    }
    
    .interior .titulo-engie-area img.w100{
            height: 100%px;
    }
    
    .engie-cifras .columna{
            border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #fff;
    }
    
    .infografia{
        margin: 0;
    }
    
    .infografia .subtitulo{
        float: none;
            width: 93%;
    max-width: 93%;
        margin-bottom: 20px;
    }
    
    .infografia .subtitulo:before{
        display: none;
    }
    
    .pop-up .columna.contenido{
            width: 100% !important;
    min-width: 100% !important;
    margin: 0;
    }
	
    /*****TABLAS****/
    
    .tabla > .tb-fila{
       position: relative;
    }
    
    .pop-up.calculadora .tabla > .tb-fila > .tb-columna{
        border: none !important;
    }
    
    .pop-up.calculadora .tabla > .tb-fila.cabeza > .tb-columna:last-child, .pop-up.calculadora .tabla > .tb-fila.subcabeza > .tb-columna.bg-azul-gama-2,  .pop-up.calculadora .tabla > .tb-fila.contenido > .tb-columna:last-child, .pop-up.calculadora .tabla > .tb-fila.contenido > .tb-columna:nth-child(3){
        top:200px;
        left: 0px;
        position: absolute
    }
    
     
    .pop-up.calculadora .tabla > .tb-fila.cabeza > .tb-columna:last-child{
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .pop-up.calculadora .tabla > .tb-fila.subcabeza > .tb-columna.bg-azul-gama-2,  .pop-up.calculadora .tabla > .tb-fila.contenido > .tb-columna:last-child, .pop-up.calculadora .tabla > .tb-fila.contenido > .tb-columna:nth-child(3){
        width: 50%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .pop-up.calculadora .tabla > .tb-fila.subcabeza > .tb-columna.bg-azul-gama-2:last-child, .pop-up.calculadora .tabla > .tb-fila.contenido > .tb-columna:last-child{
        left: 50%;
    }
    
    
     .pop-up.calculadora .tabla > .tb-fila.ahorro.contenido > .tb-columna:last-child{
        top:auto;
        left: auto;
         position: relative;
         width: 100%;
    }
    
    .pop-up.calculadora .columna.contenido h4{
        margin: 20px 0;
    }
    
    .pop-up.calculadora .columna.contenido .tabla > .tb-fila.botones > .tb-columna .v-button{
        margin-top: 0px;
    }
    
    .tabla > .tb-fila.botones, .tabla > .tb-fila.ahorro{
        display: block;
    }
    
    .tabla > .tb-fila.botones button{
        margin-top: 0 ! important;
    }
    
      .tabla > .tb-fila.ahorro{
       margin-top: 230px;
    }
    
    
    .tabla.lista.distribucion > .tb-fila{
        display: block !important;;
    }
    
    .comercio .tabla.lista.distribucion .cabeza.tb-fila > .tb-columna-bloque:last-child, .hogar .tabla.lista.distribucion .cabeza.tb-fila > .tb-columna-bloque:last-child, .industria .tabla.lista.distribucion .cabeza.tb-fila > .tb-columna-bloque:last-child{
        display: none;
    }
    
    .tabla > .tb-fila > .tb-columna-bloque{
        width: 100% !important;
    }
    
    .tabla.lista.distribucion .tb-fila.contenido:nth-child(even){
        background: #fff !important;
    }
    
     .tabla.lista.distribucion .tb-fila.contenido .tb-columna-bloque:nth-child(even){
        background: #ececec !important;
    }
    
    .tabla.lista.distribucion .contenido .tb-columna:last-child{
        border: none !important;
    }
    
    .seccion.form.distribucion{
        margin-bottom: 30px;
    }
    
    .tabla > .tb-fila > .tb-columna{
        margin: 0 !important;
    }
    
    .tb-fila .tb-columna.w40{
        width: 70% !important;
        min-width: 70% !important;
        max-width: 70% !important;
    }
    
    .seccion.form.solicita button.w20{
        width: 50%; 
    }
    
    .seccion.form.solicita .al-derecha{
        text-align: center !important;
    }
    
    p.horario.ps-seguido{
        display: block;
    }
    
    .contenido .comercios ul.bullets{
            margin-left: 10%;
        padding-bottom: 0 !important;
    }
    
    .contenido .comercios ul.bullets.segunda{
        padding-top: 0 !important;
        padding-bottom: 30px !important;
    }
    
    .form select{
        font-size: 14px !important;
    }
    
    .form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px !important;
}
.form input::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px !important;
}
.form input:-ms-input-placeholder { /* IE 10+ */
  font-size: 14px !important;
}
.form input:-moz-placeholder { /* Firefox 18- */
  font-size: 14px !important;
}
    
    .contenido ul.bullets.legales li{
            margin-left: 0px !important;
    }
    
    img.w55, img.w45{
        width: 100% !important;
    }
    
    .tabla.lista.compromiso .tb-fila .tb-columna:first-child{
            min-width: 85% !important;
            max-width: 85% !important;
            width: 85% !important;
    }
    
    .tabla.lista.distribucion .contenido .tb-columna{
        border: none !important;
    }
    
    .tabla.lista.compromiso .tb-fila.contenido .tb-columna:first-child p:before{
        content: "Tipo de apoyo:";
        display: block;
        color: #00aaff;
        font-size: 14px;
    }
    
    .tabla.lista.compromiso .tb-fila.contenido .tb-columna:nth-child(2) p:before{
        content: "Número total de apoyo:";
        display: block;
        color: #00aaff;
        font-size: 14px;
    }
    
      .tabla.lista.compromiso .tb-fila.contenido .tb-columna:nth-child(3) p:before{
        content: "Personas beneficiadas:";
        display: block;
        color: #00aaff;
        font-size: 14px;
    }
    
    .tabla.lista.compromiso .tb-fila.contenido .tb-columna:nth-child(4) p:before{
        content: "Comunidades beneficiadas:";
        display: block;
        color: #00aaff;
        font-size: 14px;
    }
    
    .tabla.lista.distribucion .tb-fila.contenido{
        border-bottom: 1px dotted #00aaff;
        
    }
    
     .tabla.lista.compromiso .tb-fila.contenido:nth-child(13) .tb-columna p:before, .tabla.lista.compromiso .tb-fila.contenido:nth-child(14) .tb-columna p:before{
        display: none !important;
    }
    
    .comercio .tabla.lista.distribucion.compromiso .cabeza{
        display: none !important;
    }
    
    .caracteristicas.programas #engie-compromiso-social-ramones-inversion-social .cabeza, .caracteristicas.programas #engie-compromiso-social-gas-natural .cabeza, .caracteristicas.programas #engie-compromiso-social-ramones-mantenimiento .cabeza{
        height: 210px;
    max-height: 330px;
    padding-top: 30px !important;
    padding-right: 40px !important;
    padding-left: 80px !important;
    }
    
  .caracteristicas.programas #engie-compromiso-social-ramones-mantenimiento .cabeza, .caracteristicas.programas #engie-compromiso-social-reforestacion .cabeza{
        height: 600px;
    max-height: 330px;
    padding-top: 30px !important;
    padding-right: 80px !important;
    padding-left: 40px !important;
    }
    
    .caracteristicas.programas .columna.completa{
        display: block !important; 
    }
    
    #programa-1-ramones{
        width: 80% !important;
    }

	/* PIE */
    
    
	
	.pie-engie-mexico.homeAgregarFooter {

            margin-top: 600px;
        }
	
/*        .pie-engie-mexico.boletinesAgregarFooter {
            margin-top: 200px;
        }*/
        .pie-engie-mexico {
            margin-top: 180px;
        }
        
	.pie-engie-mexico .botones{
	display: block;
		width: 100% !important; /*MODIFICADO*/
		text-align: center;
		margin-left: 0px !important;
	}
	
	.pie-engie-mexico .botones li{
	display: block;
		margin-right: 0px !important;
	
	}
	
	.pie-engie-mexico ul.iconos-sociales{
		position: relative;
		width: 100%;
		right: 0;
    text-align: center;
		padding: 4% 0;
	}
	
	.pie-engie-mexico .logotipo{
		width: 30%;
	}
	
	.pie-engie-mexico .final p{
		    font-size: 14px;
    width: 100%;
		padding-top: 0px;
    padding-left: 0px;
	}
        
            li.credito-dsignworkshop{
 position: relative;
    margin-left: 0;
    margin-top: 20px;
}
	
	/******************AGREGADO*************************/
	
	nav.menu-principal{
		font-size: 14px;
	}
	
	.submenu-actividades{
		display: none;
	}
	
	#cabeza-principal.sticky #logo-engie-mexico img#inicio-azul, #cabeza-principal #logo-engie-mexico img#inicio{
            /*height: 70px;*/
            height: 52px;  /*esto lo estoy poniendo yo */
	}
	
	.seccion-social .dos-cuartos .textos{
		display: block;
		width: 100%;
	}
	
	.seccion-social .columna .titulo{
	min-height: 0;
	}
	
	.seccion-social .contenido-pleca-peque{
		margin-bottom: 0;
	}
	
	.seccion-social .columna .contenido{
		min-height: 0;
	}
	
	.seccion-social .dos-cuartos img{
		display: block;
		position: relative;
		width: 100%;
	}
	
	.seccion-social .borde-gris{
		margin-bottom: 30px;
	}
	
	.seccion-social .un-cuarto.imagen{
		margin: 0;
		width: 100%;
	}
	
	.contenido-engie.seccion-social .detalle .txt-contenido.quitarPaddingIzquierdo{
		padding-left:20px !important;
	}
	
	.contenido-engie.seccion-social .detalle .txt-contenido.quitarPaddingDerecho{
		padding-right: 20px !important;
	}
	
	.contenido-engie.seccion-social .txt-contenido{
		padding-right: 0px !important;
	}
	
	.contenido-btn.muy-largo a{
		width: 86%;
		font-size: 10px !important;
	}
	
	.busqueda{
		position: relative;
		margin-bottom:20px;
	}
	
	.busqueda input{
		width: 80%;
		
	}
	
	.seccion-contacto .dos-columnas .columna, .seccion-contacto .lista-opciones{
		width: 100%;
	}
	

	
	/*AGREGADO V2*/
	
	textarea {
    width: 100%;
}
	
	/* AGREGADO V3 */
	
	.boletines .archivo li .submenu{
		position: relative;
	}
	
	.boletines .archivo li{
		vertical-align: top;
		text-align: right;
	}
	
}

/* Móviles menos de 568px de alto------------------------------------------------------------------------- */



@media (max-width: 430px) and (orientation: portrait) {
    
   
    .derecha ul{
        width: 140%;
        left: -90px;
        padding-left: 0px;
    }
	
    .derecha ul li.emergencias{
        
        padding: 10px .5%;
    }
    
    .derecha ul li.micuentaliHeader{
        margin-left: 0px;
    }
    
    #cabeza-principal .derecha ul li#menu-btn.menu-barras{
        left: 66%;
    }
	
}

@media (max-width: 430px) and (orientation: portrait) {
    .derecha ul{
        width: 140%;
        left: -89px;
    }
	
    .derecha ul li.emergencias{
        
        /*padding: 10px .5%;*/
    }
    
    #cabeza-principal .derecha ul li#menu-btn.menu-barras{
        left: 68%;
    }

}

@media (max-width: 350) and (orientation: portrait) {
    .derecha ul{
        width: 140%;
        left: -89px;
    }
	
    .derecha ul li.emergencias{
        
        /*padding: 10px .5%;*/
    }
    
    .derecha ul li.micuentaliHeader{
        margin-left: 8px;
    }
    
    #cabeza-principal .derecha ul li#menu-btn.menu-barras{
        left: 70%;
    }

}





/* Móviles en horizontal o tablets en vertical------------------------------------------------------------------------- */
@media (max-width: 768px) { 
.contenido-engie{
		position: relative;
		top:120px;
	}
	
	#presencia-mundial img#imagen-mundial{
		height: 60%;
	}
	
	#presencia-mundial{
		height: 830px; /*MODIFICADO*/
	}
	.seccion-compartir{
		position: absolute;
	}
	
	.seccion-engie-mexico .tres-columnas .columna{
		width: 46%;
	}
	
	.subseccion .cabeza-subseccion{
		max-height: inherit;
	}
	
	.subseccion .cabeza-subseccion .txt-banner{
		margin-top: 20%;
		height: auto;
	}
	
	h2.subtitulo{
		margin-top: 3%;
	}
	
	.contenido-engie.interiores{
		top: 100px;
	}
	
	.seccion-social .columna .contenido{
		min-height: 166px;
	}
	
	.seccion-social .dos-cuartos img {
    display: inline-block;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.seccion-social .dos-cuartos .textos {
    display: inline-block;
    width: 48%;
}
	
	.seccion-social .columna .titulo{
		    min-height: 64px;
	}
	
	.seccion-social .contenido-pleca-peque{
		margin-bottom: 30px;
	}
	
	.seccion-social .un-cuarto, .seccion-social .un-cuarto:last-child{
		width: 47%;
    display: inline-block;
	}
	
	.seccion-social .detalle .un-cuarto, .seccion-social .detalle .un-cuarto:last-child{
		width: 100%;
    display: inline-block;
	}
	
	.contenido-btn.muy-largo a{
		width: 280px;
	}
	
	.seccion-social .columna .titulo.detalle{
		min-height: 0;
	}
	
	.seccion-social .detalle .contenido-pleca-peque{
		margin-bottom: 0;
	}
	
	.seccion-social .detalle .columna .contenido{
		min-height: 0;
	}
	
	.seccion-social .un-cuarto .paddingNormal{
		width: auto;
	}
	
	.seccion-prensa .un-cuarto{
		width: 45%;
		display: inline-block;
	}
	
	.seccion-contacto .dos-columnas .columna {
    width: 47%;
    padding: 20px 0 0 0;
    margin: 0;
}
	
	.prensa-detalle .titulo { /*AGREGADO */
    
    width: 70%;
}
	
	
}

/* Tablets en horizonal y escritorios normales------------------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1024px) { 
.contenido-titulo.espacio-abajo-grande{
	margin-bottom: 30px;
	
}
	
	.pie-engie-mexico ul.iconos-sociales{
		width: 33%;
	}
	
	.pie-engie-mexico ul.botones{
		width: 64%;
	}
	
	.contenido-engie{
        max-width: 986px !important;
		margin: 0 auto;
        
    }
    
    .una-columna, .una-columna.subseccion, .tres-columnas, .cuatro-columnas, div.full-width {
        width: 986px !important;
        padding: 0;
        margin: 0;
    }
	
	.submenu-actividades ul li a{
		padding: 0 5px;
	}
	
}
 
/*******AGREGADO********/

@media (min-width: 320px) and (max-width: 480px) {
	
	.subseccion .dos-tercios, .dos-tercios, .subseccion .un-tercio, .un-tercio, .seccion-actividades .dos-cuartos, .seccion-social .dos-cuartos, .seccion-social .un-cuarto, .seccion-social .un-cuarto:last-child, .seccion-social .tres-cuartos{
		width: 100%;
	}
	
	#presencia-mundial {
    height: 600px;
	}
	
	#presencia-mundial img#imagen-mundial {
    height: 56%;
	}
	
	.seccion-engie-mexico .tres-columnas .columna{
		width: 100%;
	}
	
.seccion-compartir {
    position: relative;
    text-align: left;
	margin-bottom: 10px;
}
	
	.contenido-engie.interiores {
    top: 90px;
}
	
	.seccion-social .dos-cuartos .textos {
    display: block;
    width: 100%;
}
	
	.seccion-social .dos-cuartos img {
    display: block;
    position: relative;
    width: 100%;
}
	
	.seccion-social .columna .titulo {
    min-height: 0;
}
	
	.seccion-social .contenido-pleca-peque {
    margin-bottom: 0;
}
	
	.seccion-social .columna .contenido {
    min-height: 0;
}
	
	.seccion-prensa .un-cuarto {
    width: 90%;
    padding: 2%;
    margin: 0 auto;
}
	
	.seccion-contacto .dos-columnas .columna, .seccion-contacto .lista-opciones {
    width: 100%;
}
	
	
	
}

@media (max-width: 735px) and (orientation: landscape) {
	#presencia-mundial {
    height: 730px;
	}
	
	.seccion-social .columna .contenido{
		min-height: 72px;
	}
	
	.prensa-detalle .titulo {
    
    width: 60%;
}
}

@media (max-height: 320px) and (orientation: landscape) {
	h1.titulo-seccion{ /*AGREGADO V2*/
		font-size: 26px;
	}
	
}

@media (min-width: 667px) and (orientation: landscape) {
	.seccion-social .columna .contenido {
    min-height: 118px;
}
}


@media (min-width: 735px) and (orientation: landscape) {
	.seccion-social .columna .contenido {
    min-height: 148px;
}
	
	.prensa-detalle .titulo {
    
    width: 60%;
}
}

@media (min-width: 900px) and (orientation: landscape) {
	.seccion-social .columna .contenido {
    min-height: 56px;
}
	
	.prensa-detalle .titulo {
    
    width: 80%;
}
}