/* Health Coach - HTML Template */

@media only screen and (max-width: 1200px) {
    .section-4{
        background: none;
    }
}

@media only screen and (max-width: 1199px) {


}

@media only screen and (max-width: 991px) {
    header{
        width: unset;
    }
    .header__inline-menu {
        display: none;
    }
    svg.phone-icon {
        width: 30px;
        height: 30px;
        vertical-align: middle;
        padding-bottom: 4px;
    }
    .menu-bar-container{
        padding: 10px 30px;
        max-width: 100%;
    }
    header-drawer {
        display: block;
    }
    .header-logo{
        padding: 0 10px;
        margin: 0;
    }
    .top-bar {
        background-color: #fff;
        padding: 5px;
    }
    .top-bar p {
        display: block;
        max-width: 100%;
        margin-top: 0;
        background: none;
        border-radius: 0;
        padding: 0;
    }
    .top-bar-row a {
        text-decoration: none;
        font-size: 15px;
        font-weight: 700;
    }
    .top-bar-text {
        margin-bottom: 0;
    }
    p.program, p.transport, p.livrare {
        display: none;
    }
    .menu-bar {
        background: none;
        background-color: rgb(226, 217, 242);
    }
    .section-1-container{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    p, li {
        font-size: 14px;
        letter-spacing: 0.6px;
        line-height: 1.8;
    }

    .section-1 h2 {
        font-size: 32px;
    }
    .section-1 h3 {
        font-size: 20px;
    }
    .section-1 h4 {
        font-size: 18px;
    }

    .section-4 .row {
        width: 100%;
    }
    .section-4-container .features-item {
        margin-left: 0;
    }

    .row, .row > * {
        margin-left: 0;
        margin-right: 0;
    }
    .section-2-container,
    .section-3-container,
    .section-4-container,
    .section-5-container,
    .section-6-container,
    .section-7-container,
    .section-8-container,
    .section-9-container,
    .section-10-container,
    .section-13-container,
    .section-12
    {
        padding: 30px 10px;
    }

    .section-7-container .image-container img {
        max-width: 100%;
    }
    .section-9-container .testimonials,
    .section-7-container p
    {
        padding: 0;
    }
    .section-8 iframe{
        width: 100%;
    }
    .section-6,
    .section-7,
    .section-8,
    .section-9,
    .section-10
    {
        padding: 0;
    }

    .logos-container {
        column-gap: 5%;
        row-gap: 20px;
    }
    .logos-container .logo-item {
        max-width: 25%;
    }
    /* layout: center the remaining prev/next controls */
    .testimonials-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        flex-wrap: nowrap;
    }

    /* hide list items that are not prev/next */
    .page-item:not(.prev):not(.next) {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 625px){

}
@media only screen and (max-width: 414px) {


}

/* enable only on hover-capable devices */
@media (hover: hover) and (pointer: fine) {
    #productCarousel .carousel-inner .carousel-item {
        overflow: hidden;
    }

    #productCarousel .carousel-inner .carousel-item img {
        display: block;
        width: 100%;
        height: auto;
        transition: transform 200ms ease;
        transform-origin: 50% 50%;
        will-change: transform, transform-origin;
        cursor: zoom-in;
    }

    /* small reduction so layout doesn't jump when scaled */
    #productCarousel .carousel-inner .carousel-item img.zooming {
        transform: scale(1.6);
        cursor: zoom-in;
    }
}