/***************** This CSS for Hybrid App **************/
@media (max-width: 500px) {
    .section__title .section__title__heading h2 {
        font-size: 23px;
        line-height: 20px;
    }

    .gridarea__wraper.gridarea__wraper__2 .gridarea__content .gridarea__heading h3 {
        font-size: 15px;
        padding: 0px 8px;
        line-height: 19px;
    }

    .gridarea__wraper {
        background: var(--whiteColor);
        padding: 5px;
        box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.05);
        margin-bottom: 10px;
    }

    .gridarea__wraper .gridarea__img .gridarea__small__icon i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }

    .gridarea__wraper .gridarea__img {
        margin-bottom: 10px;
    }

    .sp_bottom_70 {
        padding-bottom: 40px;
    }

    .sp_top_70 {
        padding-top: 40px;
    }

    .sp_bottom_50 {
        padding-bottom: 40px;
    }

    .sp_top_50 {
        padding-top: 40px;
    }

    .gridarea__wraper .gridarea__content .gridarea__bottom {
        padding: 10px 0px;
    }

    .single__contact .contact__text h5 {
        font-size: 21px;
        line-height: 30px;
    }

    .single__contact {
        margin-bottom: 20px;
    }

    hr {
        margin: 0.5rem 0px;
    }

    p {
        font-size: 14px;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    .aboutarea__content__tap__wraper .paragraph__1 {
        margin-bottom: 5px;
    }

    .content__cirriculum__wrap .accordion-button {
        font-size: 18px;
        font-weight: 600;
    }

    .single__service {
        margin-bottom: 10px;
    }

    .populerarea__2 .single__service {
        padding: 20px;
    }

    .single__service .service__content h5 {
        font-size: 14px;
    }

    .single__service {
        padding: 17px;
    }

    .gridarea__wraper .gridarea__content .course__price {
        font-size: 15px;
    }

    .gridarea__wraper .gridarea__content .course__price del {
        color: grey;
        font-size: 13px;
    }
    .gridarea__wraper .gridarea__content .gridarea__heading h3 {
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: 600;
        line-height: 16px;
    }
    .gridarea__wraper .gridarea__content .gridarea__price {
        font-size: 14px;
        font-weight: 600;
        color: var(--primaryColor);
        margin-bottom: 0px;
    }
    .gridarea__wraper .gridarea__content .gridarea__price del {
        color: var(--lightGrey4);
        font-size: 10px;
    }
    .course__tap__wrap li button {
        padding: 5px;
    }
    .single__expart__teacher .teacher__name h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .single__expart__teacher .teacher__img {
        margin-bottom: 10px;
    }
    .single__expart__teacher .teacher__name p {
        font-size: 15px;
        margin-bottom: 0px;
    }
    .heading__underline span:after {
        position: absolute;
        height: 5px;
        bottom: 13px;
        left: 0;
    }
}