/** media query **/
@media (min-width: 1300px) and (max-width: 1400px) {}


@media (min-width: 1200px) and (max-width: 1300px) {}


@media (min-width: 993px) and (max-width: 1200px) {
  .menu a {
    font-size: 13px;
}
.hero-slide {
    height: 500px;
}
.category-card img {
    height: 120px;
}
.contact-item a{
  font-size: 9px;
}


}
@media(max-width:991px){
  .search-box{display:none;
  }
  .category-card img{
  height: 195px;

  }
  .hero-slide {
    height: 400px;
}
}





@media(max-width:768px){
   body{
    padding-bottom:70px; 
  }
  .product_img img {
  width: 310px;
  object-fit: cover;
}
  .hero-slide{
    height: 340px;
  }

  .hero-content h1{
    font-size: 26px;
  }
    .cta-content h2{
    font-size:26px;
  }

  .cta-section{
    text-align:center;
    background: #ffecf0;
    padding: 40px 0;
  }

  .cta-img{
    margin-top:20px;
  }
      .menu-mobile-box {
        display: block;
    }
	
.gallery img {
  height: 300px;
  object-fit: contain;
}


div#mobileMenu .menu {
    display: block !important;
}

div#mobileMenu .menu li a {
    color: #000;
}

.arrow {
    position: absolute;
    top: -7px;
    right: 0;
    background: no-repeat;
}

div#mobileMenu .menu li {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.category-slider .owl-nav, .product-slider .owl-nav {
    position: relative;
    transform: none;
    width: auto;
    top: 0;
    text-align: center;
}

.category-slider .owl-nav .owl-prev, .product-slider .owl-nav .owl-prev {
    left: 0;
}

.category-slider .owl-nav .owl-next, .product-slider .owl-nav .owl-next {
    right: 0;
}

.category-slider .owl-nav button, .product-slider .owl-nav button {
    position: relative;
    margin-right: 15px;
}
.usp-item {
    margin-bottom: 20px;
}
.hero-content {
    padding: 0;
}

.hero-content h1 {
    margin-bottom: 0;
    line-height: 15px;
}

.carousel-control-next, .carousel-control-prev {
    display: none;
}
.testimonial-section .owl-nav {
    display: none;
}
.blog-card {
    margin-bottom: 20px;
}
.footer-bottom p {
    margin-bottom: 15px;
}
.footer-col {
    margin: 30px 0 0;
}

}

@media(max-width:576px){
  .newsletter-form{
    flex-direction:column;
  }
}