.search-form_input {
    font-size: 14px !important;
}

@media screen and (max-width: 1199px) {
    .search-form_input {
        font-size: 13px !important;
    }
    
    .search-form_input::placeholder {
        font-size: 13px !important;
    }
}

@media screen and (max-width: 991px) {
    .search-form_input {
        font-size: 12px !important;
    }
    
    .search-form_input::placeholder {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 767px) {
    .search-form_input {
        font-size: 11px !important;
        padding: 8px 12px !important;
    }
    
    .search-form_input::placeholder {
        font-size: 11px !important;
    }
}

@media screen and (max-width: 575px) {
    .search-form_input {
        font-size: 10px !important;
        padding: 8px 10px !important;
    }
    
    .search-form_input::placeholder {
        font-size: 10px !important;
    }
    
    .search-form_input::placeholder {
        content: "Wpisz..." !important;
    }
}

.top-search .input-group {
    position: relative;
}

.top-search .search-form_input {
    transition: font-size 0.3s ease;
}

.search-form_input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.extra-style01 .extra-content-box ul.inner-box li.one .h4,
.extra-style01 .extra-content-box ul.inner-box li.two .h4 {
    font-size: clamp(32px, 4vw, 40px) !important;
}

.extra-style01 .extra-content-box ul.inner-box li.one span,
.extra-style01 .extra-content-box ul.inner-box li.two span {
    font-size: clamp(14px, 1.8vw, 18px) !important;
}

@media screen and (max-width: 1400px) {
    .extra-style01 .extra-content-box ul.inner-box li.one .h4,
    .extra-style01 .extra-content-box ul.inner-box li.two .h4 {
        font-size: clamp(28px, 3.5vw, 36px) !important;
    }
}

@media screen and (max-width: 1200px) {
    .extra-style01 .extra-content-box ul.inner-box li.one .h4,
    .extra-style01 .extra-content-box ul.inner-box li.two .h4 {
        font-size: clamp(26px, 3.2vw, 32px) !important;
    }
    
    .extra-style01 .extra-content-box ul.inner-box li.one span,
    .extra-style01 .extra-content-box ul.inner-box li.two span {
        font-size: clamp(13px, 1.6vw, 16px) !important;
    }
}

@media screen and (max-width: 992px) {
    .extra-style01 .extra-content-box ul.inner-box li.one .h4,
    .extra-style01 .extra-content-box ul.inner-box li.two .h4 {
        font-size: clamp(24px, 3vw, 30px) !important;
    }
}

@media screen and (max-width: 768px) {
    .extra-style01 .extra-content-box ul.inner-box li.one .h4,
    .extra-style01 .extra-content-box ul.inner-box li.two .h4 {
        font-size: clamp(22px, 4vw, 28px) !important;
    }
}

@media screen and (max-width: 576px) {
    .extra-style01 .extra-content-box ul.inner-box li.one .h4,
    .extra-style01 .extra-content-box ul.inner-box li.two .h4 {
        font-size: clamp(20px, 5vw, 26px) !important;
    }
    
    .extra-style01 .extra-content-box ul.inner-box li.one span,
    .extra-style01 .extra-content-box ul.inner-box li.two span {
        font-size: clamp(12px, 2.5vw, 15px) !important;
    }
}

.card-style04 .card-text {
    font-size: clamp(14px, 1.5vw, 16px) !important;
    line-height: 1.4 !important;
}

.card-style04 h5 {
    font-size: clamp(16px, 2vw, 20px) !important;
    line-height: 1.3 !important;
}

@media screen and (max-width: 1199px) {
    .card-style04 .card-custom-1,
    .card-style04 .card-custom-2 {
        padding: 3rem 2.5rem !important;
    }
    
    .card-style04 .card-text {
        font-size: clamp(13px, 1.8vw, 15px) !important;
    }
}

@media screen and (max-width: 991px) {
    .card-style04 .card-custom-1,
    .card-style04 .card-custom-2 {
        padding: 2.5rem 2rem !important;
    }
    
    .card-style04 h5 {
        font-size: clamp(15px, 2.2vw, 18px) !important;
    }
    
    .card-style04 .card-text {
        font-size: clamp(12px, 2vw, 14px) !important;
    }
}

@media screen and (max-width: 767px) {
    .card-style04 .card-custom-1,
    .card-style04 .card-custom-2 {
        padding: 2rem 1.5rem !important;
    }
    
    .card-style04 h5 {
        font-size: clamp(14px, 2.5vw, 16px) !important;
    }
    
    .card-style04 .card-text {
        font-size: clamp(11px, 2.2vw, 13px) !important;
        line-height: 1.3 !important;
    }
}

@media screen and (max-width: 575px) {
    .card-style04 .card-custom-1,
    .card-style04 .card-custom-2 {
        padding: 1.5rem 1rem !important;
    }
    
    .card-style04 h5 {
        font-size: clamp(13px, 3vw, 15px) !important;
    }
    
    .card-style04 .card-text {
        font-size: clamp(10px, 2.5vw, 12px) !important;
        line-height: 1.2 !important;
    }
}