@media screen and (min-width: 1px) and (max-width: 993px) {
  .m-header {
    display: flex;
  }
  .category-bar{
    margin-top:1rem;
  }
.mainSwiper,
  header,
  .tap-bar-x a:nth-child(1) {
    display: none;
  }
  .product-details .swiper-slide img {

  height: auto;

}
  .tap-bar-x {
    padding: 0;
    justify-content: space-between;
  }
  .whatsapp-text {
    font-size: 13px;
    width: 70%;
    /* display: none; */
    padding: 5px;
    text-align: center;
    justify-content: center;
  }
  .brand-icon img {
    width: 100px;
  }
  .tap-bar-x a {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
  }

  .mainSwiper .swiper-slide img {
    width: auto;
    height: 100%;
  }
  .mainSwiper .swiper-slide .content {
    width: 100%;
    left: 0;
    padding: 10px;
    text-align: center;
  }

  .category-bar .content {
    flex-wrap: wrap;
    margin-top: 1rem;
  }
  .category-bar .content .card {
    width: 100%;
    margin: 5px 0;
    padding: 5px 10px;
    border-radius: 5px;
    justify-content: center;
  }
  a .product-slider {
    padding: 3rem 0;
  }
  .product-slider .tap-bar {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .product-slider .swiper-slide .card {
    border-radius: 5px;
  }
  .product-slider .tap-bar h2 {
    margin-bottom: 15px;
  }
  .costum-card {
    flex-direction: column;
    margin: 1rem auto;
  }
  .product-details .mySwiper2{
    height:300px
  }
  .costum-card .card {
    width: 100%;
    margin: 10px 0;
    height: 210px;
    border-radius: 5px;
  }
  .costum-card .card .content {
    padding: 10px;
    background: #00000082;
    color: white;
  }
  .costum-card .card .content p,
  .costum-card .card .content h2 {
    width: 100%;
  }
  .nav-taps-list .tap-bar {
    flex-direction: column;
    text-align: center;
  }
  .nav-taps-list .tap-bar h2 {
    margin-bottom: 20px;
  }
  .nav-taps-list .tab {
    width: 33.33%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .newsletter {
    padding: 2rem 0;
  }
  .newsletter .content {
    flex-direction: column;
    padding: 0 10px;
  }
  .newsletter .text-content {
    width: 100%;
    margin-bottom: 15px;
  }
  .newsletter h3 {
    font-size: x-large;
  }

  .newsletter p {
    font-size: large;
  }
  .newsletter form {
    margin: 0;
    width: 100%;
  }
  .newsletter form .input {
    width: 100%;
  }
  .newsletter form button {
    width: 100%;
    margin-top: 15px;
  }
  .opportunity {
    flex-wrap: wrap;
  }
  .opportunity .card {
    width: 49%;
    padding: 5px;
  }
  .opportunity .card h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .opportunity .card p {
    font-size: 12px;
  }
  .nav-taps-list {
    margin: 4rem auto;
  }
  .banner {
    height: fit-content;
  }
  .institutional {
    flex-direction: column;
    margin: 4rem 0;
  }
  .institutional .content {
    width: 100%;
  }
  .institutional .text-content p {
    margin-bottom: 15px;
  }
  .contact {
    margin: 4rem auto;
    flex-direction: column-reverse;
  }
  .contact .form,
  .contact .box {
    width: 100%;
    margin-bottom: 1rem;
    padding: 5px;
  }
  .contact .form form .parent {
    display: flex;
    flex-direction: column;
    gap: 0px;
  }
  .contact .box ul li a {
    align-items: center;
  }
  .contact .box .whatsapp,
  .contact .box .whatsapp a {
    width: 100%;
  }
  .contact .box .whatsapp .whatsapp-text {
    width: 100%;
    font-size: 12px;
  }
  .contact .box ul li a .img {
    width: 37px;
    height: 37px;
    border-radius: 5px;
  }
  .contact .box ul li a .img img {
    width: 24px;
    height: 24px;
  }
  .product-list .list .parent {
    grid-template-columns: repeat(1, 1fr);
  }
  .product-list {
    margin: 4rem auto;
  }
  .product-details .search-bar,
  .product-list .search-bar {
    width: 95%;
    left: -100%;
    position: absolute;
    z-index: 9;
    transition: all 300ms;
    overflow: hidden;
    /* margin: 0 auto; */
    border: 1px solid #ffcc01;
  }
  .product-details .search-bar.active,
  .product-list .search-bar.active {
    transition: all 300ms;
    left: 2.5%;
    /* opacity: 0.5; */
  }
  .product-details .list,
  .product-list .list {
    width: 100%;
  }
  .product-details .search-bar h4,
  .product-list .search-bar h4 {
    font-size: 18px;
    padding: 10px;
  }

  .product-details .search-bar h4 button,
  .product-list .search-bar h4 button,
  .product-details h1 button,
  .product-list h1 button {
    display: inline-block;
  }

  .whatsapp-button {
    width: fit-content;
    margin: 0 auto;
    margin-top: 15px;
  }
  .product-details .details {
    flex-direction: column;
  }
  .product-details .slider,
  .product-details .box {
    width: 100%;
  }
  .product-details .swiper-free-mode > .swiper-wrapper {
    flex-direction: row;
    height: fit-content;
  }
  .product-details .slider {
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .product-details .mySwiper {
    width: 100%;
    height: 60px;
  }
  .product-details .mySwiper .swiper-slide {
    width: 25% !important;
    height: fit-content !important;
  }
  .product-details {
    margin: 4rem auto;
  }
  .category-bar .content .card span {
    margin-left: 1rem;
  }
  .costum-card .card .content button {
    color: white;
    border-color: white;
  }
  .footer-bottom {
    flex-direction: column-reverse;
  }
  .agency {
    margin-bottom: 5px;
  }
  .product-slider {
    padding: 2rem 0;
  }
  .product-list .card .img,
  .nav-taps-list .card .img {
    height: 250px;
    width: 95%;
  }
  .product-list .card .img img,
  .nav-taps-list .card .img img {
    width: 100%;
    height: auto;
  }
  .product-details .whatsapp-text {
    width: 100%;
  }
  .product-details .whatsapp-icon {
    width: 55px;
    height: 55px;
  }
}