.service-listing-sec {
    display: inline-block;
    width: 100%;
}

.service-list {
    width: calc(100% + 28px);
    margin: 0 -14px;
    display: flex;
    flex-wrap: wrap;
    /* background: beige; */
    justify-content: flex-start;
    row-gap: 30px;

    .slide-box {
        width: calc(25% - 28px);
        margin: 0 14px;
    }
}


.services-details-page {
    & .testimonial-slider-sec + .intro-section {
        margin-top: 100px;
    }
    & .gallery-slider-sec {
        & .container {
            & .inr_gallery-slider { margin-bottom: 0;  
                & + .loadmore_link { 
                    margin-top: 10px;
                    display: inline-block;
                }
            } 
        }
    }
}


@media (max-width: 1800px) {}

@media (max-width: 1440px) {

    .service-list {

        .slide-box {
            width: calc(33.33% - 28px);
            margin: 0 14px;
        }
    }
    .services-details-page {
        & .testimonial-slider-sec + .intro-section {
            margin-top: 80px;
        }
    }
}



@media (max-width: 1200px) {}

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
    .services-details-page {
        & .testimonial-slider-sec + .intro-section {
            margin-top: 60px;
        }
    }
}

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {

    .service-list {

        .slide-box {
            width: calc(50% - 28px);
            margin: 0 14px;
        }
    }
    .services-details-page {
        & .testimonial-slider-sec + .intro-section {
            margin-top: 40px;
        }
    }
}


@media (max-width: 576px) {

    .service-list {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 480px) {

    .service-list {
        max-width: 75%;
        margin: 0 auto;
        width: 100%;

        .slide-box {
            width: 100%;
            margin: 0;
        }
    }
}