@media (max-width:1200px) {
    .about-sec p {
        font-size: 20px;
        line-height: 1.5
    }

    .counter-container h2,
    .services .service-title {
        font-size: 28px
    }

    .service-count i {
        font-size: 35px
    }

    .counter-container p,
    .services p {
        font-size: 18px
    }

    .product-card img {
        height: 320px
    }

    .hero-sec img {
        height: 550px
    }

    .hero-cover img {
        height: 350px
    }

    .testimonial-sec .img-1 {
        width: 100px;
        height: 100px;
        top: 0;
        left: 28%
    }

    .testimonial-sec .img-2 {
        width: 100px;
        height: 100px;
        top: 18%;
        left: 0
    }

    .testimonial-sec .img-3 {
        width: 80px;
        height: 80px;
        top: 10%;
        right: 28%
    }

    .testimonial-sec .img-4 {
        width: 65px;
        height: 65px;
        top: 25%;
        right: 8%
    }

    .testimonial-sec .img-5 {
        width: 90px;
        height: 90px;
        top: 42%;
        left: 24%
    }

    .testimonial-sec .img-6 {
        width: 90px;
        height: 90px;
        top: 39%;
        right: 35%
    }

    .testimonial-sec .img-7 {
        width: 100px;
        height: 100px;
        bottom: 10%;
        left: 2%
    }

    .testimonial-sec .img-8 {
        width: 100px;
        height: 100px;
        bottom: 0;
        left: 35%
    }

    .testimonial-sec .img-9 {
        width: 100px;
        height: 100px;
        bottom: 9%;
        right: 13%
    }
}

@media (max-width:1100px) {
    .hero-sec img {
        height: 500px
    }

    .aboutus-sec h1,
    .joinus-sec h1,
    .testimonial-sec h1 {
        font-size: 30px
    }
}

@media (max-width:992px) {

    .about-sec p,
    .blog-card h5,
    .contact-form-wrap .form-label,
    .contact-sec p,
    .services p {
        font-size: 16px
    }

    .blog-card p,
    .counter-container p,
    footer a,
    footer p {
        font-size: 14px
    }

    .primary-btn,
    footer input {
        height: 45px
    }

    .service-count i {
        font-size: 30px
    }

    .counter-container h2,
    .services .service-title {
        font-size: 20px
    }

    .hero-cover img,
    .product-card img {
        height: 300px
    }

    .contact-sec h1,
    .overlay-text p {
        font-size: 35px
    }

    .hero-sec img {
        height: 420px
    }

    .error-sec h4,
    footer h5 {
        font-size: 18px
    }

    .joinus-sec img {
        height: 350px
    }

    .blog-details img,
    .testimonial-sec .image-collage {
        max-height: 400px
    }

    .error-number {
        width: 165px
    }

    .blog-details h2 {
        font-size: 26px
    }

    .blog-card img {
        height: 200px
    }
}

@media (max-width:768px) {

    .hero-cover img,
    .product-card img {
        height: 250px
    }

    .product-card {
        border-radius: 30px
    }

    .overlay-text p {
        font-size: 30px
    }

    footer button {
        width: auto
    }

    .hero-sec img {
        height: 350px
    }

    .service-sec img {
        border-radius: 32px 32px 0 0
    }

    .service-count {
        border-radius: 0 0 32px 32px
    }

    .aboutus-sec h1,
    .joinus-sec h1,
    .testimonial-sec h1 {
        font-size: 26px
    }

    .testimonial-sec .img-1 {
        width: 100px;
        height: 100px;
        top: 0;
        left: 28%
    }

    .testimonial-sec .img-2 {
        width: 100px;
        height: 100px;
        top: 18%;
        left: 0
    }

    .testimonial-sec .img-3 {
        width: 80px;
        height: 80px;
        top: 10%;
        right: 25%
    }

    .testimonial-sec .img-4 {
        width: 65px;
        height: 65px;
        top: 25%;
        right: 0
    }

    .testimonial-sec .img-5 {
        width: 90px;
        height: 90px;
        top: 42%;
        left: 24%
    }

    .testimonial-sec .img-6 {
        width: 90px;
        height: 90px;
        top: 39%;
        right: 25%
    }

    .testimonial-sec .img-7 {
        width: 100px;
        height: 100px;
        bottom: 10%;
        left: 2%
    }

    .testimonial-sec .img-8 {
        width: 100px;
        height: 100px;
        bottom: 0;
        left: 38%
    }

    .testimonial-sec .img-9 {
        width: 100px;
        height: 100px;
        bottom: 9%;
        right: 11%
    }

    .error-number {
        width: 150px
    }

    .error-girl {
        width: 130px
    }

    .bottom-shadow {
        width: 90%
    }

    .blog-details h2 {
        font-size: 22px
    }

    .blog-details p {
        font-size: 14px
    }

    .blog-details h5,
    .enquiry-form-box h1,
    footer h3 {
        font-size: 18px
    }
}

@media (max-width:575px) {

    .about-sec p,
    .aboutus-sec p,
    .contact-form-wrap .form-label,
    .contact-sec p,
    .joinus-sec p,
    .nav-link,
    .primary-btn,
    .services p,
    .testimonial-sec p,
    .top-header a {
        font-size: 14px
    }

    .counter-container h2,
    .services .service-title {
        font-size: 12px
    }

    .aboutus-sec h1,
    .joinus-sec h1,
    .testimonial-sec h1 {
        font-size: 22px
    }

    .error-number {
        width: 120px
    }

    .error-girl {
        width: 110px
    }

    .bottom-shadow {
        width: 80%
    }

    .enquiry-form-box h1,
    .error-sec h4,
    footer h3 {
        font-size: 16px
    }

    .county-des table td 
    {
        padding: 8px;
    }

    .county-des table td p 
    {
        font-size: 12px;
    }

    .top-header .social-icons span {
        width: 26px;
        height: 26px;
        font-size: 16px
    }
}

@media (max-width:480px) {
    .testimonial-sec .img-1 {
        width: 90px;
        height: 90px;
        top: 0;
        left: 28%
    }

    .testimonial-sec .img-2 {
        width: 90px;
        height: 90px;
        top: 18%;
        left: 0
    }

    .testimonial-sec .img-3 {
        width: 70px;
        height: 70px;
        top: 10%;
        right: 20%
    }

    .testimonial-sec .img-4 {
        width: 55px;
        height: 55px;
        top: 25%;
        right: 0
    }

    .testimonial-sec .img-5 {
        width: 80px;
        height: 80px;
        top: 42%;
        left: 24%
    }

    .testimonial-sec .img-6 {
        width: 80px;
        height: 80px;
        top: 39%;
        right: 25%
    }

    .testimonial-sec .img-7 {
        width: 90px;
        height: 90px;
        bottom: 10%;
        left: 2%
    }

    .testimonial-sec .img-8 {
        width: 90px;
        height: 90px;
        bottom: 0;
        left: 35%
    }

    .testimonial-sec .img-9 {
        width: 90px;
        height: 90px;
        bottom: 11%;
        right: 7%
    }

    .testimonial-sec .image-collage {
        height: 385px
    }

    .error-number {
        width: 100px
    }

    .error-girl {
        width: 90px
    }

    .bottom-shadow {
        width: 70%
    }

    .big-balloon {
        width: 35px
    }

    .small-balloon {
        width: 25px
    }

    .blog-card img {
        height: 180px
    }

    .blog-details h1,
    .blog-details h1 span {
        font-size: 20px !important;
        line-height: normal !important
    }
}

@media (max-width:375px) {
    .error-number {
        width: 90px
    }

    .big-balloon {
        width: 25px
    }

    .small-balloon {
        width: 15px
    }

    .primary-btn
    {
        font-size: 12px;
    }
}

@media (max-width:320px) {
    .product-card img {
        height: 200px
    }

    .product-card {
        border-radius: 20px
    }
}