@media(min-width: 1100px) {

    .arrowsCont {
        max-width: 1100px;
    }
}

@media(min-width:1400px) {

    .arrowsCont {
        max-width: calc(100vw* 1652 / 1920);
    }
}

@media(min-width:1930px) {

    .arrowsCont {
        max-width: calc(100vw* 1652 / 2560);
    }
}

.slick-dotted.slick-slider {
    height: auto;
}

.slider.slick-dotted.slick-slider {
    margin-bottom: 25px;
}

.back-banner {
    /* overflow: hidden;
    border-radius: 8px;
    left: 0;
    height: 510px;
    width: 100%;
    max-width: 1100px; */
}

.slick-slider {
    padding: 0;
}

.slick-slider>div,
.slick-slider .item {
    overflow: hidden;
}

.slick-initialized .slick-slide {
    /* width: 100% !important;
    max-width: 100vw; */
    /* max-width: 1116px;
    padding: 0 8px;
    vertical-align: top; */
}

.banner-home {
    height: auto;
    background-size: 100% !important;
    position: relative;
}

.banner-home .linkBanner picture img {
    width: 100%;
}

.gallery- {
    position: relative;
}

.slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 4px;
}

.arrowsCont {
    bottom: 32px;
    position: absolute;
    left: 50%;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    text-align: left;
    transform: translateX(-50%);
}

.arrowsCont .slick-arrow {
    position: relative;
    background: transparent;
    width: 20px;
    height: 20px;
    top: 0;
    transform: none;
    box-shadow: none !important;
    outline: none !important;
}

.arrowsCont .slick-arrow.slick-prev {
    left: auto;
    order: 1;
}

.arrowsCont .slick-arrow.slick-next {
    right: auto;
    order: 3;
}

.arrowsCont .slick-dots {
    position: relative;
    order: 2;
    width: auto;
    height: 20px;
    display: flex;
    align-items: center;
}

.arrowsCont .slick-prev:before,
.arrowsCont .slick-next:before {
    font-size: 12px;
}

.slick-dots li button:before {
    width: 8px;
    height: 8px;
}

.slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 1px solid #141414;
}

.sliderNewHome:has(.slick-active .banner-branco) .slick-dots li button {
    border: 1px solid var(--main-color);
}

.sliderNewHome:has(.slick-active .banner-branco) .slick-dots li.slick-active button {
    background: var(--main-color);
}

.sliderNewHome:has(.slick-active .banner-branco) .slick-prev:before,
.sliderNewHome:has(.slick-active .banner-branco) .slick-next:before {
    color: var(--main-color);
}

@media (min-width: 768px) {
    .back-banner {
        max-height: calc(100vw* 680 / 1920);
    }

    .slick-initialized .slick-slide {
        max-height: calc(100vw* 680 / 1920);
    }

}

/*  */
@media (max-width: 1599px) {
    .promember-30-off .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/image-banner-pro-member-30-off-desk2.png) !important;
    }
}

@media (max-width: 767px) {
    .arrowsCont {
        transform: none;
        left: 0;
        justify-content: start;
        padding-left: 16px;
        bottom: 16px;
    }

    .arrowsCont .slick-arrow {
        display: none !important;
    }

    .promember-30-off .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/image-banner-pro-member-30-off-mob2.png) !important;
    }

    .cms-home .back-banner.promember-30-off .text-banner {
        max-width: 210px;
    }

    .slick-initialized .slick-slide {
        max-width: 100vw;
        padding: 0;
    }
}

@media (max-width: 400px) {
    .promember-30-off .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/image-banner-pro-member-30-off-mob1.png) !important;
    }
}

/*  */

.semana-do-nutricionista .tag-new {
    width: 116px;
    background: none;
    border: 1px solid #252424;
    color: #252424;
    font-size: 12px;
    border-radius: 0;
    text-transform: uppercase;
}

.semana-do-nutricionista .contBts .green {
    background-color: #AED285 !important;
    color: #18200D !important;
}

.semana-do-nutricionista .banner-home .text-banner {
    max-width: 380px
}

@media (max-width: 1599px) {
    .semana-do-nutricionista .banner-home .text-banner {
        max-width: 290px
    }
}

@media (max-width: 767px) {
    .semana-do-nutricionista .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/image-banner-semana-do-nutricionista-save-the-date-mobile-2.png) !important;
    }

    .cms-home .back-banner.semana-do-nutricionista .text-banner {
        max-width: 280px;
    }

    .semana-do-nutricionista .tag-new {
        display: none;
    }
}

/* mg-complex */
.mg-complex .banner-home {
    background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex.webp);
}

@supports (background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex.webp)) {
    .mg-complex .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex.webp);
    }
}

@supports not (background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex.webp)) {
    .mg-complex .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex.jpg);
    }
}

.mg-complex .tag-new {
    width: 116px;
    background: none;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    font-size: 12px;
    border-radius: 0;
    text-transform: uppercase;
}

@media (max-width: 767px) {

    /* .mg-complex .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex-mobile.png) !important;
    } */
    .mg-complex .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex-mobile.webp);
    }

    @supports (background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex-mobile.webp)) {
        .mg-complex .banner-home {
            background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex-mobile.webp);
        }
    }

    @supports not (background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex-mobile.webp)) {
        .mg-complex .banner-home {
            background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-lancamento-mg-complex-mobile.png);
        }
    }

    .text-banner {
        max-width: 180px
    }
}

@media (max-width: 400px) {
    .txtAuxBanner {
        font-size: 12px;
        bottom: auto;
        left: 280px;
        width: 235px;
        top: 235px;
        text-align: center;
        transform: rotate(-90deg);
    }

    .txtAuxBanner {
        left: 240px;
        top: 235px;
    }
}

/*  */

.mondz-01 .tag-new {
    width: 116px;
    background: none;
    border: 1px solid #252424;
    color: #252424;
    font-size: 12px;
    border-radius: 0;
    text-transform: uppercase;
}

@media (max-width: 1599px) {
    .mondz-01 .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/image-banner-home-mondz-2.png) !important;
    }
}

@media (max-width: 767px) {
    .mondz-01 .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/image-banner-home-mondz-mobile.png) !important;
    }

    .cms-home .back-banner.mondz-01 .title-banner {
        max-width: 200px;
    }

    .cms-home .back-banner.mondz-01 .text-banner {
        max-width: 180px;
    }
}


/*  */

.happy-theanine .tag-new {
    width: 140px;
    background: var(--main-color);
    color: #252424;
    font-size: 16px
}

@media (max-width: 767px) {
    .happy-theanine .banner-home {
        background-image: url(https://essentialnutrition-upload-files.s3.amazonaws.com/site-nutrition/banner/banner-happy-theanine-mobile.jpg) !important;

    }
}

@media (max-width: 400px) {
    .txtAuxBanner {
        font-size: 12px;
        bottom: auto;
        left: 280px;
        width: 235px;
        top: 235px;
        text-align: center;
        transform: rotate(-90deg);
    }
}

@media (max-width: 400px) {
    .txtAuxBanner {
        left: 240px;
        top: 235px;
    }
}

/*  */