/* ANY CSS FOR ALL WIDTHS GOES HERE
----------------------------------------------------------- */


/* ALL WIDTHS UNDER 970PX
----------------------------------------------------------- */

@media screen and (max-width: 970px) {
    /* DEFAULT
	----------------- */
    .s5_wrap {
        width: 97% !important;
    }
    .s5_is_display,
    .s5_is_slide {
        position: relative !important;
    }
    .s5_is_slide {
        height: auto !important;
    }
    #fontControls {
        display: none;
    }
    /* CUSTOM
	----------------- */
    #s5_responsive_switch_mobile a {
        line-height: 19px;
    }
    #s5_button_wrap0,
    #s5_tabshow_left {
        overflow: hidden !important;
    }
    #s5_button_wrap0 {
        padding-right: 2px !important;
    }
}


/* TABLET PORTRAIT MODE CSS
----------------------------------------------------------- */

@media screen and (min-width:580px) and (max-width: 970px) {
    /* CUSTOM
	----------------- */
}


/* TABLET PORTRAIT MODE CSS - SMALLER TABLETS
----------------------------------------------------------- */

@media screen and (max-width: 750px) {
    /* CUSTOM
	----------------- */
    #s5_responsive_mobile_scroll .s5_scrolltotop {
        margin-top: 0 !important;
    }
}


/* MOBILE LAYOUT CSS
----------------------------------------------------------- */

@media screen and (max-width: 579px) {
    /* DEFAULT
	----------------- */
    #s5_right_column_wrap_inner .s5_float_left,
    #s5_left_column_wrap_inner .s5_float_left {
        float: none;
    }
    #s5_columns_wrap_inner {
        width: 100%;
    }
    #s5_center_column_wrap {
        width: 100%;
        left: 100%;
    }
    #s5_left_column_wrap {
        left: 0%;
    }
    #s5_left_top_wrap,
    #s5_left_column_wrap,
    #s5_left_inset_wrap,
    #s5_left_wrap,
    #s5_left_bottom_wrap,
    #s5_right_top_wrap,
    #s5_right_column_wrap,
    #s5_right_inset_wrap,
    #s5_right_wrap,
    #s5_right_bottom_wrap,
    #s5_top_row1 .s5_float_left,
    #s5_top_row2 .s5_float_left,
    #s5_top_row3 .s5_float_left,
    #s5_above_columns_inner .s5_float_left,
    #s5_middle_top .s5_float_left,
    #s5_middle_bottom .s5_float_left,
    #s5_below_columns_inner .s5_float_left,
    #s5_bottom_row1 .s5_float_left,
    #s5_bottom_row2,
    .s5_float_left,
    #s5_bottom_row3 .s5_float_left,
    #s5_above_body .s5_float_left,
    #s5_below_body .s5_float_left {
        width: 100% !important;
    }
    #s5_center_column_wrap_inner {
        margin: 0px !important;
    }
    #s5_left_column_wrap {
        margin-right: 0px !important;
    }
    #s5_right_column_wrap {
        margin-left: 0px !important;
    }
    .items-row .item {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    /* CUSTOM
	----------------- */
    .module_round_box-highlight_border {
        border: none !important;
    }
    .module_round_box-highlight_noborder,
    .module_round_box-highlight_border {
        margin-bottom: 70px;
    }
    #s5_button_frame,
    #s5navfs {
        float: none !important;
        width: 100% !important;
    }
    #s5_button_wrap0 {
        height: auto !important;
    }
    .services_wrap_inner {
        border: none;
        margin-bottom: 100px !important;
    }
    .module_round_box-largetitle h3 span.s5_h3_first {
        letter-spacing: 1px;
        font-size: 1.3em;
    }
    .module_round_box-largetitle h3.s5_mod_h3 {
        font-size: 1.0em;
    }
    .module_round_box-largetitle .s5_h3_last {
        background: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    .module_round_box-largetitle h3 span.s5_h3_first {
        margin-bottom: 7px;
    }
    .jdGallery .slideInfoZone h2,
    .jdGallery .slideInfoZone .slide_title {
        font-size: 2.5em !important;
    }
    .s5_button_item_inner .custom div {
        width: 100% !important;
    }
    .s5_button_item_inner .custom div div {
        width: auto !important;
    }
    .jdGallery a.right,
    .jdGallery a.left {
        display: none;
    }
    .jdGallery .slideInfoZone {
        margin-left: 30px !important;
    }
    .slideInfoZone .left,
    .slideInfoZone_unload .left {
        width: 95% !important;
    }
    #s5_responsive_mobile_bar_active span {
        line-height: 20px;
    }
    #s5_bottom_menu_wrap,
    #s5_bottom_menu_wrap ul.menu li {
        float: none !important;
        right: auto !important;
        left: auto !important;
    }
}


/* CUSTOM SIZES
----------------------------------------------------------- */

@media screen and (min-width:770px) and (max-width: 1990px) {
    #myGallery_height {
        height: 548px !important;
    }
}

@media screen and (max-width: 1285px) {
    #s5_map_canvas {
        height: 698px !important;
    }
    #s5_phonenumber {
        clear: both;
        padding-top: 30px;
        float: none;
    }
}

@media screen and (max-width: 1100px) {
    .module_round_box-map {
        margin-top: 20px;
    }
    #s5_map_canvas {
        height: 498px !important;
    }
}

@media screen and (max-width: 750px) {
    .slideInfoZone .right,
    .slideInfoZone_unload .right {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .horzaccordion li {
        height: 430px !important;
    }
}


/* S5 BOX
----------------------------------------------------------- */

@media screen and (max-width: 970px) {
    #colorbox {
        width: 50% !important;
        height: auto !important;
    }
    #cboxWrapper {
        width: 100% !important;
    }
    #cboxContent,
    #cboxLoadedContent {
        width: 100% !important;
        height: auto !important;
    }
    #colorbox {
        left: 25% !important;
        width: 50% !important;
        height: 100% !important;
        top: 25% !important;
    }
}

@media screen and (max-width: 750px) {
    #cboxOverlay,
    #colorbox {
        display: none !important;
    }
}


/* SINGLE COLUMN FOR SMALL TABLETS - THIS IS ONLY USED FOR IE7 AND IE8. THE CLASS IS SET WITH JAVASCRIPT FOR IE ONLY
----------------------------------------------------------- */

@media screen and (max-width: 750px) {
    .s5_ie_single_column #s5_right_column_wrap_inner .s5_float_left,
    .s5_ie_single_column #s5_left_column_wrap_inner .s5_float_left {
        float: none !important;
    }
    .s5_ie_single_column #s5_columns_wrap_inner {
        width: 100% !important;
    }
    .s5_ie_single_column #s5_center_column_wrap {
        width: 100% !important;
        left: 100% !important;
    }
    .s5_ie_single_column #s5_left_column_wrap {
        left: 0% !important;
    }
    .s5_ie_single_column #s5_left_top_wrap,
    .s5_ie_single_column #s5_left_column_wrap,
    .s5_ie_single_column #s5_left_inset_wrap,
    .s5_ie_single_column #s5_left_wrap,
    .s5_ie_single_column #s5_left_bottom_wrap,
    .s5_ie_single_column #s5_right_top_wrap,
    .s5_ie_single_column #s5_right_column_wrap,
    .s5_ie_single_column #s5_right_inset_wrap,
    .s5_ie_single_column #s5_right_wrap,
    .s5_ie_single_column #s5_right_bottom_wrap {
        width: 100% !important;
    }
    .s5_ie_single_column #s5_center_column_wrap_inner {
        margin: 0px !important;
    }
    .s5_ie_single_column #s5_left_column_wrap {
        margin-right: 0px !important;
    }
    .s5_ie_single_column #s5_right_column_wrap {
        margin-left: 0px !important;
    }
    .s5_ie_single_column .items-row .item {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}