@media (max-width: 1150px) {
    #header {
        text-align: center;
    }
    #header .options {
        padding: 0 20px 20px 20px;
    }
    #header h1 {
        float: none;
        text-align: center;
    }
    #header form {
        display: block;
        width: 213px;
        margin: 16px auto 15px auto;
    }
    #comp_shop {
        float: none;
        margin: 12px 0 0 0;
        text-align: center;
        border-left: none;
    }
    .dropDownShopCompany select {
        margin: 0 3px 7px !important;
    }
    #header .btn,
    #header .cs,
    #header #date_range {
        margin: 0 5px 5px;
    }
    #subheading h1 {
        text-align: center;
    }
    html.on {
        overflow-x: hidden;
    }
    #menu_toggle {
        display: block;
    }
    #sidebar img {
        width: 147px;
        margin: 29px auto 45px auto;
    }
    #sidebar {
        width: 200px;
        margin-left: -200px;
    }
    #content {
        margin-left: 0;
    }
    #sidebar.on {
        margin-left: 0;
    }
    #content.on {
        -webkit-transform: translate(200px, 0);
            -ms-transform: translate(200px, 0);
                transform: translate(200px, 0);
    }
    #sidebar ul li a {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 6px;
    }
    #sidebar ul li a:after {
        width: 161px;
    }
    #user_info p span {
        /*display: block;*/
    }
    .stacktable.small-only {
        display: table;
    }
    .stacktable.large-only {
        display: none;
    }
    #pagination .cs {
        display: inline-block;
    }
    #pagination ul {
        display: none;
    }
    #header .cs.highlight {
        display: inline-block;
    }
    .date_range {
        margin: 9px 0 0 0;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 820px) {
    #profile > .content {
        float: none;
        clear: both;
        width: 100%;
    }
    #locations {
        float: none;
        clear: both;
        width: 100%;
    }
    #profile > .content .section {
        padding: 0 0 60px;
    }
    .date-picker-wrapper .month-wrapper table.month2 {
        float: left;
    }
    .date-picker-wrapper .gap {
        display: none !important;
    }
    .date-picker-wrapper {
        width: 200px;
    }
    #dashboard_top_int table td span.pad {
        margin: 0 15px;
    }
    #dash_info {
        float: none;
        width: 100%;
    }
    #dash_info > .l_col {
        float: none;
        width: 100%;
    }
    #dash_info > .r_col {
        float: none;
        width: 100%;
    }
    #dash_log {
        float: none;
        width: 100%;
    }
    #dash_log .heading {
        padding: 10px 25px;
        background-color: #f0f0f0;
    }
    #dash_info .heading .label h1 {
        padding: 15px 25px;
    }
    #dash_info .info .custom-row .l_col,
    #dash_info .info .custom-row .r_col {
        padding: 25px 15px 25px 25px;
    }
    #dash_info .info .custom-row .number {
        font-size: 23px;
        line-height: 23px;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 650px) {
    body.login {
        background-position: 35% 50%;
    }
    #login {
        max-width: 370px;
        margin: 0 auto;
    }
    #login_options {
        left: 0;
        margin: 0 auto;
    }
    #login_options a {
        display: inline-block;
    }
    #register .wrapper_cols .col {
        float: none;
        width: 100%;
        padding: 0;
    }
    #register .wrapper_cols .col1 {
        float: none;
        width: 100%;
        padding: 0;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 600px) {
    #dashboard_top_int .heading h1 {
        float: none;
        clear: both;
        margin: 12px 0 20px 0;
    }
    #dashboard_top_int .heading #date_range {
        float: none;
        margin: 0;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 500px) {
    .mfp_panel {
        width: 300px;
        max-width: 300px;
    }
    .mfp_panel .heading h1 {
        font-size: 16px;
        line-height: 16px;
        padding: 30px 20px;
    }
    .mfp_panel .content .custom-row .rcol input,
    .mfp_panel .content .custom-row .rcol textarea,
    .mfp_panel .content .custom-row .rcol select {
        font-size: 14px;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 360px) {
    #logo {
        margin: 15px auto 16px auto;
    }
    #wrapper_login {
        font-size: 14px;
    }
    #login_form input {
        font-size: 16px;
        margin: 8px 0;
        padding: 9px 20px;
    }
    #login_form input[type='button'] {
        font-size: 20px;
        padding: 6px 8px;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-height: 960px) {
    #download-merchandiser {
        margin: 19px 0 20px 0;
    }
    #download-merchandiser .label-download-merchandiser {
        display: none;
    }
    #user_info .label_user_info {
        display: none;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-height: 860px) {
    #sidebar img {
        width: 147px;
        margin: 29px auto 45px auto;
    }
    #sidebar ul li a {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 6px;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-height: 760px) {
    #login_options {
        position: relative;
    }
    #sidebar {
        overflow-y: auto;
    }
    #user_info {
        position: relative;
        background: none;
    }
}