@media (max-width:576px) {
    * p {
        font-size: 15px;
    }

    .hero-content h1 {
        font-size: 28px;
    }

    .hero-content h5 {
        font-size: 18px;
    }

    .hero-content {
        width: 100%;
        font-size: 15px;
        text-align: center;
    }

    .hero {
        background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .2)),
            url('/images/background/hero.jpg');
        background-size: cover;
        background-position: center;
        height: 100vh;
    }

    .second-product .container .row {
        display: flex;
        flex-direction: column-reverse;
        text-align: start;
    }

    .hero-products .first-product .container {
        padding: 50px 0;
        margin-top: 50px;
        width: 85%;
    }

    .hero-products .second-product .container {
        padding: 50px 0;
        width: 85%;
    }

    .hero-products .third-product .container {
        padding: 50px 0;
        width: 85%;
    }

    .pri-btn-out {
        margin: 30px 0;
    }

    .pri-btn {
        padding: 4% 8%;
    }

    #pro-cont {
        padding: 0px;
    }

    .partners .container {
        width: 90%;
        padding: 0;
    }

    .contact-section .col-md-6 {
        margin: 20px 0;
    }

    .contact-section .card-body {
        padding: 0;
    }

    .contact-section .col-md-6 {
        padding: 0;
    }

    .contact-section .row {
        width: 100%;
    }

    .cta-section .pri-btn {
        padding: 3% 10%;
    }

    .value-line {
        border: none;
    }

    .product-card {
        margin-bottom: 1.5rem;
    }

    #pro-cont h1 {
        font-size: 40px;
    }

    .partners .container h1 {
        font-size: 40px;
    }

    #footer-head{
        font-size: 30px;
    }

    .category-title{
        font-size: 40px;
    }

    .faq-category .category-title {
        font-size: 40px;
    }

    .about-section h1 {
        font-size: 40px;
    }

    .values-section h1 {
        font-size: 40px;
    }

    .values-section h3 {
        font-size: 20px;
    }

    .contact-section .row .card h1{
        font-size: 40px;
    }
}