@media only screen and (max-width: 425px) {
    
  .serv_img {
    right: 10%;
    width: 110px;
    height: 110px;
  }
  .details_titles{
    padding: 2px;
    font-size: 30px;
  }
  
  .details_title{
    padding: 30px;
    font-size: 45px;
  }
  .products_title{
    padding: 30px;
    font-size: 45px;
  }
  .services_title{
    padding: 30px;
    font-size: 45px;
  }
  .review_section{
    height:45vh !important;
  }
}




@media only screen and (max-width: 768px) {
     
.ri-arrow-right-up-line{
    display: none;
}
.services_section{
    padding: 0px;
}
.elem p{
    font-size: 26px;
}
.flinks{
  text-align: start;
}
.footer_list {
  text-align: start;
}
.c_logo{
  text-align: center;
}
.nav-item .nav-link{
  text-align: center;
  font-size: 25px;
}
.nav-item{
  font-size: 46px;
}
.social a{
  font-size: 35px;
 padding-top: 50px;
}
.de_sec{
margin-top: 20px
}
.review_section{
  height:50vh ;
}

}

@media only screen and (min-width: 768px) {
    
    /* .dropdown:hover .dropdown-menu{
        display: block;
    } */
}

@media screen and (max-width: 900px) {
    .wrapper .carousel {
      grid-auto-columns: calc((100% / 2) - 9px);
    }
  }
  
  @media screen and (max-width: 600px) {
    .wrapper .carousel {
      grid-auto-columns: 100%;
    }
  }

  @media only screen and (max-width: 425px) and (min-width: 320px)  
  {
    .serv_video {
      position: absolute;
      top: 0%;
      right: 0%;
      object-fit: cover;
      opacity: 0;
      width: 100%;
      height: auto;
      border-radius: 10px;
      z-index: 100;
      /* opacity: 0; */
      transition: 0.3s linear all;
    }
    
  }
  @media only screen and (max-width: 767px) and (min-width: 426px)  
  {
    .serv_img {
      right: 10%;
      width: 160px;
      height: 160px;
    }
    
  }

  @media only screen and (max-width: 1024px) and (min-width: 768px)  
  {
    .serv_img {
      right: 10%;
      width: 200px;
      height: 200px;
    }
    .review_section{
      height:45vh !important;
    }
    .s_details p{
      font-size: 16px;
    }
  }

  @media only screen and (max-width: 1440px) and (min-width: 1025px)  
  {
    .serv_img {
      right: 10%;
      width: 250px;
      height: 250px;
    }
    .slides_imgs{
      height: 630px !important;
    }
    .review_section{
      height:50vh !important;
    }
    
  }

  @media only screen and (max-width: 2000px) and (min-width: 1441px)  
  {
    .serv_img {
      right: 25%;
      width: 250px;
      height: 250px;
    }
    .review_section{
      height:50vh !important;
    }
  }
  @media only screen and (max-width: 2560px) and (min-width: 2001px)  
  {
    .serv_img {
      right: 25%;
      width: 270px;
      height: 270px;
    }
    .review_section{
      height:30vh !important;
    }
  }