@media only screen and (max-width: 372px) {
    .tabs-hub li {
        font-size: 0.92em;
    }
}


@media only screen and (max-width: 767px) {
    header {
        padding: 10px 0px;
    }
    .logo img {
        width: 105px;
    }
     .navs{
        display: none;
     }
     .side_menu_bg {
        width: 100%;
        padding: 3rem 2rem;
     }
     .side_menu ul {
        list-style: none;
        font-size: 19px;
     }
     .hide-pc{
        display: block;
     }
    .margin {
        margin-top: 3.5rem;
        margin-bottom: 2.5rem;
    }

    .toggle_icon span {
        background-color: #000000;
    }

    .loc-box{
        display: none;
    }
    #myVideo{
        height: auto;
        object-fit: contain;
        position: inherit;
    }
    .hero{
        height: auto;
        margin-top: 5.5rem;
    }
    .hero-img::after {
        height: 98%;
    }
    .hero h2 {
        font-size: 55px;
    }
    .first_intro {
        padding: 2.8rem 1rem;
    }
    .first_intro_content {
        width: auto;
        padding: 1rem 0.5rem;
    }
    .first_intro_content h2 {
        font-size: 32px;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .grid_bg {
        padding: 1rem;
    }
    .dots1 {
        top: 87.8%;
        left: 74.2%;
    }
    .dots2 {
        top: 82.5%;
        left: 45%;
    }
    .dots3 {
        top: 85.5%;
        left: 20.5%;
    }
    .intro_abt h2 {
        font-size: 35px;
        margin-bottom: 1rem;
    }
    .intro_abt ul {
        display: none;
        list-style: none;
        padding-left: 0;
        gap: 1rem;
        width: max-content;
    }
    .intro_abt p {
        margin-top: 2rem;
    }
    .intro_abt_img img {
        margin-top: 2rem;
    }
    .bg_dirctor {
        padding: 1.5rem 1rem !important;
        border-radius: 20px;
    }
    .fex_presence {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0rem 0rem;
        position: relative;
        flex-direction: column;
    }
    .presence_cnt p{
        width: auto;
    }
    .line {
        position: absolute;
        left: 7%;
        transform: scale(0.7);
        top: 0%;
        z-index: -1;
        width: 100%;
        height: auto;
    }
    .presence_cnt ul {
        width: auto;
        gap: 1rem 1rem;
        font-size: 15px;
    }
    .business_heading {
        text-align: center;
        width: auto;
        margin: 1rem;
    }
    .business_heading h2{
        font-size: 40px;
    }
    .business_bg {
        padding: 1rem !important;
    }
    .business_items{
        margin-bottom: 2rem;
    }
    .community_heading {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
        flex-direction: column;
        align-items: flex-start;
    }
    .sp_school_img img {
        margin-bottom: 2rem;
    }
    .community_heading h2 {
        font-size: 40px;
    }
    .news_events h2 {
        font-size: 40px;
    } 

    .reverce{
        flex-direction: column-reverse;
    }

    .flex_milestone {
        display: flex;
        gap: 24px;
        margin-top: 2rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    .trditem{
        width: 96% !important;
    }

    .milestone_items {
        width: 45%;
    }
    .miles_way img{
        width: 100%;
    }
    .milestone_item{
        display: flex;
    }
    .miles_way{
        display: none;
    }
    /* .flex_milestone{
        display: non;
    } */

    /* --------------about-us----------------- */


    .al_abt_cnt {
        padding: 1rem !important;
    }
    .sub_banner_cnt h2 {
        font-size: 50px;
    }

    .al_abt_cnt img {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .milestone {
        padding: 4rem 0rem 0rem;
    }
    .milestone-year::after {
        content: "";
        position: absolute;
        background-image: url(../images/milestone-arrow.svg);
        height: 22px;
        width: 53px;
        object-fit: contain;
        right: 2%;
        top: 0;
        transform: rotate(122deg);
    }
    .milestone_item {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #ffffff57;
        margin-bottom: 2rem;
    }
    .milestone-cnt {
        width: 100%;
        margin-top: 2rem;
        padding-bottom: 1rem;
        margin-bottom: 1.5rem;
    }
    .milestone h2 {
        font-size: 45px;
        color: #fff;
        margin-bottom: 2rem;
    }
    .milestone_parant .milestone_item:last-child {
        border-bottom: none;
    }
    .milestone-year h4 {
        font-size: 25px;
    }

    
    .vision-photo img {
        margin-bottom: 2rem;
        height: auto;
    }
    .vision {
        background-color: #FFF1F1;
        padding: 2rem;
        border-radius: 20px;
        margin-bottom: 2rem;
        height: auto;
    }
    

    .presence_cnt {
        aspect-ratio: auto;
    }
    .presence_cnt h2 {
        font-size: 40px;
    }
    
    .tabs-hub li {
        padding: 5px 15px 5px 15px;
    }
    .community_bg {
        padding: 1rem !important;
    }
    .tabs ul {
        display: inline-flex;
        gap: 1rem;
    }

    /* ----------------media----------------- */


    .padding_blog {
        padding: 0rem 0rem;
    }
    .event_banner h3 {
        font-size: 25px;
        margin-top: 1rem;
        width: auto;
    }
    .event h2 {
        font-size: 40px;
    }
    .blogin_cnt {
        padding: 1rem;
    }
    .blogin_cnt h5 {
        font-size: 22px;
    }
    .sub_blog {
        display: flex;
        gap: 1.5rem;
        margin-bottom: 2.5rem;
        flex-direction: column;
    }
    .sub_blog_img img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 12px;
    }
    .blog_contest h5 {
        font-size: 25px;
    }



    .busines_mrg{
        margin: 1rem;
    }
    .autonova_cnt {
        margin-top: 1.5rem;
    }

    .autonova_items p {
        font-size: 13px !important;
        margin-bottom: 0;
        line-height: 1.3;
    }
    

    .autonova_items {
        background-color: #f4f4f4;
        padding: 1rem 0.5rem;
    }

    /* ---------------cumminity-hub------------------------- */


    .abt_sp_img img{
        width: 100%;
    }
    .sp_servi_heading {
        margin-bottom: 2rem;
    }

    .sp_servi_heading h2 {
        font-size: 35px;
    }
    .sp_servi_heading p {
        width: auto;
    }

    .team_servi_cnt {
        text-align: left;
    }
    .team_servi {
        margin: 0rem 0rem;
        margin-top: 1.5rem;
        padding: 0;
    }
    .team_servi_cnt h5 {
        font-size: 30px;
    }
    .achieve_main {
        margin-top: 0rem;
    }
    .achieve_img {
        display: flex;
        gap: 1.5rem;
        flex-direction: column;
    }
    .achieve_img img{
        width: 100%;
    }

    .achieve_img img:first-child{
        display: none;
    }
    .achievements{
        margin-top: 2rem;
        height: auto;
        margin-bottom: 2rem;
    }

    .achievements h3 {
        font-size: 35px;
    }


    .contact_cnt h2 {
        font-size: 40px;
    }

    /* ------------------------------------ */

    .brand_img img {
        height: 180px;
    }
    .branches_title h2 {
        font-size: 35px;
    }
    .branches_title p {
        width: auto;
    }

    .autonova_cnt h2 {
        font-size: 35px;
    }
    .autonova_cnt h3 {
        font-size: 22px;
    }


    .abt_sp_school h2 {
        font-size: 32px;
    }
    .abt_sp_school span {
        font-size: 25px;
    }
    .abt_sp_school p {
        line-height: 1.6;
        font-size: 17px !important;
    }
    .sp_mission_cnt h5 {
        font-size: 25px;
    }
    .sp_mission {
        padding: 0rem 0rem;
    }
    .sp_mission_cnt {
        padding: 1rem 1rem;
    }
    .key_bg {
        padding: 1rem;
    }
    

    .contact_form {
        background-color: #f3f3f3;
        padding: 3rem 1rem;
    }

    .al_abt_cnt h5 {
        font-family: "sf-pro-display" !important;
        font-size: 25px;
    }

    .intro_bg {
        padding: 1rem !important;
    }


    .ftr_logo h2 {
        font-size: 32px;
    }
    .ftr_logo {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 3rem;
        flex-direction: column-reverse;
        gap: 1.5rem;
    }
    .cp_right_ftr p {
        text-align: center;
    }
    .cp_right_ftr {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }




    .job-category, .job-type {
        display: flex;
        align-items: flex-start !important;
        flex-direction: column;
    }
    .job_application p {
        width: 100%;
    }
    .job_application {
        padding: 2rem 1.5rem;
    }
    .job-search {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
        flex-direction: column;
    }

    .facilities_bg {
        padding: 1rem;
    }
       
    .sp_height {
        height: calc(100% - 2rem);
    }
    .g-map iframe{
        width: 100%;
    }



    .produ_main {
        padding: 1rem;
    }
    .produ_main h3 {
        font-size: 22px;
    }

    .sp_school_bg {
        padding: 1rem;
    }

    .bg-auto {
        padding: 1rem !important;
    }
    .bg-jwell {
        padding: 1rem !important;
    }
    .bg-pharm {
        padding: 1rem !important;
    }
    .bg-flora {
        padding: 1rem !important;
    }
  }