@media screen and (max-width: 767px){
    .page-title{
        margin: 0;
    }
    .page-title.page-title-mob {
        height: 250px;
    }
    .page-title .container {
        width: 90%;
    }
    .page-title-text {
        top: 35%;
    }
    .page-title-text-mob.page-title-text p {
        font-size: 24px;
        line-height: 1.5em;
    }
    .service-single-content.service-single-content-mob {
        width: 90%;
        margin: 0 auto;
        text-align: justify;
    }
    .content-title.content-title-mob{
        width: 90%;
    }
    .fpm.fpm-mob {
        width: 90%;
        margin: 0 auto;
    }
    
    .row.mode-row.mode-row-mob {
        display: block;
    }
    .col.mode-col.mode-card-3.mode-col-mob {
        height: auto;
        width: 90%;
        margin: 0 auto 20px;
        padding: 0;
    }
     .mode-card.mode-card-mob {
        padding: 20px;
    }
    .service-single-section .service-single-content .benefit .img-holder{
        margin: 15px 0!important;
    }
    .service-single-section .service-single-content .benefit .details{
        padding: 0!important;
    }
    .section-padding {
    padding: 0!important;
}

.blog-section .blog-grids .grid {
    display: inline-block!important;
}
.blog-section .img-cat {
    width: 90%!important;
    height: auto!important;
    margin: 0 auto;
}
.img-holder img {
    height: auto!important;
}
.blog-section .grid .details {
    width: 90%!important;
    height: auto!important;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px;
}
.pagination{
     margin: 20px 8%!important;
}

.blog-content.blog-content-mob{
    width: 90%;
    margin: 0 auto;
}
.blog-single-section .post p{
    text-indent: unset!important;
}
.blog-single-section .post blockquote{
    font-size: 16px;
}

}