﻿
@media all and (min-width: 851px) {

    .ld-advantages {
        text-align: center;
    }

    #AdvantagesCarousel-list,
    .ld-advantages-wrapper {
        display: inline-block;
        width: 100%;
        max-width: 1200px;
    }

    #AdvantagesCarousel-track {
        text-align: center;
    }

    #AdvantagesCarousel-list,
    .ld-advantages-content {
        display: inline-flex;
        flex-wrap: wrap;
        padding: 1rem;
        justify-content: center;
    }


    #AdvantagesCarousel .splide__slide {
        --vw: calc(100% / 4);
        width: calc(var(--vw) - 10px);
        min-width: 250px;
        margin-right: 10px;
        background: rgb(var(--smash-grey-3-rgb));
        border-radius: 20px;
        margin-bottom: 2rem;
        padding: 1rem;
    }

    .ld-advantage-element {
        width: 100%;
        margin-right: 10px;
        background: rgb(var(--smash-grey-3-rgb));
        border-radius: 20px;
        margin-bottom: 2rem;
        padding: 1rem;
    }

    .ld-advantage-element-image {
        display: inline-block;
        position: relative;
    }

    .ld-advantage-element img {
        display: inline-block;
    }

    .ld-advantage-element-title {
        border-bottom: 2px solid rgb(var(--smash-orange-1-rgb));
        min-height: 5rem;
        padding: 0.5rem;
        margin-bottom: 1rem;
        display: flex;
        text-align: center;
        justify-content: center;
    }

        .ld-advantage-element-title h3 {
            color: rgb(var(--smash-orange-1-rgb));
            align-self: flex-end;
        }

}

@media all and (max-width: 1200px) {
    .ld-language-selector {
        margin-left: 15px;
    }

    /*sub header*/

    .ld-sub-header-section:nth-child(1) {
        text-align: center;
    }

    .ld-sub-header-section:nth-child(2) {
        text-align: center;
    }

    .ld-sub-header-section > img {
        display: inline-block;
        width: auto;
        height: auto;
        max-width: 100%;
        min-height: 200px;
        min-width: 200px;
    }

    .ld-sub-header-section .ld-lang-list {
        margin-top: 1rem;
        text-align: center;
        margin-bottom: 2rem;
    }

        .ld-sub-header-section .ld-lang-list .ld-lang {
            background-size: auto 80%;
            padding-left: 3rem;
        }

    /*features*/
    .ld-section-features {
        margin: 0;
    }

    /*TESTIMONIALS*/

    .ld-testimonial .ld-testimonial-avatar {
        max-width: initial;
        transform: none;
        margin-left: -20%;
    }

    .ld-testimonial-content.ld-section-content {
        /*width: 60%;*/
        padding: 0;
        padding-top: 3rem;
        background-image: url(/image/home/comment_left.png), url(/image/home/comment.png);
        background-position: top left, top right;
        background-size: auto 2rem;
    }

    .ld-testimonial-comment {
        font-size: 1rem;
    }

    .ld-testimonial-user-link {
        font-size: 1rem;
    }

    .ld-testimonial-user {
        margin-bottom: 2rem;
    }

    /*contact*/
    .ld-contact-form-wrapper {
        padding: 1rem;
    }

    .ld-contact-ico {
        width: 50%;
        max-width: 600px;
    }

    .ld-contact-form-wrapper {
        width: 50%;
        padding-left: 60px;
    }

    /*footer*/

    .ld-footer-about-info-links .ld-footer-about-info-data {
        font-size: 1.2rem;
    }

    .ld-footer-about-info-wrapper .ld-ui-btn:nth-child(1),
    .ld-footer-about-info-wrapper .ld-ui-btn:nth-child(2) {
        padding: 5px 10px;
        font-size: 1rem;
    }

    .ld-footer-about-info-data {
        font-size: 1.2rem;
    }

    .ld-footer-about-logo img {
        max-height: 220px;
        width: auto;
    }

    /*ADVANTAGES*/
    .ld-advantages-content {
        justify-content: center;
    }

    .ld-advantage-element {
        min-width: 220px;
    }

    .ld-pricing-table table thead td:nth-child(2) span,
    .ld-pricing-table table thead td:nth-child(3) span {
        font-size: 1rem;
    }

    .ld-scaffolded-immersion .ld-section-title-2 {
        font-size: 2rem;
    }


    .ld-dynamic-padding {
        padding-top: 10%;
    }

    .ld-pricing-resume-announcement-min p {
        font-size: 1rem;
    }
}

@media all and (max-width: 850px) {

    .ld-header {
        height: 100px;
    }

    .ld-header-logo {
        padding: 0;
        padding-top: 5px;
        width: 100px;
    }

    /*sub header*/
    .ld-sub-header {
        padding-left: 50px;
        padding-right: 0px;
    }

    .ld-sub-header-section:nth-child(1) {
        text-align: center;
        padding: 0;
    }

    .ld-sub-header-section:nth-child(2) {
        text-align: center;
    }

    .ld-sub-header-section > img {
        display: inline-block;
        width: auto;
        height: auto;
        max-width: 100%;
        min-height: 200px;
        min-width: 200px;
        max-height: 350px;
    }

    .ld-sub-header-section h2 {
        font-size: 1.5rem;
        text-align: center;
    }

    .ld-sub-header-section p {
        font-size: 1rem;
        text-align: center;
        margin-bottom: 0rem;
    }

    .ld-sub-header-section .ld-ui-btn {
        margin-top: 1rem;
        font-size: 1rem;
    }

    .ld-sub-header-section .ld-lang-list {
        margin-top: 1rem;
        text-align: center;
        margin-bottom: 2rem;
    }

        .ld-sub-header-section .ld-lang-list .ld-lang {
            background-size: auto 80%;
            padding-left: 3rem;
        }

    /*advantages*/
    .ld-section-advantages-line {
        height: auto;
    }

    .ld-section-advantages-line .ld-section-simple:nth-child(1) {
        padding-right: 0;
        max-width: 380px;
        margin-bottom: 3rem;
    }

    .ld-section-advantages-line .ld-section-simple:nth-child(2) {
        padding: 5px;
    }

    .ld-section-advantages-line .ld-section-paragraph {
        font-size: 1rem;
    }

    /*about*/

    .ld-about-smash .ld-section-content:nth-child(1){
        display: none;
    }

    .ld-about-smash .ld-section-content {
        width: 100%;
        background-image: url('/image/home/about.png');
        background-position: left bottom;
        background-size: 50% auto;
        background-repeat: no-repeat;
    }

    .ld-about-smash .ld-section-title-2 {
        margin-bottom: 100px;
    }

    .ld-about-smash .ld-section-paragraph {
        background: rgba(255, 255, 255, 0.5);
        border-radius: 1rem;
    }

    /*contact*/
    .ld-contact-form-wrapper {
        padding: 1rem;
    }

    .ld-contact-ico {
       display: none;
    }

    .ld-contact-form-wrapper {
        width: 100%;
        padding-left: 60px;
        background-image: url('/image/contact/contact.png');
        background-position: bottom right;
        background-size: 75% auto;
        background-repeat: no-repeat;
    }

    .ld-contact-form textarea, .ld-contact-form input {
        opacity: 0.7;
    }



    /*footer*/

    .ld-footer-about-info-links .ld-footer-about-info-data {
        font-size: 1rem;
    }

    .ld-footer-about-info-wrapper .ld-ui-btn:nth-child(1),
    .ld-footer-about-info-wrapper .ld-ui-btn:nth-child(2) {
        padding: 5px 10px;
        font-size: 1rem;
        margin-right: 10px;
        margin-top: 10px;
    }

    .ld-footer-rights h3,
    .ld-footer-terms-item-list ul li a,
    .ld-footer-about-info-data {
        font-size: 1rem;
    }

    .ld-footer-about-info-links .ld-footer-about-info-data,
    .ld-footer-about-info-wrapper {
        width: 100%;
        float: none;
        text-align: center;
    }

        .ld-footer-about-info-links .ld-footer-about-info-data br {
            display: none;
        }

    .ld-footer-about-info-links {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ld-footer-about-logo img {
        max-height: 150px;
        width: auto;
    }

    /*smash-for*/
    .ld-smash-for-image,
    .ld-smash-for-content {
        width: 100%;
    }

    .ld-smash-for-content {
        padding-left: 50px;
        padding-right: 50px;
    }

    .ld-smash-for-image img {
        max-height: 350px;
    }

    .ld-smash-for-header {
        text-align: center;
    }

        .ld-smash-for-header .ld-lang-list {
            display: block;
            float: none;
            width: 100%;
            text-align: center;
        }

    .ld-advantage-element {
        margin-left: 10px;
        width: auto;
        height: 100%;
    }

    #AdvantagesCarousel .slick-track {
        display: flex !important;
    }

    #AdvantagesCarousel .slick-slide {
        height: inherit !important;
    }

    /*talk-about*/
    .lb-talk-about-btn,
    .lb-talk-about-content p {
        font-size: 1rem;
    }

    .lb-talk-about-btn {
        padding: 5px 15px;
    }

    .lb-talk-about-image img {
        max-width: 200px;
    }

    .lb-talk-about-content {
        top: calc(50% - 15px);
    }

    .ld-custom-background-f1-right .ld-section-content:nth-child(1) {
        width: 40%;
    }

    .ld-custom-background-f1-right .ld-section-content:nth-child(2) {
        padding-left: 1rem;
        width: 60%;
    }

    .ld-custom-background-f1-left .ld-section-content:nth-child(1) {
        padding-left: 60px;
        width: 60%;
    }

    .ld-custom-background-f1-left .ld-section-content:nth-child(2) {
        width: 40%;
    }

    .ld-custom-background-f1-left .ld-section-paragraph.ld-12r,
    .ld-custom-background-f1-right .ld-section-paragraph.ld-12r {
        font-size: 1rem;
    }

    .ld-custom-background-f1-left .ld-section-list li,
    .ld-custom-background-f1-right .ld-section-list li {
        font-size: 1rem;
    }

    /*pricing*/
    .ld-pricing-family-title {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .ld-pricing-family .ld-section-title-1 {
        font-size: 2rem;
    }

    .ld-pricing-family .ld-section-title-2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .ld-dynamic-padding {
        padding-top: 0;
    }

    .ld-pricing-resume-announcement {
        width: calc(100% - 190px);
        font-size: 1rem;
    }

        .ld-pricing-resume-announcement p {
            font-size: 1rem;
        }

    .ld-pricing-resume-price-variant {
        font-size: 1.5rem;
    }

    .ld-pricing-resume-announcement-min {
        width: 100%;
    }

    .ld-meeting-form-wrapper[data-type="info"] .ld-meeting-form-info,
    .ld-meeting-form-wrapper[data-type="info"] .ld-meeting-form-image {
        width: 50%;
    }
}

@media all and (max-width: 670px) {
    .special-price-form-contact-wrapper .ld-meeting-form-section[data-type="contact"],
    .special-price-form-contact-wrapper .ld-meeting-form-section[data-type="pricing"] {
        width: 100%;
        padding: 0;
    }
}

@media all and (max-width: 600px) {
    .br-100 {
        margin-bottom: 50px;
    }

    .ld-header-fixed {
        display: none !important;
    }

    /*sub header*/
    .ld-sub-header {
        padding: 2px;
        display: flex;
        flex-flow: column;
    }

    .ld-sub-header-section {
        width: 100%;
    }

        .ld-sub-header-section:nth-child(1) {
            width: 100%;
            padding: 2px;
            order: 2;
            text-align: center;
        }

        .ld-sub-header-section:nth-child(2) {
            width: 100%;
            order: 1;
            text-align: center;
        }

        .ld-sub-header-section > img {
            display: inline-block;
            width: auto;
            height: auto;
            max-width: 90vw;
            max-height: 50vh;
            min-height: 200px;
            min-width: 200px;
        }

        .ld-sub-header-section h2 {
            font-size: 1.5rem;
            text-align: center;
        }

        .ld-sub-header-section p {
            font-size: 1rem;
            text-align: center;
            margin-bottom: 0rem;
        }

        .ld-sub-header-section .ld-ui-btn {
            margin-top: 1rem;
            font-size: 1rem;
        }

        .ld-sub-header-section .ld-lang-list {
            margin-top: 1rem;
            text-align: center;
            margin-bottom: 2rem;
        }

            .ld-sub-header-section .ld-lang-list .ld-lang {
                background-size: auto 80%;
                padding-left: 3rem;
            }

    /*social*/
    .ld-social-media {
        display: none;
    }


    /*advantages*/
    .ld-section-advantages-line {
        height: auto;
    }

    #GeneralAdvantages-list li {
        flex-wrap: wrap;
    }

    .ld-section-advantages-line .ld-section-simple {
        padding-left: 0px;
        padding-right: 0px;
    }

        .ld-section-advantages-line .ld-section-simple:nth-child(1) {
            order: 1;
            max-width: initial;
            width: 100%;
            margin-bottom: 1rem;
            text-align: center;
        }

        .ld-section-advantages-line .ld-section-simple:nth-child(2) {
            order: 2;
            max-width: initial;
            width: 100%;
            text-align: center;
        }

    .ld-section-advantages-line .ld-section-paragraph,
    #GeneralAdvantages-list li .ld-section-title-1,
    #GeneralAdvantages-list li .ld-section-title-2 {
        text-align: center;
    }

    .ld-section-advantages-line .ld-section-paragraph {
        margin-bottom: 3rem;
    }

    .ld-section-advantages-line img {
        max-height: 350px;
        min-height: 150px;
    }

    /*scaffolded immersion*/
    .ld-scaffolded-immersion-wrapper video {
        min-height: initial;
    }


    .ld-carousel-body video {
        border-radius: 1rem;
    }

    /*section*/
    .ld-section {
        margin-top: 0;
    }

    .ld-custom-background-f1-left:before,
    .ld-custom-background-f1-right:before {
        width: 100%;
    }

    .ld-section-content {
        width: 100%;
        float: none;
        padding: 10px;
    }

    .ld-section.ld-section-fw {
        max-height: initial;
    }

    .ld-section-content img {
        max-width: 90%;
        margin-top: 1rem;
    }

    .ld-custom-background-f1-left.ld-section.ld-section-fw .ld-section-wrapper {
        padding: 2px;
        display: flex;
        flex-flow: column;
    }

    .ld-custom-background-f1-left .ld-section-wrapper .ld-section-content:nth-child(1) {
        order: 2;
    }

    .ld-custom-background-f1-left .ld-section-wrapper .ld-section-content:nth-child(2) {
        order: 1;
    }

    .ld-custom-background-f1-left .ld-section-content:nth-child(2),
    .ld-custom-background-f1-right .ld-section-content:nth-child(1) {
        width: 100%;
    }

    .ld-custom-background-f1-left .ld-section-content:nth-child(1),
    .ld-custom-background-f1-right .ld-section-content:nth-child(2) {
        padding: 1rem;
        width: 100%;
        text-align: center;
    }

    .ld-custom-background-f1-left .ld-section-title-3,
    .ld-custom-background-f1-right .ld-section-title-3 {
        text-align: center;
        margin-top: 0px;
    }


    .ld-custom-background-f1-right .ld-section-content img,
    .ld-custom-background-f1-left .ld-section-content img {
         max-height: 300px;
    }

    .ld-custom-background-f1-left .ld-section-paragraph.ld-12r,
    .ld-custom-background-f1-right .ld-section-paragraph.ld-12r {
        font-size: 1rem;
    }

    .ld-custom-background-f1-left .ld-section-list li,
    .ld-custom-background-f1-right .ld-section-list li {
        font-size: 1rem;
    }

    /*about*/
    .ld-about-smash .ld-section-title-2 {
        margin-bottom: 0px;
        font-size: 2rem;
    }

    .ld-about-smash .ld-section-paragraph {
        font-size: 1.2rem;
    }

    /*contact*/

    .ld-contact-form {
        padding: 10px;
    }

        .ld-contact-form h1.ld-section-title-2 {
            margin-bottom: 1rem;
        }

    .ld-contact-form-wrapper {
        width: 100%;
        padding: 10px;
    }

    .ld-contact-form textarea, .ld-contact-form input {
        opacity: 0.7;
    }

    #SendContactForm {
        margin-top: 1rem;
    }

    /*footer*/
    .ld-footer-about-logo {
        width: 100%;
    }

    .ld-footer-about-info {
        width: 100%;
    }

    .ld-footer-about {
        padding: 1rem;
    }

    .ld-footer-about-info-data {
        text-align: center;
    }

    .ld-footer-about-info-links {
        margin-top: 0.5rem;
    }

    .ld-footer-terms {
        padding: 2rem;
    }

    .ld-footer-rights {
        padding: 0.5rem;
    }

    /*smash-for*/
    .ld-smash-for-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .ld-smash-for-image img {
        max-height: 350px;
    }

    .ld-smash-for-header {
        text-align: center;
    }

        .ld-smash-for-header .ld-lang-list {
            display: block;
            float: none;
            width: 100%;
            text-align: center;
        }

    /*talk-about*/
    .lb-talk-about-image img {
        max-width: 150px;
    }

    .lb-talk-about-content {
        top: calc(50% - 10px);
        flex-direction: column;
    }

    .lb-talk-about-btn {
        margin-right: 1rem;
        font-size: 1rem;
        padding:2px 15px;
    }

    #GeneralAdvantages-list li .ld-section-title-1,
    #GeneralAdvantages-list li .ld-section-title-2 {
        font-size: 1.5rem;
    }

    #GeneralAdvantages-list li .ld-section-title-2 {
        font-size: 1rem;
    }

    /*scaffolded-immersion*/
    .ld-scaffolded-immersion .ld-section-title-1 {
        font-size: 1.5rem;
        padding-left: 10px;
        padding-right: 10px;
    }

    .ld-scaffolded-immersion .ld-section-paragraph {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1rem;
        text-align: center;
    }

    .ld-section-features .ld-carousel-paragraph {
        font-size: 1rem;
    }


    .ld-scaffolded-immersion .ld-section-title-2 {
        font-size: 1.5rem;
    }

    .ld-popup-languages-paragraph {
        padding: 10px;
        width: calc(100% - 50px);
        font-size: 1rem;
    }

    .ld-popup-languages-content img {
        width: 50px;
        height: auto;
    }

    /*ld-meeting-form*/

    .ld-meeting-form-wrapper[data-type="info"] .ld-meeting-form-info,
    .ld-meeting-form-wrapper[data-type="info"] .ld-meeting-form-image {
        width: 100%;
        position: relative;
        transform: none;
        top: initial; 
        right: initial;            
    }

        .ld-meeting-form-wrapper[data-type="info"] .ld-meeting-form-image img {
            max-height: 200px;
        }

    .ld-meeting-form-wrapper[data-type="info"] .ld-meeting-form-info {
        padding: 2rem;
        padding-top: 0; 
    }

    .ld-meeting-form-wrapper[data-type="info"] .ld-meeting-form-info-message {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .ld-meeting-form-wrapper[data-type="info"] button {
        margin-top: 1rem;
        font-size: 1rem;
    }
}

@media all and (max-width: 450px) {
    .ld-language-selector {
        position: absolute;
        top: 5px;
    }

    /*features*/
    .ld-section-features h1.ld-section-title-2 {
        font-size: 1.5rem;
    }

    /*carousel*/
    .ld-carousel-body {
        margin-bottom: 0;
    }

    .ld-carousel-title {
        font-size: 1rem;
    }

    .ld-section-features .ld-carousel-paragraph {
        margin-bottom: 1rem;
    }

    #Features .splide__arrow.splide__arrow--prev,
    #Features .splide__arrow.splide__arrow--next {
        display: none;
    }

    /*section*/

    h1.ld-section-title-3 {
        font-size: 1.5rem;
        text-align: center;
    }

    .ld-section-paragraph.ld-12r {
        font-size: 1rem;
    }

    .ld-section-list li {
        font-size: 1rem;
    }

    .ld-discover-btn {
        font-size: 1rem;
    }

    .ld-testimonial .ld-testimonial-avatar {
        display: none;
    }

    .ld-testimonial-content.ld-section-content {
        margin-left: 5%;
        width: 90%;
    }


    /*about*/
    .ld-about-smash .ld-section-title-2 {
        margin-bottom: 0px;
        font-size: 1.5rem;
    }

    .ld-about-smash .ld-section-paragraph {
        font-size: 1rem;
        padding: 0.5rem;
    }

    /*footer*/
    .ld-footer-terms-item-list {
        width: 100%;
    }

    .ld-footer-terms {
        padding: 0;
        padding-top: 2rem;
    }

    .ld-pricing-table table tbody tr td:nth-child(3),
    .ld-pricing-table table tbody tr td:nth-child(2) {
        max-width: 30px;
        width: 30px;
        padding: 0;
    }

    .ld-pricing-flags {
        padding: 10px;
    }

    .ld-pricing-wrapper .ld-lang-list > * {
        display: block;
        width: 100%;
        text-align: left;
        margin-bottom: 1rem;
    }

    .ld-pricing-wrapper .ld-mt15 {
        margin-bottom: 0;    
    }

    .ld-pricing-table,
    .ld-pricing .ld-lang-list {
        margin: 0;
    }

    .ld-footer-terms,
    .ld-footer {
        border-radius: 50px 50px 0 0;
    }

    /*talk-about*/
    .lb-talk-about-wrapper {
        height: auto;
        min-height: 75px;
        position: relative;
        overflow: hidden;
    }

    .lb-talk-about-content {
        top: 0;
        min-height: 75px;
        transform: none;
    }

    .lb-talk-about-image img {
        max-width: 100px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .lb-talk-about-wrapper:before {
        left: 0px;
        height: 100%;
        top: 0;
        width: 100%;
        border-radius: 50px;
    }


    /*scaffolded-immersion*/
    .ld-scaffolded-immersion .ld-section-title-1 {
        font-size: 1.5rem;
        padding-left: 10px;
        padding-right: 10px;
    }

    .ld-scaffolded-immersion .ld-section-paragraph {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1rem;
    }

    /*smash-for*/
    .ld-smash-for-body {
        padding: 10px;
    }

        .ld-smash-for-body .ld-section-paragraph {
            text-align: center;
        }


    /*Prices table*/
    .ld-pricing-table {
        padding: 0;
    }

    .ld-pricing-table table thead td:nth-child(2) span,
    .ld-pricing-table table thead td:nth-child(3) span {
        font-weight: normal;
        font-size: 0.8rem;
    }


    /*pricing*/
    .ld-pricing-family-title {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .ld-pricing-family .ld-section-title-1 {
        font-size: 1.5rem;
    }

    .ld-pricing-family .ld-section-title-2 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .ld-smash-for-list li {
        font-size: 1rem;
    }

    .ld-scaffolded-immersion .ld-section-title-2,
    .ld-section-features .ld-section-title-1,
    .ld-about-smash .ld-section-title-1,
    .ld-testimonial .ld-section-title-1 {
        font-size: 1.5rem;
    }

    .ld-contact-form h1.ld-section-title-2 {
        font-size: 1.5rem;
    }

    .ld-pricing-resume-announcement {
        float: none;
        width: 100%;
        min-height: initial;
    }

    .ld-pricing-resume-announcement p {
        padding: 15px;
    }

    .ld-pricing-resume-price-variant {
        font-size: 1.2rem;
    }

    .ld-meeting-form-section select, .ld-meeting-form-section input {
        width: 100%;
    }

}

