@media (max-width: 768px) {
    .nav-link,
    nav ul li a {
      color: #fff;
    }
    .listing-head,
    nav ul li a {
      font-size: 17px;
    }
    .payment-container.navbar-toggler:focus {
      box-shadow: none
    }
    .blog-author li {
      margin-right: 8px ;
    }
    .nav-link {
      border: 1px solid #fff;
      padding: 7px 2px 14px 9px;
      background: teal;
    }
    #check:checked ~ label #open,
    #img1 {
      display: none;
    }
    #check:checked ~ label #close,
    #img2,
    label #open,
    nav ul li {
      display: block;
    }
    .add-info{    padding: 30px 16px;}.contact-form{padding: 15px;}
    .service-content .box {
      display: flow-root;}
    .news-section .news-column {
    padding: 0px 15px;
}
    .contact-banner,
    .pobitora-banner {
      padding: 70px 0;
    }
    label #close,
    label #open {
      color: #000000;
      font-size: 40px;
      float: right ;
      line-height: 72px;
      margin-right: 40px;
      cursor: pointer;
      display: none;
      padding-left: 20px;
    }
    .services-block-six{padding: 20px 13px;}
    .story-section h4, .about-section h4, .services-section h4, .story-section h3, .about-section h3, .services-section h3
    {font-size: 17px;}
    .about-box{padding:40px 0}
    .about-banner,.contact-banner,.client-banner, .landscape-banner, .iIrrigation-banner, .client-banner,.plants-banner,.portfolio-banner,.faq-banner
     {
      height: 130px;
      background-position: center; 
      padding: 80px 0;
    }
    .heading-info h1 {
      font-size: 1.3rem;}
    .heading-info {
      margin-top: -22px;
  }.col-6 {
    flex: 0 0 auto!important;
    width: 50%!important;
}
    .contact-banner {
      height: 130px;
      background-position: unset;
    }
    .Home-banner {
      height: 200px;
      background-position: center;
    }
    nav img {
        left: 46%;height: 50px;
        top:8px;
    }
    .feature-image-group .feature-image  img{
      width: 173px;
      height: 275px;
    }.feature-image-group .feature-image::after{left: 49%;}
    .about-section-two{
      padding: 0;
    }.sec-title {
      margin-bottom: 20px;
  }.sec-title h2{font-size: 20px;}
  .feature-image-group .feature-image.translate-y {
    transform: none;
}.sponsors-section .sponsors-outer .image-box img{    height: 100px;
    
}
.sponsors-section{padding: 50px 0px 15px;}
.sec-title-two{margin-top: 40px;}
    .carousel-caption
    {
             top: 26%;
        left: 18px;
        width: 90% !important;
    }.text{margin-bottom: 7px;}
    .carousel-caption h1{font-size: 22px;}
    .carousel-caption .btn-style-one{display: none;}
   .logo-header{
    height: 52px;
        width: auto;
        display: block;
   }img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}    .story-block-two .inner-box .content-column .inner-column, .story-block .inner-box .content-column .inner-column {
  padding-left: 20px;
  padding-right: 20px;
}.story-block .inner-box .content-column .inner-column{margin-right: 0;}
.story-block-two .inner-box .content-column .inner-column
{margin-left: 0;}
.product-tab-section .content-box .inner-content .sec-title h4, .sec-title-two .title-inner h4 {
        font-size: 26px;
    }.sec-title-two .title-inner{padding: 46px;}
.gallery-section{
  padding-top: 50px;
}    .gallery-section .filters li {
  font-size: 14px;
}    .product-tab-section .content-box .inner-content {
  padding: 40px 30px;margin-left:0;
}    .product-tab-section .design-tabs .tab-btns .tab-btn.active-btn {
  background: #71b62d;
  color: #ffffff;
}   
.product-tab-section .design-tabs .tab-btns .tab-btn {
  margin-right: 0px;
  width: 100%;
  padding: 10px 10px;
  border: 2px solid #71b62d;
  margin-bottom: 10px;
  text-align: center;
}
.counter-section .counter-block {
  float: none;
}
    .card-box,
    .row > *,
    nav ul {
      width: 100%;
    }
    nav ul {
      position: fixed;
      height: 100vh;
      background: #fff;
      top: 67px;
      left: -100%;
      transition: 0.5s;
      z-index: 99999;
    }
    .offset-3 {
      margin-left: 25%;
      margin-top: 10px;
    }
    nav ul li {
      margin: 0 1px;
      line-height: 20px;
      border-bottom: 1px solid #dfdcdc;
      padding: 13px;
    }
    #check:checked ~ ul {
      left: 0;
      background: #000;
    }
    .heighlight a {
      padding: 4px;
    }
    .image {
      border: 0;
      border-radius: 0;
    }
    .hisimg img {
      width: 100%;
      border-radius: 8px;
    }
    .text h1 {
      font-size: 19px;
    }
    .footer-section .footer-h,
    .text h2 {
      font-size: 20px;
    }
    .pt-5 {
      padding-top: 3px !important;
    }
        
    .main-header {
      background-color: #ffffff;
      height: 68px;
      border-bottom: none;
    }
    strong {
      font-size: 16px;
    }
    .content h3,
    .textarea h1 {
      font-size: 19px;
    }
    .footer-section .glanceList li a,
    ol,
    ul {
      padding-left: 0;margin-right:0;
    }
    .product-tab-section .design-tabs .tab-btns{
      margin-right: 0;
    }
    .p-4 {
      padding: 0.5rem !important;
    }
    .textarea h3 {
      font-size: 18px;
    }
    ul.info.clearfix li {
      padding: 8px 0 !important;
      color: #fcf7f7;
      font-weight: 600;
      font-size: -11px;
    }
    .Contact-Us .tittle {
      font-size: 23px !important;
    }
    .btn-enquiry {
      padding: 12px 89px;
    }
    .linebox {
      position: absolute;
      margin-left: 49px;
    }
    .payment-section {
      background: #f1eee4;
      padding: 10px !important;
    }
    .footer-section .footer-bg {
      margin-top: 0;
      height: 110px;
    }
    .form-control,
    textarea {
      margin-top: 7px !important;
    }
    .f-direction {
      flex-direction: column-reverse;
    }
    .card-box {
      margin: 8px 8px 3px 2px;
    }
    .mt-40 {
      margin-top: -18px;
    }
    .btn {
      margin-top: 10px;
      padding: 10px 53px;
    }
    .add-in {
    padding-left: 0px;
}
    .container-safari .respnsive-listing {
      margin-top: 15px;
      margin-bottom: 14px;
    }
    .bread li,
    .geographical ul li,
    .text ul.explrbnrUl li,
    .text ul.explrbnrUl li a {
      font-size: 14px;
    }
    .ml-30 {
      margin-left: 0;
    }
    .Contact-Us {
      max-width: 100%;
    }
    .section-padding {
      padding: 15px 0;
    }
    .news-block .inner-box .lower-content h3,.news-block-two .inner-box .content-column h3{
      font-size: 22px;
    }
   .story-block-two .pattern-layer,.story-block .pattern-layer{
      left: -500px;
      right: -500px;
    }.counter-section .pattern-layer{width: 100%;}
    .counter-section{
      padding: 30px 0px 30px;
    }
    .mt-90 {
      margin-top: 0;
    }.footer-ql {
       margin-left: 0px; 
  }
    .mb-30 {
      margin-bottom: 15px;
    }
    .text h3 {
      font-size: 17px;
      margin-top: 0;
      margin-bottom: 5px;
    }
    .counter-block .inner-box{
      margin-top: 13px;
      margin-bottom: 13px;
    }
    marquee:before {
      height: 21px;
      top: -1px;
      color: #fff;
      font-size: 13px;
    }
    .text h4 {
      font-size: 20px;
      margin-top: 21px;
      margin-bottom: 20px;
    }
    #check:checked ~ label #close,
    label #open,
    nav ul li {
      display: block;
    }
    .home-box h3,
    .home-box h4 {
      font-size: 20px;
    }
    .sub_header_content {
      height: 132px;
    }
    .footer-section .footer-bg {
      background-size: 100% 100px;
    }
    .tour__thumb {
      margin-bottom: 12px;
    }
    .img-w
    {
        width: 100%;
    }
    .p-news {
      padding-top: 0;
      padding-bottom: 30px;
    }
    .content {
      margin-right: 0;
    }
    .content h2 {
      font-size: 17px !important;
    }
    .about-incredible-left
    {
        margin-top: -116px;
    }
    .story-block .pattern-layer {
    
       right: 0;
      width: 100%;
  }
  }
  