@media(max-width:991px){

.logo{

    width:55px;

}

.company-name{

    font-size:16px;

}

.company-tagline{

    font-size:11px;

}

.call-btn{

    width:100%;

    margin-top:15px;

}

}
/* ==============================
        TABLETS
================================= */

@media (max-width:991px){

    .navbar-brand{
        flex-direction:column;
        align-items:flex-start;
    }

    .company-name{
        font-size:20px;
    }

    .company-tagline{
        font-size:12px;
    }

    .hero-title{
        font-size:42px;
    }

    .section-title{
        font-size:34px;
    }

    .footer{
        text-align:center;
    }

    .footer-brand{
        justify-content:center;
    }

    .footer-social{
        justify-content:center;
    }

}


/* ==============================
        MOBILE
================================= */

@media (max-width:767px){

    .hero-title{
        font-size:32px;
    }

    .section-title{
        font-size:28px;
    }

    .section-subtitle{
        font-size:16px;
    }

    .company-name{
        font-size:18px;
    }

    .company-tagline{
        display:none;
    }

    .brand-card,
    .product-card,
    .gallery-img,
    .contact-card{
        margin-bottom:20px;
    }

    .footer{
        text-align:center;
    }

    .footer-links{
        margin-top:25px;
    }

    .call-btn{
        width:100%;
    }

}
@media(max-width:768px){

.page-banner{

    padding:60px 20px;

}

.page-banner h1{

    font-size:36px;

}

.page-subtitle{

    font-size:16px;

}

}