/* ========================================
   Mobile View Corrections - Phone Only
   ======================================== */

@media only screen and (max-width: 767px) {

    /* 2. Reduce Hero Section Icons and Button Sizes */
    .home-slider .owl-nav button,
    .home-slider .owl-prev,
    .home-slider .owl-next,
    .hero-slider .owl-nav button {
        width: 35px !important;
        height: 35px !important;
        font-size: 14px !important;
        line-height: 35px !important;
    }

    .hero-slider .bizwheel-btn,
    .bizwheel-btn,
    .theme-btn,
    .view-btn {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    /* 3. Reduce Heading Font Sizes and Justify Text */
    h1 {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    h2 {
        font-size: 20px !important;
        line-height: 28px !important;
    }

    h3 {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    h4 {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    h5 {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    /* Justify all paragraph text */
    p,
    .text,
    .description p,
    .cjc {
        text-align: justify !important;
        font-size: 14px !important;
        line-height: 24px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    /* 4. Reduce Video Size in Phone View */
    .video-feature,
    .video-wrapper,
    .video-thumbnail {
        max-height: 250px !important;
    }

    .video-feature .container {
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    .video-thumbnail {
        padding-bottom: 60% !important;
    }

    .video-play-button a,
    .video-play-button,
    .video-popup,
    a.video-popup {
        width: 50px !important;
        height: 50px !important;
        font-size: 16px !important;
        line-height: 50px !important;
    }

    .video-play-button a i,
    .video-popup i {
        font-size: 16px !important;
    }

    /* 5. Products Section - Two Products Per Row */
    .products-section .row {
        margin: 0 -10px !important;
    }

    .products-section .col-lg-4,
    .products-section .col-md-6 {
        width: 50% !important;
        padding: 0 10px !important;
        margin-bottom: 20px !important;
    }

    .product-card {
        margin-bottom: 0 !important;
    }

    .product-image {
        height: 180px !important;
    }

    .product-content {
        padding: 15px 10px !important;
    }

    .product-content h3 {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .product-content .view-btn {
        padding: 8px 15px !important;
        font-size: 13px !important;
    }

    /* 6. Client Logos - Increase Size and Smooth Slider */
    .mySwiper .swiper-slide {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px 10px !important;
    }

    .mySwiper .swiper-slide img {
        max-width: 120px !important;
        max-height: 80px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Smooth slider transition */
    .mySwiper {
        overflow: hidden !important;
    }

    .mySwiper .swiper-wrapper {
        transition-timing-function: linear !important;
    }

    /* Additional mobile optimizations */
    .section-title h1 {
        font-size: 24px !important;
    }

    .hero-slider .hero-text h1 {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .hero-slider .hero-text h4 {
        font-size: 14px !important;
        padding: 5px 15px !important;
    }

    /* Button consistency */
    button,
    .btn,
    a.btn {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }

    /* Video section specific */
    .video_section {
        padding: 30px 0 !important;
    }

    .video_section .section-title h1 {
        font-size: 22px !important;
    }

    .video_section .text p {
        font-size: 14px !important;
        text-align: justify !important;
    }

    /* 7. Our Presence Section Adjustments */
    .presence-container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .presence-container .text p {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }

    .presence-container .map {
        margin-top: 20px !important;
    }

    .presence-container .map img {
        width: 100% !important;
        height: auto !important;
        transform: scale(1.1);
        /* Slight additional increase as requested */
    }

    /* 8. Client Carousel Item Size Increase (Force Override) */
    .client-carousel-item {
        min-width: 180px !important;
        height: 100px !important;
        padding: 0 5px !important;
    }

    .client-carousel-item img {
        max-width: 180px !important;
        max-height: 90px !important;
        width: auto !important;
        height: auto !important;
        transform: scale(1.3) !important;
        /* Significant scale up */
        filter: grayscale(0%) brightness(1) !important;
        /* Ensure visibility */
        opacity: 1 !important;
    }

    .client-carousel-track {
        gap: 10px !important;
    }

    /* 9. Global Market Section - Video Icon Size (Mobile) */
    .video_section .icon-play img {
        width: 50px !important;
        height: 50px !important;
        display: block !important;
        margin: 0 auto !important;
    }
}