/* ===================================
   Mobile Enhancements for All Devices
   =================================== */

/* Base Mobile Improvements */
@media only screen and (max-width: 767px) {
    
    /* Prevent horizontal scroll */
    body {
        overflow-x: hidden !important;
        width: 100%;
        max-width: 100vw;
    }
    
    /* ========================================
       CRITICAL FIX: Disable smooth scroll wrappers completely on mobile
       This ensures native touch scrolling works properly
       ======================================== */
    
    /* Apply to all mobile devices, not just when body has mobile-device class */
    #smooth-wrapper,
    #smooth-content {
        transform: none !important;
        height: auto !important;
        overflow: visible !important;
        position: static !important;
        width: 100% !important;
        will-change: auto !important;
    }
    
    body.mobile-device #smooth-wrapper,
    body.mobile-device #smooth-content {
        transform: none !important;
        height: auto !important;
        overflow: visible !important;
        position: static !important;
        width: 100% !important;
        will-change: auto !important;
    }
    
    /* Enable smooth native scrolling on mobile */
    body,
    html {
        -webkit-overflow-scrolling: touch !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    
    /* Apply touch-action only to smooth scroll wrappers to prevent conflicts */
    #smooth-wrapper,
    #smooth-content {
        touch-action: pan-y !important;
        -ms-touch-action: pan-y !important;
    }
    
    /* Container improvements */
    .container, .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Better font sizing for mobile */
    h1, .h1 {
        font-size: 30px !important;
        line-height: 1.3 !important;
    }
    
    h2, .h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
    
    h3, .h3 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    
    h4, .h4 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
    
    h5, .h5, h6, .h6 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
    
    /* Body text improvements */
    p, .body-text {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    
    /* Images responsive */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* Better touch targets */
    a:not(.rts-btn-mouse-move), button, input, select, textarea {
        min-height: 44px;
        padding: 10px 15px;
    }
    
    /* Navigation improvements */
    .navbar-nav-1 {
        display: none !important;
    }
    
    .menu-btn {
        display: block !important;
    }
    
    /* Header padding adjustments */
    .header-area {
        padding: 15px 0 !important;
    }
    
    .header-wrapper {
        padding: 0 15px !important;
    }
    
    /* Fixed/Sticky header height for mobile */
    .header-area.header--sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        background-color: #000 !important;
        width: 100% !important;
    }
    
    /* Ensure logo is properly sized on mobile */
    .header-area .logo img {
        max-height: 40px !important;
        width: auto !important;
    }
    
    /* Add body padding to account for fixed header */
    body {
        padding-top: 70px !important;
    }
    
    /* Ensure main content starts below fixed header */
    #main-content {
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* ========================================
       INNER PAGES - BREADCRUMB SPACING FIX
       ======================================== */
    
    /* Add proper spacing between header and page content */
    body.inner-page .rts-breadcrumb-area,
    body.inner-page .baread-crumb-main-wrapper {
        margin-top: 0 !important;
        padding-top: 100px !important;
    }
    
    /* Ensure breadcrumb section doesn't overlap with sticky header */
    body.inner-page .header-area + div {
        padding-top: 0 !important;
    }
    
    /* Specific fix for smooth-wrapper on ALL pages */
    #smooth-wrapper,
    #smooth-content {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    body.inner-page #smooth-wrapper {
        padding-top: 0 !important;
    }
    
    .baread-crumb-main-wrapper.pt--100 {
        padding-top: 100px !important;
    }
    
    /* Portfolio page specific breadcrumb fix */
    body.inner-page .rts-breadcrumb-style-5 {
        padding-top: 100px !important;
        margin-top: 0 !important;
    }
    
    /* Breadcrumb inner content spacing */
    .baread-crumb-main-wrapper .inner {
        padding: 20px 15px !important;
    }
    
    /* Breadcrumb heading spacing */
    .baread-crumb-main-wrapper .inner .title {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        font-size: 32px !important;
        line-height: 1.3 !important;
    }
    
    /* Breadcrumb small text */
    .baread-crumb-main-wrapper .inner .works,
    .baread-crumb-main-wrapper .inner span {
        display: block !important;
        margin-bottom: 10px !important;
        font-size: 14px !important;
    }
    
    /* Background text styling */
    .baread-crumb-main-wrapper .inner .bg-text {
        font-size: 40px !important;
        opacity: 0.05 !important;
    }
    
    /* Breadcrumb background area */
    .rts-breadcrumb-area {
        min-height: auto !important;
        height: auto !important;
        padding: 100px 15px 60px !important;
    }
    
    /* Ensure all inner pages have proper top spacing */
    body.inner-page .header-area + * {
        margin-top: 0 !important;
    }
    
    body.inner-page #smooth-wrapper,
    body.inner-page #smooth-content {
        padding-top: 0 !important;
    }
    
    /* ========================================
       BANNER SECTION - COMPLETE MOBILE FIX
       ======================================== */
    
    /* Hide circular badges on mobile - they take up too much space */
    .top-center-image,
    .rts-scroll-down-circle-wrapper-3,
    .scroll-down-circle-3,
    .speen-shape {
        display: none !important;
    }
    
    /* Banner area base styles */
    .banner-area,
    .banner-style-one,
    .banner-bg-1,
    .banner-area.banner-style-one {
        padding: 60px 15px 40px !important;
        min-height: auto !important;
        height: auto !important;
        background-position: center !important;
        overflow: visible !important;
        display: block !important;
    }
    
    /* Ensure banner content flows naturally */
    .banner-area .container,
    .banner-area .row,
    .banner-area .col-lg-9 {
        position: relative !important;
        height: auto !important;
        min-height: auto !important;
    }
    
    /* Banner row spacing */
    .banner-area .row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .ptb--200,
    .ptb_sm--150 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Banner wrapper */
    .banner-one-wrapper {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        min-height: auto !important;
        position: relative !important;
    }
    
    .mt--80,
    .mt_sm--0 {
        margin-top: 0 !important;
    }
    
    /* Banner title */
    .banner-one-wrapper .title,
    .rts_hero__title {
        font-size: 28px !important;
        line-height: 1.4 !important;
        margin-bottom: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }
    
    /* Banner title br tags - remove breaks on mobile */
    .banner-one-wrapper .title br {
        display: none !important;
    }
    
    /* Italicized span in title */
    .banner-one-wrapper .title span,
    .banner-one-wrapper .title .border-bottom-1 {
        font-size: 28px !important;
        display: inline !important;
        font-style: italic !important;
        white-space: normal !important;
    }
    
    /* Remove underline decoration on mobile for cleaner look */
    .banner-one-wrapper .title span::after {
        display: none !important;
    }
    
    /* Banner paragraph wrapper - FIX absolute positioning */
    .banner-one-wrapper .para-wraph,
    .banner-area .banner-one-wrapper .para-wraph {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: 100% !important;
        margin-bottom: 25px !important;
        margin-top: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
    }
    
    /* Banner paragraph text */
    .banner-one-wrapper .para-wraph p,
    .hero__sub-title,
    .banner-one-wrapper .disc {
        width: 100% !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-bottom: 0 !important;
        color: #D9D9D9 !important;
        max-width: 100% !important;
    }
    
    /* Remove br tags in paragraph for better mobile flow */
    .banner-one-wrapper .para-wraph p br {
        display: none !important;
    }
    
    /* Button area - FIX absolute positioning */
    .bannerJump_animation,
    .banner-jump-button,
    .rts-scroll-down-circle-wrapper-4,
    .banner-area.banner-style-one .explore-button {
        position: relative !important;
        left: 0 !important;
        right: auto !important;
        top: auto !important;
        bottom: 0 !important;
        transform: none !important;
        margin-top: 25px !important;
        width: 100% !important;
    }
    
    .jump__anim,
    .rts_round_btn_wrap,
    .scroll-down-circle-4 {
        position: relative !important;
        display: block !important;
    }
    
    /* Button styling */
    .rts-mouse-move-button {
        position: relative !important;
        display: block !important;
        width: 100% !important;
    }
    
    .btn_wrapper {
        display: block !important;
        width: 100% !important;
    }
    
    .rts-btn-mouse-move,
    .btn-hover,
    .btn-item {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 15px 25px !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        white-space: nowrap !important;
        text-align: center !important;
        min-height: 50px !important;
        width: auto !important;
        position: relative !important;
    }
    
    /* Remove br in button text */
    .rts-btn-mouse-move br {
        display: none !important;
    }
    
    /* Ensure button text stays on one line */
    .rts-btn-mouse-move span {
        display: inline !important;
    }
    
    /* Generic banner content fallbacks */
    .banner-content h1,
    .banner-title {
        font-size: 26px !important;
        margin-bottom: 15px !important;
    }
    
    .banner-content p,
    .banner-desc {
        font-size: 15px !important;
        margin-bottom: 20px !important;
    }
    
    /* Hide decorative elements that take space */
    .banner-one-wrapper .banner-bg-image,
    .banner-shape,
    .shape-about-one {
        display: none !important;
    }
    
    /* ========================================
       END BANNER SECTION FIX
       ======================================== */
    
    /* Section spacing improvements */
    section, .rts-section {
        padding: 50px 0 !important;
    }
    
    .pt--120, .pt--100, .pt--80 {
        padding-top: 50px !important;
    }
    
    .pb--120, .pb--100, .pb--80 {
        padding-bottom: 50px !important;
    }
    
    /* Card and box improvements */
    .card, .service-box, .product-box, .blog-box {
        margin-bottom: 20px;
        padding: 20px;
    }
    
    /* Form improvements */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    textarea,
    select {
        width: 100%;
        font-size: 16px !important;
        padding: 12px 15px;
        margin-bottom: 15px;
        border-radius: 5px;
    }
    
    textarea {
        min-height: 120px;
    }
    
    /* Button improvements */
    .btn, button:not(.rts-btn-mouse-move), .rts-btn {
        width: 100%;
        max-width: 100%;
        padding: 15px 25px !important;
        font-size: 16px !important;
        margin-bottom: 10px;
        white-space: normal !important;
        min-height: 50px;
    }
    
    /* Grid improvements */
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .row > [class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    
    /* Portfolio/Gallery improvements */
    .portfolio-item, .gallery-item {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    /* Testimonials improvements */
    .testimonial-item, .review-item {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    /* Footer improvements */
    .footer-area, footer {
        padding: 40px 20px 20px !important;
    }
    
    .footer-widget {
        margin-bottom: 30px;
    }
    
    /* Video container */
    .video-container, .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }
    
    .video-container iframe,
    .video-container video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    /* Table responsive */
    table {
        width: 100%;
        overflow-x: auto;
        display: block;
    }
    
    /* Remove large paddings on mobile */
    .pt--200, .pt--150, .pt--180 {
        padding-top: 50px !important;
    }
    
    .pb--200, .pb--150, .pb--180 {
        padding-bottom: 50px !important;
    }
    
    /* Swiper slider improvements */
    .swiper-container {
        overflow: hidden;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* About section improvements */
    .about-image, .about-thumb {
        margin-bottom: 30px;
    }
    
    /* Service grid improvements */
    .service-grid, .product-grid {
        display: block;
    }
    
    .service-item, .product-item {
        width: 100%;
        margin-bottom: 20px;
    }
    
    /* Logo sizing */
    .logo img {
        max-width: 150px;
        height: auto;
    }
    
    /* ========================================
       CONTAINER RESPONSIVE FIXES
       ======================================== */
    
    /* Full width containers on mobile */
    .container-full,
    .container-160,
    .container-full-150 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* ========================================
       ABOUT SECTION RESPONSIVE
       ======================================== */
    
    .rts-about-area-1 {
        padding: 50px 0 !important;
    }
    
    .image-wrapper-main-about {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
    }
    
    .mt-dec-135 {
        margin-top: 0 !important;
    }
    
    .text-split-wrap-about .title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    .left-main-about-inner {
        margin-bottom: 30px !important;
    }
    
    .pl--60,
    .pl_sm--15 {
        padding-left: 15px !important;
    }
    
    .pr--100,
    .pr_md--50,
    .pr_sm--20 {
        padding-right: 15px !important;
    }
    
    /* ========================================
       SERVICES SECTION RESPONSIVE
       ======================================== */
    
    .service-area {
        padding: 50px 0 !important;
    }
    
    .single-service-item,
    .service-box {
        margin-bottom: 20px !important;
        padding: 20px !important;
    }
    
    /* ========================================
       CASE STUDIES / PORTFOLIO RESPONSIVE
       ======================================== */
    
    .case-studies-area,
    .portfolio-area {
        padding: 50px 0 !important;
    }
    
    .scrollingText,
    .scrollingText-two,
    .scrollingText-three {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    .main-wrapper-case-studies .title,
    .scrolltext-wrapper .title {
        font-size: 24px !important;
    }
    
    /* ========================================
       TESTIMONIALS RESPONSIVE
       ======================================== */
    
    .trusted-clients-area-start {
        padding: 50px 0 !important;
    }
    
    .swiper-testimonails-style-one-main-wrapper {
        margin-bottom: 30px !important;
    }
    
    .single-testimonials-main-wrapper {
        padding: 20px !important;
    }
    
    .single-testimonials-main-wrapper .disc br {
        display: none !important;
    }
    
    .after-effect-testi-right-img {
        margin-top: 30px !important;
    }
    
    .mt--80,
    .mt_sm--30 {
        margin-top: 20px !important;
    }
    
    /* ========================================
       BLOG SECTION RESPONSIVE
       ======================================== */
    
    .blog-area-start {
        padding: 50px 0 !important;
    }
    
    .blog-left-wrapper-area-one {
        margin-bottom: 30px !important;
    }
    
    .blog-single-main-wrapper {
        margin-bottom: 30px !important;
    }
    
    .blog-single-main-wrapper .title {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
    
    .blog-single-main-wrapper .title br {
        display: none !important;
    }
    
    /* Blog images uniform sizing */
    .blog-single-main-wrapper .thumbnail .imgae-box img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }
    
    /* ========================================
       CTA SECTION RESPONSIVE
       ======================================== */
    
    .cta-main-wrapper-one {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 30px 20px !important;
    }
    
    .cta-main-wrapper-one .left-area,
    .cta-main-wrapper-one .right-bg-image {
        display: none !important;
    }
    
    .cta-main-wrapper-one .cta-mid-area {
        width: 100% !important;
        margin-bottom: 25px !important;
    }
    
    .cta-main-wrapper-one .cta-mid-area .title {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
    }
    
    .cta-main-wrapper-one .cta-mid-area .title br {
        display: none !important;
    }
    
    .cta-main-wrapper-one .cta-mid-area .disc {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    
    .cta-main-wrapper-one .cta-mid-area .disc br {
        display: none !important;
    }
    
    .cta-main-wrapper-one .button-area-right {
        width: 100% !important;
        text-align: center !important;
    }
    
    .cta-main-wrapper-one .button-area-right .rts-btn {
        width: auto !important;
        display: inline-block !important;
        padding: 15px 30px !important;
    }
    
    /* ========================================
       FOOTER RESPONSIVE
       ======================================== */
    
    .rts-footer-area-one {
        padding: 50px 0 30px !important;
    }
    
    .footer-main-wrapper-one {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
    }
    
    .footer-left-area,
    .footer-mid-area,
    .footer-right-area {
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 30px !important;
    }
    
    .footer-widget-area {
        margin-bottom: 30px !important;
    }
    
    .footer-widget-area .title {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }
    
    .rts-social-area-one ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        justify-content: flex-start !important;
    }
    
    .footer-mid-area .inner-page-ling ul li {
        margin-bottom: 10px !important;
    }
    
    /* ========================================
       VIDEO SECTION RESPONSIVE
       ======================================== */
    
    .large-video-playing {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 30px !important;
    }
    
    .large-video-playing video {
        width: 100% !important;
        height: auto !important;
    }
    
    /* ========================================
       GRID LINES RESPONSIVE
       ======================================== */
    
    .grid-lines-wrapper,
    .grid-lines {
        display: none !important;
    }
    
    /* ========================================
       SPACING UTILITIES MOBILE
       ======================================== */
    
    .rts-section-gap,
    .rts-section-gapTop,
    .rts-section-gapBottom {
        padding: 50px 0 !important;
    }
    
    .mt--110,
    .mt_md--50,
    .mt_sm--30 {
        margin-top: 20px !important;
    }
    
    .mb--110,
    .mb_md--50,
    .mb_sm--30 {
        margin-bottom: 20px !important;
    }
    
    .pt--120,
    .pt_md--80,
    .pt_sm--60 {
        padding-top: 50px !important;
    }
    
    .pb--120,
    .pb_md--80,
    .pb_sm--60 {
        padding-bottom: 50px !important;
    }
    
    /* ========================================
       SWIPER SLIDER RESPONSIVE
       ======================================== */
    
    .swiper-button-next,
    .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }
    
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 20px !important;
    }
    
    .button-area-next-prev {
        margin-top: 20px !important;
    }
    
    /* ========================================
       ROW GUTTERS
       ======================================== */
    
    .g-5 {
        --bs-gutter-x: 1rem !important;
        --bs-gutter-y: 1rem !important;
    }
    
    /* ========================================
       QUOTE STYLING
       ======================================== */
    
    .quote {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    /* ========================================
       RESPONSIVE IMAGES
       ======================================== */
    
    .rts-reveal-one,
    .rts-reveal-two,
    .rts-reveal-image-one,
    .rts-reveal-image-two {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .shape-about-two {
        display: none !important;
    }
}

/* Extra Small Mobile Devices (< 480px) */
@media only screen and (max-width: 479px) {
    
    h1, .h1 {
        font-size: 24px !important;
    }
    
    h2, .h2 {
        font-size: 22px !important;
    }
    
    h3, .h3 {
        font-size: 18px !important;
    }
    
    /* Banner even more compact */
    .banner-area {
        padding: 50px 15px 35px !important;
    }
    
    .banner-one-wrapper .title,
    .rts_hero__title {
        font-size: 24px !important;
        line-height: 1.35 !important;
        margin-bottom: 15px !important;
    }
    
    .banner-one-wrapper .title span,
    .banner-one-wrapper .title .border-bottom-1 {
        font-size: 24px !important;
    }
    
    .banner-one-wrapper .para-wraph p {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
    
    .rts-btn-mouse-move {
        font-size: 14px !important;
        padding: 14px 22px !important;
    }
    
    /* Even tighter spacing on very small devices */
    section, .rts-section {
        padding: 40px 0 !important;
    }
    
    .pt--120, .pt--100, .pt--80, .pt--60 {
        padding-top: 40px !important;
    }
    
    .pb--120, .pb--100, .pb--80, .pb--60 {
        padding-bottom: 40px !important;
    }
    
    /* Logo sizing for very small screens */
    .logo img {
        max-width: 120px;
    }
}

/* Landscape orientation improvements for mobile */
@media only screen and (max-width: 767px) and (orientation: landscape) {
    
    .header-area {
        padding: 10px 0 !important;
    }
    
    section, .rts-section {
        padding: 40px 0 !important;
    }
    
    .banner-area {
        padding: 30px 15px !important;
    }
}

/* ========================================
   TABLET DEVICES (768px - 991px)
   ======================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    /* Container adjustments */
    .container-full,
    .container-160,
    .container-full-150 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    
    /* Banner title sizing */
    .banner-one-wrapper .title,
    .rts_hero__title {
        font-size: 40px !important;
        line-height: 1.3 !important;
    }
    
    /* Typography scaling */
    h1, .h1 {
        font-size: 40px !important;
    }
    
    h2, .h2 {
        font-size: 34px !important;
    }
    
    h3, .h3 {
        font-size: 28px !important;
    }
    
    /* Section spacing */
    .rts-section-gap,
    .rts-section-gapTop,
    .rts-section-gapBottom {
        padding: 80px 0 !important;
    }
    
    /* Footer layout */
    .footer-main-wrapper-one {
        flex-wrap: wrap !important;
    }
    
    /* CTA section */
    .cta-main-wrapper-one {
        padding: 40px 30px !important;
    }
    
    /* Blog grid */
    .blog-single-main-wrapper .title {
        font-size: 20px !important;
    }
    
    /* Blog images uniform sizing for tablet */
    .blog-single-main-wrapper .thumbnail .imgae-box {
        height: 280px !important;
    }
    
    .blog-single-main-wrapper .thumbnail .imgae-box img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* ========================================
   LARGE TABLETS & SMALL LAPTOPS (992px - 1199px)
   ======================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    .container-full,
    .container-160,
    .container-full-150 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    
    .banner-one-wrapper .title,
    .rts_hero__title {
        font-size: 50px !important;
    }
    
    /* Blog images uniform sizing for large tablet/small laptop */
    .blog-single-main-wrapper .thumbnail .imgae-box {
        height: 280px !important;
    }
    
    .blog-single-main-wrapper .thumbnail .imgae-box img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* Touch-specific improvements */
@media (hover: none) and (pointer: coarse) {
    
    /* Larger touch targets */
    a, button, input, select {
        min-height: 48px;
        min-width: 48px;
    }
    
    /* Remove hover effects on touch devices */
    .hover-effect {
        transform: none !important;
    }
}

/* ========================================
   ADDITIONAL MOBILE FIXES FOR ALL SECTIONS
   ======================================== */
@media only screen and (max-width: 767px) {
    
    /* Make all columns full width on mobile */
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
    .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Specific fix for banner column */
    .banner-area .col-lg-9 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Remove negative margins on rows */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Ensure proper text wrapping */
    h1, h2, h3, h4, h5, h6, p, a, span, div {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    /* Fix any absolute positioned elements */
    .banner-shape,
    .shape-about-one,
    .right-shape-testi,
    .banner-bg-image,
    [class*="shape-"] {
        position: relative !important;
        display: none !important;
    }
    
    /* Ensure buttons are touchable */
    .rts-btn,
    .btn,
    a.btn,
    button {
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
    }
    
    /* Fix for long text without spaces */
    * {
        -webkit-hyphens: auto !important;
        -moz-hyphens: auto !important;
        hyphens: auto !important;
    }
    
    /* ========================================
       CONTACT BUTTONS (WhatsApp/Call) - MOBILE FIX
       ======================================== */
    
    /* Adjust contact buttons positioning on mobile */
    .contact-buttons {
        bottom: 10px !important;
        right: 10px !important;
        gap: 10px !important;
        flex-direction: column !important;
    }
    
    .contact-button {
        width: 55px !important;
        height: 55px !important;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
    }
    
    /* ========================================
       TECHNOLOGY PAGE - FILTER BUTTONS FIX
       ======================================== */
    
    /* Fix filter button group overflow on mobile */
    .button-group.filters-button-group {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        justify-content: center !important;
        margin-bottom: 30px !important;
        padding: 0 10px !important;
    }
    
    .button-group.filters-button-group .button {
        font-size: 13px !important;
        padding: 8px 14px !important;
        white-space: nowrap !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    
    /* ========================================
       TECHNOLOGY GRID - MOBILE IMPROVEMENTS
       ======================================== */
    
    /* Technology icons grid */
    .custom_technology_new .col-6 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 8px !important;
    }
    
    .NEWsignle-portfolio-style-four-inner {
        padding: 15px 10px !important;
        text-align: center !important;
    }
    
    .NEWsignle-portfolio-style-four-inner img {
        max-width: 60px !important;
        height: auto !important;
        margin: 0 auto 8px !important;
    }
    
    .NEWsignle-portfolio-style-four-inner p {
        font-size: 12px !important;
        margin: 0 !important;
    }
    
    /* ========================================
       TECHNOLOGY PAGE - TEXT & LAYOUT
       ======================================== */
    
    /* Technology page - ensure content clears fixed header */
    .rts-about-us-area-1 {
        padding-top: 30px !important;
        margin-top: 0 !important;
    }
    
    /* About/Technology page heading */
    .rts-about-us-area-1 h1.title,
    .rts-about-us-area-1 .title {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
    }
    
    .rts-about-us-area-1 .bottom-content p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    
    /* Main page title area - proper spacing from header */
    .main-page-title-service-left-area {
        padding-top: 20px !important;
    }
    
    /* Scrolling text section */
    .text-split-wrap-about .text-split h2.title {
        font-size: 24px !important;
    }
    
    /* Hide circle animation on technology page mobile */
    .rts-about-us-area-1 .circle-speen,
    .top-center-image.circle-speen {
        display: none !important;
    }
    
    /* ========================================
       MOBILE MENU OVERLAY - IMPROVEMENTS
       ======================================== */
    
    /* Mobile menu overlay */
    .rts-fs-menu {
        overflow-y: auto !important;
        max-height: 100vh !important;
    }
    
    .rts-fs--nav .navbar-nav-button li {
        margin-bottom: 15px !important;
    }
    
    .rts-fs--nav .navbar-nav-button li a {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }
    
    .rts-fs--contacts .contact-information h2 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }
    
    .rts-fs--contacts .contact-information .contact ul li a {
        font-size: 14px !important;
    }
    
    /* ========================================
       BANNER HERO TEXT - MOBILE FIX
       ======================================== */
    
    /* Hero title better line breaks */
    .banner-one-wrapper .title br,
    .rts_hero__title br {
        display: none !important;
    }
    
    .banner-one-wrapper .para-wraph p br,
    .hero__sub-title br {
        display: none !important;
    }
    
    /* ========================================
       GENERAL SPACING IMPROVEMENTS
       ======================================== */
    
    /* Section padding consistency */
    .rts-section-gap,
    .rts-section-gapTop,
    .rts-section-gapBottom {
        padding: 50px 0 !important;
    }
    
    /* Container padding */
    .container-full,
    .container-160,
    .container-full-150 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Portfolio/Case studies grid */
    .portfolio-wrap,
    .custom_new_portfolio-wrap {
        padding: 0 10px !important;
    }
    
    /* ========================================
       COOKIE POPUP - MOBILE ADJUSTMENT
       ======================================== */
    
    .cookie-wraper {
        bottom: 80px !important;
        right: 10px !important;
        left: 10px !important;
        max-width: calc(100% - 20px) !important;
    }
    
    /* ========================================
       DIGITAL EXPERTISE ACTION SECTION RESPONSIVE
       ======================================== */
    
    .large-image-option-start {
        padding: 50px 0 !important;
    }
    
    .title-area-inner.large-image {
        padding: 0 15px !important;
        margin-bottom: 30px !important;
    }
    
    .title-area-inner.large-image .title {
        font-size: 26px !important;
        line-height: 1.3 !important;
        text-align: center !important;
    }
    
    .title-area-inner.large-image .title br {
        display: inline !important;
    }
    
    .title-area-inner.large-image .title span {
        font-size: 26px !important;
        display: inline !important;
    }
    
    .container-160 {
        padding: 0 15px !important;
        margin-top: 30px !important;
    }
    
    .large-video-playing.grow {
        width: 100% !important;
        height: auto !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }
    
    .large-video-playing.grow video {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
    
    /* ========================================
       END DIGITAL EXPERTISE ACTION SECTION
       ======================================== */
}

/* ========================================
   BLOG IMAGE UNIFORM SIZING FOR ALL DEVICES
   ======================================== */

/* Ensure all blog images have uniform size - Multiple selectors for specificity */
.blog-single-main-wrapper.style-one .thumbnail .imgae-box,
.blog-single-main-wrapper .thumbnail .imgae-box,
.blog-area-start .blog-single-main-wrapper .thumbnail .imgae-box {
    width: 100% !important;
    height: 280px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    display: block !important;
    position: relative !important;
}

.blog-single-main-wrapper.style-one .thumbnail .imgae-box img,
.blog-single-main-wrapper .thumbnail .imgae-box img,
.blog-area-start .blog-single-main-wrapper .thumbnail .imgae-box img {
    width: 100% !important;
    height: 280px !important;
    max-height: 280px !important;
    min-height: 280px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* Desktop specific (1200px and above) */
@media only screen and (min-width: 1200px) {
    .blog-single-main-wrapper.style-one .thumbnail .imgae-box,
    .blog-single-main-wrapper .thumbnail .imgae-box,
    .blog-area-start .blog-single-main-wrapper .thumbnail .imgae-box {
        height: 280px !important;
        max-height: 280px !important;
        min-height: 280px !important;
    }
    
    .blog-single-main-wrapper.style-one .thumbnail .imgae-box img,
    .blog-single-main-wrapper .thumbnail .imgae-box img,
    .blog-area-start .blog-single-main-wrapper .thumbnail .imgae-box img {
        height: 280px !important;
        max-height: 280px !important;
        min-height: 280px !important;
    }
}

/* Mobile specific sizing */
@media only screen and (max-width: 767px) {
    .blog-single-main-wrapper.style-one .thumbnail .imgae-box,
    .blog-single-main-wrapper .thumbnail .imgae-box,
    .blog-area-start .blog-single-main-wrapper .thumbnail .imgae-box {
        height: 250px !important;
        max-height: 250px !important;
        min-height: 250px !important;
    }
    
    .blog-single-main-wrapper.style-one .thumbnail .imgae-box img,
    .blog-single-main-wrapper .thumbnail .imgae-box img,
    .blog-area-start .blog-single-main-wrapper .thumbnail .imgae-box img {
        height: 250px !important;
        max-height: 250px !important;
        min-height: 250px !important;
    }
}