@media (max-width: 1400px) {
      .right_about {
        top: -20.9%;
    } 
    .owl_carousel_3 .owl-nav {
         bottom: -253px;
    }
 
}
@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;
  }
  
  .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) {
  .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: 42px !important;
  }
  img.hero_1 {
    position: absolute;
    top: -1%;
    left: -45%;
    max-width: 83%;
}
.hero_icon {
  display: none;
}
.hero_not {
  min-height: 45vh;
}
  
  .hero .row.row_2 {
    align-items: center;
    justify-content: center;
}

.projects_left {
  position: unset;
  width: 100%;
  transform: unset;
  max-width: 100%;
}
.pro_card {
  height: 270px;
  max-width: 100%;
}
.projects .col-md-8 {
  height: auto;
}
.owl-theme .owl-nav {
  display: none !important;
}

form.form_contact .row {
  gap: 0;
}
.nice-select {
  margin-bottom: 30px;
}
.clints_card {
  width: 100%;
  height: 140px;
}
.right_about {
  right: unset;
  top: -4.1%;
  width: auto;
  height: auto;
  max-width: 78px;
  max-height: max-content;
  transform: scaleX(-1);
  left: 0;
}

.about {
  padding-top: 50px;
}
.projects {
  padding: 50px 0;
}
.about2 {
  padding-top: 0;
  padding-bottom: 50px;
}
.news {
  padding: 50px 0;
}
.row_flex_footer {
  gap: 30px;
  flex-wrap: wrap;
}
    footer {
        padding: 60px 15px 0 15px;
        margin-top: 50px;
    }
.foot-puiux img {
  width: auto;
  max-width: 72px;
}

.Ourachievement {
  padding: 50px 0;
}

.clints {
  padding: 50px 0;
  margin-top: 50px;
}
footer .Ourachievement {
  padding-bottom: 50px;
}
.hero .container.position-relative {
  padding-top: 200px;
  padding-bottom: 50px;
}
.owl_carousel_3 {
  height: auto ;
}
.hero_not .hero_1 {
  max-width: 400px;
}
/* .grid_portofilo {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
} */
.portofilo_card .img {
  height: 181px;
}
.flex_progress_icon {
  flex-wrap: wrap;
}
    .newsimg img {
        width: 100%;
        min-height: 250px;
    }
.grid_Ourachievement {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.owl-stage {
    height: auto;
 }
.mask_hero_cont {
  width: 100%;
}
.mask_hero {
        width: 100%;
        max-width: 400px;
        height: 496.62px;
    }
.news .row {
    gap: 0;
}

.foot-puiux {
  padding-bottom: 87px !important;
}
.fixed-icon-shoial {
  display: flex !important;
  }
.hero .row.row_2 {
     gap: 0;
}
    .row.row_2 .col-4 {
        width: 216px;
    }
        .card_k {
        height: 188px;
    }
    .circles {
   
    max-width: 100px;
}
    
    .owl_carousel_3 .owl-stage {
    height: auto;
}
    
    
    
    
    
}
 
@media (max-width: 550px) {
        .mask_hero {
        width: 100%;
        max-width: 300px;
        height: 389px;
    }
}
@media (max-width: 350px) {
    .mask_hero {
        height: 351px;
    }
}