/*************************************************/
/*  In addition to the stock rules, this sheet
    also contains custom MNP2 rules that are strictly
    related to the break point mechanics. Search MNP2
    See client-global.css "responsive" for more
    specific cases

    Use a specific rule of display: none in combination
    with the .show... rules to toggle an element on for 
    mobile, but off by default
*/
/*************************************************/

/* --------- */
/* VARIABLES */
/* --------- */
@media only screen and (max-width: 1200px) {

    /* RESPONSIVE INDICATOR */
    .jqres {
        width: 1200px;
    }
}

@media only screen and (max-width: 990px) {

    /* RESPONSIVE INDICATOR */
    .jqres {
        width: 1000px;
    }

    /* RECENT POSTS SLIDER */
    .rps_image_hover {
        display: none !important;
    }

    /* PORTFOLIO-POST-1 */
    .portfolio-post-1 .portfolio_image_hover {
        display: none !important;
    }
}

@media only screen and (max-width: 840px) {
    /* MNP2 */
    .show-tablet-land {
        display: block !important;
    }
    /*shows tablet-land and lower*/
    .hide-tablet-land {
        display: none !important;
    }
    /*hides mobile-land and lower*/

    .bleed-tablet-land {
        margin-left: -24px;
        margin-right: -20px;
    }

    /* RESPONSIVE INDICATOR */
    .jqres {
        width: 840px;
    }

}

@media only screen and (max-width: 680px) {
    /* MNP2 */
    .show-tablet-port {
        display: block !important;
    }
    /*shows tablet-port and lower*/
    .hide-tablet-port {
        display: none !important;
    }
    /*hides mobile-land and lower*/

    /* RESPONSIVE INDICATOR */
    .jqres {
        width: 680px;
    }

    /* NAVIGATION-1 */
    .navigation-1_container,
    .search_top_overlay {
        display: none !important;
    }

    /* NAVIGATION-2 */
    .navigation-2_container {
        display: block !important;
    }

    /* GRID */
    [class*='col-'] {
        width: 100%;
    }

    /* SIDEBAR-1 */
    .sidebar_right .col-content,
    .sidebar_left .col-content {
        width: 100%;
    }

    .sidebar_right .col-sidebar,
    .sidebar_left .col-sidebar {
        width: 100%;
    }

    #sidebar-1_wrapper {
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #ebebeb;
    }

    /* FOOTER-BOTTOM */
    .footer-bottom_right {
        float: left;
    }

        .footer-bottom_right .footer_links a {
            margin: 0 13px 0 0;
        }
}

@media only screen and (max-width: 480px) {
    /* MNP2 */
    .show-mobile-land {
        display: block !important;
    }
    /*shows mobile-land and lower*/
    .hide-mobile-land {
        display: none !important;
    }
    /*hides mobile-land and lower*/

    /* RESPONSIVE INDICATOR */
    .jqres {
        width: 480px;
    }
}