/* min-width */
@media(min-width:320px) {
    h1 {
        font-size: 32px !important;
    }

    h2 {
        font-size: 22px !important;
    }

    h3 {
        font-size: 20px !important;
    }

    h4 {
        font-size: 18px !important;
    }

    h5,
    h6 {
        font-size: 16px !important;
    }

    p {
        font-size: 14px !important;
    }

    .services-banner h1,
    .contact-us h1,
    .about-us h1 {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .reviews .reviews-content .review-card {
        width: 300px !important;
    }

    .banner .banner-content .banner-carousel {
        width: 300px !important;
    }
    header .menu{
        display: none !important;
    }
    header .menu ul li {
        padding: 15px 0;
    }

    .owl-theme .owl-dots .owl-dot {
        display: none !important;
    }

}

@media(min-width:576px) {
    h1 {
        font-size: 35px !important;
    }

    h2 {
        font-size: 25px !important;
    }

    h3 {
        font-size: 23px !important;
    }

    h4 {
        font-size: 20px !important;
    }

    h5,
    h6 {
        font-size: 18px !important;
    }

    .services-banner h1,
    .contact-us h1,
    .about-us h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .reviews .reviews-content .review-card {
        width: 500px !important;
    }

    .banner .banner-content .banner-carousel {
        width: 500px !important;
    }
}

@media(min-width:600px) {
    .owl-theme .owl-dots .owl-dot {
        display: inline-block !important;
        zoom: 1 !important;
    }
}

@media(min-width:768px) {
    h1 {
        font-size: 38px !important;
    }

    h2 {
        font-size: 28px !important;
    }

    h3 {
        font-size: 26px !important;
    }

    h4 {
        font-size: 23px !important;
    }

    h5,
    h6 {
        font-size: 20px !important;
    }

    p {
        font-size: 15px !important;
    }
}

@media(min-width:992px) {
    h1 {
        font-size: 40px !important;
    }

    h2 {
        font-size: 30px !important;
    }

    h3 {
        font-size: 26px !important;
    }

    h4 {
        font-size: 22px !important;
    }

    .services-banner h1,
    .contact-us h1,
    .about-us h1 {
        font-size: 35px !important;
        line-height: 48px !important;
    }

    header .menu ul li {
        padding: 8px 10px;
    }
    header .menu{
        position: relative;
        display: block !important;
    }
}

@media(min-width:1200px) {
    h1 {
        font-size: 45px !important;
    }

    h2 {
        font-size: 32px !important;
    }

    h3 {
        font-size: 28px !important;
    }

    .help .help-content h2,
    .who-we-are h2,
    .our-mission h2,
    .our-vision h2 {
        font-size: 40px !important;
    }

    .services .services-content h2 {
        font-size: 32px !important;
    }
}

@media(min-width:1400px) {
    h1 {
        font-size: 50px !important;
    }
}