/* Responsive Styles */
@media (max-width: 1200px) {
    .handyman-text {
        font-size: 36px;
    }


    .process-para {
        font-size: 17px;
        padding  : 0 20px;
    }

    .process-section {
        width: 90%;
    }

    .navbar-brand img {
        height      : 97px;
        margin-right: 0;
    }
}

@media (max-width: 992px) {
    .top-contact span {
        margin-right: 15px;
        font-size   : 13px;
    }

    .social-icons a {
        margin-left: 10px;
        font-size  : 14px;
        width      : 26px;
        height     : 26px;
    }

    .hero-content h1 {
        font-size: 2.5rem;
    }

    .hero-content p {
        font-size: 1rem;
        padding  : 0 20px;
    }

    .section-three {
        padding: 80px 0;
    }

    .handyman-text {
        font-size: 32px;
    }

    .malesuada {
        font-size: 16px;
    }

    .services-slider-box {
        height: 400px;
    }

    .section-five {
        padding      : 80px 0 294px;
        margin-bottom: 426px;
    }

    .handyman-text {
        font-size : 32px;
        text-align: center;
    }

    .steps-box {
        margin-bottom: 20px;
    }

    .Register-text {
        font-size: 22px;
    }

    .process-section {
        width    : 95%;
        transform: translate(-50%, -25%);
    }

    .process-section {

        top: 80%;
    }

    .section-title h2 {
        font-size: 30px;
    }

    .testimonial-box {
        padding: 30px;
    }

    .site-footer__contact-points {
        justify-content: center;
    }

    .site-footer__contact-points li {
        flex           : 0 0 50%;
        justify-content: center;
    }

    .footer-widget__column {
        margin-bottom: 40px;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .video-background video {
        position  : absolute;
        top       : 50%;
        left      : 50%;
        width     : 100%;
        height    : 100%;
        object-fit: cover;
        /* Maintain aspect ratio, fill container */
        transform : translate(-50%, -50%);
        z-index   : -1;
    }
}

@media (max-width: 768px) {
    .top-bar {
        padding: 10px 0;
    }

    .top-contact {
        text-align   : center;
        margin-bottom: 8px;
    }

    .top-social {
        text-align: center;
    }

    .call-now {
        padding  : 8px 16px;
        font-size: 14px;
    }

    .hero-content h1 {
        font-size: 2rem;
    }

    .btn-hero {
        padding  : 10px 25px;
        font-size: 1rem;
    }

    .section-three {
        padding: 60px 0;
    }

    .handyman-text {
        font-size: 28px;
    }

    .services_slider {
        margin-top: 40px;
    }

    .services-slider-box {
        height: 350px;
        margin: 10px;
    }

    .services-icon-box {
        padding: 20px;
    }

    .services-solution-main-text {
        font-size: 20px;
    }

    .owl-nav {
        position       : relative;
        top            : 0;
        justify-content: center;
        margin-top     : 30px;
    }

    .section-five {

        padding-bottom: 791px;

    }

    .handyman-text {
        font-size: 28px;
    }

    .process-para {
        font-size    : 16px;
        margin-bottom: 40px;
    }

    .steps-box {
        padding      : 25px 20px;
        margin-bottom: 15px;
    }

    .register-img-main {
        margin: 30px 0 15px;
    }

    .Register-text {
        font-size: 20px;
    }

    .proin {
        margin-bottom: 15px;
        font-size    : 15px;
    }

    .process-section {
        width    : 95%;
        transform: translate(-50%, -20%);
        top      : 51%;
    }

    .testimonial-section {
        padding: 60px 0;
    }

    .section-title h2 {
        font-size: 26px;
    }

    .owl-nav {
        position     : relative;
        top          : 0;
        text-align   : center;
        margin-bottom: 20px;
    }

    .client-info {
        flex-direction: column;
        text-align    : center;
    }

    .client-img {
        margin-right : 0;
        margin-bottom: 15px;
    }

    .service-item {
        min-width: 200px;
        padding  : 12px 20px;
    }

    .service-text {
        font-size: 16px;
    }

    .site-footer__contact-points li {
        flex           : 0 0 100%;
        justify-content: flex-start;
    }

    .site-footer__bottom-inner {
        justify-content: center;
        text-align     : center;
    }

    .footer-widget__title {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .navbar-brand {
        font-size: 22px;
    }

    .top-contact span {
        display      : block;
        margin-right : 0;
        margin-bottom: 5px;
        text-align   : center;
    }

    .hero-content h1 {
        font-size: 1.8rem;
    }

    .handyman-text {
        font-size: 24px;
    }

    .quality {
        font-size: 14px;
    }

    .services-slider-box {
        height: 300px;
    }

    .services-solution-main-text {
        font-size: 18px;
    }

    .aliquam-text {
        font-size: 14px;
    }

    .quality {
        font-size: 14px;
    }

    .handyman-text {
        font-size: 24px;
    }

    .process-para {
        font-size: 15px;
    }

    .steps-box {
        margin-bottom: 10px;
        padding      : 20px 15px;
    }

    .number-circel {
        width    : 50px;
        height   : 50px;
        font-size: 24px;
    }

    .register-img-main {
        margin: 25px 0 15px;
    }

    .register-img-main img {
        max-width: 60px;
    }

    .Register-text {
        font-size: 18px;
    }

    .proin {
        margin-bottom: 10px;
        font-size    : 14px;
    }

    .section-five {
        padding-bottom: 632px;
    }

    .process-section {
        width    : 95%;
        transform: translate(-50%, -15%);
    }

    .testimonial-section {
        padding: 3px 0;
    }

    .testimonial-box {
        padding: 20px;
        margin : 10px;
    }

    .testimonial-text h4 {
        font-size: 18px;
    }

    .site-footer__contact-points li {
        flex-direction: column;
        text-align    : center;
    }

    .site-footer__contact-points li .icon {
        margin-right : 0;
        margin-bottom: 15px;
    }

    .footer-widget__subscribe-btn {
        position     : relative;
        margin-top   : 15px;
        width        : 100%;
        border-radius: 30px;
        height       : 50px;
    }

    .site-footer__social {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 1.8rem;
    }

    .subtitle {
        font-size: 1rem;
    }

    .service-item {
        min-width: 180px;
        padding  : 10px 15px;
    }

    .service-text {
        font-size: 14px;
    }

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

    .section-five {
        padding-bottom: 740px;
    }

    .process-section {

        top: 50%;
    }
}