﻿

.ld-smash-sales-scaffolded-immersion {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

    .ld-smash-sales-scaffolded-immersion > div {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

        .ld-smash-sales-scaffolded-immersion > div:first-of-type img {
            width: 50vw;
            max-width: 35vw;
        }

        .ld-smash-sales-scaffolded-immersion > div:first-of-type .ld-smash-sales-book-a-consultation-btn {
            margin-top: 30px;
        }

        .ld-smash-sales-scaffolded-immersion > div:last-of-type ul {
            list-style: none;
            max-width: 600px
        }

            .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
                justify-content: flex-start;
                position: relative;
                margin-bottom: 15px;
            }

                .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li img {
                    width: 150px;
                    left: 15px;
                    position: relative;
                    z-index: 10;
                }

                .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li p {
                    background: #fef8f0;
                    width: calc(100% - 240px);
                    padding: 15px;
                    padding-left: 30px;
                    border-radius: 10px;
                    text-align: left;
                    position: relative;
                }

                .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li:nth-child(2n) {
                    justify-content: flex-end;
                }

                    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li:nth-child(2n) img {
                        left: initial;
                        right: 15px;
                    }

                    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li:nth-child(2n) p {
                        background: #f6f6f6;
                        padding-left: 15px;
                    }

                .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li span {
                    position: absolute;
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    color: white;
                    background: #ffaa00;
                    text-align: center;
                    border-radius: 50%;
                    top: -10px;
                    right: -10px;
                }

                .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li:nth-child(2n) span {
                    right: initial;
                    left: -10px;
                }

[data-section="scaffoldedImmersion"] .ld-fp-footer {
    display: none;
}

@media all and (min-width: 1920px) {
    .ld-smash-sales-scaffolded-immersion > div:first-of-type img {
        max-width: 600px;
    }
}

@media all and (max-height: 1000px) {
    .ld-smash-sales-scaffolded-immersion > div:first-of-type img {
        width: calc(200px + 30vh);
    }

    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li img {
        width: 120px;
    }
}

@media all and (max-height: 800px) {
    .ld-smash-sales-scaffolded-immersion > div:first-of-type img {
        width: calc(200px + 30vh);
    }

    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li img {
        width: 100px;
    }
}

@media all and (max-height: 700px) {
    .ld-smash-sales-scaffolded-immersion > div:first-of-type img {
        width: calc(200px + 20vh);
    }

    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li p {
        padding: 5px;
        padding-left: 25px;
    }

    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li {
        padding: 5px 0;
    }

    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li img {
        width: 80px;
    }
}


@media all and (max-height: 700px) {
    .ld-smash-sales-scaffolded-immersion > div:first-of-type img {
        width: calc(200px + 20vh);
    }

    .ld-smash-sales-scaffolded-immersion {
        align-items: flex-start;
    }
}


@media all and (max-width: 1100px) and (orientation: portrait) {

    .ld-smash-sales-scaffolded-immersion > div:first-of-type img {
        width: calc(200px + 20vh);
        min-width: 220px;
    }

    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li {
        margin-bottom: 5px;
    }

        .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li img {
            width: 100px;
        }

        .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li img {
            left: 20px;
        }

        .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li:nth-child(2n) img {
            right: 20px;
        }

        .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li p {
            width: calc(100% - 150px);
        }
}

@media all and (max-width: 700px) and (orientation: portrait) {
    .ld-smash-sales-scaffolded-immersion {
        flex-direction: column;
    }

        .ld-smash-sales-scaffolded-immersion > div {
            align-self: center
        }

        .ld-smash-sales-scaffolded-immersion > div:first-of-type button {
            display: none;
        }

        .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li {
            margin-bottom: 0;
        }

    [data-section="scaffoldedImmersion"] {
        padding-bottom: 80px;
    }

        [data-section="scaffoldedImmersion"] .ld-fp-footer {
            display: flex;
        }
}

@media all and (max-width: 500px) and (orientation: portrait) {

    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li {
        margin-bottom: 10px;
    }

    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li img {
        width: 80px;
    }

    .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li p {
        padding: 10px;
        padding-left: 30px;
        width: calc(100% - 100px);
    }

        .ld-smash-sales-scaffolded-immersion > div:last-of-type ul li:nth-child(2n) p {
            padding-right: 25px;
            padding-left: 10px;
        }
}

