@media (max-width: 575.98px) {

    .logo {
        width: 102px;
    }

    .nav-link {
        margin: 0 1rem;
    }

    .btn-groups{
        justify-content: start;
      }

    .nav-bg{
        width: 40%;
      }
      
      
      .nav-bgm{
        background-color: rgb(255, 255, 255, 0.9);
        border-radius: 50px;
        align-items: start;
      }
      
      .underline{
       display: none;

      }


    .home-banner {
        height: 460px;
        padding-top: 10.5rem;
    }


    .hero-wrap {
        padding: 3.6rem;
        margin-top: -5rem;
    }


    .home-banner h3 {
        font-size: 24px;
    }

    .home-banner h1 {
        font-size: 38px;
    }



    .domestic-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }


}