@media (max-width:767px){
    /* Slider */
    .top-bar{
        position: absolute;
    }
    .offset-2 {
        margin-left: 0 !important; 
    }
    .carousel-indicators [data-bs-target] {
        width: 120px !important;
        height: 4px !important;
    }
    .box{
        top: 30px !important;
    }
     /* about-text */
     .about-text{
        margin-top: 25px !important;
    }
  .about-text h3{
        font-size: 35px !important;
    }
    .about-text h6{
        font-size: 16px !important;
    }
    .about-text p{
        font-size: 16px !important;
        padding: 30px 0 !important;
    }
    .about-text ul li span{
        font-size: 16px !important;
    }
    .underline {
        padding: 50px 0 35px 0;
      }
    /* Features on background with image */
    .features-stepsn{
        display: none !important;
    }
    .features-steptd{
        display: block;
    }
    /* Our Services */
    .subheader h4{
        font-size: 20px;
    }
    /* Info-list & progress-bars  */
    .info-listandprogress-onoff{
        display: none;
    }
    .info-listandprogress-offon{
        display: block;
      }
        /* Meet Our Team */
    .employee-profile-li{
       margin-left: 6% !important;
    }
    .hr-lineforbtline{
        padding-bottom: 50px;
    }
    /* news */
    .newsimg{
        position: static;
        margin-top: -16px;
    }
    .news-text-top{
        margin-top: 0px !important;
        margin-left: -1px !important;
    }
    .news-img-side{
        margin-left: 3%;
    }
    .newstext{
        margin-left: 3% !important;
    }
    .newsdate p:first-child {
        padding: 5px 20px 5px 20px !important;
    }
    .newsdate p {
        padding: 5px 13px 5px 13px;
    }
     /* Our Pricing Plans & Questions and Answers */
     .plan-text{
        position: relative !important;
      }
      .plan-top-margin{
        margin-top: 50px;
      }
      .plan-top-margin-snd{
        margin-top: 0;
      }
      /*  Contact Us */
      .contact-text-margin{
        margin-top: 30px;
      }
 /*      .box{
        margin-top: 20% !important;
    } */
    .box h1 {
        font-size: 30px !important;
        margin-top: 30px;
    }
    .work-list ul li{
        display: block;
        margin: 10px 5px;
    }
    .work-list{
        margin-right: 6%;
    }
}



@media (max-width:991px){
   /* Navigation */
   .nav-none{
    display: none;
   }
   .dropdownnav-menulist{
    display: block;
  }
   /* About us */
   .underline {
    font-size: 50px;
  }
  .underline:after {
    margin: 10px -50px 0;
}
  /* about-text */
  .about-text h3{
    font-size: 25px;
}
.about-text h6{
    font-size: 12px;
}
.about-text p{
    font-size: 12px;
   padding: 15px 0 0 0;
    color: #cfc4c4;
    line-height: 150%;
    font-weight: 500;
    max-width: 474px;
}
.about-text ul li span{
    font-size: 12px;
}
/* Features on background with image */
.features-stepfr{
    display: none;
}
.features-stepsn{
    display: block;
}
/* Info-list & progress-bars  */
.counter-number{
    font-size: 78px;
}
    /* Meet Our Team */
    .employee-profile ul{
        width: 113% !important;
    }
    .employee-profile img{
        width: 100% !important;
    }
    .employee-profile .image-description{
        width: 100% !important;
    }
    /* news */
    .newsimg {
        width: 500px;
    }
    .news-img-side{
        float: left;
    }
    .newstext{
        max-width: 501px;
    }
    .news-text-top{
        margin-top: -104px;
        margin-left: 91px;
    }
    .newspost{
        margin-top: 50px !important;
    }
    /* plan */
    .planonoff{
        display: none;
    }
    .planoffon{
        display: block;
      }
      /* Our Pricing Plans & Questions and Answers */
      .plan-text{
        position: static;
      }
      .companylogo span{
        font-size: 30px;
      }
      
    .companylogo{
        top: 8px;
    } 
    .planbox{
       margin-top: 18%;
    }
}





@media (max-width:1200px){
    /* Slider */
    .box{
        margin-top: 20% !important;
        padding: 35px !important;
    }
   /*  .box h1{
        color: #fff;
        font-size: 25px !important;
    } */
    .box h5{
        color: #fff;
        font-size: 18px !important;
    }
    /* About text */
    .offset-1 {
        margin-left: 0% !important;
    }
    /* News */
    .newstext p{
        padding: 0px 15px;
    }
    .newstext{
        padding-bottom: 15px;
    }
    /* plan */
    .planbox{
        padding: 15px 10px;
    }

}


@media (width:1200px){
    
    .feature-list-box{
        margin-left: 8.33333333% !important;
    }
    .newstext p{
        padding: 26px 15px;
       }
       .newstext{
        padding-bottom: 15px;
       }
}

@media (max-width:1200px){
    .quotation-list-wrapper{
        padding: 50px !important;
    } 
    /* Meet Our Team */
    .employee-profile ul{
        width: 95%;
    }
    .employee-profile img{
        width: 85%;
    }
    .employee-profile .image-description{
        width: 85%;
    }
}
@media (max-width:1400px){
    /* Slider */
    .box h1{
        color: #fff;
        font-size: 45px;
    }
    .box h5{
        color: #fff;
        font-size: 20px;
    }
    /* about text */
    .about-text{
        margin-top: 0px;
    }
}




@media (max-width:1440px){
    /* Slider */
    .box{
      /*   margin-top: 18% !important; */
        padding: 40px;
    }
    /* quotation-list  */
.quotation-list-wrapper{
    padding: 100px;
  } 
}



@media (max-width: 760px) {
    .tool::after { 
          font-size: .75em;
          margin-left: -5em;
          width: 10em; 
    }
  }


@media (max-width:870px){
    /* Slider */
    .box{
        padding: 20px !important;
        position: relative;
        top: -25px !important;
    }
}


@media (max-width:630px){
    /* Slider */
    .top-bar{
        position: absolute;
    }
    .box{
        top: 10px !important;
        /* border: 5px solid #fff; */
    }
    .box h1{
        margin-top: 0px;
        color: #fff;
        font-size: 22px !important;
    }
    .box h5{
        color: #fff;
        font-size: 16px !important;
    }
}
@media (max-width:767px) {
    .dropdown-menulist{
        display: flex;
        justify-content: center !important;
       }
       .select-dropdown{
        font-size: 12px !important;
      }
}

@media (max-width:576px){
    /* Slider */
    .top-bar{
       display: none;
    }
    .box{
        top:-60px !important;
    }
        .slider_text{
            margin-left:-3% !important;
    }
    /* quotation-list  */
    .quotation-text{
        padding: 20px;
        margin-right: -50px !important;
        font-size: 20px;
      }
      .quotation-list-wrapper{
        padding: 10px !important;
    } 
}

@media (max-width:420px){
    /* Slider */
    .box{
        top:-80px !important;
        padding: 15px !important;
    }
   /*  .box h1{
        font-size: 15px !important;
    }
    .box h5{
        font-size: 10px !important;
    } */
    .slider_text{
        margin-left:-4% !important;
    }
     /* quotation-list  */
     .quotation-text{
        margin-right: -30px !important;
      }
    
}

@media (max-width:497px){
    /* Navigation */
    .select-dropdown{
        padding: 0.375rem 10.25rem .375rem .75rem !important;
      }
      /* news */
      .news-img-side{
        margin-left: 0% !important;
    }
    .newstext{
        margin-left: 0% !important;
    }
   
 }

 @media (max-width:450px){
    /* About us */
   .underline {
    font-size: 34px;
  }
 }
 @media (max-width:386px){
    /* Expolre our work  */
    .work-list ul li{
        display: block;
        position: relative;
        left: -5px;
    }
    /* End Expolre our work  */
       /* Meet Our Team */
       .employee-profile-li{
        margin-left: 4% !important;
     }
     /* contact */
     .address{
        font-size: 14px;
     }
     .otherinfo{
        font-size: 14px;
     }
   
 }
 @media (max-width:396px){
    .box h5{
        font-size: 12px !important;
    }
 }