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


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

@media screen and (max-width: 970px) {
    /* DEFAULT
	----------------- */
    .s5_is_display,
    .s5_is_slide {
        position: relative !important;
    }
    .s5_is_slide {
        height: auto !important;
    }
    #fontControls {
        display: none;
    }
    /* CUSTOM
	----------------- */
    body {
        font-size: 0.9em !important;
    }
    .icon_box {
        width: 100%;
        display: block;
    }
    .module_round_box_outer {
        margin-left: 12px;
        margin-right: 12px;
    }
    .s5_no_bg {
        margin-left: -12px;
        margin-right: -12px;
    }
    .s5_logo {
        max-width: 210px !important;
    }
    #s5_inner_padding {
        padding-top: 50px;
    }
    #s5_top_row1_wrap,
    #s5_top_row2_wrap,
    #s5_top_row3_wrap,
    #s5_bottom_row1_wrap,
    #s5_bottom_row2_wrap,
    #s5_middle_top_wrap,
    #s5_middle_bottom_wrap,
    #s5_above_columns_wrap1,
    #s5_below_columns_wrap1,
    #s5_pos_custom_4,
    #s5_pos_custom_5 {
        margin-bottom: 50px;
    }
    #s5_component_wrap {
        padding-bottom: 50px;
    }
    #s5_pos_custom_2 {
        margin-bottom: 50px;
    }
    .s5_no_bg {
        margin-bottom: 25px !important;
    }
    #s5_bottom_row3_area1 {
        padding-top: 80px;
    }
    #s5_footer_area1 {
        padding-bottom: 70px;
    }
    #s5_pos_custom_6 {
        padding-bottom: 60px;
    }
    #s5_top_row2_area1 {
        background-size: fixed;
    }
    #s5_quick_contact_controller input {
        display: none;
    }
    #s5_quick_contact_controller select {
        display: none;
    }
    #s5_quick_contact_controller .readon {
        float: none;
    }
    #s5_quick_contact_controller {
        text-align: center;
    }
}


/* 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
	----------------- */
    .tab_large_img {
        width: 100%;
        margin: 0px;
        margin-bottom: 20px;
    }
    .icon_showcase_item {
        float: none;
        width: 100%;
    }
    #s5_search_wrap {
        display: none;
    }
    #s5_logo_wrap {
        width: 100%;
        text-align: center;
        padding: 0px !important;
    }
    .s5_logo {
        float: none;
    }
    .quote_box img {
        float: none;
        margin: 0px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .highlight1_block span {
        margin: 0px;
        margin-bottom: 20px;
        display: block;
    }
    .title_block {
        padding: 2%;
        font-size: 0.8em;
    }
    #s5_quick_contact_wrap span {
        width: 98%;
    }
}


/* 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
	----------------- */
    .tab_right_row_text {
        display: none;
    }
    .tab_right_row .overlay_hover_outer {
        width: 100%;
    }
    #s5_pos_custom_1 {
        display: none;
    }
    .s5_logo {
        margin: 0px;
    }
    .room_features ul {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
    }
}


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

@media screen and (max-width: 1700px) {
    #s5_inner_padding,
    #s5_header_area_inner,
    #s5_logo_wrap {
        padding-left: 8%;
        padding-right: 8%;
    }
    .jdGallery .slideInfoZone h2,
    .jdGallery .slideInfoZone p {
        width: 84% !important;
    }
}

@media screen and (max-width: 1550px) {
    #s5_inner_padding,
    #s5_header_area_inner,
    #s5_logo_wrap {
        padding-left: 6%;
        padding-right: 6%;
    }
    .jdGallery .slideInfoZone h2,
    .jdGallery .slideInfoZone p {
        width: 88% !important;
    }
    .tab_large_text {
        padding: 0px;
    }
    .tab_large_text h3 {
        font-size: 2em;
    }
}

@media screen and (max-width: 1400px) {
    #s5_inner_padding,
    #s5_header_area_inner,
    #s5_logo_wrap {
        padding-left: 4%;
        padding-right: 4%;
    }
    .tab_left {
        padding: 0px;
        width: 96.5%;
        margin-bottom: 50px;
    }
    .tab_right {
        width: 100%;
    }
    .tab_right_row {
        width: 50%;
        float: left;
    }
    .tab_right_row_right_img .overlay_hover_outer {
        float: left !important;
    }
}

@media screen and (max-width: 1300px) {
    #s5_pos_custom_1 {
        display: none;
    }
    #s5_quick_contact_controller input {
        width: 18% !important;
    }
    #s5_quick_contact_controller select {
        width: 13% !important;
    }
    #s5_custom_7_pos_wrap {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}

@media screen and (max-width: 1250px) {
    .bottom_display_left,
    .bottom_display_right {
        display: none;
    }
    .bottom_display_text {
        width: auto;
    }
    .s5_level1_span1 {
        padding-left: 8px;
        padding-right: 8px;
    }
    #s5_nav li {
        margin: 0px;
    }
    #s5_menu_wrap {
        margin-left: 0px;
    }
}

@media screen and (max-width: 1200px) {
    #s5_pos_custom_1 {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    #s5_bottom_row3_inner {
        display: block;
    }
    #s5_bottom_row3_inner .s5_float_left {
        display: block;
        float: left;
        margin-bottom: 20px;
        border: none !important;
    }
    #s5_footer_area1 {
        padding-top: 10px;
    }
    .s5_level1_span1 {
        padding-left: 3px;
        padding-right: 3px;
    }

    #s5_pos_custom_1 {
        display: none;
    }
    #s5_quick_contact_controller input {
        width: 16% !important;
    }
    #s5_quick_contact_controller select {
        width: 11% !important;
    }
    .s5_qc_date_required input,
    .s5_qc_date input {
        background-image: none !important;
    }
    #s5_custom_7_pos_wrap {
        padding-left: 6% !important;
        padding-right: 6% !important;
    }
}

@media screen and (max-width: 750px) {
    .tab_right_row {
        width: 100% !important;
        float: left;
    }
    .tab_right_row_right_img .overlay_hover_outer {
        float: right !important;
    }

    #s5_custom_7_pos_wrap {
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
    .s5_icon_custom_7_close {
        margin-top: 110px;
    }

    .jdGallery .slideInfoZone h2,
    .jdGallery .slideInfoZone p {
    	width: 80% !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;
    }
}