@media only screen and (max-width: 990px) {
    #exampleModal .modal-dialog {
        position: fixed;
        top: 0;
        right: 0px;
        height: 100%;
        margin: 0;
    }
    .apply-sec .w-50{
        width: 100% !important;
    }
    .rr-life-sec {
        padding:50px 0px 50px 0px;
    }
    .Who-we-are {
         padding: 0px 0px 50px 0px; 
    }
    .submenu{
        margin: 0px !important;
    }
    .submenu-link{
        font-size: 20px;
    }
    .stats{
        margin-bottom: 50px;
    }
    .sec-one {
        padding: 50px 0px 50px 0px;
    }
    .sec-two {
        padding: 0px 0px 50px 0px;
       
    }
    .sec-three {
        padding:0px 0px 0px 0px;
    }
    .count-sec {
        padding: 40px 0px 40px 0px;
    }
    .testimonials {
        padding: 50px 0px 50px 0px;
    }
    .get-news-sec {
        padding: 50px 0px 50px 0px;
    }
    .ftr-sec {
        background-color: #000000;
        padding:50px 0px 50px 0px;
    }
    .btm-sec .social ul {
        list-style: none;
        display: flex;
        gap: 10px;
        float: none;
        align-items: center;
        justify-content: center;
    }
    .btm-sec p {
       text-align: center;
    }
    .testimonials .title h2{
        font-size: 24px;
    }
    .ftr-sec h3{
        font-size: 18px;
    }
    .wht-btn {
        background-color: #ffffff;
        border-radius: 30px;
        padding: 10px 20px 15px 18px;
        color: #000000;
        text-decoration: none;
        margin-top: 20px;
        float: left;
        margin-left: 20px !important;
    }
    .career-sec a.career-box{
        margin-bottom: 20px;
    }
    .project-sec {
        padding: 50px 0px;
    }
    .project-details-sec{
        padding: 50px 0px 50px 0px;
    }
    .career-sec {
        padding: 50px 0px 0px 0px;
    }
    .team-sec, .contact-sec {
        padding: 50px 0px 20px 0px;
    }
    .p-t-5{
        padding-top: 50px !important;
      }
      .client-section{
       
        padding: 50px 0px 50px 0px;
      }
  }
  


@media only screen and (max-width: 600px) {
    .project-sec .project-div .contant {
        margin-left: 20px;
    }
    .project-sec .project-div .contant p {
        font-family: "Rubik", sans-serif;
        color: #ffffff;
        font-size: 14px;
        line-height: 26px;
    }
    .project-sec .project-div .contant .btn-one {
        border: 1px solid #ffffff;
        padding: 1px 16px;
        color: #000000;
        font-family: "Rubik", sans-serif;
    }
    .project-sec .project-div .contant h6 {
        font-size: 17px;
        margin-bottom: 0px;
    }
    .project-sec .project-div .contant h5 {
        font-size: 18px;
    }
    .apply-sec .box{
        padding: 30px 0px;
    }
    .get-news-sec .sear{
        width: 100px;
    }
    .get-news-sec .searchbox-wrap {
      
        width: 335px;
    }
    .w-1{
        width: 100%;
    }
    .top-sub-bg {
        background-size: contain;
        width: 100%;
        height: 132px;
    }
    .click-btns-sec a {
        text-decoration: none;
        color: #000000;
        font-family: "Rubik", sans-serif;
        font-size: 15px;
        font-weight: 500;
    }
    .btm-sec .social ul li a {
        font-size: 11px;
    }
    
  }