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

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

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

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

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

@media (max-width: 768px) {
    .header {
        display: none;
    }

    .back {
        position: unset;
        color: #000;
    }

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


    .riderGuide .container .left {
        width: 100%;
        margin-right: 0;
    }

    .riderGuide h1 {
        font-size: clamp(23.4375px, 6.25vw, 48.0px);
        margin-bottom: clamp(28.80859375px, 7.682291666666667vw, 59.0px);
    }

    .riderGuide h3 {
        font-size: clamp(18.5546875px, 4.947916666666667vw, 38.0px);
        margin-bottom: clamp(17.08984375px, 4.557291666666667vw, 35.0px);
    }

    .riderGuide h4 {
        font-size: clamp(10.7421875px, 2.8645833333333335vw, 22.0px);
        padding: clamp(11.23046875px, 2.994791666666667vw, 23.0px) 0;
    }

    .riderGuide .left .item {
        margin-bottom: clamp(39.0625px, 10.416666666666668vw, 80.0px);
    }

    .riderGuide .left .item:last-child{
        margin-bottom: 0;
    }

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

    .section4 .titleGroup {
        margin-bottom: clamp(12.6953125px, 3.385416666666667vw, 26.0px);
    }

    .section4 .titleGroup h2 {
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
    }

    .section4 .contentGroup .item h3 {
        font-size: clamp(13.671875px, 3.6458333333333335vw, 28.0px);
        line-height: clamp(13.18359375px, 3.515625vw, 27.0px);
        padding-right: clamp(14.6484375px, 3.90625vw, 30.0px);
        margin-bottom: clamp(12.20703125px, 3.2552083333333335vw, 25.0px);
    }

    .section4 .contentGroup .item .card {
        font-size: clamp(11.71875px, 3.125vw, 24.0px);
        margin-bottom: clamp(16.6015625px, 4.427083333333334vw, 34.0px);
    }

    .line {
        margin-top: clamp(24.4140625px, 6.510416666666667vw, 50.0px);
        margin-bottom: clamp(24.4140625px, 6.510416666666667vw, 50.0px);
    }
}

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

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