@media (min-width:999px) {
  .design-color-opacity {
     bottom: 5%;
}

}


@media (min-width:1609px) {
  .design-color-opacity {
     bottom: 10%;
  }
}

@media (max-width:999px) {
  .y {
      display: block;
    }
    .nav-desktop {
      display: none !important;
    }
    .Implementation  p {
      width: 100%;
    }
    .map-section p {
      width: 100%;
    }
  }
  @media (max-width:1197px)  and (min-width:1001px) {
    .nav-bar ul {
      gap: 1rem;
  }
  .nav-bar ul li {
    font-size: 12px;
}
.logo {
  width: 200px;
}
.button-nav-fff span {
  padding: 12px 15px;
  font-size: 12px;
}
  }

@media (max-width: 768px) {
  .products .item {
    padding:   20px  ;
  }
  .mobile-fixed-social-menu {
    display: block;
    z-index: 999;
  }
  body {
    padding-bottom: 70px;
}
  .watsapp-icon {
    display: none;
  }
  
  .call-me {
    gap: 2rem;
  }
  .about-img {
    position: relative;
    left: 0;
    right: 0;
    right: auto;
    margin: 0;
    width: 100%;
  }
  .about-question-text {
    top: 27%;
    left: 10%;
    width: 100%;
    right: 50%;
    transform: translateX(34%);
  }
  .sahaba {
    background: transparent;
}
.Shape {
  width: 50%;
}
.h2-w {
  width: 100%;
}

  .services .row {
      gap: 3rem;
  }
  .line {
      display: none;
  }
  .border-img-right {
  right: 3%;
  top: -2%;
  }
  
  .sahaba  .row {
              gap: 1rem;

  }
.WhyCanna .right img {
padding-top: 1rem;
}
.map-section .row   {
gap: 1rem;

}
.intro-img {
position: unset !important;
height: 250px !important;
width: 100% !important;
}
.hero {
flex-direction: column-reverse;
padding: 15px;
gap: 1rem;
}
.intro-img-design {
position: unset;
height: 250px;
width: 100%;
}
.col-md-6 , .row {
padding: 0;
margin: 0;
}
.hero-section-2 .intro-img {
width: 100%;
}
.about-question img {
width: 100%;
}

.Shape-left {
display: none;
}
.about-imgs-sction-2-img, .about-imgs-sction-2-img2 {
width: auto;
position: relative;
height: auto;
}
.about  .about-imgs-sction-2 {
margin-top: 5rem;
} 
.eng-img img:nth-child(1) , 
.eng-img img:nth-child(3)  {
max-width: 148px;
}
.sahaba .col-md-7  {
margin-top: 2rem;
}

.Implementation  .col-md-4 img {
height: 100%;
  max-height: 300px;
  width: 100%;
}
.Implementation  .intro-img {
margin-top: 2rem;

}
.footer-links {
gap: 2rem;
}
footer h4 {
padding-bottom: 1rem;
font-size: 20px;
}
h2 {
font-size: 30px !important;
}
.sahaba {
background-size: 100% 43%;
}
.footer-h4 a {
  font-size: 16px;
}
p {
  font-size: 14px !important;
  }
  footer h4 {
    padding-bottom: 1rem;
    font-size: 20px;
}
footer a, footer p {
  padding-top: 10px;
}
.services h5 {
  font-size: 20px !important;
}
.services h2  ,.hero .right h2 {
  font-size: 30px !important;
}
.hero-section-2 .right {
  padding-bottom: 22px;
}
.radio-input-foot {
  gap: 1rem;
}
}
.logo-phone {
  display: none;
}
@media (max-width: 458px) {
  .logo-phone {
    display: block;
  }
  .logo {
    display: none;
  }
.eng-img img:nth-child(1), .eng-img img:nth-child(3) {
max-width: 75px;
}
.gmap_canvas iframe , .gmap_canvas , .mapouter { 
height: 250px !important;
}
}
@media (max-width: 458px) {
.about-question-text p:nth-child(2) {
  width: 47%;
  font-size: 11px !important;
}
}


@media (max-width: 370px) {
  .about-question-text {
    top: 26%;
    left: 10%;
    width: 100%;
    right: 50%;
    transform: translateX(27%);
}
.about-question-text p:nth-child(2) {
  width: 38%;
  font-size: 9px !important;
}

  }