@media only screen and (max-width : 960px) {
  ul.sub-menu li{
      width:100%;
      height:auto;
  }
}



@media only screen and (max-width : 768px) {
    .abt-page .col-md-8 .h-100 p,.vision-bottom-box{
        position:initial;
        transform:translate(0);
    }
   .vision_iconsection li{
       width: 70px;
        height: 70px;
        line-height: 70px;
        padding: 20px;
   }
   .apply_modal .modal-dialog{
        min-width:auto;
    }
   .blog_page,.blog_page .recent-posts-section,.blog_page .recent-main-list{
       padding:0 ;
   }
   .service_main{
       flex-direction:column-reverse;
   }
   .vision_iconsection{
       top:10%;
   }
   .inner_captionleft img,.captionleft img{
       max-width:100px;
   }
   .caption .title{
       font-size:22px;
   }
   h2, .h2{
       font-size:1.5rem;
   }
    .contact_page .col-md-6 iframe{
        padding:0px 12px 20px 12px;
    }
   .mobile-no {
        /*justify-content:center;*/
        /*max-width: 425px;*/
        text-align: center;
        /*margin: auto;*/
   }
   .input_section{
       margin-left:auto;
   }
   .input_section .form{
       padding-left:1.5rem;
   }
   .map_section{
       padding:0;
   }
   .scroll-screen-popoup .form {
       flex-wrap:wrap;
   }
   .form-popup {
       overflow-y:auto;
   }
}

@media only screen and (max-width : 576px) {
    .modal-dialog .modal-body{
        flex-wrap:wrap;
    }
    .contact_details_Box{
        margin-top:auto;
    }
    .decoration-line{
        display:none
    }
    
    .vision-bottom-box{
        width:100%;
        padding:0 1rem 1rem 1rem;
    }
    .vision-bottom-box p:before{
        left:0;
        bottom:-64px;
    }
    .slider_section .caption,.slider_section .caption{
        bottom:0;
        right:0;
    }
    .mission-heading i{
        display:none;
    }
    .mission-heading .head h2{
        font-size:2.5rem;
    }
    .career-box {
        flex-wrap:wrap;
    }
}


@media only screen and (max-width : 480px) {
    p{
        line-height:normal;
    }
   
    .discriptioncolor p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* Limits the text to 2 lines */
        overflow: hidden;
        text-overflow: ellipsis;
        font-size:12px;
    }
    .our_vision_text{
        padding:0;
    }
    .our_vision_text li{
        margin-bottom:20px;
    }

    .caption .title { font-size: 14px;}
    .caption .discription{font-size: 14px;}
    .vision_iconsection{ display: none;}
    .inner_banner .title h1{font-size: 28px;}
    .inner_captionleft {
        /*position: relative; */
        /*margin-left: -52%; */
    }
    .form-popup input, .form-popup textarea{
        width:100%;
    }
    .inner_captionleft img, .captionleft img {max-width: 52px;}
    .top_bar { display: flex;  justify-content: center;  gap: 16px;  
    flex-wrap:wrap;}
    .logo a img {  max-width: 215px;}
    .logo .heart-rate { width: 106px;}
    .description p{ text-align: left;}
    .ourban_clientimg .carousel-item .carousel-caption h5{font-size: 15px;}
    .social_media{min-height: 318px;}
    .social_media .services_iconsect{align-items: flex-start;}
    .tabs { justify-content: center;display: flex; align-items: center;}
    .blogsection .discrption p{ text-align: left;}
    h1, .h1 {
    font-size: 25px;}
    .breadcrumb_main li.active{font-size: 13px;}
    .sub-menu li a {
    font-size: 0.9rem;
    font-weight: 400;}
}



@media only screen and (max-width : 390px) {
  

}

@media only screen and (max-width : 375px) {
    
 

}

@media only screen and (max-width : 360px) {    
  

}