@media (max-width: 1800px) {

  .activer{
    display: none !important;
  }

  .dactive{
    display: block !important;
  }
  
}


@media (max-width: 1200px) {

  .activer{
    display: none !important;
  }

  .dactive{
    display: block !important;
  }

  .dispaly-no{
    display: none;
  }
  .display-bl{
    display: block;
  }
}

@media (max-width: 1024px) {
    .padding1{
        padding-top: 7%;
      }
      .footer-title::before {
        top: 37px;
      }
      .box-img {
        width: 335px !important;
    }

}

@media (max-width: 992px) {

  .activer{
    display: block !important;
  }

  .dactive{
    display: none !important;
  }

  .navver{
    align-items: baseline !important;
    gap: 16px !important;
    margin-top: 15px !important;
    background-color: #fff;
  }

  .nav-blck{
    color: #000 !important;
  }

  .counter-container{
    margin: 0px 70px !important;

  }

.circle{
  width: 180px !important;
  height: 180px !important;
}

.smaller{
  font-size: 20px !important;
  text-align: center;
}

.fs-36-2{
  font-size: 20px !important;
}

.smaller-2{

  font-size: 20px !important;
  transform: translate(-21px, -62px) !important;


}


  .ptc-200{
    margin-top: 0px  !important;
  }

  .justy-cen{
    justify-content: start !important;
  }

   
}

@media (max-width: 768px) {
 
    .footer-title::before {
      top: 35px;
    }
    .width-se {
      width: 69%;
  }
  
}
@media (max-width: 640px) {


  .action{
    height: 800px !important;
  }

  .circle{
    margin: auto !important;
  }

  .smaller-2{

    font-size: 20px !important;
    transform: translate(77px, -52px) !important;
  
  
  }


  .ptc-200{
    margin-top: 65px  !important;
    padding: 0px !important;
  }

.slide-txt{
  font-size: 12px !important;
  width: 100% !important;
  margin-top: 10px !important;

}


  .val-box h5{
    margin-top: 10px !important;
    font-size: 12px !important;
  }

  .icn-slide{
    width: 40% !important;
  }

  .val-box{
    text-align: center !important;
    margin: auto !important;
    width: 85px !important;
    height: 80px !important;
    padding: 15px !important;
  }

   .counter-container{
    margin: 0px 8px !important;
    font-size: 14px !important;

  }

  .counter{
    font-size: 30px !important;
  }

    .footer-title::before {
      top: 34px;
    }
    .font-siz{
      font-size: 14px !important;
    }
    .padding1 {
      padding-top: 12%;
  }
  .wid {
    width: 67%;
} 
}

@media (max-width: 425px) {

 
    .footer-title::before {
      top: 32px;
    }
    .width-se {
      width: 69%;
  }
  .font-siz{
    font-size: 10px !important;
  }
  .box-img{
    width: 300px !important;
  }
  .wid {
    width: 100%;
}
.padding1 {
  padding-top: 20%;
}
.width-se {
  width: 100%;
}

}

@media (max-width:390px) {

  .val-box h5{
    margin-top: 10px !important;
    font-size: 10px !important;
  }

  .val-box{
    text-align: center !important;
    margin: auto !important;
    width: 80px !important;
    height: 80px !important;
    padding: 15px !important;
  }


}