.p-relative {
    position: relative;
}

.dark-green-eco {
    color: #04833F;
}

.eco-protect.content-product-item .product-description {
    background-color: #EFF9F7;
}

.eco-protect.content-product-item .product-description .remate-product-item svg {
    fill: #ADDFB3;
}

.eco-protect h1, .eco-protect h2, .eco-protect h5 {
    color: #44883E;
}
.eco-protect .info-prod h3 {
    color: #44883E;
}

.eco-protect .topslide {
    color: #4F8933;
}

.font-medium {
    font-weight: 400;
}

.EspecialUnit {
    width: auto;
    height: 80%;
}

.eco-protect .productInter {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.supCof {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    margin: 5px 0;
    text-align: center;
    position: relative;
    z-index: 10;
    bottom: -15px;
}

.eco-protect .supCof {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/*.eco-protect .content-circles-landing {
    background-color: #ADDFB3;
}*/

.eco-protect .circle-image span {
    width: 80%;
}

.eco-protect .cirAll {
    width: 60%;
}

.cirAll.ecocare-img {
    width: 100%;
}

.eco-protect .circles-half-position {
    background-color: #ADDFB3;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.eco-protec .circles-half-position .circles .circle-unit .circle-image img {
    width: 125px;
    height: 125px;
    padding: 5px;
    margin: auto;
    border-radius: 100%;
}

.eco-protec .circles-half-position .circles .circle-unit h4 {
    color: #04833f;
}

.circles-half-position .circles {
    padding-top: 0;
}

.abeja {
    background: url(../images/producto/ecoprotect/abeja.png) no-repeat;
    width: 58px;
    height: 58px;
    background-size: contain;
    position: absolute;
    left: 200px;
    top: -85px;
}

.colibri {
    background: url(../images/producto/ecoprotect/colibri.png) no-repeat;
    width: 70px;
    height: 70px;
    background-size: contain;
    position: absolute;
    right: 250px;
    top: 10px;
    bottom: 0;
}

.icon-float {
    width: auto;
    display: inline-block;
    position: relative;
}

.eco-protect .content-circles-landing.bullet-world {
    padding-bottom: 0;
    margin-bottom: 150px;
}

.eco-protect .content-circles-landing .etapas .etapa {
    background-color: #04833f;
    z-index: 2;
}

.eco-protect .content-circles-landing.curve {
    margin-top: -50px;
     background-color: #def1c4;
    background-image: url(../images/producto/ecoprotect/curva.svg);
    background-position: bottom !important;
    background-size: auto 300px;
    background-repeat: repeat-x;
    background-position: center;
}

.eco-protect .content-circles-landing .etapas hr {
    width: calc(110px * 6);
    height: 5px;
    position: absolute;
    top: 50px;
    background-image: url(../images/producto/producto-item/eco-natural/bg-dotted.png);
    background-size: auto 5px;
    background-position: center;
    border: none;
    background-repeat: repeat-x;
	margin-left: 90px !important;
}

h2.rn {
    font-size: 30px;
    padding-top: 23px;
}

.eco-protect .content-circles-landing .etapas {
    width: 100%;
}

.big-banner{
margin-top: 400px;
}

.eco-peso{
    color: #388244 !important;
    font-size: 13px !important;
	font-weight: bold;
	
}

.eco-unisex{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: 30px;
    font-weight: bold;
    color: #388244;
    margin-right: -10px;
}

.eco-decoracion{
    top: 54px;
    right: 393px;
    display: flex;
    justify-content: right;
    align-items: center;
    position: absolute;

}

.eco-empaque{
     height: 100% !important;
}


.eco-size{
    width: auto !important;
    height: 100% !important;
    margin: auto !important;
}

.eco-blanco{
background-color: #ffffff !important;
}

.eco-posicion{
     margin-right: -50px !important;
    height: 100% !important;
}

/*.content-circles-landing {
    margin-bottom: 130px !important;
    position: relative !important;
    padding-bottom: 20px !important; 
}*/


@media (max-width: 1199.98px) {
    .t-media {
        background: yellow;
    }
	
  .eco-posicion{
      margin-right: auto !important;
    height: 80% !important;
}
}
	

@media (max-width: 991.98px) {
    .t-media {
        background: pink;
    }

    .supCof {
        font-size: 8px;
        padding: 0 5px;
    }
}

@media (max-width: 767.98px) {
    .t-media {
        background: blue;
    }

    .eco-protect .topslide {
        bottom: 30px;
    }

    .eco-protect .cirAll {
        width: 100%;
    }

    .eco-protect .circle-image span {
        width: initial;
    }

    .abeja {
        left: 20px;
        top: 20px;
        position: absolute;
    }

    .colibri {
        right: 10px;
        top: 100px;
        bottom: 0;
    }

    .circle-tec {
        max-width: 526px;
        width: 100%;
    }

    .eco-protect .content-circles-landing.bullet-world {
        padding-bottom: 30px;
    }
}

@media (max-width: 575.98px) {
    .t-media {
        background: red;
    }

    .supCof {
        font-size: 8px;
        padding: 0 5px;
    }

    .producto .img-prod {
        height: 100px;
    }
	
	.big-banner{
	margin-top: 450px;
	}
	
	
}

@media screen and (min-width: 768px)
.content-circles-landing {
    margin-bottom: 150px !important;
    /* padding-bottom: 200px; */
}