/* Responsive styles for slider section */

/* Force font-size to 30px on mobile for text-slider by targeting parent */
@media only screen and (max-width: 450px) {
    #slide-68-layer-1,
    #slide-68-layer-1 *,
    #slide-68-layer-1 .text-slider,
    .tp-caption.NotGeneric-Title,
    .tp-caption.NotGeneric-Title *,
    .main-hero .tp-caption.NotGeneric-Title,
    .rev_slider .tp-caption.NotGeneric-Title,
    .rev_slider_wrapper .tp-caption.NotGeneric-Title {
        font-size: 30px !important;
        line-height: 34px !important;
        letter-spacing: 0px !important;
        font-weight: 800 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 85vw !important;
        word-wrap: break-word !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }
    
    /* Also target the text-slider specifically */
    #slide-68-layer-1 .text-slider,
    .tp-caption .text-slider,
    .rev_slider .text-slider,
    .rev_slider_wrapper .text-slider,
    .main-hero .text-slider {
        font-size: 30px !important;
        line-height: 34px !important;
        letter-spacing: 0px !important;
        font-weight: 800 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 85vw !important;
        word-wrap: break-word !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }
}

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

    #slide-68-layer-1 .text-slider {
        font-size: 30px !important;
    }
    .int-hero .table-middle h2.works-title {
        font-size: 36px !important;
    }

    .int-hero .table-middle h6 {
        font-size: 20px !important;
    }
    .rev_slider_wrapper {
        padding: 0 10px;
    }
    
    .NotGeneric-Title {
        letter-spacing : 0px!important;
        font-size: 30px !important;
        line-height: 40px !important;
        letter-spacing: 3px !important;
    }
    
    .NotGeneric-SubTitle {
        font-size: 11px !important;
        letter-spacing: 1px !important;
    }
    
    .tp-caption.NotGeneric-Title {
        letter-spacing : 0px!important;
        padding: 0 !important;
    }
    
    .rev-slidebg {
        min-height: 120px !important;
        object-fit: cover !important;
        background-position: center center !important;
        background-size: cover !important;
    }
    
    /* Contact page responsive styles */
    .int-hero .table-middle h2 {
        font-size: 60px !important;
        line-height: 40px !important;
        letter-spacing: 3px !important;
    }
    
    .int-hero .table-middle h2.contact_big_title {
        font-size: 60px !important;
    }
    
    .int-hero .table-middle h6 {
        font-size: 18px !important;
        padding: 0 15px !important;
    }
    
    .int-hero .table-middle .inner {
        padding: 0 15px !important;
    }
    
    /* Works page responsive styles */
    .int-hero .table-middle h2 {
        font-size: 60px !important;
        line-height: 40px !important;
        letter-spacing: 3px !important;
    }
    
    .int-hero .table-middle h6 {
        font-size: 18px !important;
        padding: 0 10px !important;
    }
    
    .int-hero .table-middle .inner {
        padding: 0 10px !important;
    }
    
    /* Works section responsive */
    .works ul {
        gap: 10px !important;
        padding: 0 10px !important;
    }
    
    .works .image {
        width: 100% !important;
        height: auto !important;
        min-height: 150px !important;
        object-fit: contain !important;
        display: block !important;
    }
    
    .works figcaption h3 {
        font-size: 16px !important;
    }
    
    .works figcaption small {
        font-size: 13px !important;
    }
    
    .works figcaption .inner {
        padding: 0 8px !important;
    }
    
    .works figcaption .wave {
        width: 60px !important;
    }

    .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
        font-size: 30px !important;
    }
}

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

    #slide-68-layer-1 .text-slider {
        font-size: 30px !important;
    }

    .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
        font-size: 30px !important;
    }

    .int-hero .table-middle h2.works-title {
        font-size: 36px !important;
    }

    .int-hero .table-middle h6 {
        font-size: 20px !important;
    }

    .NotGeneric-Title {
        letter-spacing : 0px!important;
        font-size: 30px !important;
        line-height: 32px !important;
        letter-spacing: 2px !important;
    }
    
    .NotGeneric-SubTitle {
        font-size: 10px !important;
    }
    
    .rev-slidebg {
        min-height: 150px !important;
        object-fit: cover !important;
        background-position: center center !important;
        background-size: cover !important;
    }
    
    /* Contact page responsive styles */
    .int-hero .table-middle h2 {
        font-size: 60px !important;
        line-height: 32px !important;
        letter-spacing: 2px !important;
    }
    
    .int-hero .table-middle h2.contact_big_title {
        font-size: 40px !important;
    }
    
    .int-hero .table-middle h6 {
        font-size: 18px !important;
        padding: 0 10px !important;
    }
    
    .int-hero .table-middle .inner {
        padding: 0 10px !important;
    }
    
    /* Works page responsive styles */
    .int-hero .table-middle h2 {
        font-size: 40px !important;
        line-height: 32px !important;
        letter-spacing: 2px !important;
    }
    
    .int-hero .table-middle h6 {
        font-size: 18px !important;
        padding: 0 8px !important;
    }
    
    .int-hero .table-middle .inner {
        padding: 0 8px !important;
    }
    
    /* Works section responsive */
    .works ul {
        gap: 5px !important;
        padding: 0 5px !important;
    }
    
    .works .image {
        width: 100% !important;
        height: auto !important;
        min-height: 120px !important;
        object-fit: contain !important;
        display: block !important;
    }
    
    .works figcaption h3 {
        font-size: 14px !important;
    }
    
    .works figcaption small {
        font-size: 12px !important;
    }
    
    .works figcaption .inner {
        padding: 0 5px !important;
    }
    
    .works figcaption .wave {
        width: 50px !important;
    }
}

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

    #slide-68-layer-1 .text-slider {
        font-size: 30px !important;
    }
    
    .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
        font-size: 30px !important;
    }
    
    .int-hero .table-middle h2.works-title {
        font-size: 36px !important;
    }

    .int-hero .table-middle h6 {
        font-size: 20px !important;
    }
    .NotGeneric-Title {
        letter-spacing : 0px!important;
        font-size: 30px !important;
        line-height: 32px !important;
    }
    
    .rev-slidebg {
        min-height: 120px !important;
        object-fit: cover !important;
        background-position: center center !important;
        background-size: cover !important;
    }
    
    /* Contact page responsive styles */
    .int-hero .table-middle h2 {
        font-size: 40px !important;
        line-height: 28px !important;
    }
    
    .int-hero .table-middle h2.contact_big_title {
        font-size: 40px !important;
    }
    
    .int-hero .table-middle h6 {
        font-size: 18px !important;
        padding: 0 5px !important;
    }
    
    .int-hero .table-middle .inner {
        padding: 0 5px !important;
    }
    
    /* Works page responsive styles */
    .int-hero .table-middle h2 {
        font-size: 40px !important;
        line-height: 28px !important;
        letter-spacing: 2px !important;
    }
    
    .int-hero .table-middle h6 {
        font-size: 18px !important;
        padding: 0 5px !important;
    }
    
    .int-hero .table-middle .inner {
        padding: 0 5px !important;
    }
    
    /* Works section responsive */
    .works ul {
        gap: 5px !important;
        padding: 0 5px !important;
    }
    
    .works .image {
        height: 100px !important;
    }
}