@media only screen and (max-width: 1200px) {
    .orphan-group-container {
        flex-direction: column;
        max-width: 100%;
    }
    .right-sidebar-links {
        display: none;
    }
    .datapage-sidebar {
        display: none;
    }
    .plans-container {
        display: none;
    }
    .filters-container {
        display: block;
    }
    .plan-container-version-content {
        display: none;
    }
    .datapage-content .datapage-two-columns-container > div:first-child {
        max-width: 100%;
    }
}
@media only screen and (max-width: 1020px) {
    .datapage-content .datapage-sub-header-block {
        flex-wrap: wrap;
    }
    .datapage-content .datapage-sub-header-block .datapage-sub-header {
        display: block;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 0;
    }
    .datapage-content .datapage-sub-header-block .addthis_inline_share_toolbox {
        margin-bottom: 20px;
        min-width: 100%;
        text-align: center;
        float: none;
        position: static;
    }
    .datapage-content .datapage-text {
        margin-top: 10px !important;
    }
}
div.search-page form :nth-child(3) {
    margin-left: 25px;
}
div.search-page form :nth-child(4) {
    float: right;
}
@media only screen and (max-width: 767px) {
    /* Search bar */
    /* Search results */
    button.ui-dialog-titlebar-close {
        background-color: #4d2965 !important;
        content: '\f00d' !important;
        color: #fff !important;
        visibility: hidden;
        font-family: FontAwesome !important;
        font-size: 0 !important;
        padding: 0;
        margin: 0;
        text-align: center;
        text-indent: 1px !important;
    }
    button.ui-dialog-titlebar-close:before {
        background-color: #4d2965 !important;
        content: '\f00d' !important;
        color: #fff !important;
        visibility: visible !important;
        font-family: FontAwesome !important;
        font-style: normal !important;
        font-weight: normal !important;
        text-decoration: inherit !important;
        font-size: 19px !important;
        min-width: 100% !important;
    }
    button.ui-dialog-titlebar-close span {
        visibility: hidden;
        display: none;
    }
    .orphan-group-container, .orphan-group-content {
        flex-direction: column;
        max-width: 100%;
    }
    .header-wrapper {
        display: block !important;
    }
    .header-wrapper .inner {
        min-height: 0 !important;
    }
    .header-wrapper .short-description {
        min-height: 0 !important;
        padding: 10px 0 20px !important;
    }
    .datapage-content .datapage-table, #block-ceicdata-content .datapage-table {
        min-width: 100% !important;
    }
    .datapage-content .datapage-header.orphan-group-header {
        padding: 0.5em;
    }
    .datapage-content .datapage-header {
        font-size: 150%;
    }
    .datapage-content div.chart-block {
        display: flex;
        flex-direction: column;
    }
    .datapage-content div.chart-block div.chart-btns {
        order: 3;
    }
    .datapage-content div.chart-block div.chart-btns select, .datapage-content div.chart-block div.chart-btns button, .datapage-content div.chart-block div.chart-btns input {
        padding: 3px 3px 3px 3px;
        max-width: 40px;
        min-width: 35px;
        font-size: 60%;
    }
    .datapage-content div.chart-block div.chart-btns select {
        display: inline-block;
        max-width: 80px;
    }
    .datapage-content div.chart-block div.chart-btns div.chart-dates-block.active {
        display: block;
    }
    .datapage-content div.chart-block div.chart-btns div.chart-dates-block input, .datapage-content div.chart-block div.chart-btns div.chart-dates-block button {
        display: block;
        max-width: 100px;
    }
    .datapage-content div.chart-block div.chart-embed-block {
        order: 2;
    }
    .datapage-content div.chart-block div.charts-container {
        order: 1;
    }
    .chart-menu-list a, .chart-menu-list div {
        padding: 0.5em 0;
    }
    .date-picker.flatpickr-input {
        width: 49%;
    }
    .orphan-group-item .charts-container {
        min-height: 140px;
    }
    div.d-tc.w-100 {
        padding: 20px 20px 0 20px;
    }
    div.d-tc.w-100 div.d-tc.w-84 {
        width: 87% !important;
    }
    div.d-tc.w-100 div.d-tc.w-84 p.search-wrapper input#search_query {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        height: 40px;
    }
    div.d-tc.w-100 div.d-tc.w-20 p.button-wrapper {
        background: #4d2965;
        min-width: 100%;
    }
    div.d-tc.w-100 div.d-tc.w-20 p.button-wrapper #btnSubmit {
        visibility: hidden;
        font-size: 0 !important;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    div.d-tc.w-100 div.d-tc.w-20 p.button-wrapper #btnSubmit:before {
        visibility: visible;
        content: "\f002";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 19px;
        min-width: 100%;
    }
    div.es-container-cp {
        padding: 0;
    }
    div.es-container-cp div.search-heading {
        display: none !important;
    }
    div.es-container-cp select.od-div-search-select {
        max-width: 35%;
    }
    div.es-container-cp div.search-item-div a {
        word-break: break-word;
    }
    #block-login {
        float: none !important;
        position: absolute !important;
        right: 60px !important;
    }
    #block-login a.login {
        min-width: 65px !important;
        padding: 10px 5px 10px 5px !important;
    }
    #block-login a.login:before {
        content: none !important;
    }
    #block-menuright-2 {
        margin-right: 10px;
    }
    .datapage-content .datapage-table:not(.mobile-table) {
        display: block !important;
    }
    .datapage-content .datapage-table:not(.mobile-table) .unit-cell, .datapage-content .datapage-table:not(.mobile-table) .frequency-cell, .datapage-content .datapage-table:not(.mobile-table) .range-cell {
        display: none;
    }
    .datapage-content .datapage-table:not(.mobile-table) thead {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }
    .datapage-content .datapage-table:not(.mobile-table) thead th {
        font-size: 13px !important;
        width: 10% !important;
        min-width: 0 !important;
    }
    .datapage-content .datapage-table:not(.mobile-table) tbody {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }
    .datapage-content .datapage-table:not(.mobile-table) tbody td.name-cell {
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 0 5px 0 5px !important;
    }
    .datapage-content .datapage-table:not(.mobile-table) tbody td.name-cell a {
        font-size: 13px !important;
    }
    .datapage-content .datapage-table:not(.mobile-table) tbody td.value-cell p {
        font-size: 13px !important;
    }
}