@media (max-width: 1600px) {
}

@media (max-width: 1500px) {
}

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
    .back {
        position: unset;
    }

    .deliveryService .mobileTitle {
        font-family: Cus-Medium;
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
        font-weight: 600;
        line-height: clamp(25.6640625px, 6.843750000000001vw, 52.56px);
        letter-spacing: normal;
        color: #FFFFFF;
        margin-bottom: clamp(38.0859375px, 10.15625vw, 78.0px);
    }

    .deliveryService .detailGroup .left h3 {
        font-size: clamp(14.6484375px, 3.90625vw, 30.0px);
        line-height: clamp(25.87890625px, 6.901041666666667vw, 53.0px);
    }

    .deliveryService .detailGroup .left p {
        font-size: clamp(5.859375px, 1.5625vw, 12.0px);
        max-width: clamp(62.01171875px, 16.536458333333336vw, 127.0px);
        -webkit-line-clamp: 5;
    }

    .deliveryService .detailGroup .left {
        width: clamp(195.3125px, 52.083333333333336vw, 400.0px);
        height: clamp(122.0703125px, 32.552083333333336vw, 250.0px);
        margin-right: clamp(9.765625px, 2.604166666666667vw, 20.0px);
    }

    .deliveryService .detailGroup .item1, .deliveryService .detailGroup .item2, .deliveryService .detailGroup .item3 {
        width: 100%;
    }

    .deliveryService .detailGroup .right {
        width: clamp(148.4375px, 39.583333333333336vw, 304.0px);
    }

    .deliveryService .detailGroup .right .item {
        font-size: clamp(11.71875px, 3.125vw, 24.0px);
        line-height: clamp(14.6484375px, 3.90625vw, 30.0px);
        margin-bottom: clamp(12.20703125px, 3.2552083333333335vw, 25.0px);
    }

    .deliveryService .detailGroup .right .order-now a {
        font-size: clamp(11.71875px, 3.125vw, 24.0px);
        line-height: clamp(18.06640625px, 4.817708333333334vw, 37.0px);
        padding: clamp(3.41796875px, 0.9114583333333334vw, 7.0px) clamp(9.765625px, 2.604166666666667vw, 20.0px);
        border-radius: clamp(19.53125px, 5.208333333333334vw, 40.0px);
    }

    .deliveryService .detailGroup .right .order-now img {
        display: none;
    }

    .howItWorks {
        width: 100%;
    }

    .howItWorks h3 {
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
        line-height: clamp(25.854492187500004px, 6.894531250000001vw, 52.95px);
    }

    .howItWorks h4 {
        font-size: clamp(13.671875px, 3.6458333333333335vw, 28.0px);
        font-family: Cus-Regular;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.04em;
        color: #FFFFFF;
        margin-bottom: clamp(5.859375px, 1.5625vw, 12.0px);
    }

    .howItWorks p {
        font-size: clamp(10.7421875px, 2.8645833333333335vw, 22.0px);
        line-height: clamp(13.75px, 3.666666666666667vw, 28.16px);
    }

    .howItWorks ul {
        width: auto;
        max-width: unset;
    }

    .howItWorks.customPadding {
        padding: clamp(39.0625px, 10.416666666666668vw, 80.0px) 0 !important;
    }

    .deliveryService .container {
        padding-top: 0 !important;
    }

    .deliveryService .detailGroup .left .icon {
        width: clamp(102.5390625px, 27.34375vw, 210.0px);
    }

    .deliveryService .detailGroup .item3 .left .icon {
        right: -14%;
        bottom: clamp(7.8125px, 2.0833333333333335vw, 16.0px);
        width: clamp(97.65625px, 26.041666666666668vw, 200.0px);
    }

    .section2 .titleGroup {
        margin-bottom: clamp(12.20703125px, 3.2552083333333335vw, 25.0px)
    }

    .section2 .titleGroup h2 {
        font-size: clamp(14.6484375px, 3.90625vw, 30.0px);
        line-height: clamp(25.87890625px, 6.901041666666667vw, 53.0px);
        margin-bottom: 0;
    }

    .section2 .contentGroup .row .col {
        max-width: 100%;
        height: auto;
        padding: clamp(25.87890625px, 6.901041666666667vw, 53.0px) clamp(21.484375px, 5.729166666666667vw, 44.0px) !important;
        margin-bottom: clamp(24.4140625px, 6.510416666666667vw, 50.0px) !important;
        border-radius: clamp(14.6484375px, 3.90625vw, 30.0px);
    }

    .section2 .contentGroup .row .col .line {
        margin: clamp(12.20703125px, 3.2552083333333335vw, 25.0px) 0;
    }

    .section2 .contentGroup .row .col p {
        font-size: clamp(10.7421875px, 2.8645833333333335vw, 22.0px);
        line-height: clamp(13.75px, 3.666666666666667vw, 28.16px);
    }
}

@media (max-width: 710px) {
}

@media (max-width: 576px) {
}