/* Responsive Text Sizes for Mobile Devices */

/* For mobile devices */
@media (max-width: 767px) {
    /* Blog post meta information */
    .blog-info span {
        font-size: 16px !important;
        display: block;
        margin-bottom: 8px;
    }
    
    .blog-info span i {
        font-size: 18px !important;
    }
    
    /* Post meta div specifically requested by user */
    .post-meta.mb-3 span {
        font-size: 16px !important;
        display: block;
        margin-bottom: 8px;
    }
    
    .post-meta.mb-3 span i {
        font-size: 18px !important;
    }
    
    /* Service section titles */
    .rts-title-area.service .pre-title {
        font-size: 20px !important;
        margin-bottom: 10px;
    }
    
    .rts-title-area.service .title {
        font-size: 28px !important;
        line-height: 1.3;
    }
    
    /* Client area titles */
    .title-area-client .client-title {
        font-size: 22px !important;
        font-weight: 600;
        line-height: 1.4;
    }
    
    /* Team section titles */
    .rts-title-area.team .pre-title {
        font-size: 20px !important;
        margin-bottom: 10px;
    }
    
    .rts-title-area.team .title {
        font-size: 28px !important;
        line-height: 1.3;
    }
}

/* For small mobile devices */
@media (max-width: 480px) {
    /* Blog post meta information */
    .blog-info span {
        font-size: 18px !important;
    }
    
    .blog-info span i {
        font-size: 20px !important;
    }
    
    /* Post meta div specifically requested by user */
    .post-meta.mb-3 span {
        font-size: 18px !important;
    }
    
    .post-meta.mb-3 span i {
        font-size: 20px !important;
    }
    
    /* Service section titles */
    .rts-title-area.service .pre-title {
        font-size: 22px !important;
    }
    
    .rts-title-area.service .title {
        font-size: 30px !important;
    }
    
    /* Client area titles */
    .title-area-client .client-title {
        font-size: 24px !important;
    }
    
    /* Team section titles */
    .rts-title-area.team .pre-title {
        font-size: 22px !important;
    }
    
    .rts-title-area.team .title {
        font-size: 30px !important;
    }
}