@media (max-width:991.98px){

    .site-header{

        top:15px;

    }

    .nav-glass{

        padding:1rem 1.25rem;

        border-radius:20px;

    }

    .navbar-collapse{
        margin-top:1.5rem;
        border-top:1px solid rgba(255,255,255,.10);
        padding-top:1rem;
        overflow:hidden;
    }

    .navbar-nav{

        gap:0;

    }

    .nav-item{

        width:100%;

    }

    .nav-link{

        display:block;

        padding:.9rem 0 !important;

    }

    .btn-quote{

        width:100%;

        justify-content:center;

        margin-top:1rem;

    }

    .floating-card{

        display:none;

    }

    .hero-section{

        padding:150px 0 90px;

        text-align:center;

    }

    .hero-description{

        margin-inline:auto;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-features{

        justify-content:center;

    }

    .hero-showcase{

        margin-top:2rem;

    }

}

@media (min-width:768px){

    .site-header{

        top:12px;

    }

    .nav-glass{

        padding:.9rem 1rem;

    }

    .brand-text{

        font-size:1.6rem;

        letter-spacing:4px;

    }

    .brand-tagline{

        font-size:.52rem;

        letter-spacing:.34em;

    }

    .hero-title{

        font-size:2.8rem;

    }

    .carousel-item img{

        height:320px;

    }

}

@media (max-width:575.98px){

    .brand-text{

        font-size:1.45rem;

        letter-spacing:3px;

    }

    .brand-tagline{

        font-size:.48rem;

    }

    .hero-title{

        font-size:2.2rem;

    }

    .hero-description{

        font-size:1rem;

    }

    .browser-address{

        display:none;

    }

    .carousel-item img{

        height:240px;

    }
}