/* put here your custom css styles */

/* ===== MOBILE RESPONSIVE FIXES ===== */
/* Fix for modern phones (< 462px) - convert fixed widths to fluid */
@media screen and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
    .header-top-bar,
    .header,
    .site-container .vc_row,
    .site-container .vc_row.full-width .wpb_column .vc_row,
    .announcement,
    .site-container .vc_row.full-width .vc_col-sm-12.wpb_column .vc_row,
    .menu-container,
    .menu-container.header-top-bar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .header .logo {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .header-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    .rs-layer.slider-header,
    .sr7-layer.slider-header {
        width: 100% !important;
    }
}

@media screen and (max-width: 479px) {
    .header-top-bar,
    .header,
    .site-container .vc_row {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}