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

#s5_map_canvas img {
    max-width: none !important;
}

.s5_responsive_mobile_present #s5_footer_area2 {
	margin-left: 32px;
	margin-right: 32px;
}

.s5_responsive_mobile_present #s5_footer {
	height: auto;
	margin-right: 0;
}


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

@media screen and (max-width: 970px) {
    /* DEFAULT
	----------------- */
    .s5_wrap {
        width: 100% !important;
    }
    .s5_is_display,
    .s5_is_slide {
        position: relative !important;
    }
    .s5_is_slide {
        height: auto !important;
    }
    #fontControls {
        display: none;
    }
    /* CUSTOM
	----------------- */
    #s5_breadcrumb_wrap {
        display: none !important;
    }
    #s5_bottom_menu_wrap {
        display: none !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_top_menu {
        display: none !important;
    }
    #s5_logo_and_options {
        height: auto !important;
        position: relative !important;
    }
    #s5_logo_and_options_inner {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: url(../images/darkbackground.png) repeat scroll 0 0 #000000;
        margin-top: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .s5_logo_wrap {
        background: none !important;
        margin: 0 auto !important;
        float: none !important;
    }
    #s5_notpublished {
        height: 28px !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
	----------------- */
}


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

@media screen and (max-width: 1280px) {
    .ttw-music-player .player-controls {
        width: 178px !important;
    }
    .ttw-music-player .progress-wrapper {
        width: 64px !important;
    }
}

@media screen and (max-width: 1080px) {
    #s5_nav li a {
        font-size: .8em;
    }
    #s5_loginreg {
        font-size: .8em;
    }
    #s5_nav li .s5_level1_span2 a {
        padding-left: 8px;
        padding-right: 8px;
    }
    .s5_scrolltotop {
        margin-right: 31px !important;
    }
}

@media screen and (max-width: 980px) {
    .S5_parent_subtext {
        font-size: 0.5em;
        margin-left: 8px;
    }
    #s5_login,
    #s5_register {
        padding-left: 10px;
        padding-right: 10px;
    }
    .jdGallery .slideInfoZone h2 {
        line-height: 33px !important;
        font-size: 2.2em !important;
    }
    .jdGallery .slideInfoZone p {
        font-size: 1em !important;
        line-height: 20px !important;
    }
}

@media screen and (max-width: 850px) {
    #s5_nav li a {
        font-size: .7em;
    }
    #s5_loginreg {
        font-size: .7em;
    }
    #s5_login,
    #s5_register {
        display: none;
    }
    .carouselContainer {
        display: none;
    }
}

@media screen and (max-width: 580px) {
    .jdGallery .slideInfoZone h2 {
        font-size: 1.4em !important;
        line-height: 23px !important;
    }
    .jdGallery .slideInfoZone p {
        font-size: 0.9em !important;
        line-height: 15px !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;
    }
}