@media (max-width: 1200px) {
    .sure-curve-description{
        margin-top: -120px;
    }

    .light-illustration .title-wrapper h3{
        font-size: 50px;
    }
    .light-illustration .title-wrapper h4{
        font-size: 24px;
    }

    .light-illustration .image img{
        width: 60%;
    }

    .light-illustration .disclaimer{
        max-width: 30%;
    }

}

@media (max-width: 768px) {
    .home-banner h1{
        font-size: 60px;
        line-height: 60px;
        margin-top: -100px;
        padding-bottom: 100px;
    }

    .home-banner p{
        padding-top: 100px;
        margin-bottom: -100px;
    }

    .sure-curve-description{
        margin-top: 0;
    }

    .slogan{
        font-size: 36px;
    }

    header{
        display: flex;
        justify-content: space-between;
    }

    .toggle-button {
        display: flex;
    }

    nav{
        display: none;
    }

    .aquabloc-product-image{
        padding-bottom: 0px;
        overflow-x: hidden;
        text-align: center;
    }

    .aquabloc-product-image img.image{
        width: 150%;
        margin-left: -25% !important;
        max-width: none;
    }


    .sure-curve-bg{
        background-image: url("../images/sure-curve/SureCurve_BG.jpg") !important;
    }

    .iso-icons{
        padding: 30px;
    }

    .iso-icons .icons > div{
        width: 33.33%;
    }

    .light-illustration .image img{
        width: 100%;
        max-width: 100%;
        padding: 50px 0;
    }

    .light-illustration .title-wrapper,
    .light-illustration .disclaimer{
        position: relative;
        width: 100%;
        max-width: 100%;
    }


}

@media (max-width: 426px) {


    .iso-icons .icons > div{
        width: 50%;
    }



    .aquabloc-product-image{
        padding-bottom: 0;

        overflow-x: hidden;
        text-align: center;
    }

    .aquabloc-product-image img.image{
        width: 180%;
        margin-left: -40% !important;
        max-width: none;
    }

    .features{
        padding-top:30px;
        padding-bottom: 30px;
    }

    .features .feature{
        justify-content: space-evenly;
    }
    .features .feature > div{
        width: 70%;
        gap: 15px;
        margin-bottom: 30px;
    }

    .features .about-col2{
        padding: 40px 0;
    }

    .features .feature{
        padding: 0;
    }

    .features h2{
        font-size: 42px;
        line-height: 42px;
    }

    .product-background h3,.product-background p{
        text-align: center;
    }


    .product-background{
        padding-bottom: 0;
    }

    .product-side-background{
        position: relative;
        height: 100%;
        width: 100%;
        min-height: 300px;
    }

    .features h3{
        margin-bottom: 30px;
    }

    .features .about-col2 h3{
        font-size: 42px;
        line-height: 42px;
    }

    .padded-50{
        padding: 25px;
    }

    .features{
        padding-left: 15px;
        padding-right: 15px;
    }

    header{
        /*flex-wrap: wrap;*/
        /*justify-content: center;*/
    }

    header .logo img{
        margin: auto;
    }

    .features .feature > div h3{
        font-size:18px;
        line-height: 21px;
    }

    .order-2{
        order:  2;
    }

    .logo{
        /*width: 100%;*/
        text-align: center;
        /*margin-bottom: 30px;*/
    }

    .sdg img{
        max-height: 60px;
    }

    .home-banner{
        display: block;
        margin-bottom: 100px;
    }

    .home-banner{
        background-size: 55%;
    }

    .home-banner h1{
        font-size: 48px;
        line-height: 48px;
        text-align: center;
    }

    header nav a{
        margin: 0 10px;
    }

    .home-banner p{
        padding-top: 150px;
        margin-bottom: -150px;
        text-align: center;
        max-width: 100%;
    }

    a.action-button{
        margin: 0 auto;
        margin-top: 30px;
    }

    .section{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .title{
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 20px;
    }


    .title + .flex{
        padding:0 !important;
    }

    .flex{
        flex-wrap: wrap;
    }

    .flex > img{
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 30px;
    }


    .w25,.w70,.w50,.w40,.w30{
        width: 100%;
        margin-bottom: 25px;
    }

    .slogan{
        font-size: 28px;
        line-height: 42px;
    }

    .footer-text{
        box-sizing: border-box;
        padding: 0 15px;
    }

    .footer-text{
        box-sizing: border-box;
        padding: 0 15px;
    }

    .footer-text h3{
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .footer-background{
        min-height: 150px;
    }


    .product-icon img{
        height: 100px;
        margin-bottom: 50px;
    }
}