@media (max-width: 1010px) {
}
@media (max-width: 999px) {
  .nav_bottom {
    display: flex !important ;
  }
  nav.nav-bar {
    padding: 18px;
    background: #2b3545;
}
  .nav_mobile {
    display: flex !important;
   
  }
  .map_icon_card {
    display: flex;
    gap: 10px;
  }
  .map_icon_card .div {
      gap: 5px;
      padding: 7px;
  }
  .map_icon_card .div h4 {
    font-size: 9px;
  }
  .map_icon_card .div p {
    font-size: 9px;
  }
  .map_icon_card img {
    max-width: 18px;
  }
  
  .map_div {
    min-height: 65vh;
  }
  .nav-desktop {
    display: none !important;
  }
  .fixed-navbar {
    justify-content: space-between;
  }
  .fixed-navbar {
    justify-content: space-between;
  }
  .hero_img {
    margin-bottom: 0;
  }
  .about h2 {
    max-width: 100%;
  }

  .y {
    display: block !important;
  }
  .y.lang-nav {
    display: flex !important;
  }
}
@media (max-width: 768px) {
    .col_2_s {
    padding-right: 0;
}
  .hero h1 {
    font-size: 32px !important;
    max-width: 80%;
  }
  .row {
    gap: 30px;
  }
 
  p {
    font-size: 12px !important;
  }
  h2 {
    font-size: 25px !important;
}
  h1 {
    font-size: 42px !important;
  }
  .img_banner {
    width: 100%;
    height: 200px;
}
.services .row {
  gap: 0;
}
.brands .card_orders2 {
  padding: 30px;
}

.orders.brands .flex_btn {
  width: 100%;
}

.flex_btn .buttom_fill, .flex_btn .buttom_empty {
  font-size: 10px;
  padding: 10px;
}
.flex_btn .buttom_fill i, .flex_btn .buttom_emptyi {
  font-size: 8px;
}
.brands .card_orders2 {
  min-height: 426px;
}

.logo-footer img {
  width: 159px;
}
    .hero {
        padding-top: 80px;
        min-height: 70vh;
        background-size: cover;
        background-position: center;
    }

.img_about_left {
  margin-right: unset !important;
}

footer {
  background-size: cover;
  background-position: center;
}


form.form_contact  .row {
  gap: 0px;
}
.about.about_2 .row {
  flex-direction: column-reverse;
}

.hero-center-page {
  height: 50vh;
}
.hero-center-page h2 {
  padding-top: 35px;
}
footer .col-md-3 {
  width: 43%;
}
footer .col-md-2 {
  width: 44%;
}
.clints_logos {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}


}
@media (max-width: 572px) {
}
@media (max-width: 550px) {
}
@media (max-width: 350px) {
  .flex_btn .buttom_fill, .flex_btn .buttom_empty {
    font-size: 10px;
    width: fit-content !important;
    min-width: 38%;
  }
}