
:root {
    --blue: #17264E;
    --white: #ffffff;
    --green: #8FCF41;
    --light-grey: #F2F2F2;
  }
/*MEDIA QUERY START*/
@media(min-width:1400px){
  .container{
    max-width: 1140px !important;
  }
}
@media (max-width: 1199px){
    .tbl_card h3 {
     font-size: 22px;
    }
   .tbl_card p {
     font-size: 20px;
     line-height: 30.4px;
   }
   .detail-banner-wrap {
      margin-bottom: 63px;
      height: 500px;
    }
 }
 @media (max-width: 1100px){
   .products-wrap{
     margin: 24px 0px 0px -30px;
   }
 }
 @media (max-width: 991px) {
   .hero-inner {
     padding: 0px 30px;
   }
   .hero-inner h1 {
     font-family: "Quicksand", sans-serif;
     font-size: 48px;
     line-height: 60px;
   }
   .hero-inner img {
     width: 250px;
     margin-bottom: 28px;
   }
   .tbl_card {
     margin-bottom: 30px;
   }
   a.hero-brn.tabl-btn {
     margin-top: 70px;
   }
   .bktbl-main-heading {
     font-size: 30px;
     line-height: 40px;
   }
   .sprt-heading {
     margin-bottom: 30px;
   }
   .support-Sec-inner p {
     font-size: 24px;
   }
   .team-wrap {
     margin-top: 60px;
   }
   .suggestion-model {
    margin-bottom: 16px;
    }
    .s-suggestion-section {
        margin-bottom: 36px;
    }
    .s-indiv-detail p {
      font-size: 22px;
    }
    .s-indiv-inner h3 {
      font-size: 22px;
    }
    .s-lookingFor-wrapper .s-lookingFor_heading {
      font-size: 38px;
    }
    .s-lookingFor-wrapper .s-lookingFor_para {
      font-size: 26px;
    }
    .team-wrap .team-card a {
      font-size: 14px;
    }
    .team-card img {
      width: 100px;
      display: block;
      margin: 20px auto;
    }
    .team-wrap .team-card h3 {
      font-size: 14px;
    }
 }
 @media (max-width: 768px) {
   a.konkart {
     display: none;
   }
   .hdr_links span {
       display: none;
   }
   .mbl-menu-icon {
       display: block;
   }
   .hdr_links .lan-icon {
       width: 20px;
       height: 20px;
       margin-left: 0px;
       margin-right: 30px;
   }
   .mbl-menu-icon.change {
       margin-top: 9px;
   }
   .ansult {
       display: none;
   }
   .mbl-menu-wrap{
     display: block;
   }
   .hero_wrap {
       margin-top: 0px;
   }
   .mbl-menu-wrap {
     display: block;
     background-color: #1a6839;
     width: 320px;
     position: fixed;
     top: 75px;
     bottom: 0;
     padding: 20px;
     right: -350px;
     transition: all 0.8s ease;
   }
   .mbl-menu-wrap.show-menu{
     right: 0px;
   }
   a.mbl-login {
       border-radius: 8px;
       text-align: center;
       border: 2px solid var(--blue);
       padding: 10px 0;
       font-weight: 700;
       font-family: "Quicksand", sans-serif;
       display: block;
       color: var(--blue);
   }
   ul.mbl-links {
       padding-left: 0px;
       list-style: none;
   }
   ul.mbl-links li {
       margin-bottom: 10px;
   }
   ul.mbl-links li a {
       color: var(--blue);
       font-size: 16px;
       font-weight: 700;
       font-family: "Quicksand", sans-serif;
       line-height: 1.5;
   }
   .section-margins {
       margin-top: 64px;
       margin-bottom: 64px;
   }
   .category-wrap .catg-box a::before {
     opacity: 1;
     transition: 0.2s all ease;
     background: #1a6839 !important;
   }
   .support-Sec-inner p {
     font-size: 18px;
     line-height: 34.8px;
   }
   .s-indiv-detail p {
    font-size: 20px;
  }
  .s-indiv-inner h3 {
    font-size: 18px;
  }
  .s-lookingFor-wrapper .s-lookingFor_heading {
    font-size: 32px;
    line-height: normal;
  }
  .s-lookingFor-wrapper .s-lookingFor_para {
    font-size: 24px;
    line-height: 36.8px;
  }
  .s-detail-main-heading {
    font-size: 38px;
  }
  .s-detail-sub-heading {
    font-size: 30px;
  }
  .team-wrap .team-card {
    width: 40%;
    margin: 20px 20px 0px 20px;
  }
 }
 @media (max-width: 576px){
   .header .meetly_Logo {
     margin-left: 30px;
   }
   .hdr_links{
     margin-right: 30px;
   }
 
   .hero-inner img {
       width: 187px;
       margin-bottom: 28px;
   }
   .hero-inner p {
       font-size: 18px;
       font-weight: 400;
       line-height: 28.8px;
       margin-top: 10px;
   }
   a.hero-brn {
    padding: 20px 20px;
    width: 100%;
    border: none;
   }
   a.mbl-show {
     display: block;
     margin-top: 8px;
     font-family: "Quicksand", sans-serif;
     font-size: 12px;
     font-weight: 400;
     line-height: 16.8px;
     text-align: center;
     color: var(--white);
   }
   a.mbl-show:hover{
     color: var(--white);
   }
   .hero-inner h1 {
    font-family: "Quicksand", sans-serif;
    font-size: 46px;
    line-height: 58px;
}
   span.mbl-hide {
       display: none;
   }
   .listing-main-heading {
     width: 100%;
   }
   .tbl_card img {
     width: 47px;
     height: auto;
   }
   .tbl_card h3 {
     font-size: 16px;
   }
   .tbl_card p {
     font-size: 16px;
     font-weight: 400;
   }
   .tbl_card{
     padding: 0px;
   }
   .bktbl-dskt-hdng{
     display: none !important;
   }
   .bktbl-main-heading.bktbl-mbl-hdng{
     display: block;
   }
   a.hero-brn.tabl-btn {
     margin-top: 30px;
   }
   .mbl-show.tbl-show {
     color: var(--blue);
     font-size: 16px;
     line-height: 30px;
     width: 100%;
   }
   .bktbl-main-heading {
     font-size: 26px;
     line-height: 36px;
   }
   .support-Sec-inner p {
     font-size: 16px;
     line-height: 22.4px;
     padding: 10px;
   }
   .sprt-heading {
     margin-bottom: 15px;
   }
   .team-wrap {
     margin-top: 10px;
   }
   .support-Sec-inner p a {
     color: var(--blue);
     font-weight: 400;
   }
   .team-wrap .team-card {
      margin: 15px 8px;
      width: 40%;
   }
   .team-wrap .team-card h2 {
    font-size: 14px;
  }
   .team-card img {
      width: 80px;
      margin: 10px auto;
      text-align: center;
      display: block;
    }
    .team-wrap .team-card a {
      font-size: 14px;
  }
  .team-wrap .team-card h3 {
    font-size: 14px;

}
   section.footer-bg {
     margin-top: 64px;
     padding: 41px 0px 41px 0px;
   }
   .footer__links {
     width: 100%;
     padding: 0px !important;
     margin-bottom: 15px;
   }
   .col-iner {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
   }
   ul.ftr-items {
     margin-bottom: 0;
   }
 
   a.trust-btn {
     margin-top: 34px;
     font-size: 11.2px;
     line-height: 11px;
     padding: 16px 11px;
   }
   .ftr-social-links a {
     margin: 25px 14px 0px 0px;
   }
   .listing-main-heading span{
    display: none;
  }
  .s-blank-div {
    height: 16px;
    width: 22px;
  }
  .s-filter-dropdown-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    }
    .s-filter-dropdown-wrapper:nth-child(1) {
        margin-bottom: 16px;
    }
    .d-respon-none{
        display: none;
    }
    .s-suggestion-section .s-suggestion-wrapper {
        flex-wrap: wrap;
    }
    .s-go-to-cart {
      margin-top: 36px;
      height: 64px;
  }
  .s-indiv-detail {
    margin-top: 12px;
    margin-bottom: 48px;
}
.s-indiv-detail p {
  margin-bottom: 0px;
}
.s-responsive-accordian{
  margin-bottom: 48px;
}
.s-inner-accordian:last-child{
  margin-bottom: 0px;
}
.s-location-map .s-location-map_title{
  display: block;
}
.s-reviewer-wrapper .slick-list {
  padding: 0px !important;
}
.s-indiv-product-detail {
  padding: 0;
}
.s-accordian-detail-wraper {
  padding: 0px 20px 21px 16px;
}
.s-testimonial-wrapper {
  margin-top: 48px;
}
.s-inner-accordian {
  margin-bottom: 18px;
}
.listing-main-heading {
  font-size: 24px;
  padding-bottom: 7px;
}
.listing-sub-heading {
  font-size: 24px;
}
.listing-sub-heading.pb-13 {
  padding-bottom: 0;
}
.s-indiv-inner h3 {
  font-size: 16px;
}
.s-indiv-inner img{
  width: 20px;
}
.s-indiv-inner h3 {
  line-height: normal;
}
.s-indiv-inner:nth-child(1),
.s-indiv-inner:nth-child(2) {
  margin-bottom: 8px;
}
.s-testimonial-title{
  display: block;
}
.s-reviewer-wrapper .slick-slide {
  margin: 0 12px;
}
.detail-banner-wrap {
  margin-bottom: 36px;
  height: auto;
}
.s-confirmBok-section {
  margin-top: 16px;
}
.s-confirmBok_title h3 {
  display: none;
}
.s-lookingFor-wrapper .s-lookingFor_heading {
  font-size: 26px;
  line-height: normal;
}
.s-lookingFor-wrapper .s-lookingFor_para {
  font-size: 18px;
  line-height: 28.8px;
  margin-bottom: 0px !important;
}
.s-lookingFor-wrapper {
  margin-top: 48px;
}
.s-detail-main-heading {
  font-size: 24px;
  line-height: 33px;
}
.s-detail-sub-heading {
  font-size: 24px;
  line-height: 33px;
}
 }