@media only screen and (max-width: 1399px) {}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {
  .banner-content h1 {
    font-size: 34px;
  }

  #portfolio #portfolio-flters li:hover,
  #portfolio #portfolio-flters li.filter-active {
    margin: 12px 12px;
  }

  #portfolio #portfolio-flters li {
    margin: 6px 30px;
  }

  .about-pic-inner {
    margin-bottom: 130px;
  }

  .margin-space {
    margin-bottom: 80px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 24px 20px;
  }

  .main-button {
    margin-bottom: 20px;
  }

  #best-product-sec .container-box {
    display: block;
  }

  #logo-sec {
    padding: 80px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-content h1 {
    font-size: 30px;
  }

  .banner-sec .bnr {
    height: 500px;
    object-fit: cover;
  }

  .banner-content p br {
    display: none;
  }

  .common-heading h2 {
    font-size: 30px;
  }

  #ourservices_sec {
    margin-top: 60px;
  }

  #portfolio {
    padding: 60px 0;
  }

  #logo-sec {
    padding: 60px 0px;
  }

  #logo-sec .outer-box img {
    width: 90%;
  }

  .footer-cu-sec-align,
  .footer-Links-sec-align {
    justify-content: start;
  }

  .margin-space {
    margin-bottom: 60px;
  }

  #contactus-sec .container-box {
    margin-bottom: 30px;
  }

  #contactus-sec .container-box {
    justify-content: left;
  }

  .footer-aboutus-sec,
  .footer-Links-sec,
  .footer-cu-sec {
    margin-bottom: 0px;
  }

  .contact-content {
    padding: 20px 18px;
  }
}

@media only screen and (max-width: 575px) {
  .banner-content h1 {
    font-size: 24px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 16px 20px;
  }

  

  a.btn.heroo-btn {
    padding: 10px 16px;
  }

  #ourservices_sec {
    margin-top: 40px;
  }

  #portfolio {
    padding: 40px 0;
  }

  li.filter-active {
    margin: 18px 16px;
  }

  #portfolio #portfolio-flters li {
    margin: 14px 4px;
  }

  #new-product-sec {
    padding: 40px 0px;
  }

  #logo-sec {
    padding: 40px 0px;
  }

  .blog-sec .icon-box img {
    width: 88% !important;
  }

  .about-pic-inner .img-2 {
    width: 70%;
  }

  .about-pic-inner .img-1 {
    width: 70%;
  }

  #best-product-sec .content {
    right: 30px;
  }

  #best-product-sec .content-1 {
    left: 30px;
  }

  #new-product-sec {
    padding: 0px 0px;
  }

  #services-sec .content {
    left: 10px;
  }

  #contactus-sec .container-box {
    justify-content: left;
  }

  #contactus-sec .container-box p {
    margin-bottom: 2px;
  }

  .common-heading h2 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

  p {
    line-height: 24px;

  }

  .best-collection .card-title a {
    font-size: 20px;
  }

  #services-sec h5 {
    font-size: 18px;
  }

  #contactus-sec .icon-box {
    width: 100px;
    height: 100px;
  }

  #contactus-sec i {
    font-size: 24px;
  }

  .banner-content p {
    display: none;
  }

  #best-product-sec .content {
    top: 330px;
    left: 30px;
  }

  #best-product-sec .icon-box img {
    margin-bottom: 130px;
  }

  #best-product-sec .content-1 {
    top: 330px;
    right: 30px;
  }

  a.btn.heroo-btn {
    display: none;
  }

  .margin-space {
    margin-bottom: 20px;
  }

  #best-product-sec {
    padding: 26px 0px;
  }

  #services-sec p {
    font-size: 14px;
  }

  #services-sec h5 {
    font-size: 16px;
  }

  #portfolio #portfolio-flters {
    margin: 0 auto 10px auto;
  }

  .footer-bt-sec p {
    text-align: center;
  }

  #best-product-sec .icon-box {
    margin-right: 0px;
  }
  #contactus-sec .container-box {
    margin-bottom: 14px;
}
}

@media only screen and (max-width: 420px) {}