@media (max-width:1600px) {
    .side-space {
        padding-left: unset;
        padding-right: unset;
    }


}

@media (max-width:1500px) {
    #footer .cloude-box {
        top: -195px;

    }
}

@media (max-width:1300px) {
    #footer .cloude-box {
        top: -96px;
    }
}

@media (max-width:1200px) {
    .home-banner .carousel-inner .carousel-caption p {
        font-size: 40px;
    }

    .home-banner .carousel-inner .carousel-caption h5 {
        font-size: 22px;
    }

    .home-banner .carousel-inner .carousel-caption .left {

        padding-right: unset;
    }

    #process-sec .main-box {

        padding: unset;
    }

    #header .nav-link {
        font-size: 16px;
    }

    #header .nav-item {
        margin-right: unset;
    }

}

@media (max-width:992px) {
    #breadcrumb h2 {
        font-size: 36px;
    }

    .breadcrumb-item a {
        font-size: 16px;
    }
    .breadcrumb-item.active{
                font-size: 16px;

    }

    .home-banner .carousel-inner .carousel-caption p br {
        display: none;
    }

    #header {
        padding-top: unset;
        padding-bottom: unset;
    }

    .navbar {
        border-radius: 10px;
    }

    #about-sec .right {
        margin-top: 30px;
    }

    #process-sec .main-box p {
        visibility: visible !important;

    }

    #process-sec .img-box {
        width: 50%;
        margin: auto;
    }

    #process-sec .main-box.odd {
        margin-left: unset;
    }

    #process-sec .main-box.even {
        margin-right: unset
    }

    #testimonial .main-box {
        flex-direction: column;
        flex-wrap: wrap-reverse;
    }

    .custom-faq .accordion-button {
        font-size: 18px;
        padding: 10px 0;
    }

    .play-btn {
        width: 70px;
        height: 70px;
    }
}

@media (max-width:768px) {
    #footer .cloude-box {
        top: -66px;
    }

    .heading br {
        display: none !important;
    }

    #process-sec .img-box {
        width: 90%;
        margin: auto;
    }

    .ring {
        position: absolute;
        border-radius: 50%;
        inset: -6%;
        animation: pulse 3s infinite;
    }

    /* ring variations */
    .ring1 {
        background: rgba(13, 15, 15, 0.35);
        animation-delay: 0s;
        z-index: 1;
    }

    .ring2 {
        background: rgba(108, 191, 183, 0.25);
        inset: -9%;
        animation-delay: 1s;
        z-index: 1;
    }

    .ring3 {
        background: rgba(108, 191, 183, 0.15);
        inset: -12%;
        animation-delay: 2s;
        z-index: 1;
    }

    .heading {
        font-size: 35px !important;
    }

    .heading br {
        display: none;
    }

    .home-banner .carousel-inner .carousel-caption h1 {
        font-size: 45px;
    }

    .home-banner .carousel-inner .carousel-caption h1 br {
        display: none;
    }

    .home-banner .carousel-inner .carousel-caption {
        top: 40%;
    }

    #call-us {
        padding: 40px 0 0px 0;
    }

    #home-banner .home-banner-1 {
        display: none;
    }

    .home-banner-2 {
        display: block;
    }

    #footer {
        margin-top: 130px;
    }

}

@media (max-width:575px) {
    #breadcrumb .img-box img {
        height: 150px;
    }

    .stats-strip i {
        font-size: 40px;
    }

    #breadcrumb h2 {
        font-size: 24px;
        text-align: left;
    }

    #breadcrumb {
        padding: 100px 0 80px 0;
    }

    .breadcrumb-item a {
        font-size: 15px;
    }

    .breadcrumb {
        margin-bottom: 0 !important;
    }

    .breadcrumb-item.active {
        font-size: 16px;
    }

    .custom-faq .accordion-body {
        font-size: 16px;
        line-height: normal;
    }

    .feature-item span {
        width: 30px;
        height: 30px;
    }

    .feature-item {
        gap: 10px;
        font-size: 16px;
    }

    .feature-list {
        gap: 10px;
    }

    .call-us .content::after {
        display: none;
    }

    #testimonial .main-box {
        padding: 10px;
    }

    #testimonial .swiper-button-prev {
        width: 49px;
    }

    #testimonial .swiper-button-next {
        width: 49px;
    }

    #footer .cloude-box {
        top: -46px;
    }


    .home-banner .carousel-inner .carousel-caption h1 {
        font-size: 36px;
    }

    #process-sec .process-btn {
        padding: 10px 17px;
    }

    .marquee-content span {
        color: #ffffff;
        font-size: 16px;
    }

    .appointment-form {
        padding: 30px 10px;
    }

    .why-choose .box {
        padding: 20px 10px;
        flex-direction: column;
    }

    .why-choose .box p {
        text-align: center;
    }

    .why-choose .box h5 {
        text-align: center;
    }

    .why-choose .box .wave-line {
        margin: auto;
    }

    .why-choose .icon-box i {
        font-size: 40px;
    }

    .carousel-control-prev img {
        width: 40px;
    }

    .carousel-control-next img {
        width: 40px;
    }

    .top-icon img {
        max-width: 50px;
        margin-bottom: 5px;
    }

    .home-banner .carousel-inner .carousel-caption p {
        font-size: 30px;
    }

    .carousel-caption {
        left: 5% !important;
        right: 5% !important;
    }

    .cradle img {
        width: 110px;
    }

    .cradle.cradle-2 {
        animation-delay: -3s;
    }

    .cradle.cradle-3 {
        animation-delay: -6s;
    }


}

@media (max-width:500px) {

    .call-us {
        padding: 30px 30px;
    }

    .footer-bottom p {
        margin-bottom: 5px;
    }

    .home-banner .carousel-inner .carousel-caption h5 {
        font-size: 18px;
    }

    .home-banner .carousel-inner .carousel-caption h1 {
        font-size: 30px;
    }

    .blob-btn {
        font-size: 14px;
        padding: 10px 24px;
    }
}

@media (max-width:400px) {
    .home-banner .carousel-inner .carousel-caption p {
        font-size: 26px;
    }


    .home-banner .top-head p {
        font-size: 14px !important;
    }

    .heading {
        font-size: 26px !important;
    }

    #footer .cloude-box {
        top: -46px;
    }

}