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

}

@media (max-width:1200px) {
    .home-banner .carousel-inner .carousel-caption .left {

        padding-right: unset;
    }

    #process-sec .main-box {

        padding: unset;
    }

}

@media (max-width:992px) {
    #testimonial {
        background: linear-gradient(#152b2bd1), url(img/testimonial.jpg);
    }

    .navbar {
        border-radius: 10px;
    }

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

    /* #process-sec .main-box.active p {
        display: block !important;
    }

    #process-sec .main-box:hover p {
        display: block !important;
        transition: 0.5s;
    } */

    #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
    }
}

@media (max-width:768px) {
    #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 p {
        font-size: 16px;
    }

}

@media (max-width:575px) {
    #testimonial .main-card .img-box {
        height: 60px;
        width: 60px;
    }

    .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;
    }
}

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

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

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

}