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

    .about .image,
    .about .image img,
    .about .image::before {
        border-radius: 0 100px 0 100px;
    }
}

@media screen and (max-width:991px) {
    #intro {
        height: unset;
    }

    #intro .title h1 {
        font-size: 110px !important;
    }

    #intro .title h2 {
        right: unset;
        left: 10px;
        text-align: end;
    }

    section.desc {
        padding-top: 50px;
        padding-bottom: 10px;
        background: #003b34;
        border-bottom: 2px solid #004e45;
    }

    section.desc .content {
        position: relative;
    }

    section.products .item .image::after {
        top: 30px;
        right: 10%;
    }

    .about .image::before {
        display: none;
    }

    .about .image,
    .about .image img {
        position: relative;
        border-radius: 0 100px 0 100px;
    }
}

@media screen and (max-width:768px) {
    #intro .title {
        display: inline-block;
    }

    #intro .intro-slider {
        /*height: 50vh;*/
    }

    #intro .slider-item img {
        max-width: 70%;
    }
}

@media screen and (max-width:576px) {
    section.products .item {
        padding: 14px 15px;
    }

    section.products .item .image::after {
        width: 50px;
        height: 50px;
    }

    .products-slider .item .card {
        font-size: small;
    }

    .about .image,
    .about .image img {
        position: relative;
        border-radius: 0 20% 0 20%;
    }
}