@media (max-width: 1440px) {
  .container-main {
    padding: 0px 40px;
  }
}
@media (max-width: 1280px) {
}
@media (max-width: 1200px) {
    .home-banner-content h1 {
        font-size: 50px;
      }
      .blog-main-image img {
        height: 400px;
    }
      
}
@media (max-width: 1150px) {
}
@media (max-width: 1100px) {
    .home-banner-content h1 {
        font-size: 45px;
      }
      .about-desai-grp-heading h2,.why-us-left h2,.form-inner h2,.testimonials h2,.about-us-page-center h2,.process-source-block h2 {
        font-size: 32px;
      }
      .product-range-heading h2{
        font-size: 34;
      }
      .contact-details-block h3{
        font-size: 26px;
      }
      .our-blog-block{
        width: 50%;
      }
      .breadcrumbs h1{
        font-size: 45px;
      }
      
}
@media (max-width: 991px) {
  .main-header {
    display: none;
  }

  .top-bar-main {
    padding: 6px 20px;
  }
  
  .top-bar-main .container-main {
        padding: 0;
    }

  .mob-header {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-top: 34px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  }

  .mob-header-right {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 12;
  }

  .mob-header .navbar {
    background-color: #fff;
    padding: 7px 0px;
  }

  .mob-header .navbar > .container-fluid {
    padding: 0px 20px;
  }

  .mob-header .navbar-brand img {
    max-width: 100px;
  }

  .mob-header .navbar-brand {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 12;
  }

  .mob-header .navbar-toggler {
    padding: 0;
    border: unset;
  }

  .mob-header .navbar-toggler-icon {
    background-image: url(../images/menu-icon.webp);
    background-repeat: no-repeat;
    width: 30px;
    height: 28px;
    position: relative;
        z-index: 12;
  }

  body.menu-open .mob-header .navbar-toggler-icon {
    background-image: url(../images/close-icon.webp);
    height: 30px;
    margin-right: 7px;
    position: relative;
        z-index: 12;
  }
  
  .navbar-toggler:focus{
      box-shadow:unset;
  }

  body.menu-open {
    overflow: hidden;
    height: 100vh;
  }

  .mob-header .navbar-collapse {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0px 20px;
    z-index: 10;
  }

  .mob-header .navbar-nav {
    padding-bottom: 600px;
    padding-top: 140px;
  }

  .mob-header .nav-link {
    font-size: 15px;
    display: block;
    font-weight: 600;
    color: #181717;
    text-transform: uppercase;
    padding: 10px 0px;
  }
  .header-right.mob {
    margin-top: 20px;
  }

  .home-banner-main {
    padding-top: 107px;
  }

  .footer-block {
    width: 100%;
    padding: 20px 0px;
  }

  .footer-flex {
    flex-wrap: wrap;
    margin: -20px 0px;
  }
  .footer-block p{
    max-width: none;
  }

  .about-desai-box{
    width: 100%;
  }
  .why-us-main,.testimonial-main{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .why-us-left,.why-us-right{
    width: 100%;
  }
  .why-us-left{
    margin-bottom: 40px;
  }
  .why-us-right .form-inner{
      padding: 60px 30px 60px;
  }
  .breadcrumbs-main{
    padding-top: 190px;
    padding-bottom:70px
  }
  .breadcrumbs{
    /* padding-top: 20px; */
  }
  .blog-detail-left,.blog-detail-right{
    width: 100%;
  } 

  .blog-detail-left {
    padding-right: 0px;
    margin-bottom: 40px;
}
.latest-blog-left {
  width: 30%;
}
.latest-blog-right {
  width: 60%;
}

.latest-blog-heading a h4{
  font-size: 18px;
  margin-bottom: 10px;
}
.top-bar-left {
  width: 100%;
}
.top-bar-right a {
  display: none;
}
.top-bar-left ul, .top-bar-right ul {
  gap: 10px;
  justify-content: space-between;
}
.career-detail-left,.career-detail-right{
  width: 100%;
}
.career-detail-left{
  margin-bottom: 40px;
}
.career-detail-right{
  padding-left: 0px;
}

.form-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}


.form-inner .form-field.full {
  flex: 1 1 100%; 
}

.form-inner .form-field.half {
  flex: 1 1 calc(50% - 10px); 
}


.form-inner .form-field.message,
.form-inner .form-field.file {
  flex: 1 1 calc(50% - 10px);
}

.form-inner .check,
.form-inner .submit-btn {
  flex: 1 1 100%;
}
.mission-vision-box{
        padding: 45px 25px 40px;
}
.career-detail-left .wpcf7.js {
    width: 100%;
}
        .career-detail-flex{
            flex-flow: column-reverse;
    }
        .career-detail-left {
        margin-top: 40px;
        margin-bottom:0;
    }
      .main-header{
          border-bottom:unset;
      }

}
@media (max-width: 850px) {
    .home-banner-content h1 {
        font-size: 40px;
      }
      .home-banner-content p {
        font-size: 20px;
      }
      .about-desai-grp-heading h2,.why-us-left h2,.form-inner h2,.testimonials h2,.about-us-page-center h2,.process-source-block h2 {
        font-size: 30px;
      }
      .product-range-heading h2{
        font-size: 32px;
      }
      .contact-details-block h3{
        font-size: 22px;
      }
      .home-about-left,.home-about-right,.why-us-left,.why-us-right{
        width: 100%;
      }
      .home-about-left{
        margin-bottom: 20px;
      }
      .home-about-left{
        height: 300px;
        /* width: 300px; */
      }
      .home-about-right{
          padding-left: 0px;
      }
      .mission-vision-box-flex {
        display: flex;
        /* flex-wrap: wrap; */
        align-items: center;
        justify-content: center;
    }
    .mission-vision-box{
      padding: 50px 17px 50px;
    }
    .mission-vision-box-left,.mission-vision-box-right,.contact-us-page-left, .contact-us-page-right{
      width: 100%;
    }
    .mission-vision-box-left{
      margin-bottom: 20px;
    }
    .mission-vision-box-right h3{
      text-align: center;
    }
    .mission-vision-box-right p{
      text-align: center;
      max-width: unset;
    }
    .contact-details-block img {
      width: 40px;
      height: 40px;
    }
    .contact-us-page-right{
      padding-left: unset;
      margin-top: 40px;
    }
    .breadcrumbs h1{
      font-size: 40px;
    }

}
@media (max-width: 768px) {
    .about-desai-box{
        width: 100%;
        padding: 10px;
      }
      .footer-block {
        width: 100%;
      }
      .footer-block p{
        max-width: none;
      }
      .footer-copyright {
        display: flex;
        flex-wrap: wrap;
                justify-content: center;
      }
      .mission-vision-box{
        width: 100%;
      }
      .mission-vision-box-right{
        max-width: 400px;
      }
      .mission-vision-box-right h3{
        max-width: unset;
        /* padding-left: 75px; */
      }
      .mission-vision-box-right p{
        max-width: unset;
        /* padding-left: 75px; */
      }
      .contact-details-block{
        width: 100%;
      }
      .latest-blog-heading a h4 {
        font-size: 16px;
      }
      .job-block {
        width: 50%;
        padding: 15px;
      }
      .job-block h4 a {
        font-size: 18px;
    }
    .home-btn-flex{
        display:none;
    }
}
@media (max-width: 600px) {
    .container-main {
        padding: 0px 20px;
      }
      .top-bar-left ul{
          flex-flow:column;
        gap: 7px;
      }
      .mob-header{
        margin-top: 48px;
      }
      .main-header{
          border-bottom:unset;
      }
  .home-banner-content h1 {
    font-size: 35px;
    line-height:48px;
  }
  .home-banner-bg{
      height:550px;
  }
  .home-banner-content p
  {
    font-size: 18px;
  }
  .testimonial-block p  {
    font-size: 20px;
  }
  .about-desai-grp-heading h2,.why-us-left h2,.form-inner h2,.testimonials h2,.about-us-page-center h2,.process-source-block h2 {
    font-size: 28px;
  }
  .product-range-heading h2{
    font-size: 30px;
  }
  .products li{
    font-size: 24px;
  }
  .our-blog-block{
    width: 100%;
  }
  .blog-main-image img {
    height: 250px;
}
.product-detail-description p ,.product-types li{
  font-size: 18px;
}
.tab-content-box .table-heading {
  font-size: 16px;
}
.form-inner {
  display: block;
}

.form-inner .form-field.full,
.form-inner .form-field,
.form-inner .form-field.file,
.form-inner .check,
.form-inner .submit-btn {
  width: 100%;
}
.breadcrumbs h1{
  font-size: 35px;
}
.about-desai-grp-main, .home-about-main, .testimonials-main,
.about-us-page-main, .product-range-main,
.process-source-main, .product-detail-main,
.product-info-main, .product-gallery-main,
.blogs-page-main, .blog-detail-main, .career-main,
.career-detail-main, .contact-details-main,
.contact-us-page-main{
    padding-top:50px;
    padding-bottom:50px;
}
.why-us-left {
    padding-right: 0;
    padding-bottom: 25px;
}
.desc,
.fh-icon-box h4{
    padding-left: 85px;
}
    .why-us-right .form-inner {
        padding: 60px 20px 40px;
    }

    .testimonial-block{
        padding:25px;
    }
    .global-reach ul{
            flex-flow: column;
    }
    .global-reach ul li{
        border-left:unset;
    }
    .footer-copyright p:first-child {
        max-width: 270px;
    }
    .breadcrumbs{
        padding-left: 0px;
    }
        .breadcrumbs-main {
        padding-top: 175px;
        padding-bottom: 60px;
    }
    .about-us-page-center p:last-child,
    .product-types li:last-child{
        margin-bottom:0;
    }
    .product-detail-center{
        padding:0;
    }
    .product-detail-description p{
        margin-bottom:40px;
    }
    .tab-buttons {
        display: -webkit-box;
        overflow: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        gap:0px;
    }
    .tab-buttons::-webkit-scrollbar{
        display:none;
    }
    .product-info-main{
        padding:50px 0px;
    }
    .tab-content-box ul{
        padding-left:0;
    }
    .product-gallery-slider {
        margin-top: 0;
    }
    .blog-detail-page{
        padding:0;
    }
    .blog-main-image {
        margin-bottom: 25px;
    }
    .latest-blog-block{
        padding: 0;
    margin-top: 10px;
    margin-bottom: 25px;
    }
    .latest-blog-block:last-child{
        margin-bottom:0;
    }
    .single-blogs .breadcrumbs h1 {
        font-size: 24px;
    }
    .job-flex{
        padding-top: 0px;
        margin:-10px 0px;
    }
        .job-block {
        width: 100%;
        padding: 10px 0px;
    }
    .form-field{
        width:100%;
    }
    .map-main, .map-main iframe {
        height: 330px;
    }
    .footer-copyright p:last-child {
        max-width: 200px;
    }
    .footer-block.add ul li:first-child{
            max-width: 280px;
    }
	.home-banner-content a{
		padding:0px 17px;
		font-size:15px;
	}

}