@media screen and (max-width: 1198px) {
  .quickrow {
    justify-content: center;
  }
  .overlay-container {
    margin: 0px 0px 30px 24px;
    height: auto;
    width:30%;
  }
  #allproject-div{
    width:30%;
  }
  .payment-row{
    padding:10px 220px;
  }
  .head-nav-list .nav-link {
    font-size: 15px;
  }
  .header-logo{
    margin-top:-17px;
  }
}
@media screen and (min-width: 992px) and (max-width:1198px) {
  .header-mobile-search{
    /* display: none; */
    width:125px !important;
    /* margin-top:15px; */
  }
}
@media screen and (min-width: 992px) {
  
.header-mobile-search{
  /* display: none; */
  width:184px;
}
.mb-logo{
  display: none;
}
.home-section,footer .container,.navbar .container{
  width:1040px;
  margin:0px auto;
}
.navbar-expand-lg .navbar-nav {
 align-items: center;
}
}
@media screen and (max-width: 992px) {
  .search-options .col-md-2 {
    width:auto;
  }
  .d-logo{
    display: none;
  }
  .choose-details {
    padding: 20px 23px 0px 0px;
}
.choose-details p {
  padding:0px;
}
  .query-btn{
    margin-left:0px;
  }
  /* nav */
  .desktop-search{
    display: none;
  }
  .navbar-collapse {
    padding:0px 35px;
  }
  .head-nav-list .nav-link{
    color: white;
  }
  .navbar .container{
    max-width: 100%;
  }
  .carousel-indicators {
    z-index:1;
  }
  .nav-logo {
    margin-top: 0px;
  }
  .offcanva-icon{
    color: white;
    margin-left:10px;
  }
  .header-logo {
    width: 45px;
    height: 45px;
  }
  .navbar-collapse {
    background-color: #03526b;
  }
  .quickrow {
    justify-content: space-evenly;
  }
  .overlay-container{
    width:35%;
  }
  .about-col {
    flex-direction: column;
  }
  .about-img-col {
    width: 100%;
    margin:0px;
  }
  .aboutdetail-col {
    width: 100%;
    margin: 0px;
  }
  .project-progress p,
  .project-progress h5 {
    font-size: 10px;
  }
  .project-div {
    width: 40%;
  }
  .team-category {
    width: 50%;
    font-size: 20px;
  }
  .blog {
    height: auto;
  }
  .team-div {
    justify-content: center;
  }
  .allteam-heading{
    font-size: 30px;
  }
  .allteam-heading::after{
    font-size: 30px;
  }
  .publication-details,.publication-img iframe {
    width: 100%;
    margin:10px 0px;
  }
  .payment-row{
    padding:10px 100px;
  }
  #allproject-div{
    height: auto;
  }
  .apt{
    line-height: 20px;
  }
  /* .cattitle h6:not(:first-child){
    margin-left: 0px;
  } */
}
@media screen and (max-width: 768px) {
  .bookprice {
    position: inherit;
  }
  #bookprice{
    margin-top:20px;
  }
  .imagesearch-div .col-md-4{
    width:100%;
    margin-left: 0px;
    margin-top: 10px;
  }
  .payment-row{
    padding:10px 12px;
  }
  .header-section {
    padding:10px 0px;
  }
  .overlay-container {
    margin: 0px 0px 30px 0px;
    width:46.5%;
  }
  .experienced {
    margin-bottom: 10px;
  }
  .choose-full-width {
    flex-direction: column;
  }
  .choose-details,
  .get-in-touch {
    width: 100%;
  }
  .project-category {
    height: auto !important;
  }
  .project-category .nav-tabs {
    display: flex;
    flex-direction: row;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .project-category .nav-tabs {
    margin:0px;
  }
  .project-category a {
    line-height: 30px;
  }
  .slick-next {
    right: 0px !important;
  }
  .slick-prev {
    left: 0px !important;
  }
  .project-div {
    margin: 10px 8px;
    /* width: 30%; */
  }
  .blog-right-side{
    padding:0px 10px;
  }
  #tab{
    flex-direction: column;
  }
  #tab li:not(:first-child)::before{
    display: none;
  }
  #tab li:not(:first-child){
    margin-top:10px;
  }
footer .row{
    flex-direction: column;
  }
footer .row .col-lg-3{
    width: 100% !important;
  }
  .allblog .row .col-lg-6, .allclient-testimonial .row .col-lg-6,.search .row .col-lg-6 {
    width: 100%;
  }
  .service-readmore{
    bottom:10px;
  }
  .blog-readmore {
    bottom:7px;
  }
  .pr-img{
    height: auto;
  }
}
@media screen and (max-width: 576px) {
  #min_area, #max_area{
    margin-left: 0px;
    width: 122px;
  }
  #slider{
    margin:70px 0px 0px 0px;
  }
  .search-options{
   flex-wrap: wrap;
   margin-top:0px;
   gap: 10px;
  }
  #catdiv, #statediv, #materialdiv, #yeardiv, #areadiv, #psortdiv{
    top:100px;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    padding-left:10px;
    padding-right:10px;
  }
  .relatedimage-div{
    justify-content: space-between;
    margin:10px 0px;
  }
  .related-image {
    margin-top:10px;
  }
  .gallery-row .col-md-4 {
    width: 100%;
  }
  .blogdetails-text p img{
    height:300px;
  }
  .banner-image{
    height:auto;
  }
  .quickheading h4{
    font-size: 12px;
  }
  .quickheading p{
    font-size:10px;
  }
  .quick-link a i {
    font-size:16px;
  }
  .quickaccess-overlay {
    height:80px;
  }
  .quick-link {
    padding:30px 16px;
    height:82px;
  }
  .allblog{
    padding:0px;
  }
  .about-heading h2,
  .our-services,
  .choose-heading,
  .team-category,
  .projects-heading,
  .blog-heading,
  .allblog-heading,
  .testmonial-heading,
  .letswork,
  .landline,
  .address,.about-details h4,.choose-title {
    font-size: 20px;
    line-height: 30px;
  }
  .about-image img {
    height: 200px;
    margin: 0px 0px 20px 0px;
  }
  .experienced-col h3 {
    font-size: 20px;
  }
  .experienced p {
    font-size: 16px;
  }
  .team {
    margin-top: 0px;
  }
  .team-category {
    width: 100%;
  }
  .choose-details {
    padding: 0px;
  }
  .choose-details h4::before {
    font-size: 20px;
  }
  .choose-details h4 {
    font-size: 16px;
  }
  .choose-details p {
    padding: 0px;
  }
  .contact-details {
    align-items: flex-start;
  }
  .blog {
    height: auto;
  }
  .blog-image,
  .blog-image img {
    height: 200px;
  }
  .blog-text{
    height: auto;
  }
  .blog-text h2 {
    font-size: 18px;
  }
  .testimonial-name h6 {
    font-size: 18px;
  }
  .testimonial-text {
    padding: 5px 0px;
  }
  .contact-section {
    height: 180px;
  }
  .contact-details {
    margin-top: 14px;
  }
  .project-div {
    width: 100%;
    height:auto;
  }
  .project-image,.more-p-image {
    height: 200px;
    object-fit: cover;
  }
  .teamoverly_img img,
  .overylay_team_wrap .teamoverly_wrap {
    height: 250px;
    width: 100%;
  }
  .overylay_team_wrap .teamoverly_wrap {
    margin: 10px 0px;
  }
  .projects {
    margin-top: 20px;
  }
  .project-overlay{
    padding:0px;
  }
  .quickaccess-section {
    margin-top: 40px;
  }
  .overlay-container,
  .quickaccess-image {
    width: 100%;
    height: 230px;
  }
  .right-overlay {
    height: auto;
  }
  .quickaccess-overlay {
    width: 100%;
    justify-content: space-between;
    /* height:65px; */
  }
  .carousel-indicators [data-bs-target] {
    height: 5px;
    width: 30px;
  }
  .quickrow {
    margin: 10px;
  }
  .service-page-heading h1, .service-page-heading h2, .service-page-heading h3, .service-page-heading h4, .service-page-heading h5,.service-mission-heading,.right-overlay-details h4,.allservice-heading,.service-text h2,.all-experienced-service h3,.service-project-heading,.faq-heading,.allteam-heading{
    font-size:20px;
  }
  .allteam-heading::after{
    font-size: 20px;
  }
  .allteam-heading{
    line-height: 30px;
  }
  .allteam,.allvacancy{
    margin: 10px 0px;
  }
  .our-faq-solution,.services-section,.service-experienced,.all-services,.service-mission {
    padding:0px;
  }
  .vacancy-heading,.vacancy-title{
    font-size: 20px;
    line-height: 30px;
  }
  .allvacancy .container .row{
    padding:0px 10px;
  }
  .vacancypagedetailsimage{
    height: 250px;
  }
  .vacancy-detail-title,.hiring-position,.job-application,.about-row h4{
    font-size: 20px;
  }
  .hiring-details p{
    padding-left: 0px;
  }
  .job-application-form{
    padding:0px 10px;
  }
  .job-btn{
    margin-left: 0px;
  }
  #form-btn{
    float: left;
  }
  #allproject-div{
    width:100%;
  }
  .about-row{
    padding:0px;
  }
  .about-row p img,.about-row img{
    width: 200px;
  }
  .project-banner-image img {
    height:250px;
  }
  .allprojects-heading {
    top:110px;
  }
  .solutions-section{
    width: 100%;
  }
  .solutions-section{
    margin: 10px 0px;
  }
  .solution-row{
    padding:0px 10px;
  }
  .publication-section{
    margin: 0px;
  }
  .publication-heading,.publication-details h4{
    font-size: 20px;
  }
  .publication-row{
    margin-top: 0px;
  }
  .contact-us-footer h3, .footer-quick-access h3, .footer-recent-post h3,.footer-blog-day{
    font-size: 20px;
  }
  .gallery-image {
    height:210px;
  }
  .blog-details-image img{
    height:250px;
  }
  .blogsetailstitle{
    font-size: 20px !important;
  }
  .team-details-right{
    margin-top:0px;
  }
  .search h3{
    font-size: 20px;
  }
  .publication-heading::after,.vacancy-heading::after {
    font-size:20px;
  }
  .alltest-row,footer .row{
    flex-direction: column;
  }
  .alltest-row .col-lg-6,footer .row .col-lg-3{
    width: 100% !important;
  }
  .pg-div {
    width: 46%;
  }
  .more-project{
    flex-direction: column;
  }
  .more-project .col-md-5,.more-project .col-md-6{
    width: 100%;
  }
  .strat,.all-strat {
    height: auto;
  }
  
}
