@media (max-width: 576px) {
    .carousel-item .images img {
      aspect-ratio: 4 / 5;
      object-fit: cover;
    }
  }
  @media screen and (min-width:576px){
    .mobileview{
      display: none;
    }
    .herosection{
      display: block;
    }}

    @media screen and (max-width:576px){
      .mobileview{
        display: block;
      }
      .herosection{
        display: none;
      }}

      /*navbar width list bottom*/
      @media only screen and (min-width: 991px){
        .navbar-nav .nav-item:hover .nav-link::after {
            width: 100%;
            }
            .navbar-nav .nav-item .nav-link.active::after {
                width: 100%;
                }
      }
      @media only screen and (max-width: 991px){
        .navbar-nav .nav-item:hover .nav-link::after {
            width: 0;
            }
            .navbar-nav .nav-item .nav-link.active::after {
                width: 0;
                }
      }