@media only screen and (max-width: 1440px){
    .sectionListaPlanes {
        width: 100%;
        height: auto;
        background-size: cover;
    }
}
@media only screen and (max-width: 1340px){
    .informate a{
        font-size: 36px;
    }
    .cuadroPhone .boxGratis p {
        font-size: 21px;
    }
    .btn-formulario {
        font-size: 19px;
    }
	
	
}
@media only screen and (max-width: 1024px){
    .llamaAhora a {
        color: #ffffff;
        display: block;
        font-size: 21px;
        line-height: 22px;
        width: 100%;
        height: 100px;
        padding-top: 57px;
    }
	
	
.bg {
    width: 395px;
    position: absolute;
    top: 97px;
    right: 12px;
    z-index: 1;
}

    .greenBox{
        background-size: 144px;
        background-position-y: 0px;
    }
    .informate p {
        font-size: 36px;
    }
    .sectionListaPlanes {
        width: 100%;
        height: auto;
        background-size: cover;
    }
    .plan p {
        font-size: 21px;
    }
    .llamanosSection h2 {
        font-size: 28px;
    }
    .ofertaMsj p {
        font-size: 18px;
    }
    .dto2 p {
        font-size: 12px;
    }
    p.text {
        font-size: 13px;
    }
    .sectionListaPlanes p {
        font-size: 14px;
    }
    .plan {
        min-height: 92px;
    }
    .informate a {
        font-size: 45px;
    }
	
	.cuadroPhone {
    padding: 20px 10px;
	}
	
    .cuadroPhone .boxGratis p {
        font-size: 22px;
    }
	
	span.text-acept {
    font-size: 11px;
    line-height: 12px;
	}
	
    .btn-formulario {
        font-size: 18px;
        width: 80%;
        margin-top: 5px;
        font-family: "Pangea-Bold";
        color: #ffffff;
        border-radius: 51px;
        padding: 10px 5px;
        font-weight: 700;
        outline: 0;
        border: none;
    }
    .cont_llama_gratis p {
       font-size: 12px;
    line-height: 14px;
    }
    .jumbotron {
            background-size: calc(75% + 650px);
        background-color: #00a443;
		background-position-x: 80%;
    }
	.bloques {
	margin-left: 0;
    justify-items: left;
	}
}

@media only screen and (max-width: 920px){
	.jumbotron h2 {
		font-size: 46px;
	}
	
	span.text-acept {
    font-size: 10px;
    line-height: 12px;
	}
	
	.bg {
    width: 312px;
    position: absolute;
    top: 131px;
    right: 10px;
    z-index: 1;
}
	
	.bloques big {
    font-size: 4rem;
}
	.bloque_naranja strong {
    font-size: 2rem;
}
	.bloque_naranja {
		font-size: 120%
	}
	
	.planFamilias .bloqueNaranja {
    padding: 15px 20px;
    font-size: 15px;
}
	.bloqueNaranja strong {
    font-size: 2.5rem;
}
	.bloqueAzul strong {
    font-size: 2rem;
}
	.bloqueVerde strong {
    font-size: 14px;
    line-height: 18px;
}
	.planFamilias .calcula_tarifa{
		padding: 10px;
	}
	
	.bloqueventajasPlan .col {
    display: grid;
    color: #000000;
    font-size: 14px;
    line-height: 16px;
}
	.sub_col span {
    color: #000000;
    font-size: 17px;
    line-height: 21px;
	}
	.sub_col .html-drp-phone {
    font-size: 29px;
	}
	
	.planFamilias .sub_bloque {
    padding: 25px 5px;
    grid-gap: 10px;
}
	.bloqueventajasPlan {
    gap: 40px;
    margin: 25px 20px 30px;
    justify-items: center;
    justify-content: center;
}
	
	.bloque_planFamilias .sub_tittle {
    font-family: 'Pangea-Bold';
    color: #00402A;
    font-size: 17px;
    line-height: 20px;
}
	
	.informate a {
    font-size: 42px;
}
	
	
}
@media only screen and (max-width: 768px){
	.jumbotron {
    }
    .contGreen {
        display: flex;
    }
    p.planes {
        font-size: 16px;
        text-align: center;
        text-transform: uppercase;
        font-family: "Pangea-Bold";
        color: #72a331;
        padding: 28px 0;
        margin: 0;
    }
    .logo-header{
        margin-top: 10px;
    }
    .llamaAhora a {
        color: #ffffff;
        display: block;
        font-size: 25px;
        line-height: 22px;
        width: 100%;
        height: 100px;
        padding-top: 61px;
    }
    .greenBox {
        background-size: 100%;
        background-position-y: -3px;
    }
    .contrataHoy p{
        font-size: 18px;
    }
    .plan {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px 0 0;
        min-height: 76px;
    }
    .plan img {
        margin-left: 10px;
    }
    .paddingRight {
        padding: 76px 0 0 0;
    }
    .paddingLeft {
        padding: 76px 0 0 0;
    }
    .sectionListaPlanes {
        background-size: cover;
    }
    .plan p {
        font-size: 18px;
    }
    .ofertaMsj p {
        font-size: 16px;
    }
    .dto1 h4 {
        font-size: 45px;
    }
    .dto2 p {
        font-size: 10px;
    }
    p.text {
        font-size: 12px;
        line-height: 16px;
    }
    .dto1 h4 {
        font-size: 41px;
    }
    .sc-error-telefono::before, .sc-error-privacidad::before, .sc-error-politica::before {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 14px 15px 21px;
        border-color: transparent transparent transparent #ef6c00;
        right: -1px;
        top: -26px;
        left: 85px;
        position: absolute;
        z-index: 9;
        transform: rotate(-90deg);
    }
	.bloque_cierre{
		width: 95%
	}
}

@media only screen and (max-width: 767px){
	
	.bloqueAzul strong {
    font-size: 25PX;
    LINE-HEIGHT: 26PX;
}
	
	.planFamilias .container {
    padding: 35px 30px 20px 30px;
}
	
	
	.bloque_planFamilias2 .col {
    MARGIN: 0 0 10px 0;
}
	
	.bloqueVerde strong {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0 0 0;
}
	.bloque_azul strong {
    font-family: Pangea-Bold;
    margin: 5px 0 0 0;
}
	
	.bg {
    width: 95%;
    position: absolute;
    top: 187px;
    right: 2%;
    z-index: 1;
}
	
	
	.logo-header {
    margin: 30px auto 20px;
}
	.calcula_tarifa img {
    width: 30px;
    margin-right: 10px;
}
	header {
	  padding: 0;
	  width: 100%;
	  background-color: #ffffff;
	  z-index: 999;
	  position: fixed;
	  height: auto;
  	    top: 0;
	}
    .logo-mobile{
        width: 130px;
    }
	.bg-bluephone {
	  display: block;
	  background-color: transparent;
	}

	.bg-bluelight {
	  position: absolute;
	  background: #72a331;
	  padding: 0px 25px;
	  margin: 10px auto 5px;
	  display: block;
	  width: 90%;
	  max-width: 90%;
	  font-weight: 700;
	  font-size: 35px;
	  text-align: center;
	  border-radius: 37px;
	  bottom: -35px;
	  left: 5%;
	}

	.callme__number {
	  font-family: "Pangea-Bold";
	  color: #ffffff;
  line-height: 26px;
  font-size: 26px;
	  background-image: url(https://tarifasluzygas-iberdrola.es/images/llamaahora.png);
	  background-repeat: no-repeat;
	  background-position: left center;
	  padding-left: 90px;
	}
	.navbar-toggle{
	  position: relative;
	  top: 28px;
  	  margin-right: 0px;		
	}
	.navbar-toggle .icon-bar {
	  height: 3px;
	  width: 30px;
	  background-color: #62a604;
	}
	.navbar-toggle .icon-bar+.icon-bar {
	  margin-top: 10px;
	}

	.navbar-nav>li>a{
		color: #62a604;
		font-size: 20px;
		font-family: "Pangea-Bold";
	}

	.promo {
	  position: relative;
	  top: 35px;
	  text-align: center;
	  font-size: 16px;
	  line-height: 18px;
	}
    .promo__title{
        text-transform: uppercase;
        margin: 0;
        font-family: "Pangea-Bold";
        color: #ef6c02;
        font-size: 14px;
    }
    .promo-blue{
		font-size: 13px;
	}


	.jumbotron {
    padding: 10px 0 0  0;
 }

	.planFamilias .bloqueDescuentos {
    grid-template-columns: 1fr;
}
	.bloque_mb {
    display: grid;
    grid-template-columns: 1fr ;
    grid-gap: 10px;
    margin-bottom: 20px;
}
	.planFamilias .bloqueNaranja {
    display: flow;
    text-align: center;
}
.planFamilias .calcula_tarifa {
    padding: 15px;
    width: -webkit-fill-available;
    font-size: 20px;
    margin-top: 10px;
}
	.bloque_planFamilias2 {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
    margin-top: 20px;
    color: rgb(0, 0, 0);
    justify-content: start;
    padding: 0px 40px;
    font-size: 20px;
}
	
	.bloqueventajasPlan .titulo {
    display: flex;
    flex-direction: row;
    font-size: 18px;
    line-height: 20px;
}
	
	#tarificadoraform{
		grid-template-columns: 1fr;
		justify-items: center;
		border-radius: 0;
	}
	
	.header_form {
    display: grid;
    justify-items: center;
}
	
	.bloqueventajasPlan{
		grid-template-columns: 1fr;
	}
	
	.header_form img {
    width: 50px;
    margin-right: 0px;
    margin-bottom: 10px;
}
	
	.bloqueventajasPlan .col {
    display: grid;
    color: rgb(0, 0, 0);
    grid-template-columns: 1fr 3fr;
    justify-items: center;
}
	.bloque_cierre {
    width: 90%;
    grid-template-columns: 1fr;
}
	.bloque_cierre #modal_telefono_form{
		grid-template-columns: 1fr;
			margin: 0 0 0 0;
	}
	
	.formularioCierre .callme {
		    border-right: 0;
    width: 85%;
    padding: 0;
	}
		.sub_col .html-drp-phone {
    font-size: 36px;
}
	
  	.jumbotron h2 {
	  font-size: 6rem;
    line-height: 5rem;
    padding-top: 20px;
	}

	.bloques big {
    font-size: 6rem;
}
	.bloque_naranja strong {
    font-size: 4rem;
}
	.bloque_naranja {
    font-size: 170%;
	    margin-bottom: 25%;
}
	.bolas_descuento{
		float: right;
	  position: relative;
	  right: -15px;
	}

	.bola_azul {
	  display: block;
	  width: 140px;
	  height: 140px;
	  padding: 15px 0;
	  font-size: 22px;
	  line-height: 22px;
	}

	.bola_azul big {
	  font-size: 60px;
	  line-height: 60px;
	  font-family: "Pangea-Bold";
	  display: block;
	}

	.bola_gris {
	  background-color: #767878dd;
	  width: 120px;
	  height: 120px;
	  font-size: 20px;
	  line-height: 25px;
	  border-radius: 200px;
	  padding: 20px 10px;
	  top: -5px;
	  right: -10px;
	}

	.bola_gris big {
  		font-size: 35px;
  		line-height: 30px;
  	}

  	.mas {
	  top: calc(50% - 10px);
	  left: calc(50% - 15px);
	}

	.no-padding-xs{
		padding: 0;
	}

	.formulario{
        border-radius: 20px;
        padding: 0;
	}
	.info {
	  position: relative;
	  top: -30px;
	  margin: 0 auto;
	  margin-bottom: -25px;
	}

	.franja_tarifas ul {
	  list-style-image: url(https://tarifasluzygas-iberdrola.es/img/tick.png);
	  text-align: left;
	  font-family: "Pangea-Bold";
	  font-size: 15px;
	}

	.franja_tarifas h3 {
	  font-size: 23px;
	  margin-bottom: 15px;
	}
	.franja_tarifas ul {
	  list-style-image: url(https://tarifasluzygas-iberdrola.es/images/tick.png);
	  text-align: left;
	  font-family: "Pangea-Bold";
	  font-size: 18px;
	  padding-left: 25%;
	  margin-bottom: 30px;
	}

	.franja_tarifas ul li {
	  padding-bottom: 10px;
	}

	.box_phone {
	  background-color: #72a331;
	  color: white;
	  text-align: center;
	  padding: 20px 10px;
	  border-bottom-right-radius: 20px;
	  border-bottom-left-radius: 20px;
	  font-size: 16px;
	}

	.box_phone .callme__number {
	  background-image: url(https://tarifasluzygas-iberdrola.es/images/tel_amarillo.png);
	  padding-left: 45px;
  	font-size: 40px;
	}

	.logo{
		display: block;
		margin: 20px auto;
	}
    .greenBox {
      background-image: url(https://tarifasluzygas-iberdrola.es/images/bgLlama_mobile.png);
      background-color: #8abd37;
      background-repeat: no-repeat;
      background-size: 78%;
      background-position-y: -11px;
      background-position-x: center;
      padding: 0;
      height: 62px;
    }
    .llamaAhora a {
        color: #ffffff;
        display: block;
        font-size: 24px;
        line-height: 22px;
        width: 100%;
        height: 100%;
        padding-top: 29px;
        padding-left: 21px;
    }
    .orangeBox {
        padding: 0;
        font-family: "Pangea-Bold";
        background-color: #ef6c00;
        color: #ffffff;
        height: 62px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url(https://tarifasluzygas-iberdrola.es/images/bgHazclick_mobile.png);
        background-repeat: no-repeat;
        background-size: 192px;
        background-position: center;
    }
    .orangeBox a{
        padding: 0;
    }
    .contOrange {
        width: 100%;
        height: 100%;
    }
    .tlfBoton{
        width: 100%;
        height: 85px;
        position: fixed;
        left: 0%;
        bottom: -30px;
        background-repeat: no-repeat;
        background-size: 100%;
        z-index: 2000;
        background-position-y: -15px;
        background-position-x: 29px;
        border-radius: 0px;
        background-color: #00a443;
    }
    .tlfBoton a{
        font-size: 28px;
        text-decoration: none;
        text-align: center;
        color: #ffffff;
        font-family: "Pangea-Bold";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 10px;
        align-content: center;
    }
    .calculaGratis {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 110px;
        padding-left: 12px;
        cursor: pointer;
    }
    .calculaTarifaBg{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1001;
        background-color: black;
        opacity: 0.7;
    }
	
	.ventajasPlan h2{
		padding: 0 30px
	}
    .calculaTarifa{
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .calculaTitle{
        background-color: rgb(0, 164, 67);
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        padding: 20px 15px 10px;
        font-family: "Pangea-Bold";
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .calculaTitle h2{
        font-size: 20px;
    }
    .modal-body,.modal-content{
        padding: 7px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        top: 30px;
    }
    .calculaMain{
        padding: 20px 15px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    span.num{
        font-family: "Pangea-Bold";
        width: 30px;
        height: 30px;
        margin: 0 auto;
        border-radius: 50%;
        display: block;
        background-color: #678732;
        color: #ffffff;
        text-align: center;
        padding: 5px 0;
    }
    .calculaMain p{
        text-align: center;
        font-weight: 500;
        margin: 10px 0;
        font-size: 18px;
    }
    .contInput{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 20px;
    }
    .contInput input{
        width: 30px;
        height: 30px;
        margin: 0;
        opacity: 0;
        position: absolute;
        z-index: 2000;
        left: 0;
        top: 0;
    }
    .contInput input:checked ~ .checkStyled{
        background-image: url(https://tarifasluzygas-iberdrola.es/images/check.png);
    }
    .contInput span{
        font-size: 18px;
        font-family: "Pangea-Bold";
        text-transform: uppercase;
        margin: 0 10px;
        color: #678732;
    }
    .iconoCalTarifa{
        width: 60px;
        position: absolute;
        top: -30px;
        left: calc(50% - 30px);
        z-index: 1;
    }
    .boxCheck{
        width: 30px;
        height: 30px;
        position: relative;
    }
    .boxCheck span.checkStyled{
        width: 30px;
        height: 30px;
        background-color: #ffffff;
        background-image: none;
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;
        margin: 0;
        border: 1px solid #b1b3b4;
        border-radius: 4px;
    }
    .calcLuz{
        display: none;
    }
    .displayCalcLuz{
        display: block;
    }
    .select{
        width: 100%;
        height: 35px;
        display: flex;
        border-radius: 4px;
    }
    .select span.arrow{
        width: 35px;
        height: 35px;
        color: white;
        background-color: #b8babb;
        display: block;
        background-image: url(https://tarifasluzygas-iberdrola.es/images/Polígono2.png);
        background-position: center;
        background-position-y: 13px;
        background-repeat: no-repeat;
        background-size: 13px;
        cursor: pointer;
    }
    .select span.arrow:hover{
        background-color: #cacbcb;
    }
    .inputSelect{
        width: 90%;
        height: 100%;
        border: 1px solid #b1b3b4;
        background-color: #ffffff;
        font-family: 'Pangea-Regular';
        font-style: italic;
        display: block;
        text-align: center;
    }
    .xCloseModal{
        position: absolute;
        right: 15px;
        top: 15px;
    }
	
    .xCloseModal img{
        width: 15px;
    }
    .calculaGratis {
        top: 63vh;
        /* top: calc(50% - 55px); */
    }
    .numVivienda span{
        text-transform: capitalize;
    }
    .numHabitaciones span{
        text-transform: lowercase;
    }
    .informate a{
        width: 100%;
		font-size: 54px;
    }
	
	.cont_llama_gratis p {
    	font-size: 16px;
    	line-height: 20px;
	}
	
	.bloque_planFamilias {
    background-color: rgb(255, 255, 255);
    text-align: center;
    width: 100%;
    margin: auto;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
    border-radius: 10px;
    padding: 0 20px;
}
	.bloque_planFamilias h2 {
    padding: 20px 0 0 0;
    font-size: 40px;
    line-height: 44px;
    color: rgb(0, 164, 67);
    font-family: 'Pangea-Bold';
    margin: 0;
}
	
    .contBgMobile{
        width: 100%;
        min-height: 450px;
        background-image: url(https://tarifasluzygas-iberdrola.es/images/bg_mb_new.png);
        background-size: 100%;
        background-repeat: no-repeat;
        padding: 20px 0;
        background-color: #f1eff6;
        background-position-y: bottom;
    }
    .contEsferas {
        margin: 35px 0 0;
    }
    .decuentoOrange{
        margin: 0 auto;
        width: 180px;
        height: 180px;
    }
    .decuentoOrange p span {
        font-size: 54px;
    }
    .decuentoOrange p {
        margin: 0;
        font-size: 18px;
    }
    .firstMessage{
        font-size: 28px;
        text-align: center;
        margin-bottom: 4px;
        font-family: "Pangea-Bold";
    }
    main {
       
    }
    .mainMobile p{
        color: #5C881A;
        text-align: center;
        font-size: 20px;
        font-family: "Pangea-Bold";
    }
    .descuentoMb p{
        font-size: 27px;
        font-family: "Pangea-Bold";
        line-height: 28px;
        margin: 0px 0 20px;
        text-align: left;
    }
    .descuentoMb span{
        font-size: 16px;
        text-transform: initial;
        font-family: "Pangea-Regular";
        display: block;
        color:#4A4A4A;
        line-height: 23px;
        text-align: left;
    }
    .mainMobile .oferta_title{
        text-align: center;
        font-family: "Pangea-Bold";
        margin-bottom: 20px;
        line-height: 29px;
        font-size: 25px;
        color: #5c881a;
        margin-top: 10px;
    }
    .paddingRightNone{
        padding-right: 0;
    }
    .mainMobile h3{
        font-size: 20px;
        font-family: "Pangea-Regular";
        color: #4A4A4A;
        text-align: center;
    }
    .plan{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .plan img {
        width: 27px;
        margin-left: 10px;
    }
    .boxMsjPlan h4{
        text-transform: uppercase;
        text-align: center;
        font-size: 42px;
        font-family: "Pangea-Bold";
        margin: 0;
        color: #ef6c02;
        margin-top: 5px;
    }
    .boxMsjPlan p{
        text-align: center;
        font-size: 19px;
        color: #4A4A4A;
        text-transform: uppercase;
    }
    .text{
        text-align: center;
    }
    .lastMsg {
        margin: 10px 0 15px;
    }
    .wantIt{
        width: 260px;
        display: block;
        border-radius: 35px;
        background-color: #5c881a;;
        text-transform: uppercase;
        color: white;
        text-align: center;
        text-decoration: none;
        padding: 10px 0;
        font-family: "Pangea-Bold";
        font-size: 26px;
        margin: 20px auto;
    }
    .wantIt:focus{
        color: white;
        text-decoration: none;
    }
    .tab-content {
        padding: 20px 0;
        background-color: white;
        margin-bottom: 20px;
        border-radius: 0 0 20px 20px;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
        background-color: #ffffff;
        color: #ef6c02;
        border: none;
    } 
    .nav-tabs {
        border-bottom: none;
    }
    .seleccionaPlan{
        background-color: #eceded;
        padding-top: 20px;
    }
    .nav-tabs>li {
        margin-bottom: -2px;
    }
    .listaIncluye li{
        color: #4A4A4A;
        font-size: 15px;
        text-align: center;
    }
    .listaIncluye {
        list-style: none;
        padding: 0;
    }
    .listaIncluye img{
        margin-right: 5px;
    }
    .plusSeparador{
        width: 20px;
        display: block;
        margin: 20px auto;
    }
    .sectionSeparador{
        background-color: #eceded;
    }
    .seleccionaText{
        text-align: center;
        color: #4A4A4A;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .conth4 h4 {
        background-color: #ffffff;
        font-size: 46px;
        width: 180px;
        left: calc(50% - 90px);
        top: -15px;
        text-align: center;
        padding: 0 10px;
        margin: 0px;
    }
    .conth4 h4.fixWidth {
        width: 220px;
        left: calc(50% - 105px);
    }
    .ventajasMobile{
        background-color: #eceded;
    }
    .boxVentajasMobile{
        background-color: white;
        border-radius: 20px;
        padding: 4px 19px;
        margin-bottom: 20px;
    }
    .boxVentajasMobile h3{
        text-align: center;
        font-family: "Pangea-Bold";
        text-transform: uppercase;
        margin-bottom: 40px;
        color: #ff8d30;
    }
    .conth4 {
        position: relative;
        height: 25px;
        margin: 30px 0 10px;
        
    }
    .boxVentajasMobile h5{
        text-align: center;
        font-size: 20px;
        line-height: 16px;
        color: #ff8d30;
        margin: 0px 0 6px;
        font-family: "Pangea-Bold";
    }
    .boxVentajasMobile p{
        font-size: 15px;
        line-height: 20px;
        color: #4A4A4A;
        margin: 0px 0 30px;
        text-align: center;
    }
    .tranquilidad h5 {
        font-size: 19px;
        color: #5C881A;
        text-transform: uppercase;
        margin: 5px 0 0px;
        font-family: "Pangea-Bold";
    }
    .tranquilidad h4{
        text-align: center;
        font-family: "Pangea-Bold";
        text-transform: uppercase;
        margin-bottom: 25px;
        font-size: 24px;
        color: #5c881a;
    }
    .tranquilidad p{
        color: #4A4A4A;
        font-size: 14px;
        line-height: 20px;
        margin: 0px 0 7px;
    }
    .marginSection{
        margin: 20px 0;
    }
    .paddingLeftNone{
        padding-left: 0;
    }
    .boxSection{
        padding: 20px 0px;
        margin-bottom: 0px;
    }
    .list-footer li a {
        color: white;
        /* font-size: 10px; */
    }
    .list-footer .separator {
        color: white;
        margin: 0 5px;
    }
    footer {
        color: #ffffff;
        background-color: #00402a;
        text-align: center;
        padding: 0;
    }
	
	.bloque_footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
    padding-bottom: 20px;
}
    .contFooter{
        width: 100%;
        padding: 15px 0 60px;
        background-color: #00402a;
        flex-direction: column;
    }
    .list-footer {
        display: flex;
        justify-content: center;
        align-items: center;
        list-style: none;
        margin: 0px 0 5px;
        padding: 0;
        width: 100%;
        padding: 8px 0;
        background-color: #00402a;
    }
    /* .contFooter{
        width: 100%;
        height: 40px;
        background-color: #5C881A;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    } */
    .carousel-control.left {
        background: none;
    }
    .carousel-control.right {
        background: none;
    }
    .carousel-control {
        position: absolute;
        /* top: 0; */
        bottom: 23px;
        left: 15%;
        width: 15%;
        font-size: 20px;
        color: #4A4A4A;
        text-align: center;
        text-shadow: none;
        filter: alpha(opacity=50);
        opacity: 1;
    }
    .contControls{
        position: relative;
        width: 100%;
        height: 30px;
    }
    .carousel-control.right{
        right: 5%;
        height: 25px;
    }
    .carousel-control.left{
        left: 5%;
        height: 25px;
    }
    .contControls p{
        font-size: 25px;
        text-align: center;
        margin: 0;
        position: absolute;
        bottom: 0px;
        text-transform: uppercase;
        width: 70%;
        left: 15%;
    }
    .glyphicon-chevron-right:before {
        content: ">";
    }
    .glyphicon-chevron-left:before {
        content: "<";
    }
    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        top: 4px;
        right: 30px;
    }
    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left {
        top: 4px;
        left: 30px;
    }
    .logo-mobileFooter {
        width: 130px;
        margin: 10px auto;
    }
    .plan p {
        font-size: 22px;
        line-height: 23px;
        color: #ef6c02;
    }
    p.text {
        font-size: 16px;
        line-height: 21px;
    }
	
	.jumbotron .container{
		padding: 0
	}
	
	.oferta {
    padding: 0 30px;
}
	.informate img {
    width: 45px;
    margin-right: 0px;
    margin-bottom: 10px;
}
	.bloqueCondiciones {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 30px;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 50px;
    gap: 20px;
}
    .cuadroPhone {
       margin-top: 25px;        
		box-shadow: none;
        border-radius: 0;
    }
    .listaIncluye span{
        font-family: "Pangea-Bold";
    }
    .calculaGratis img {
        width: 24px;
    }
    .calculaGratis span {
        font-size: 17px;
        margin: -9px 0 -10px;
    }
    .calculaGratis p {
        font-size: 10px;
        margin: 3px 0;
    }
    .calculaGratis{
        width: 100px;
        display: none;
    }
    span.text-acept {
        font-size: 12px;
    }
     #tarificadoraform .sc-error-suministro-luz::before, #tarificadoraform .sc-error-compañia::before, #tarificadoraform .sc-error-aire::before, #tarificadoraform .sc-error-habitaciones::before, #tarificadoraform .sc-error-numVivienda::before, #tarificadoraform .sc-error-nombre_compañia::before, #tarificadoraform .sc-error-horarioLuz::before, #tarificadoraform .sc-error-consumo::before, #tarificadoraform .sc-error-gas::before, #tarificadoraform .sc-error-caldera::before{
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 14px 15px 21px;
        border-color: transparent transparent transparent #ef6c00;
        right: -1px;
        top: -26px;
        left: 56px;
        position: absolute;
        z-index: 9;
        transform: rotate(-90deg);
    }
    .btn-formulario {
    }
    .consigueOferta{
        background-color: #ef6c00;
    }
    .contBgMobile h2{
        text-align: left;
        margin: 5px 0 11px;
        font-size: 24px;
        line-height: 25px;
        font-family: "Pangea-Regular";
        color: #000000;
    }
    .cont_oferta p {
        margin: 0;
        font-size: 20px;
        margin-bottom: 11px;
        line-height: 21px;
    }
    p.oferta_euro {
        font-size: 60px;
        font-weight: bold;
        line-height: 25px;
        text-transform: uppercase;
        margin: 0;
        line-height: 32px;
    }
    p.oferta_euro span {
        font-size: 24px;
    }
    .boton {
        width: 60px;
    }
    .cont_servicios_main p.porcentaje {
        font-size: 46px;
        font-weight: bold;
        line-height: 46px;
    }
    .cont_servicios_main p.descuento {
        line-height: 10px;
        font-weight: bold;
        font-size: 12px;
    }
    .cont_servicios_main p{
        font-size: 11px;
        line-height: 11px;
    }
    .contador__text {
        color: #678732;
        font-size: 13px;
        line-height: 13px;
        text-align: center;
        text-transform: uppercase;
        font-family: "Pangea-Bold";
        margin: 10px 0 0;
    }
    .cont_servicios_main{
        display: flex;
    }
    .cont_servicios_main img{
        margin: 0;
        margin-right: 10px;
        width: 60px;
        height: 60px;
    }
    .cont_oferta{
        text-align: center;
    }
    .separator-cont {
        color: #95ba4e;
        font-size: 40px;
        margin: 0px 5px;
    }
    .contador_day {
        font-size: 14px;
    }
    .franja h2{
           font-size: 28px;
    line-height: 30px;
    margin: 0 0 20PX 0;
    }
	
	.bloqueNaranja strong {
    font-size: 3.5rem;
}
	
    .cont_servicios_main{
        margin-top: 10px;
        width: 45%;
    }
    .contador {
        margin-bottom: 10px;
    }
    .flex_servicios{
        width: 100%;
    }
    
    .sectionContratar{
        background-color: #f0f2f6;
        margin-top: 0;
        padding-top: 40px;
    }
    .sectionContratar p {
        font-size: 15px;
    }
	
	
	@media only screen and (max-width: 767px) {
		
		.calculaGratis.fixed {
    display: none;
}
		
		.btn_te_llamamos.fixed {
    display: none;
}
		
		.jumbotron h1 {
    color: rgb(255, 255, 255);
    font-size: 50px;
    font-family: 'Pangea-Bold';
    line-height: 54px;
    margin: 30px 0 0 0;
    padding: 0;
}
		
		.bloque_azul {
    background-color: rgb(13, 169, 255);
    color: rgb(255, 255, 255);
    width: fit-content;
    display: grid;
    padding: 20px;
    border-radius: 10px;
    z-index: 9;
    margin: 0 0 0 150px;
}
		
	
.bg {
       width: 92%;
    position: absolute;
    top: 218px;
    right: 4%;
    z-index: 1;
}
	
}

@media only screen and (max-width: 425px){
    .greenBox {
        background-repeat: no-repeat;
        background-size: 98%;
        background-position-y: -7px;
        padding: 0;
        height: 62px;
    }
    .llamaAhora a {
        color: #ffffff;
        display: block;
        font-size: 27px;
        line-height: 22px;
        width: 100%;
        height: 100%;
        padding-top: 29px;
        padding-left: 20px;
    }
    .decuentoOrange p span {
        font-size: 45px;
        line-height: 37px;
    }
    .decuentoOrange p span.dto {
        font-size: 22px;
        line-height: 24px;
    }
    .decuentoOrange p {
        font-size: 15px;
        line-height: 15px;
    }
    .decuentoOrange {
        margin: 0 auto;
        width: 140px;
        height: 140px;
    }
    .descuentoMb p{
        font-size: 26px;
    }
    .boxMsjPlan h4{
        font-size: 39px;
    }
    .boxVentajasMobile h5{
        line-height: 23px;
        font-size: 18px;
    }
    .cerrar{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .cerrar span{
        display: inline-block;
        margin-left: 5px;
        line-height: initial;
    }
    .cont_line {
        width: 100%;
    }
	
	.jumbotron h2 {
       font-size: 38px;
    line-height: 40px;
}
	.bloques big {
        font-size: 40px;
    line-height: 44px;
}
	.bloque_naranja strong {
    font-size: 3rem;
}
	.bloque_naranja {
    margin-bottom: 150px;

}
	.planFamilias .calcula_tarifa{
		padding: 8px;
	}
}
@media only screen and (max-width: 380px){
	
    .greenBox {
        background-size: 105%;
        background-position-y: -5px;
    }
    .llamaAhora a {
        font-size: 24px;
        padding-top: 27px;
        padding-left: 20px;
    }
    .tlfBoton {
        bottom: -32px;
    }
    .descuentoMb p {
        font-size: 22px;
    }
    .boxMsjPlan h4{
        font-size: 36px;
    }
    .tlfBoton {
        background-position-y: -10px;
        background-position-x: 21px;
    }
    .contBgMobile{
        min-height: 440px;
    }
}
@media only screen and (max-width: 360px){
    .boxMsjPlan h4 {
        font-size: 34px;
    }
    .boxMsjPlan p {
        font-size: 18px;
    }
    .plus_main {
        margin: 0px 50px 5px;
    }
    .cont_servicios_main p.porcentaje {
        font-size: 42px;
        font-weight: bold;
        line-height: 41px;
    }
    .cont_servicios_main p.descuento {
        line-height: 10px;
        font-weight: bold;
        font-size: 11px;
    }
    .cont_servicios_main p {
        font-size: 10px;
        line-height: 11px;
    }
    .cont_servicios_main img {
        width: 41px;
        height: 43px;
        margin-right: 5px;
    }
    .contBgMobile h2 {
        font-size: 22px;
    }
    .contBgMobile {
        min-height: 420px;
    }
}

@media only screen and (max-width: 340px) {
	.callme__number {
	  line-height: 22px;
	  font-size: 22px;
	}
	
	.jumbotron{
		    background-position-y: 15%;
	}

	.jumbotron h2 {
	  font-size: 34px;
    line-height: 35px;
	  padding-top: 10px;
	}
.bloques big {
    font-size: 3rem;
}
	.bloque_naranja strong {
    font-size: 2rem;
}
.bloque_naranja {
    font-size: 110%;
    margin-bottom: 30%;
}
	.btn-formulario {
	  font-size: 18px;
	}

	.box_phone .callme__number {
	  padding-left: 40px;
	  font-size: 30px;
    }
    .contInput span{
        font-size: 16px;
    }
    .contInput span{
        margin: 0px 5px;
    }
    .informateMsj p {
        font-size: 18px;
    }
    .informateMsj p.llamamos {
        font-size: 24px;
    }
    .contChica span {
        display: block;
        font-size: 50px;
        line-height: 53px;
    }
    .orangeBox {
        background-size: 168px;
    }
    .greenBox {
        background-size: 102%;
        background-position-y: -1px;
    }
    .llamaAhora a {
        font-size: 20px;
        padding-top: 25px;
        padding-left: 21px;
    }
    .tlfBoton {
        bottom: -40px;
        background-position-y: -9px;
        background-position-x: 21px;
    }
    .tlfBoton a {
        font-size: 38px;
    }

    .boxMsjPlan h4 {
        font-size: 29px;
    }
    .mainMobile h2 {
        font-size: 25px;
    }
    .boxMsjPlan p {
        font-size: 19px;
    }
    .contControls p {
        font-size: 21px;
        bottom: 2px;
    }
    .boxVentajasMobile h5 {
        line-height: 22px;
    }
    .promo__title {
        font-size: 14px;
    }
    main {
        margin-top: 135px;
    }
    .descuentoMb p {
        font-size: 20px;
    }
    .tranquilidad h5{
        font-size: 16px;
    }
    .list-footer li a {
        color: white;
        font-size: 8px;
    }
    .contFooter {
        height: 100px;
    }
    .descuentoMb span {
        line-height: 18px;
    }
    .listaIncluye li {
        font-size: 14px;
    }
    .conth4 h4.fixWidth {
        width: 180px;
        left: calc(50% - 90px);
    }
    .conth4 h4{
        font-size: 37px;
    }
    .boxVentajasMobile h3 {
        text-align: center;
        font-family: "Pangea-Bold";
        text-transform: uppercase;
        margin-bottom: 40px;
        font-size: 20px;
    }
    .tlfBoton a {
        font-size: 32px;
        padding-top: 0;
    }
    .wantIt{
        width: 230px;
    }
    p.oferta_euro {
        font-size: 52px;
    }
    p.oferta_euro span {
        font-size: 23px;
    }
    .separator-cont {
        color: #95ba4e;
        font-size: 40px;
        margin: 0px 6px;
    }
    .contador__text{
        font-size: 12px;
    }
    .contador_day {
        font-size: 10px;
    }
}
	
	@media only screen and (max-width: 280px) {
		
	.planFamilias .bloqueNaranja {
    	font-size: 16px;
    	line-height: 16px;
	}
		
	.bloqueNaranja strong {
    	font-size: 30px;
	}
		
		.bloqueventajasPlan .titulo {
    font-size: 15px;
    line-height: 17px;
}
		footer{
			padding-bottom: 80px;
		}
		li.menu-footer.no-padding {
    font-size: 8px;
}
		.bloqueventajasPlan .col {
    font-size: 12px;
    line-height: 16px;
}
		.cierre h2 {
    font-size: 27px;
    line-height: 30px;
		}
		
		.footer_img img {
    height: 28px;
}
		
		.sub_col .html-drp-phone {
    font-size: 32px;
}
		.bloque_planFamilias2 .col {
    font-size: 15px;
		}
		
		.ventajasPlan h2 {
    font-size: 26px;
		}
		
	}