/* here you can put your own css to customize and override the theme */

/* Mobile optimizations */
@media (max-width: 768px) {
    /* Fix header text display on mobile */
    .header .header-navigation {
        font-size: 14px;
    }
    
    /* Improve carousel text visibility on mobile */
    .carousel-item-one .promo-like-text,
    .carousel-item-two .carousel-position-one,
    .carousel-item-three .carousel-position-one {
        padding: 10px 15px;
        line-height: 1.4;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    /* Ensure images shrink properly on mobile */
    .img-responsive {
        max-width: 100%;
        height: auto;
    }
    
    /* Fix portfolio items on mobile */
    .portfolio-block .item {
        margin-bottom: 20px;
    }
    
    /* Improve services section on mobile */
    .services-block .item {
        padding: 20px 10px;
        margin-bottom: 30px;
    }
    
    /* Fix testimonials on mobile */
    .testimonials-block .item {
        padding: 20px 15px;
    }
    
    .testimonials-block blockquote {
        font-size: 14px;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    /* Additional fixes for small screens */
    .header-mobi-ext .header-navigation a {
        padding: 8px 0;
        font-size: 16px;
    }
    
    /* Fix carousel text size on very small screens */
    .carousel-title-v1 {
        font-size: 18px !important;
        line-height: 1.3;
    }
    
    .carousel-title-v2 {
        font-size: 16px !important;
        line-height: 1.3;
    }
    
    .carousel-subtitle-v1 {
        font-size: 14px !important;
        line-height: 1.4;
    }
    
    /* Ensure proper text wrapping */
    .promo-like-text p {
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }
}