@media (max-width: 768px) {
    .hero{
        width: 100%;
    }
     .hero-heading .heading{
        font-size: 44px;
     }
     .circle{
      display: none;
     }
     .band{
      margin: 0px 0px;
      height: fit-content;
  }
}
@media (max-width: 425px) {
  
     .hero-heading .heading{
        font-size: 24px;
     }
     .hero-box p{
        font-size: 10px;
     }
     .hero-subtext p{
        font-size: 14px;
     }
}
@media (max-width: 320px) {
  
     .hero-heading .heading{
        font-size: 18px;
     }
     .hero-box p{
        font-size: 5px;
     }
}