@media (max-width:1010px) {
 
 }
  @media (max-width:999px) {
 
  .nav_bottom {
    display: flex !important ;
  }
 
  .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;
    }
   
p {
  font-size: 12px  !important;
}
h2 {
  font-size: 32px !important;
}
h1 {
  font-size: 42px !important;
}
 
.vision_mission_card img {
   
    max-width: 46px;
}
.vision_mission_card {
        -webkit-mask-image: unset !important;
        mask-image: unset !important;
        background-color: #ddf1f5 !important;
        padding: 20px;
        min-height: 200px;
    }
.vision_mission_card::before {
    content:none;
}
img.values4 {
  right: -14%;
  bottom: 1%;
  max-width: 107px;
}
img.values2 {
  max-width: 78px;
}

img.values1 {
  max-width: 75px;
}
img.values3 {
  position: absolute;
  top: 1%;
  max-width: 65px;
}
.flex_tap {
  padding-right: 0;
}
.services_values3 {
  left: -2%;
  bottom: 3%;
  max-width: 80px;
}
.services_nos {
  right: 0%;
  bottom: 0%;
  max-width: 40px;
}
.contact .dot {
  right: 0%;
  top: -5%;
  max-width: 96px;
}
footer .col-md-2 {
  width: 43%;
}
.hero {
  background-size: 508% 100%;
  top: -15px;
  background-position: center;
}
img.shape , .dots_hero{
  display: none;
}.about {
  padding-top: 0;
}
img.kerf {
  max-width: 126%;
}
.hero_back {
  position: relative;
  margin-top:-118px;
}
.nav_bar {
  position: absolute;
  top: 14.5%;
}
 
img.kerf {
  max-width: 126%;
  margin-top: -63px;
}
 
.nav_fixed {
  display: none;
}
.hero_not {
  padding: 70px 0 112px;
}form#contact_us {
  max-width: 100%;
}

.hero_not .hero_CONTENT {
   bottom: 0;
}
.row_2_page {
  padding-top: 50px;
}

.dots_hero_2 {
  max-width: 32px;
}
.nav_mobile_bottom {
  display: flex;
}
.col_page {
  flex-direction: column-reverse !important;
}
.div_img_logo {
  height: 138px;
}
.load_logo img {
  width: 100px;
    height: auto;  
}
.owl_carousel_1 {
  padding: 0 20px;
}
.hero p , .about p{
  max-width: 98%;
}  
.titlle_center h2 {
  text-align: center !important;
}



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