@media only screen  and (min-width: 1445px)  {
    #class0id{
      max-width: 1500px;
      position: relative;
      margin: auto;
    }
    .navbar-fixed {
        z-index: 100;
        position: relative;
        background: #e3e3e3;
        width: 100%;
    }
    .class8
    img{
      position: relative;
      width: 1000px;
      right: 0;
    }
    }
    

    @media all and (min-width: 1550px){

    }
    
    
    @media (min-width: 1280px){ 
      }
    @media only screen  and (max-width: 1280px)  {
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.8rem!important;
        padding-left: 0.8rem!important;
    }
     
    }
     
    @media only screen 
    and (max-width: 1280px) 
    and (min-width: 991px){
      .about-sec-left {
        display: flex;
        justify-content: flex-start!important;
    }
    .about-sec-left .content{
      transform: scale(0.8);
    }
    }
    @media only screen 
      and (max-width: 768px) 
      and (min-width: 576px){
     
    }
    
    
    
    
    @media (min-width: 992px){
     
    }
    @media all and (max-width: 992px){
      .why-sec-card._1 .card-content,.why-sec-card._2 .card-content,.why-sec-card._3 .card-content{
              height: auto!important;
      }
      .about-sec-right {
    padding-top: 10px!important;
}
 .about-sec._2{ 
     height: auto!important;
 }
      .mt100 {
        margin-top: 0!important;
    }
      .about-sec-left .content {
        position: absolute;
        right: 74px!important;
        top: -27px;
      }
      .navbar {
        padding: 0 0rem;
        position: relative;
        background: #feed00;
        max-width: 100%;
        margin: auto;
        margin-top: 0!important;
        padding-left: 0!important;
        border-radius: 00px!important;
        -webkit-border-radius: 00px!important;
        -moz-border-radius: 00px!important;
        -ms-border-radius: 00px!important;
        -o-border-radius: 00px!important;
        height: auto;
}
    .navbar::after {
      position: absolute;
      content: "";
      width: 100px;
      height: 100%;
      background-color: transparent!important;
      left: 0;
  }
  .navbar-light .navbar-brand {
    position: relative;
    left: 0;
    z-index: 2;
    /* max-width: 61px; */
    padding: 27px;
}

.product-sec-right {
  background-color: #c9c9c9;
  text-align: center;
  display: flex;
  flex-direction: row!important;
  justify-content: space-around!important;
  gap: 100px;
  padding: 40px;
}
.img-stand {
  position: relative!important;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: -48px;
}
.why-sec-card._1,.why-sec-card._2,.about-sec-left{
margin-bottom: 40px;
}
.cta-sec-right img{
  display: none;
}
.about-sec-left .img {
  position: relative !important;
  right: 0 !important;
}
.inner-sec-img img {
  position: absolute;
  width: 90px;
}
.inner-sec .vec_3 {
  left: 30%;
  bottom: 186px !important;
}
.inner-sec .vec_4 {
  right: 20%;
  bottom: 186px !important;
}
.inner-sec .vec_5 {
  right: 12px !important;
  bottom: 105px !important;
}
.infa-sec .row{
  row-gap: 50px;
}
.infa-sec.dark .row{
  display: flex;
  row-gap: 50px;
  flex-direction: column-reverse;

}
.infa-sec-left img{
max-width: 320;
width: 90%;
}
.infa-sec {
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}
.contact-form.contact-form-2{
  margin-top: 50px;
}
.navbar-collapse{
  background: green;
}
.nav-item {
  border-bottom: 1px solid rgba(0,0,0,0.3);
}
nav a {
  position: relative;
  color: #ffffff !important;
}
nav .nav-item:hover a{
  position: relative;
  color: #000 !important;
  background-color: yellow;
}
    }
    
    
    @media all and (max-width: 766px){
      .about-sec-left .content {
        position: absolute;
        right: -7px !important;
        top: -67px!important;
    }
    .product-sec-right {
      background-color: #c9c9c9;
      text-align: center;
      display: flex;
      flex-direction: column!important;
      justify-content: space-around !important;
      gap:50px!important;
      padding: 40px 10px;
  }
  .about-sec{
    padding-bottom: 50px!important;
  }
  .cta-sec {
    margin-top: 0!important; 
}
.navbar-brand img{
  max-width: 135px;
}
.class20,.class18{
  display: none!important;
}
    }
    
    
    
    @media all and (max-width: 576px){ 
     
      .inner-sec-img img {
        position: absolute;
        width: 50px;
      }
      .about-sec-left .content {
        position: absolute;
        right: -7px !important;
        top: -80px !important;
        transform: scale(0.7);
    }
    .img-vec{
      max-width: 80%;
    }
    .img-stand {
      max-width: 100%;
    }
    .navbar-brand img {
      max-width: 122px!important;
  }
  .footer-bottom ._1 .text {
    position: absolute;
    top: 0;
    left: 80px;
    text-wrap: unset;
    display: flex;
    text-wrap: wrap;
    flex-direction: column;
    word-wrap: break-word !important;
    max-width: 70%;
}
.inner-sec h1{
  font-size: 35px!important;
}
.product-sec-card > div {
 
}
#distributor{
  padding: 45px;
}
.about-sec-right h1,.about-sec-right h1 span,.cta-sec-left h2,.why-sec-head h2,.infa-sec-right h2 {
  font-size: 30px!important;
}
    }
    
    
    @media all and (max-width:500px){ 
    
    } 
    @media all and (max-width: 375px){ 
      .product-sec-card > div {
        width: 200px!important;
        height: 200px!important;
      }
    }