@media (max-width: 1500px) {
    .customHeader {
        padding: 15px 25px;
    }

    .secondProduct .productContent {
        width: calc(100% + 7px);
        left: -55px;
        clip-path: polygon(3.7% 0%, 100% 0%, 96.3% 100%, 0% 100%);
    }

    .ThirdProduct .productContent {
        width: calc(100% + 56px);
        left: -43px;
        clip-path: polygon(3.7% 0%, 100% 0%, 100% 100%, 0% 100%);
    }

    .FourProduct .productContent {
        width: calc(100% + 46px);
        clip-path: polygon(0 0, 95.5% 0, 100% 100%, 0 100%);
    }

    .FiveProduct .productContent {
        width: calc(100% - -8px);
        left: 47px;
        clip-path: polygon(0 0, 96.2% 0, 100% 100%, 3.8% 100%);
    }

    .SixProduct .productContent {
        width: calc(100% + -69px);
        left: 69px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 5.8% 100%);
    }

    .firstProduct .productContent {
        clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
        width: 85%;
    }
}

@media (max-width: 1100px) {
    .aboutUsWrapper {
        gap: 40px;
    }

    .desc h6 {
        font-size: 16px;
        line-height: normal;
    }

    .aboutUsSecTitle h5 {
        font-size: 22px;
        line-height: normal;
    }

    .desc p,
    .aboutUsContent ul li {
        font-size: 14px;
    }

    .youTubeIcon {
        position: absolute;
        width: 60px;
        height: 60px;
        left: -30px;
        bottom: -30px;
    }

    .counterItem .counterContent span {
        font-size: 22px;
    }

    .counterItem .counterContent h5 {
        font-size: 14px;
    }

    .secTitle h2 {
        font-size: 25px;
        line-height: normal;
    }

    .secTitle p {
        font-size: 14px;
    }

    .secondProduct .productContent {
        width: calc(100% + 11px);
        left: -41px;
        clip-path: polygon(4.7% 0%, 100% 0%, 94.3% 100%, 0% 100%);
    }

    .ThirdProduct .productContent {
        width: calc(100% + 56px);
        left: -31px;
        clip-path: polygon(4.7% 0%, 100% 0%, 100% 100%, 0% 100%);
    }

    .FourProduct .productContent {
        width: calc(100% + 30px);
        clip-path: polygon(0 0, 95.5% 0, 100% 100%, 0 100%);
    }

    .FiveProduct .productContent {
        width: calc(100% - -10px);
        left: 28px;
        clip-path: polygon(0 0, 95.2% 0, 100% 100%, 5.8% 100%);
    }

    .SixProduct .productContent {
        width: calc(100% + -48px);
        left: 48px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 5.8% 100%);
    }

    .productContent h5 {
        font-size: 14px !important;
    }

    .customizedServiceLeftTitle h2 {
        font-size: 16px;
        line-height: normal;
    }

    .customizedServiceLeftTitle p {
        font-size: 14px;
        line-height: 24px;
    }
}