Blog Single

/* FSH Mobile Responsive Fix v3.0 – Jun 2026 */

/* === HIDE DESKTOP HEADER ON TABLET/MOBILE, SHOW MOBILE HEADER === */
@media (max-width: 1024px) {
.header-desktop { display: none !important; }
.header-mobile { display: block !important; }
}

@media (max-width: 768px) {
/* === PREVENT HORIZONTAL OVERFLOW === */
html, body { overflow-x: hidden !important; }
* { box-sizing: border-box; max-width: 100%; }

/* === ELEMENTOR COLUMNS STACK FULL WIDTH === */
.elementor-column,
.elementor-col-50, .elementor-col-33, .elementor-col-25,
.elementor-col-66, .elementor-col-40, .elementor-col-60 {
width: 100% !important;
max-width: 100% !important;
float: none !important;
}
.elementor-container {
flex-direction: column !important;
width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.elementor-section {
padding-left: 0 !important;
padding-right: 0 !important;
}

/* === TYPOGRAPHY === */
h1, .elementor-heading-title { font-size: clamp(24px, 6vw, 36px) !important; line-height: 1.3 !important; }
h2 { font-size: clamp(20px, 5vw, 28px) !important; line-height: 1.35 !important; }
h3 { font-size: clamp(18px, 4.5vw, 22px) !important; }
p, li { font-size: 15px !important; line-height: 1.7 !important; }

/* === REVOLUTION SLIDER === */
.rev_slider_wrapper, .rev_slider { width: 100% !important; overflow: hidden !important; }
.tp-caption { white-space: normal !important; max-width: 90vw !important; font-size: 20px !important; }
.tp-caption h1, .tp-caption h2, .tp-caption.large_bold { font-size: 26px !important; line-height: 1.3 !important; }
.rev_slider .tp-bannertimer { display: none; }

/* === IMAGES === */
img, .elementor-image img { max-width: 100% !important; height: auto !important; }

/* === BUTTONS === */
.elementor-button-wrapper { width: 100% !important; }
.elementor-button, .ot-button, .btn {
display: block !important;
width: 100% !important;
text-align: center !important;
margin: 8px 0 !important;
}

/* === SERVICE / ICON BOXES === */
.ot-service-box, .ot-icon-box, .elementor-icon-box-wrapper {
margin-bottom: 20px !important;
width: 100% !important;
padding: 15px !important;
}

/* === FOOTER === */
.site-footer .elementor-column { width: 100% !important; margin-bottom: 25px !important; }
.site-footer { padding: 30px 15px !important; }

/* === TABLE OVERFLOW === */
table { display: block !important; overflow-x: auto !important; width: 100% !important; }
}