@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%;
    }
}



/*****************************************************************************************/



@media screen and (max-width:1920px) {
    #home-page .monitor>a>img {
        width: 24.5vw;
    }

    #home-page .monitor .elements img:nth-child(1) {
        top: -2vw;
        left: 36vw;
        width: 12vw;
    }

    #home-page .monitor .elements img:nth-child(2) {
        top: 3vw;
        right: 35.7vw;
        width: 4vw;
    }

    #home-page .laptop .elements img:nth-child(3) {
        top: -5vw;
        right: 11vw;
        width: 10vw;
    }
}

@media screen and (max-width:991px) {
    #home-page .icon {
        display: block;
    }

    #home-page .monitor {
        top: 40vw;
        bottom: unset;
    }

    #home-page .monitor>a>img {
        width: 59vw;
    }

    #home-page .monitor .social-media .instagram img {
        display: none;
    }

    #home-page .monitor .social-media .whatsapp img {
        display: none;
    }

    #home-page .monitor .elements img:nth-child(1) {
        top: -5vw;
        left: 16vw;
        width: 30vw;
    }

    #home-page .monitor .elements img:nth-child(2) {
        top: 6vw;
        right: 14vw;
        width: 12vw;
    }

    #home-page .laptop img {
        display: none;
    }

    #home-page .laptop .elements img:nth-child(1) {
        display: none;
    }

    #home-page .laptop .elements img:nth-child(2) {
        display: none;
    }

    #home-page .laptop .elements img:nth-child(3) {
        display: none;
    }

    #home-page .keyboard {
        top: 95vw;
        right: 5vw;
    }

    #home-page .keyboard>img {
        width: 50vw;
    }

    #home-page .camera {
        right: 5vw;
        top: 115vw;
        left: unset;
        bottom: unset;
    }

    #home-page .camera img {
        width: 45vw;
    }

    #home-page .camera .element img {
        display: none;
    }

    #home-page .tablet {
        top: 105vw;
        right: unset;
        left: 5vw;
        bottom: unset;
    }

    #home-page .tablet img {
        width: 55vw;
    }

    #home-page .tablet .elements img:nth-child(1) {
        display: none;
    }

    #home-page .tablet .elements img:nth-child(2) {
        display: none;
    }

    #home-page .pen>img {
        display: none;
    }

    #home-page .catalogue {
        top: 150vw;
        left: 5vw;
    }

    #home-page .catalogue img {
        /* display: none; */
        width: 75vw;
    }

    #home-page .about-us img {
        display: none;
    }

    #home-page .flower>img {
        display: none;
    }

    #home-page .flower .element img {
        display: none;
    }

    #home-page .packing-design img {
        display: none;
    }

    #home-page .motion-graphic img {
        display: none;
    }

    #home-page .proposal img {
        display: none;
    }

    #home-page .km img {
        display: none;
    }

    #home-page .branding {
        top: 10vw;
        left: unset;
        right: 15vw;
    }

    #home-page .branding img {
        width: 35vw;
    }
}
