/**************** MEDIA QUERYIES FOR RESPONSIVE DESKTOP START *******************/

/* Large devices (laptops/desktops, 992px and up) */

@media screen and (min-width: 2000px) {
    .detail-main-content-section{
        padding-bottom: 5rem!important;
    }
}

@media only screen and (max-width: 992px) {
    .detail-content-section .k-grid.k-widget:not(.kendo-custom-table) {
        width: 100% !important;
    }

    table th.th-space {
        white-space: nowrap !important;
    }
}

@media (max-width: 1260px) {

    .actual-screen-width.chart-wrapper {
        width: 100% !important;
    }

    #bookMarksSectionMobile,
    .narrow-screen-view {
        display: block;
    }

    #homeMainBannerSection,
    #homeMainBannerSectionCenterAlign {
        display: none;
    }

    #homeMainBannerSectionMobile {
        display: block;
        margin-top: 0 !important;
    }

    #bookMarksSectionWrapper,
    .wider-screen-view {
        display: none;
    }

    .detail-left-content-section {
        width: 100%;
        position: relative;
        top: 0;
    }

    #headerNavigation ul {
        display: block !important;
        width: 98%;
        overflow: hidden;
    }

    #headerNavigation li {
        white-space: normal !important;
        overflow: unset !important;
        display: inline-block !important;
    }

    .breadcrumb-seperator {
        padding-right: 8px;
        padding-left: 10px !important;
        line-height: 2;
    }

    .planoverview-details-content,
    .plan-metdadata-details {
        width: calc(97vw)
    }

    .investment-map-wrapper {
        padding: 1rem;
    }

        .investment-map-wrapper #BannerSection {
            margin-top: 0 !important;
        }

    .pivote-detail-content-section {
        width: 100%;
    }

    .pivote-filter-small {
        text-align: left !important;
    }

    .only-title-box {
        height: 85px;
    }

    .image-card-wrapper {
        margin-right: 35px;
    }

    .main-headings-wrapper {
        min-height: 160px;
    }

    .keyfigures-details-section,
    .keyfigure-detail-imge-wrapper {
        height: auto !important;
    }

    .keyfigures-detail-section {
        padding: 1rem !important;
    }

    .keyfig-content-wrap, .servicearea-nav-btn-section {
        margin-top: 1rem;
    }

    #BookMarksContent .bookmarkL2 {
        padding-left: 0 !important;
    }

    #keyFiguresDetailContentSection {
        width: 95%;
    }

    .plansearch-wrapper {
        width: 100%;
    }

    .detail-section-wrapper .highcharts-container {
        width: 100% !important;
        height: 100% !important;
    }

    .detail-section-wrapper .highcharts-data-table {
        width: 100% !important;
        overflow: auto;
    }
}


@media screen and (max-width: 1720px) and (min-width: 1601px) {
    .search-wrapper {
        width: 80%;
    }

    .main-chapters-content3 {
        height: 180px;
    }

    .main-chapters-content2 {
        height: 200px;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1501px) {
    .search-wrapper {
        width: 80%;
    }
}

@media screen and (min-width: 1280px) {

    .image-card-wrapper {
        margin-right: 35px;
    }

    .pe-3r {
        padding-right: 3.5rem;
    }
}

@media screen and (min-width: 1000px) {
    logoimg {
        min-height: 70px;
    }

    .toggle-sevice-area {
        position: absolute;
        top: 15px;
        left: 146px;
    }

    .pivot-filter-wrapper button {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 1521px) and (min-width: 1441px) {

    .content-home-style {
        margin-top: 52px;
    }

    .content-detail-style {
        margin-top: 0px;
    }

    .search-wrapper {
        width: 95%;
    }

    .para-content {
        height: 160px;
    }

    .image-card-wrapper {
        margin-right: 25px;
    }

    .only-title-box {
        height: 80px;
    }
}

@media screen and (max-width: 1450px) and (min-width: 1401px) {
    #home1 iframe,
    #home1 object,
    #home1 video {
        height: 267px !important;
    }

    .para-content {
        height: 160px;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1367px) {

    .content-home-style {
        margin-top: 59px;
    }

    .content-detail-style {
        margin-top: 0px;
    }

    .search-wrapper {
        width: 100%;
    }

    .main-chapters-content3 {
        height: 200px;
    }

    .main-chapters-content2 {
        height: 220px;
    }

    .common-text-style {
        zoom: 90%;
    }

    .para-content {
        height: 160px;
    }

    .banner-image-container {
        width: calc(50vw);
    }
}

@media screen and (max-width: 1368px) and (min-width: 1283px) {
    #searchWrapper {
        padding-right: 20px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1360px) {
    .main-chapters-content3 {
        height: 200px;
    }

    .main-chapters-content2 {
        height: 220px;
    }

    .common-text-style {
        zoom: 90%;
    }

    .para-content {
        height: 160px;
    }

    .detail-book-marks-menu {
        width: 18.2% !important;
    }
}

@media screen and (max-width: 1280px) and (min-width: 1153px) {

    #detailContentSectionTop .col-md-7 {
        width: 76%;
    }

    .search-wrapper {
        width: 100%;
    }

    .main-chapters-content3 {
        height: 230px;
    }

    .main-chapters-content2 {
        height: 250px;
    }

    .common-text-style {
        zoom: 90%;
    }

    .para-content {
        height: 160px;
    }

    .panel-group .panel-body .detail-content-section .k-grid.k-widget {
        width: 142% !important;
    }

    #bookMarksSectionMobile {
        width: calc(71vw);
        margin: 0 auto;
    }
}

@media screen and (max-width: 1359px) and (min-width: 1281px) {
    .main-chapters-content3 {
        height: 200px;
    }

    .main-chapters-content2 {
        height: 220px;
    }

    .common-text-style {
        zoom: 90%;
    }

    .para-content {
        height: 160px;
    }

    .detail-book-marks-menu {
        width: 18.2% !important;
    }
}

@media screen and (max-width: 1300px) and (min-width: 901px) {
    #contentMenuSection {
        width: 50%;
    }

    th.left, td.left {
        min-width: 130px;
    }

    th.right, td.right {
        min-width: 90px;
    }

    .plan-publish-widget table {
        width: 100% !important;
        table-layout: auto;
    }

    table tr td.right {
        white-space: nowrap;
    }

    .kostra-group-column-grid table tr td.right {
        white-space: normal;
    }

    #planMetaDataWrapper {
        width: 100%;
    }

        #planMetaDataWrapper .col-md-7 {
            width: 60%;
        }

        #planMetaDataWrapper .aside-content-section,
        #planMetaDataWrapper .right-empty-section {
            width: 37%;
        }

    .goalsTabs {
        width: 100%;
    }

    .detail-section-wrapper.preview-detail-wrapper .actual-screen-width {
        width: calc(36vw + 36vw) !important;
    }

    .k-hierarchy-cell {
        min-width: 20px !important;
    }

        .k-hierarchy-cell.goal-hierarchy-cell {
            width: 8% !important;
        }
}

@media screen and (max-width: 1152px) and (min-width: 1121px) {

    #headingSerchWrapper {
        width: 89%;
    }

    #searchWrap {
        width: 10%;
    }

    .content-home-style {
        margin-top: 59px;
    }

    .content-detail-style {
        margin-top: 0px;
    }

    .main-chapters-content3 {
        height: 250px;
    }

    .main-chapters-content2 {
        height: 270px;
    }

    .common-text-style {
        zoom: 90%;
    }

    #minmenuTabs {
        max-width: max-content;
    }

    .image-card-wrapper {
        margin-right: 35px;
    }

    .detail-content-section .k-grid.k-widget:not(.kendo-custom-table),
    .panel-group .panel-body .detail-content-section .k-grid.k-widget {
        width: 130% !important;
    }
}

@media screen and (max-width: 1420px) and (min-width: 1220px) {
    .detail-banner-section {
        transform: translateX(calc(0px));
    }

    .banner-section-wrapper {
        width: 780px;
    }
}

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

    .panel-group .panel-body .detail-content-section .k-grid.k-widget {
        width: 144% !important;
    }

    .detail-content-section .plan-publish-figure-table {
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

@media screen and (max-width: 1320px) and (min-width: 1001px) {
    #searchWrap {
        width: 11%;
    }

    .same-height-div-style {
        display: flex !important;
        display: -webkit-flex !important;
    }

    .detail-book-marks-menu {
        width: 18.6% !important;
    }

    .question-content {
        width: 95%;
    }

    .plan-detail-wrapper {
        width: 90%;
    }
}

@media screen and (max-width: 1000px) and (min-width: 801px) {

    #headerContent .col-md-4 {
        width: 33%;
        float: left;
    }

    .detail-content-section {
        width: 70%;
    }

        .detail-content-section .k-grid.k-widget:not(.kendo-custom-table),
        .panel-group .panel-body .detail-content-section .k-grid.k-widget {
            width: 100% !important;
        }

    #bookMarks {
        width: 450px;
    }

    #planMetaDataWrapper .col-md-7 {
        width: 100%;
    }

    #planMetaDataWrapper .aside-content-section {
        width: 95%;
    }

    .right-empty-section {
        display: none;
    }

    #frontPageContentSection .chapter-headings-section--main {
        width: 51% !important;
    }
}

@media screen and (max-width: 1540px) and (min-width: 1311px) {
    .navbar-header.background-menu {
        width: 23%;
        float: left;
    }

    .k-hierarchy-cell {
        min-width: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 761px) {
    .content-home-style {
        margin-top: 59px;
    }

    .content-detail-style {
        margin-top: 0px;
    }

    .detail-content-section,
    .detail-content-section img {
        width: 100%;
    }

    .search-wrapper {
        width: 100%;
    }


    .main-chapters-content2 {
        height: 280px;
    }


    #minmenuTabs {
        width: 98%;
    }

    .same-height-div-style {
        display: block !important;
    }

    .img-only {
        width: auto !important;
    }

    .image-area-sec {
        padding-bottom: 20px !important;
        display: block;
        text-align: left;
    }

    .image-links-style {
        padding-top: 10px;
    }

    .detail-book-marks-menu {
        width: 20% !important;
    }

    .image-area-sec:nth-of-type(4) {
        border-right: 2px solid var(--white-color) !important;
    }

    .k-hierarchy-cell.goal-hierarchy-cell {
        width: 8% !important;
    }
}

@media screen and (max-width: 1360px) and (min-width: 1281px) {

    .front-graph-links-bg .col-md-3 {
        width: 50%;
        display: inline-flex;
    }

    .image-links-wrap {
        width: 23%;
    }

    .column-count3 {
        column-count: 1
    }
}

@media (max-width: 680px) {
    #headerContent {
        position: static;
    }

    .main-container {
        margin-top: 0;
    }

    .k-grid .fixed-header {
        position: static;
    }

    #collapseFilterContentWrap {
        left: 10px;
        padding: 0;
    }

    #listFilterContainer, #listContainerWrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .filter-content-sec {
        width: 100% !important;
    }

        .filter-content-sec .padding-left30 {
            padding-left: 15px !important;
        }
}

@media screen and (max-width: 1280px) and (min-width: 801px) {
    .question-content {
        width: 95%;
    }

    #detailContentSectionTop .col-md-7 {
        width: 76%;
    }

    table th, table td {
        min-width: 120px;
    }

    tr td.right, tr th.right {
        min-width: 90px;
    }

    tr td.left, tr th.left {
        min-width: 150px;
    }

    .kostra-group-column-grid table tr td.right {
        white-space: normal;
    }
}

/**************** MEDIA QUERYIES FOR RESPONSIVE DESKTOP END *******************/
/**************** MEDIA QUERYIES FOR RESPONSIVE MOBILE STARTS *****************/
@media screen and (min-width: 1px) and (max-width: 900px), (min-device-width : 1024px) and (max-device-width : 1253px) and (orientation : portrait), (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait), (min-device-width : 810px) and (max-device-width : 1080px) and (orientation : portrait), (max-device-width : 810px) and (-webkit-min-device-pixel-ratio: 2.0) and (orientation : portrait), (max-device-width : 810px) and ( min--moz-device-pixel-ratio: 2.0) and (orientation : portrait), (max-device-width : 810px) and ( -o-min-device-pixel-ratio: 2.0/1) and (orientation : portrait), (max-device-width : 810px) and ( min-device-pixel-ratio: 2.0) and (orientation : portrait), (max-device-width : 810px) and ( min-resolution: 264dpi) and (orientation : portrait), (max-device-width : 810px) and ( min-resolution: 2.0dppx) and (orientation : portrait), (max-device-width : 810px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait), (max-device-width : 810px) and ( min--moz-device-pixel-ratio: 2) and (orientation : portrait), (max-device-width : 810px) and ( -o-min-device-pixel-ratio: 2/1) and (orientation : portrait), (max-device-width : 810px) and ( min-device-pixel-ratio: 2) and (orientation : portrait), (max-device-width : 810px) and ( min-resolution: 192dpi) and (orientation : portrait), (max-device-width : 810px) and (min-resolution: 2dppx) and (orientation : portrait), (max-device-width : 810px) and (-webkit-min-device-pixel-ratio: 3) and (orientation : portrait), (max-device-width : 810px) and (min--moz-device-pixel-ratio: 3) and (orientation : portrait), (max-device-width : 810px) and (-o-min-device-pixel-ratio: 3/1) and (orientation : portrait), (max-device-width : 810px) and (min-device-pixel-ratio: 3) and (orientation : portrait), (max-device-width : 810px) and (min-resolution: 384dpi) and (orientation : portrait), (max-device-width : 810px) and (min-resolution: 3dppx) and (orientation : portrait) {

    html, body {
        font-size: 15px;
    }

    #frontPageContentSection .view-more-content {
        height: auto;
        position: relative;
        bottom: -6vh;
        padding: 5px 10px;
        transform: translateX(-50%);
        white-space: normal;
    }

    #frontPageContentSection .chapter-heading--title {
        width: 92%;
        padding-top: 1rem;
    }

    .front-page-graph-links {
        width: 100%;
        word-break: break-word;
        padding: 0 !important;
    }

    .breadcrumbs-section {
        padding: 10px 12px !important;
    }

    .details-keyfigures-content,
    .tab-content div,
    #bmProposalGridWrapper,
    #planSearchSection .plansearch-wrapper,
    #planMetaDataWrapper .plan-metadata-left-sec,
    .filter-content-sec a,
    .keyfigures-detail-title,
    .front-box-style h2 {
        padding: 0 !important;
    }

    .chapter-headings-section--sub.first-chapter-content,
    #frontPageContentSection .chapter-heading--main {
        position: static !important;
        width: 100% !important;
    }

    .front-box-style {
        padding: 3rem !important;
    }

    .secondary-header-wrapper .logo-wrapper {
        width: 40%;
    }

    .secondary-header-wrapper .flex-container {
        width: 60%;
        padding-right: 10px !important;
    }

    #frontPageContentSection {
        width: 100%;
        padding: 0;
        margin-top: -4rem;
    }

    table {
        table-layout: auto !important;
        white-space: nowrap;
    }

    .ck-kostra-template table,
    .e-pivotview table,
    .investment-overview-custom-table table {
        table-layout: fixed !important
    }

    .e-pivotview table {
        table-layout: auto !important
    }

    .only-title-box {
        height: auto;
    }

    .content-box-bottom-sec1 {
        width: 100%;
        margin-top: 22px !important;
    }

        .content-box-bottom-sec1 h4 {
            padding: 0 15px !important;
        }

    .image-links-wrap {
        width: 25%;
        height: 100%;
        display: inline-block;
    }

    .graph-links-text {
        vertical-align: middle !important;
    }

    .abs-position {
        white-space: nowrap;
    }

    .goals-thumbnail-image-wrap {
        width: 100%;
        height: 75px;
    }

    .goals-headings-section--main {
        width: 100% !important;
    }

    .search-results {
        width: 97%;
        margin: 0 15px;
    }

    #mapFilterWrapper li {
        text-align: left !important;
    }

    #headerContents, .exp-collapse-map {
        display: none;
    }

    .keyfigures-contents {
        border: 0 none !important;
        margin-bottom: 20px;
    }

    #headerContent .col-md-12 {
        display: flex;
    }

    #nested a {
        width: 96%;
        padding: 0;
    }

    #detailContentSectionTop,
    #detailTopServiceArea {
        display: none !important;
    }

    #bookMarksTopSectionWrapper,
    .seprator-style {
        display: none !important;
    }

    .image-card-wrapper {
        margin-bottom: 30px !important;
    }

    .icons-wrappers {
        top: 4px;
    }

    .icon-bar {
        width: 33px;
        height: 3px;
    }

    .slidebar-toggle .icon-bar + .icon-bar {
        margin-top: 7px;
    }

    #searchWrapperMobile .input-group-btn {
        width: 100%;
        text-align: right;
        display: inline-block;
    }

    #menuRedirectHomeWrap {
        padding-left: 0;
    }

    .image-area-sec {
        display: inline-block;
    }

    #middleContentWrapper1 .image-area-sec {
        border: 0;
        border-bottom: 1px solid var(--white-color) !important;
        width: 100%;
        text-align: left;
    }

    #mobileHeaderMenuIconWrapper {
        width: 33%;
    }

    #headingSerchWrapper {
        width: 67%;
    }

    #searchListMapContainer #mrInvMapSort {
        width: 73% !important;
    }

    #topTitle {
        width: 100%;
        padding-left: 12px;
    }

    .book-marks-menu-Title {
        padding-top: 10px !important;
    }

    .columns-menu, .columns-menu1 {
        columns: 1;
    }

    #accordion .panel-title .h3 {
        line-height: 1.4;
    }

    .nav-doc-close {
        width: 18px;
        height: 18px;
        border-radius: 1px;
        margin-top: 1px;
    }

    .window-popup-container {
        padding: 1rem !important;
        margin: 0 !important;
    }

    #mobileContentMenuSection .panel {
        background: none;
        border: 0 none;
    }

    #mobileContentMenuSection .panel-default {
        border: 0 none;
    }

    #mobileContentMenuSection .panel-heading, #mobileContentMenuSection .panel-body {
        padding: 0;
        border: 0 none;
    }

    .panel-heading .accordion-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings', sans-serif; /* essential for enabling glyphicon */
        content: "\e114"; /* adjust as needed, taken from bootstrap.css */
        float: right; /* adjust as needed */
        color: var(--hr-line-border); /* adjust as needed */
        margin-right: 15px;
    }

    .panel-heading .accordion-toggle.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e080"; /* adjust as needed, taken from bootstrap.css */
    }

    .single-page-view-wrapper {
        margin-top: 0 !important;
    }

    #genericAbstractWrapper,
    #singlePageViewBannerSection,
    #homeMainBannerSection,
    #homeMainBannerSectionCenterAlign {
        display: none;
    }

    .nav-doc-close,
    #mobileBannerForPlanOlderVersion,
    #genericMobileAbstractWrapper,
    #mobileTop,
    #showOnlyOnMobile,
    #homeMainBannerSectionMobile {
        display: block;
    }

    #mobileTop {
        z-index: 9999;
        width: auto;
    }

    .ck-custom-table-export {
        left: 0;
        overflow: auto;
    }

    #middleContentSecWrapper {
        padding-left: 30px !important;
    }

    .modify-text-alignment {
        text-align: center !important;
    }

    #rightMenuHeaderSec, .title-seprator {
        display: none;
    }

    .plan-single-pageview-banner {
        width: calc(90vw);
        height: 275px;
        margin: 0 auto;
    }

    .k-animation-container .k-widget.k-tooltip {
        right: 10%;
    }

    .k-widget.k-window {
        width: 95% !important;
    }

    #investmentPopupWindow .col-md-11, .main-chaptors-wrappers {
        padding: 0 !important;
        padding-bottom: 15px !important;
    }

    #invTableSection {
        width: 96%;
    }

        #invTableSection table {
            width: 100% !important;
            overflow: auto;
            display: block;
        }

            #invTableSection table tr th, #invTableSection table tr td {
                padding: 10px !important;
            }

    #proposalGraphWindow table {
        width: 95% !important;
    }

    .detail-content-section-wrapper {
        padding: 0px !important;
        padding-top: 25px !important;
        margin-top: 0px;
        word-wrap: break-word;
    }

    .h2, .h3, .h1, .h4, .h5, .h6, i.detail-content-italic, .k-chart {
        width: 100%;
    }

    .k-chart {
        overflow: auto;
    }

    .col-md-10.actual-screen-width,
    .detail-content-section .col-md-10.highcharts-data-table {
        width: 100% !important;
    }

    #searchSection .abs-position {
        transform: translate(0%);
        left: 0;
    }

    .e-frozencontent.e-frozen-left-content table,
    .e-frozenheader.e-frozen-left-header table {
        width: calc(100vw / 2) !important;
    }

    #minmenuTabs li {
        width: 94%;
        margin: 2px;
        padding: 8px;
        height: 100%;
        border-right: none;
    }

    .inline-flex {
        display: flex !important;
    }

    .search-wrapper-main {
        padding: 10px !important;
    }

    .k-grid.k-widget:not(.kendo-custom-table) {
        width: 100% !important;
    }

    .detail-content-section .img-only {
        width: auto !important;
        overflow: auto !important;
    }

        .detail-content-section .img-only img {
            width: auto !important;
            height: auto !important;
        }

    #logoSection {
        margin-top: 0px !important;
        height: auto;
    }

    .relative-position.padding-left30 {
        padding-left: 0px !important;
        padding-right: 0 !important;
    }

    .h4.align-center {
        margin-top: 5px;
    }

    #BannerSection .top50 {
        margin-top: 75px !important;
    }

    .kendo-custom-table {
        width: 100% !important;
    }

    #outerCoverWrapper #detailContentSection {
        margin-top: 0px !important;
    }

        #outerCoverWrapper #detailContentSection .height75 {
            height: 150px !important;
        }

    #investmentsGraphWrapper #detailContentSection .height75 {
        height: 200px !important;
    }

    .bookmark-abstract-title {
        padding-left: 0px;
    }

    #downloadGraphDataWrap {
        margin-top: 3px;
        width: max-content;
        float: right;
        padding: 0 !important;
        display: inline-block;
    }

    #totalChart3 {
        margin-top: 130px;
    }

    #backToHome {
        margin-top: 45px;
    }

    .keyfigure-page-header {
        clear: both;
        padding-top: 15px !important;
    }


    .keyfigure-front-page-text {
        clear: both;
        padding-bottom: 10px;
        width: 100%;
    }

    #middleContentWrapper2,
    #middleContentWrapper1 {
        height: 100% !important;
        min-height: 100% !important;
        padding: 5px !important;
    }

    li.graph-breadcrumbs {
        margin-bottom: 5px;
    }

    #middleContentWrapper1 .padding20 {
        padding-right: 0px !important;
    }

    #middleContentWrapper1 .padding40 {
        padding-left: 0px !important;
        padding-bottom: 0 !important;
    }

    #tabsSection {
        margin-top: 0px !important;
        padding-bottom: 25px;
    }

    #middleContentWrapper2 .top20 {
        margin-top: 0px !important;
    }

    #menuItem2, #centralChaptersTitle,
    #homeMainChaptersContent1,
    #middleContentSectionWrapper {
        padding-left: 0px !important;
    }

        #homeMainChaptersContent1 .padding20 {
            padding-left: 15px !important;
        }

    .graph-filter-divider {
        border: 0 none !important;
    }

    .detail-content-section .videodetector {
        height: 220px !important;
    }

    #forewardContentVideoSec, #forewardContentVideoSec .padding20 {
        padding-left: 15px !important;
        padding-right: 0px !important;
    }

    #forewardContentVideoSec {
        padding: 0 !important;
        margin-bottom: 15px;
    }

        #forewardContentVideoSec .padding-left20 {
            padding-left: 15px !important;
        }

    #filterTotalContentSelector {
        left: 75px;
        position: relative;
        margin-top: 50px;
    }

    #filterContentSelector,
    #filterContentSelector1 {
        margin-top: 0;
        left: 0;
        top: 0;
    }

    #levelBookmarks {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

        #levelBookmarks div {
            width: auto;
        }

    .filter-content-section button {
        text-align: left;
    }

    .inv-graph-level1 {
        margin-top: 10px !important;
        padding-left: 0;
    }

    #yearsList li:first-child {
        width: 100%;
        padding-left: 0;
        justify-content: center;
    }

    #outerCoverWrapper ul, #investmentsGraphWrapper ul {
        text-align: center;
        margin-bottom: 10px;
        width: 100%;
        display: inline-block;
        clear: both;
    }

    #sortType {
        padding-left: 0px !important;
    }

    .sorter-text {
        margin-bottom: 5px;
    }

    .panel-body .k-grid {
        overflow: auto !important;
        left: 0 !important;
        width: 100% !important;
    }

    .panel-body .k-grid, .panel-body .detail-content-section {
        width: 100%;
    }

    .radar-graph-desc {
        width: 100% !important;
    }

    .k-chart svg {
        padding-left: 0;
    }

    .k-chart.profit-rev-chart {
        width: 99% !important;
    }

        .k-chart.profit-rev-chart svg {
            width: 100vh !important;
        }


    .detail-section-wrapper .sustain-img-section.bottom30 {
        width: 50%;
        margin-right: 0;
        text-align: center;
    }

    .detail-content-section .e-pivotview {
        width: 100% !important;
    }

    .detail-content-section .plan-tile-image-sec {
        width: auto !important;
        padding-right: 20px !important;
    }

    .filter-menu-container .plan-strategy-tile {
        width: 100%;
    }

    .detail-content-section .plan-tile-content-sec {
        width: 75% !important;
    }

    .detail-content-section .plan-strategy-tile img {
        width: 43px !important;
    }

    #planSearchSection .padding20 {
        padding: 10px !important;
    }

    #planSearchSection .padding-left20 {
        padding-left: 10px !important;
    }

    #planSearchSection {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        #planSearchSection img {
            width: 22px !important;
        }

    .detail-content-section p {
        word-break: break-word;
    }

    #planMetaDataWrapper .right-empty-section {
        display: none;
    }

    #planMetaDataWrapper .go-back-to-home {
        margin-top: 20px
    }

    .plan-metadata-right-sec {
        padding-top: 10px;
        margin-left: 0;
    }

    .main-chapters-content3 {
        min-height: 0;
    }

    p {
        margin: 0;
    }

    .same-height-div-style {
        display: block;
        min-height: 100%;
    }

    .height75 {
        height: auto !important;
    }

    .chart-bottom-content {
        margin-bottom: 0 !important;
    }

    .graph-levels-content {
        margin-top: 10px !important;
    }

    .content-background .top50 {
        margin-top: 0 !important;
    }

    #keyfigHeadingImg {
        margin-top: 20px;
    }


    #breadCrumbWrapper {
        width: 100%;
        clear: both;
        padding-top: 0 !important;
        padding-left: 5px !important;
    }

    .go-back-to-home {
        width: max-content;
        display: inline-block;
        padding-top: 0 !important;
        padding-left: 5px !important;
    }

    #mobileChartBottomHeading .align-center {
        text-align: left !important;
    }

    .center-positioning {
        top: 30%;
    }

    #headerContent.political-sim-header-wrapper,
    #headerContent #detailPageHeader.political-sim-header {
        height: 48px;
    }

    #headerContent .pol-sim-service-dropdwn {
        margin-top: 3px;
        top: 0;
    }

    #headerContent.political-sim-header-wrapper .pol-sim-service-dropdwn #bookMarks {
        top: -12px;
    }

    #headerMenuIconWrapper {
        padding-left: 10px !important;
        padding-right: 5px !important;
        margin-top: 5px !important;
        width: 18%;
    }

    #searchWrapperMobile {
        display: inline-block;
        width: 16%;
        padding-right: 13px !important;
    }

    #planOverviewHeaderCont #logoWrapper {
        width: 54%;
    }

    #planOverviewHeaderCont #headerMenuIconWrapper {
        width: 30%;
    }

    #planOverviewHeaderCont .font22 {
        margin-top: 10px !important;
    }

    #searchWrapper {
        display: none;
    }

    .white-box-section {
        width: 94%;
        left: 3%;
        height: auto;
    }

    .content-box-bottom-sec {
        display: block;
    }

    .keyfigures-Wrapper {
        padding: 0;
        padding-top: 20px;
    }

    #mainMenuTabs {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0px;
    }

        #mainMenuTabs .home-page-bookmarks {
            width: 100%;
            text-align: center;
        }

    .image-area-sec img {
        padding-left: 0px;
    }

    .front-graph-links-bg .col-md-3 {
        width: 100% !important;
    }

    #searchWrapperMobile button {
        padding: 2px 12px;
        height: 34px;
        border-radius: 2px;
    }

    #mobileNavbarHamburger .icon-bar {
        box-shadow: unset;
    }

    .political-sim-header #homeLogoImage {
        padding-top: 0px;
    }

    .search-button-area.height200 {
        height: 165px !important;
    }

    #searchContentSection .padding20 {
        padding: 10px !important;
    }

    .search-button-area .padding20 {
        padding: 10px 0 !important;
    }

    .search-content-wrap {
        display: inline-block;
    }

    .search-button-area .top20 {
        margin-top: 10px !important;
    }

    .search-background {
        padding: 0 10px;
    }

    #frontPageContentSection .chapter-description {
        height: auto;
        overflow: unset;
        padding-bottom: 10px !important;
        display: inline-block;
    }

    .key-figure-wrapper {
        width: 100%;
    }

    #frontpageelements .bottom-service-sec {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .front-page-links {
        width: 100%;
        display: inline-block;
        padding-left: 10px !important;
    }

    .k-detail-cell .tab-content .k-chart svg {
        padding-left: 0 !important;
    }

    #investmentPopupWindow .videodetector {
        width: 100%;
        height: 100%;
    }

    .search-top-left {
        width: auto;
        float: left;
        padding: 0;
    }

    .search-top-right {
        width: 74%;
        float: left;
        padding-top: 10px;
    }

    .search-bottom-left {
        width: 70%;
        float: left;
        margin-bottom: 10px;
    }

    .search-bottom-right {
        width: 30%;
        float: left;
    }

    #searchListResults {
        height: auto !important;
        margin-bottom: 10px !important;
        transition: all 2s linear;
    }

    .filter-container {
        column-count: 1;
        margin-bottom: 30px !important;
    }

    .filter-content-sec {
        width: 95%;
        margin-top: 10px !important;
        margin-bottom: 20px;
    }

    #expandCollapseFilter,
    .map-top-left-sec,
    .invmap-earch-results {
        width: 100%;
    }

    #expCollapseTop {
        left: 0;
        width: 100%;
        text-align: center;
        border-top: 1px dotted var(--silver-color);
        padding-top: 5px;
        bottom: 10px;
    }

    .filter-content-sec .top20 {
        margin-top: 10px !important;
    }

    .filter-content-left-sec {
        position: absolute;
        right: 17px;
        top: 0px;
        margin-top: 5px !important;
        width: auto;
    }

    #clearFilterRight {
        top: 80px;
    }

    .filter-container-base .list-items-wrapper {
        width: 100%;
    }

    .removal-text {
        float: none !important;
    }

    #mapToFilterTop {
        display: inline-block;
        position: absolute;
        top: 8px;
        left: 63px;
        background: var(--white-color);
        padding: 2px 5px;
        border-radius: 4px;
        border: 1px solid var(--white-smoke);
        color: var(--main-theme-color);
        z-index: 999;
    }

    #mapFilterInvWrapper {
        display: inline-block;
        position: absolute;
        left: 54%;
        top: -34px;
        width: 46%;
        white-space: nowrap;
    }

    .map-top-right-sec {
        padding: 0;
    }

    .new-btn-style {
        white-space: nowrap;
    }

    #mapFilterWrapper {
        margin-top: 1rem !important;
    }

    .search-top-left img {
        height: 75px;
        width: 75px;
        padding: 5px 10px;
    }

    #investmentMapPopupWindow .row {
        margin-bottom: 25px;
    }

    #invPopUpClose {
        position: absolute;
        top: -10px;
        right: 0;
    }

    #invMapPopupKeyFigures {
        width: 50%;
        float: left;
        border: 0 !important;
        display: inline-block;
        padding: 0;
        margin-bottom: 15px;
        text-align: center !important;
    }

    .map-filter-popup-img {
        width: 70px;
        float: left;
        display: none;
        background-color: var(--main-theme-color) !important;
        color: var(--white-color) !important;
        outline: none;
    }

    .img-popup-btn {
        margin-right: 10px !important;
        padding: 2px 6px !important;
        border-radius: 4px !important;
    }

    .map-content-wrapper {
        width: 95%;
    }

    .mappop-btn-sec {
        width: 88%;
        display: none;
    }

    #invMapSectionWrapper {
        display: none;
        transition: all 2s linear;
        padding: 0;
    }


    #mapFilterInvWrapper .glyphicon.filter-text-color {
        padding-left: 0 !important;
    }

    .plan-menu-content .col-md-12 {
        display: block !important;
    }

    .web-tooltip-style {
        max-height: 250px !important;
    }

    .plan-menu-content {
        width: 100%;
        padding: 1.2rem 2rem !important;
    }

    .plan-menu-text {
        width: 94%;
    }

    .service-area-contents .expcollapse-icon:after {
        right: 35px;
    }

    .front-page-goalsimg,
    .front-page-goalstitle {
        display: block;
        padding: 10px 0;
        width: 100%;
    }

    .ext-links-title {
        padding-left: 15px !important;
        text-align: left;
    }

    ul.textFilterSection {
        width: 95%;
        margin: 0 auto;
    }

    .textFilterSection li {
        width: 100%;
        text-align: center;
        padding-right: 0;
    }

    .amountunits {
        white-space: nowrap;
    }

    .front-page-goalstitle {
        margin-top: 10px;
        top: 0px;
    }

    .empty-goal-image {
        display: none;
    }

    .un-sustainable-goals {
        margin-left: 0;
        padding-right: 10px;
    }

    .UN-goals-wrapper {
        padding-right: 5px !important;
    }

    .plan-external-links-container {
        padding-right: 0;
        margin-left: 2px;
    }

    tr td.right, tr th.right {
        min-width: 90px;
    }

    tr td.left, tr th.left {
        min-width: 150px;
    }

    .k-hierarchy-cell {
        min-width: 20px !important;
    }

    table tr td.right {
        white-space: nowrap;
    }

    .kostra-group-column-grid table tr td.right {
        white-space: normal;
    }

    #commonPopupWindow .videodetector iframe { /* added to set popup video height bug id->73456*/
        height: 300px;
    }

    .question-content,
    .filter-menu-container .plan-status-box {
        width: 95% !important;
        padding: 0;
    }

    #collapseFilterContentWrap {
        width: 95%;
    }

    #investmentMapPopupWindow img {
        width: 100%;
    }

    #filterpopup button.margin-left20 {
        margin-left: 5px !important;
    }

    #filterpopup a.margin-right20 {
        margin-right: 5px !important;
    }

    .plan-filter-section .tab-section-tablink {
        margin-bottom: 20px !important;
        min-width: 80%;
        display: block;
    }

    .k-grid table:not(.ck-custom-table-export) {
        width: 100% !important;
    }

    .pivote-filter-medium,
    .pivote-filter-small {
        padding-left: 0 !important;
        margin-bottom: 20px !important;
    }

    .pivotefilter-label {
        margin-bottom: 10px !important;
    }

    .detail-content-section .e-pivotview .e-table {
        table-layout: auto !important;
    }

    .detail-content-section .e-pivotview .e-gridcontent .e-content,
    .detail-content-section .e-pivotview .e-gridheader {
        width: 100% !important;
    }

    .pivote-filter-medium .e-multiselect {
        width: 70% !important
    }

    .detail-keyfigure-contents {
        width: 100%;
    }

        .detail-keyfigure-contents .col-sm-6 {
            padding: 1.5rem !important;
        }

    .d-kf-cnt {
        width: 100%;
    }

    .banner-bottom-section {
        width: 100%;
        max-height: fit-content;
        min-height: auto;
    }

    .big-logo-wrapper logoimg {
        height: auto;
    }


    table.ck-custom-table-export {
        min-width: 100% !important;
        white-space: normal !important;
    }

        table.ck-custom-table-export th,
        .ck-report-template th,
        table.ck-custom-table-export td,
        .ck-report-template td {
            min-width: 100px !important;
        }

    .cutom-sticky-header {
        top: 0 !important;
    }

    .ck-content .table {
        display: revert !important;
    }

    .popup-description-box {
        width: fit-content;
    }

    .detail-content-section .e-pivotview .e-table colgroup {
        display: none;
    }

    .e-pivotview .e-grid .e-headercelldiv, .e-pivotview .e-grid .e-columnsheader {
        padding-right: 6px !important;
    }
}

@media screen and (min-device-width : 1024px) and (max-device-width : 1253px) and (orientation : portrait), (min-device-width : 1024px) and (max-device-width : 1340px) and (orientation : portrait) {
    #mapFilterInvWrapper {
        top: 80px;
    }

    #clearFilterRight {
        top: 110px;
    }

    .search-top-left {
        width: auto;
    }

    .k-hierarchy-cell.goal-hierarchy-cell {
        width: 8% !important;
    }
}

@media screen and (min-device-width : 1024px) and (max-device-width : 1253px) and (orientation : landscape), (min-device-width : 1024px) and (max-device-width : 1340px) and (orientation : landscape) {
    .search-top-left {
        width: auto;
    }

    .search-top-right {
        width: 71%;
        padding-left: 0;
        padding-right: 0;
    }

    .k-hierarchy-cell.goal-hierarchy-cell {
        width: 8% !important;
    }

    .detail-content-section .e-pivotview .e-table {
        table-layout: fixed !important;
    }

        .detail-content-section .e-pivotview .e-table colgroup {
            display: none;
        }
}

@media screen and (max-width: 900px) and (min-device-width: 680px) {
    .table-width-70, .table-width-100 {
        width: 99.8%;
        left: .1%;
    }

    #middleContentSecWrapper {
        padding-left: 40px !important;
    }

    .detail-content-section {
        width: 100%
    }

    .keyfigures-contents {
        width: 50%;
        float: left;
    }

    div.keyfigures-contents:nth-child(2n+2) {
        border: 0 none !important;
    }


    .detail-content-section .videodetector {
        height: 330px !important;
    }

    ul.textFilterSection {
        width: 70%;
        margin: 0 auto;
    }

    .textFilterSection li {
        width: 100%;
        text-align: center;
    }

    .filter-menu-container .plan-status-box {
        width: 350px !important;
    }
}

@media screen and (max-width : 900px) and (orientation:landscape) {
    #headerMenuIconWrapper,
    #mobileHeaderMenuIconWrapper {
        width: 30%;
    }

    #headingSerchWrapper {
        width: 70%;
    }

    .columns-menu {
        columns: 2;
    }

    .detail-content-section .e-pivotview .e-table {
        table-layout: fixed !important;
    }

        .detail-content-section .e-pivotview .e-table colgroup {
            display: none;
        }
}

@media screen and (max-width: 1550px) and (min-width: 1280px) {

    .detail-book-marks-menu {
        width: 18.6% !important;
    }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait), (min-width: 810px) and (orientation: portrait) {

    #topTitle {
        padding-left: 15px;
    }

    .search-wrapper {
        width: 97%;
    }

    .detail-content-section {
        width: 100%
    }

    .front-page-links {
        width: 100%;
    }

    #headingSerchWrapper {
        width: 88%;
    }

    #invMapPopupKeyFigures {
        width: 19%;
    }

    .detail-section-wrapper {
        margin-top: 0;
    }

    #detailContentSectionTop {
        display: block !important;
    }

    .logo-wrapper img {
        width: auto !important;
    }

    #frontPageContentSection .chapter-headings-section--main {
        width: 54% !important;
    }

    #bookMarksSectionMobile {
        margin-top: 3rem;
        padding: 0;
    }

    .k-hierarchy-cell.goal-hierarchy-cell {
        width: 8% !important;
    }

    .banner-mobile-image-container {
        width: 550px;
        height: 340px;
    }

    .photo-text-wrap {
        width: 550px;
    }

    .banner-bottom-section {
        width: 100%;
        max-height: 340px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape), (min-device-width : 810px) and (max-device-width : 1080px) and (orientation: landscape) {

    #headingSerchWrapper {
        width: 88%;
    }

    #bookMarks {
        width: 34%;
    }

    .question-content {
        width: 95%;
    }

    .search-top-left {
        width: auto;
    }

    .search-top-right {
        margin-top: 15px;
        padding: 0;
    }

    .search-bottom-right .new-btn-style {
        position: absolute;
        right: 5px;
    }

    #planMetaDataWrapper {
        width: 100%;
    }

        #planMetaDataWrapper .col-md-7 {
            width: 60%;
        }

        #planMetaDataWrapper .aside-content-section,
        #planMetaDataWrapper .right-empty-section {
            width: 37%;
        }

    #headerNavigation ul {
        display: flex !important;
    }

    .k-hierarchy-cell.goal-hierarchy-cell {
        width: 8% !important;
    }

    .detail-content-section .e-pivotview .e-table {
        table-layout: fixed !important;
    }
}

@media only screen and (min-device-width : 480px) and (max-device-width : 767px) and (orientation : landscape) {
    #mainMenuTabs .home-page-bookmarks {
        width: auto;
    }

    .main-key-figure-content {
        text-align: left !important;
    }

    .front-page-links {
        width: 100%;
    }

    .detail-content-section .e-pivotview .e-table {
        table-layout: fixed !important;
    }
}

@media (max-width: 530px) {

    .front-box-style {
        padding: 2rem !important;
    }
}

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

    .image-card-wrapper {
        width: 98% !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .search-top-left {
        width: 20%;
    }

    .search-top-right {
        padding-right: 0;
    }

        .search-top-right div {
            padding-right: 0;
        }

    #invMapPopupKeyFigures {
        width: 98% !important;
    }

    .front-box-style {
        padding: 1.5rem !important;
    }

    .banner-mobile-image-container {
        height: 173px;
        width: 321px;
    }

    .photo-text-wrap {
        width: 321px;
    }
}

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

    #invMapPopupKeyFigures {
        width: 98% !important;
    }

    #headerContent #searchInputBoxInput {
        display: none;
    }

    #mobileViewSearch {
        display: block;
        padding: 0;
    }

    .header-button {
        padding-left: 0;
    }

    #frontPageContentSection .chapter-headings-section--main {
        width: 100% !important;
        height: auto;
    }

        #frontPageContentSection .chapter-headings-section--main h3 {
            padding-top: 0;
        }

    #bookMarksSectionMobile {
        padding: 0;
    }

    .detail-section-wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
        margin-bottom: 5rem;
    }

    .banner-bottom-section,
    #smallerScreenWrapper {
        height: auto;
        min-height: auto;
    }

    .banner-mobile-image-container {
        height: 173px;
        width: 321px;
    }

    .photo-text-wrap {
        width: 321px;
    }

    .detail-content-section .actual-screen-width,
    .detail-content-section .highcharts-data-table {
        width: 100% !important;
    }

    .detail-content-section .panel-collapse {
        overflow: auto;
    }
}

@media screen and (max-width : 660px) {
    .view-more-content {
        padding: 10px;
        white-space: normal;
        width: 100%;
        height: auto;
        transform: translate(-50%, 40%);
        position: relative;
    }

    .home-banner-main-title,
    .home-banner-sub-title {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .banner-bottom-section {
        width: 100%;
        max-height: max-content;
    }

    .ck-content .k-chart, .ck-content .k-stockchart {
        min-width: 100% !important
    }
}

@media only screen and (max-device-width: 320px) {
    #middleContentWrapper1 .image-area-sec {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .image-links-wrap {
        width: 19%;
    }

    .graph-links-text {
        display: inline-flex;
    }

    #mapFilterInvWrapper {
        left: 18px;
        top: 80px;
        right: unset;
    }

    .search-top-left {
        width: 20%;
    }

    .search-top-right {
        padding-right: 0;
    }

        .search-top-right div {
            padding-right: 0;
        }

    .front-box-style {
        padding: 1rem !important;
    }
}
/* *************** MEDIA QUERYIES FOR RESPONSIVE MOBILE END *****************/