/**
 * Frontend responsive overrides
 * Load after custom.css
 *
 * Breakpoints (max-width):
 * - 1399px — large desktop / small laptop
 * - 1199px — laptop / tablet landscape
 * - 991px  — tablet
 * - 676px  — mobile landscape
 * - 400px  — small mobile
 */

 @media (max-width: 1399px) {
    .banner {
        padding-top: 150px;
    }

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

    .home-banner p {
        font-size: 16px;
    }

    .home-banner .btn-primary {
        padding: 10px 20px;
    }
}

@media (max-width: 1199px) {
    header .nav-link {
        padding: 0px 10px;
    }

    .professional-bartenders-item-right h2 {

        font-size: 24px;
        line-height: 30px;

    }

    .risings-stars h2 {
        font-size: 30px;
        line-height: 32px;
    }
    .why-choose-us-header h2 {

        font-size: 30px;
        line-height: 32px;
    }
    .who-know-the-arts h2 {

        font-size: 30px;
        line-height: 30px;
    }
    .our-clients-header h2 {

        font-size: 30px;
        line-height: 32px;
    }
    .why-choose-us-card h3 {

        font-size: 16px;
        line-height: 10px;
    }
}

@media (max-width: 991px) {
    .home-banner h1 {
        font-size: 30px;
    }
    .why-choose-us-card{
        padding: 40px 40px;
    }
    .why-choose-us-icon {
        margin-bottom: 30px;
        position: initial;
    }
    .frontend-navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .frontend-navbar-toggler {
        border-color: rgba(255, 255, 255, 0.6);
        padding: 6px 10px;
    }

    .frontend-navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

    .frontend-navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .frontend-navbar-collapse {
        padding-top: 12px;
        background: currentColor;
        border-radius: 30px;
        z-index: 1;
    }

    .frontend-navbar-nav {
        width: 100%;
        text-align: center;
        margin-bottom: 8px;
    }

    .frontend-navbar-nav .nav-item {
        width: 100%;
    }

    .frontend-navbar-nav .nav-link {
        padding: 10px 20px !important;
        display: block;
    }

    .frontend-navbar-login {
        width: 100%;
        justify-content: center;
        margin-left: 0 !important;
        padding-bottom: 8px;
    }

    .professional-bartenders-item-left {
        text-align: center;
    }

    .professional-bartenders-item-right {
        margin-top: 40px;
        text-align: center;
    }
    .risings-stars-card {
        margin-bottom: 20px;
    }
    .last-card-choose-us{
        margin-top: 40px;
    }
    .last-card-clients{
        margin-top: 30px;
    }
    .contact-banner{
        height: 340px;
    }

}

@media (max-width: 500px) {
    .two-last-card-choose-us{
        margin-top: 30px;
    }
    .two-last-card-clients{
        margin-top: 30px;
    }

    .risings-stars-card {
        height: 400px;
    }

}

@media (max-width: 400px) {
    /* ≤ 400px */
}