@media (max-width:1324px) {}

 @media (max-width:999px) {
  .mask1 {
    width: 100% !important;
    height: 400px;
    max-width: 100%;
}
  div#company {
    height: 400px;
  }
  .mask1:hover {
    width: 100%  ;
    max-width: 100%;
  }
  
  .gallery .card-content-Projects {
    max-height: 250px;
  }
  .my-company {
    padding: 0 20px;
    padding-top: 80px;
  }
  .circle-logo img {
    max-width: 67%;
  }

  .circle-logo {
   min-width: 73px;
   min-height: 73px;
   height: auto;
   border: 2px solid #b8872d;
   width: auto;
   max-height: 73px;
   max-width: 73px;
}
  .sahaba-bottom {
    display: none;
  }

  .sahaba-mask {
    margin-bottom: 0;
  }

     #company .owl-nav {
        position: unset !important;
        transform: unset;
        padding-top: 10px;
        margin: auto;
        margin-top: 20px;
    }
     

  .title h2 {
    padding: 12px 0 20px 0;
  }

  .sahaba-top {
    display: none;

  }

  .mask1:hover {
    width: 100%;
  }
   .y {
     display: block !important;
   }

   .nav-desktop {
     display: none !important;

   }

   .btn-nav .lang-nav {
     margin-left: 0 !important;
   }

   .btn-nav {
     gap: 25px;
   }

   .nav-fixed {
     justify-content: space-between;
   }

   .btn-nav .lang-nav {
     gap: 5px;
   }

   .lang-nav i {
     font-size: 14px;
     padding-bottom: 4px;
   }
 }

 @media (max-width:768px) {
   .owl-theme .owl-nav {
     display: none;
   }
   .mask1 {
    height: 300px;
}
div#company {
  height: auto;
}
.mask1 .content h4 {
  font-size: 18px;
}
.mask1 .content p {
  width: 99%;
}
   footer {
     border-radius: 197px 0 0 0;
   }

   h2 {
     font-size: 32px !important;
   }

   p {
     font-size: 12px !important;
   }

   .hero p {
     padding: 20px;
   }

   .container {
     padding-right: 20px;
     padding-left: 20px;
   }

  
   .lang-nav p {
     font-size: 14px !important;
   }

   .section-hero-not-home h2 {
     text-align: center;
     font-size: 25px !important;
   }

   .radius img {
     width: auto;
     height: auto;
     max-width: 70px;
   }

   .radius {
     width: auto;
     height: auto;
   }

   .beautiful-button {
     width: 100px;
     height: 44px;
     padding: 13px 9px 14px 9px;
     border-radius: 30px 0px;
   }

   .num-k .col-md-3 {
    width: fit-content;
    min-width: 30%;
}
   .about .path {
     height: auto;
     width: auto;
     max-width: 82%;
   }

   .div-45-mask {
     height: 100px;
     width: 100px;
     align-items: center;
     padding: 10px;
   }

   .about-mask {
     height: 351px;
   }

 
.num-k .row {
  gap: 30px;
  justify-content: center;
}
   .card-comapnySarhed {
     padding: 20px;
   }

   .card-comapnySarhed .img {
     height: 200px;
   }

   .div-45-mask img {
     max-width: 53%;
   }

   .content-number {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     flex-direction: column;
   }

   .num-k h3 {
     font-size: 32px;
   }

   .num-k p {
     font-size: 10px;
   }

   .content-number .div {
     align-items: center;
   }

   /* footer .col-md-2  {
  width: 30%;
}
footer .col-md-3:nth-of-type(3) {
  width: 44%;
} */
   .NUM41 {
     margin-right: 0;
   }

   

   .logo-footer-left {
     left: -46px;
     max-width:  291px;
     height: auto;
     width: auto;
   }

   .fixed_icon {
     display: none;
   }

   #company .owl-stage-outer {
     padding: 0px;
   }

   .num1 {

     justify-content: center
   }

   .gallery {
     padding: 70px 0;
   }

   .owl-carousel {
     direction: rtl !important;
   }

   div#company .owl-stage {
     margin-left: 0 !important;
   }

   .gallery .row {
     gap: 0;
   }

   .ex-img {
     width: 65px;
     height: 65px;
     left: 36px;
     bottom: 36px;
   }

   .owl-theme .owl-dots {
     margin-top: 30px;
   }

   .icon-wats {
     width: 65px;
     height: 65px;
     padding: 8px;
     right: 36px;
     bottom: 36px;
   }

   .experience-img {
     max-width: 45px;
   }

   .icon-wats .borde-wats i {
     font-size: 25px;
   }

   .row {
     gap: 30px;
   }

   .hero {
     height: 77vh;
   }
 }