@media (max-width: 1510px) {
  .owl_carousel_3 .owl-nav {
    right: -585px;
  }
}
@media (max-width: 1400px) {
  .owl_carousel_3 .owl-nav {
  right: -505px ;
}
}

@media (max-width: 1198px) {
  .owl_carousel_3 .owl-nav {
  right:  -432px !important;
}
}

@media (max-width: 999px) {
  .nav_bottom {
    display: flex !important ;
  }
  .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;
  }



.lang_map {
  width: 30px;
  height: 30px;
  font-size: 9px;
}

  .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 {
    width: 50px;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}
 
  .y.lang-nav {
    display: flex !important;
  }
}
@media (max-width: 768px) {
  .hero h1 {
    font-size: 32px !important;
    max-width: 80%;
  }
  .row {
    gap: 30px;
  }
  .icon_vedio {
    right: 27.5%;
}
  p {
    font-size: 12px !important;
  }
  h2 {
    font-size: 32px !important;
  }
  h1 {
    font-size: 35px !important;
  }
 .clints .owl-nav {
    position: unset;
    width: fit-content;
    transform: unset;
    margin: auto;
    margin-top: 20px !important;
    gap: 20px;
}
  .clints  button.owl-prev,  .clints  button.owl-next {
     height: 40px;
    width: 40px;
    border-radius: 10px;
  }
  .title_flex {
    align-items: flex-start;
    gap: 20px;
    flex-direction: column;
}
.projects_left {
  position: unset;
  transform: unset;
  max-width: 100%;
  width: 100%;
}
.ul-footer ul {
  font-size: 14px;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
 .icon_footer {
  justify-content: flex-start;
  gap: 16px;
}
.hero {
  min-height: 50vh;
}
.clints .owl-nav .owl-prev, .clints .owl-nav .owl-next {
  border-radius: 8px 0 !important;
}
.flex_vedio {
  bottom:3%;
  padding: 0 20px;
}
.left_button {
  border-radius: 15px 0;
  padding: 8px;
  min-width: 100px;
  height: 40px;
  font-size: 10px;
}
.div_icon {
  width: 40px;
  height: 40px;
  font-size: 12px;
}
.pro_card {
    height: 100%;
}
.projects_right {
   top:  0px !important;
}
.image-gallery img {
  height: 100%;
}
.projects {
  padding: 70px 0;
}
h6.lang {
  font-size: 14px;
}
form#contact_us {
  max-width: 100%;
}
.form-contact-home {
  padding: 30px;
}
.img_mask {
  height: 360px;
  max-width: 362px;
  margin: auto;
}
.icon_vedio {
  right: 50%;
  z-index: 2;
  max-width: 362px;
  transform: translateX(50%);
  left: unset;
}
.contact_back {
  padding: 30px;
}
.form_2 .row {
  gap: 0;
}
.card_gallery {
  width: 100%;
}
.owl_carousel_3 .owl-nav {
  width: fit-content;
  position: unset;
  margin: auto;
  transform: unset;
  margin-top: 20px !important;
}
div#projects .row {
  gap: 15px;
}
.contact h1 , .contact2 h1  {
  font-size: 32px;
}
.card_gallery:hover {
  width: 100%;
  /* height: 500px; */
}
.logo_map    {
  top: 15px;
  right: 15px;
}
 .buttom_offcanvasExample2  {
  bottom: 15px;
  right: 15px;
}
 .top_map_left {
  top: 15px;
  left: 15px;
}.options {
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
 
 
.options_flex {
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.option_div {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-direction: column;
}.jop_2 {
  padding: 20px 5px;
}
.owl-carousel.owl_carousel_3.owl-theme.owl-rtl.owl-loaded.owl-drag {
  transform: unset;
  position: unset;
  max-width: 100%;
}
.vedio {
  padding-bottom: 0;
  padding-top: 100px;
}
.contact2 {
  margin-top: 100px;
}


.about , .clints {
  padding: 100px 0;
}

.puiux-img {
  max-width: 55.84px;
}

  
.map_div {
  min-height: 75vh;
}
.map_icon_card1 {
  right: 8%;
}
.map_icon_card2 {
  right: 26%;
}
.map_icon_card5 {
top: 41%;
left: 31%;
}
.map_icon_card4 {
top: 18%;
left: 20%;
}
.buttom_offcanvasExample2 {
padding: 8px 10px;
font-size: 9px;
height: auto;
}
.buttom_fill {
padding: 8px 22px;
border-radius: 14px 0;
font-size: 10px;
height: auto;
}
.flex_title p {
 
    font-size: 9px !important;
}
.flex_title h3 {
 
    font-size: 14px !important;
}

}
@media (max-width: 572px) {
}
@media (max-width: 550px) {
}
@media (max-width: 450px) {
}