@media (min-width: 280px) and (max-width: 767.98px) { 
    .hero .home .home_wrapper .home_left h1 {
        font-size: 40px;
        line-height: 45px;
    }
    .hero .home .home_wrapper .home_left .style_two {
        right: 20px;
        bottom: 115px;
    }
    .hero .home .home_wrapper .home_left h4 {
        font-size: 34px;
        line-height: 40px;
    }
    .hero .hero_card .card_wrapper {
        margin-bottom: 12px;
    }
    .title_details p{
        font-size: 14px;
    }
    .experience_area .experience_details h2 {
        font-size: 20px;
    }
    .experience_area .experience_details h5 {
        font-size: 15px;
    }
    .experience_area .experience_details p {
        font-size: 14px;
    }
    .skill_area .skill_wrapper .skill_text h5{
        font-size: 20px;
    }
    .education .education_wrapper .education_left_card .left_dot {
        right: -46px;
    }
    .education .education_wrapper .education_right_card .right_dot {
        left: -44px;
    }
    .education .education_wrapper .education_right_card {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .education .education_wrapper .education_left_card {
        margin-bottom: 15px;
    }
    .service_details h3 {
        font-size: 20px;
    }
    .refer_area .refer_details p span {
        font-size: 13px;
    }
 }