@media(max-width: 992px) {
    .top-flex {
        flex-direction: column;
        gap: 5px;
      }

      .header {
        padding: 9px 0;
      }

      .header .navs {
        display: none;
      }

      .header .social {
        display: none;
      }

      .mobile-toggler {
        display: block;
      }

      .header-logo  img{
        max-width: 140px;
      }

      .f-img-1,.f-img-2  {
        display: none;
      }

      .md-show {
        display: block;
        opacity: 1;
      }

}

@media(max-width: 768px) {
  #desk {
    display: none;
  }

  #mob {
    display: block;
  }

  .copyright {
    padding: 15px 0 50px;
  }

  .pro-d-content {
    margin-top: 25px;
    padding: 0 0;
  }
  .product-details {
    padding: 25px 0;
  }

  .footer-content,.footer-link,
.footer-contact, .map {
  margin-bottom: 5px;
 }

.top-header {
  padding: 9px 0;
  background-color: #F5821F;
  display: none;
}
.choose-box {
  text-align: center;
  padding: 20px;
  border: 1px solid #231f20;
  margin-bottom: 15px;
}

}


@media(max-width: 576px) {
    .f-logo img {
        max-width: 200px;
    }

    .footer-social {
        margin-bottom: 5px;
    }
    .footer-social a{
        width: 30px;
        height: 30px;
        line-height: 29px;
        font-size: 12px;
    }

    .footer-link li  {
        display: block;
        padding-bottom:15px;
        border-bottom: 1px solid rgba(256,256,256,0.1);
        margin-bottom: 10px;
    }

    .about-img img {
      width: 100%;
    }
    .about-section {
      padding: 35px 10px;
      background-color: #efefef;
   }
  
    .about-content h2 {
      font-size: 31px;
    }
    .about-content h3 {
      font-size: 18px;
    }
    .section-title h2 {
      font-size: 21px;
    }

    .section-title h3 {
      font-size: 16px;
    }

    .contact-form  {
      padding: 30px;
    }

    .choose-section {
      padding: 40px 0;
    }



}


@media(max-width: 527px) {
   .footer-contact p strong {
    display: block;
    margin-bottom: 5px;
   }
}


@media(max-width: 442px) {
    .top-flex .address {
        display: none;
    }
}