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

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





@media screen and (min-width: 1950px) {
    .detail-section-wrapper .actual-screen-width,
    .detail-section-wrapper .e-pivotview {
        width: calc(36vw + 25vw) !important;
    }
}

@media screen and (min-width: 2850px) {
    .detail-section-wrapper .actual-screen-width,
    .detail-section-wrapper .e-pivotview {
        width: calc(36vw + 20vw) !important;
    }
}


@media screen and (min-width: 3900px) {
    .detail-section-wrapper .actual-screen-width,
    .detail-section-wrapper .e-pivotview {
        width: calc(36vw + 17vw) !important;
    }
}

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

@media (max-width: 1260px) {
    #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;
    }


    #bookMarksSectionMobile{
        width: 750px;
        margin: auto;
    }

    .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: 102%;
    }

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

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

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

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

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

    #frontPageContentSection .view-more-content {
        font-size: 1.150em;
    }

    #keyFiguresDetailContentSection{
        width: 95%;
    }

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

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

    .keyfig-content-wrap{
        margin-top: 1rem;
    }

    .bookmarks-container {
        padding: 5px 15px!important;
    }

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

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

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

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

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

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

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

@media screen and (max-width: 1600px) and (min-width: 1320px) {
    .detail-section-wrapper.preview-detail-wrapper .actual-screen-width {
        width: calc(36vw + 36vw) !important;
    }

    #keyFiguresDetailContentSection {
        width: calc(56vw);
    }
}

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

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

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

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

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

@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);
    }

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

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

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

@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 .actual-screen-width,
    .detail-section-wrapper .e-pivotview {
        width: calc(36vw + 39vw) !important;
    }

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

    th.k-hierarchy-cell, td.k-hierarchy-cell {
        min-width: 20px;
    }
}

@media screen and (max-width: 1150px) and (min-width: 995px) {
    .detail-section-wrapper .actual-screen-width,
    .detail-section-wrapper .e-pivotview {
        width: calc(36vw + 44vw) !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: 690px;
    }
}   

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

    .panel-group .panel-body .detail-content-section .k-grid.k-widget {
        width: 144% !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;
    }

    th.k-hierarchy-cell, td.k-hierarchy-cell {
        min-width: 20px;
    }

    .detail-section-wrapper .actual-screen-width,
    .detail-section-wrapper .e-pivotview {
        width: calc(36vw + 35vw) !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;
    }
}

@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) {

    #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;
            }

            .front-page-graph-links,
            .detail-banner-title {
                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;
            }

            table {
                table-layout: auto !important;
            }


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

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

            .investment-overview-custom-table table {
                table-layout: fixed !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;
            }

            #keyFiguresWrapper .positioning-abs-style {
                position: relative;
                top: 0;
                width: 100%;
                float: left;
            }

            #keyFiguresWrapper .height150 {
                width: 100% !important;
            }

            #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;
            }

            #bookMarksSectionMobile {
                width: calc(95vw);
            }

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

            .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;
            }

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

            #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'; /* 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 */
            }


            .big-logo-wrapper logoimg {
                height: 180px;
            }

            .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 {
                left: 15px !important;
                width: 90% !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 {
                left: 0;
                width: 100%;
            }

            .image-content-none, .detail-content-section figure, .detail-content-section img {
                width: 100% !important;
            }

            #searchSection .abs-position {
                left: 0;
            }

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

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

            #minmenuTabs li {
                border-right: 0 none;
            }

            .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;
            }

            .panel-chart-width100 {
                left: 0px;
                width: 100%;
            }

            .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 {
                width: 80%;
                clear: both;
                padding-bottom: 10px;
            }

            #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;
            }


            .keyfigure-front-page-text {
                width: 100%;
            }

            #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;
            }

            #filterTotalContentSelector {
                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;
            }

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

            #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%;
            }

            .k-chart {
                width: 100% !important;
                overflow: auto;
            }

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

            .k-chart svg {
                width: calc(70vw + 80vw) !important;
                overflow: auto !important;
                padding-left: 0;
            }


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

            .detail-content-section .e-pivotview,
            .detail-content-section .e-grid {
                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;
            }

            .plansearch-wrapper .input-group-btn {
                width: 12.8%;
            }

            #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 {
                width: 100% !important;
                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;
            }

            .k-chart {
                overflow-y: hidden !important;
            }

            .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;
            }

            th.k-hierarchy-cell,
            td.k-hierarchy-cell {
                min-width: 20px;
            }

            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;
            }

            .bottom-logo-wrapper div {
                display: inline-block;
                padding-left: 10px !important;
                width: 49%;
                text-align: left !important;
            }

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

            .detail-content-section .actual-screen-width {
                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 div,
            .detail-content-section .e-pivotview .e-table {
                width: auto;
                table-layout: fixed !important;
            }

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

            .detail-content-section .e-pivotview .e-table,
            .pivote-detail-content-section .pivot-filter-wrapper {
                width: 100%;
            }

            .banner-bottom-section,
            #smallerScreenWrapper {
                height: 100%;
                padding-bottom: 100px!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;
            }

            .bottom-logo-wrapper div {
                display: inline-block;
                padding-left: 10px !important;
                padding-right: 20px !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;
            }
        }

        @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;
            }

            .k-chart svg {
                width: 126% !important;
            }

            .ck-content .k-chart svg {
                width: 100% !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 {
                width: 30%;
            }

            #mobileHeaderMenuIconWrapper {
                width: 30%;
            }

            #headingSerchWrapper {
                width: 70%;
            }

            .columns-menu {
                columns: 2;
            }
        }

        @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;
            }

            #detailsKeyfigureSections {
                width: 85%;
                margin: 0 auto;
            }

            #bookMarksSectionMobile {
                margin-top: 3rem;
                width: 90%;
            }

            #detailsKeyfigureSections {
                padding: 2rem 0 !important;
            }

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

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

            .banner-section-wrapper {
                width: calc(92.4vw);
                margin: auto;
            }

            .content-detail-style .detail-banner-image-sec {
                width: calc(93vw) !important;
            }


            .detail-banner-section {
                width: calc(100vw);
                transform: translateX(0);
            }

            #bookMarksSectionMobile {
                width: calc(100vw);
            }

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

            .banner-bottom-section,
            #smallerScreenWrapper {
                padding-bottom: 120px !important;
            }
        }

        @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;
            }
        }

        @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%;
            }
        }

        @media (max-width: 400px) {

            .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;
            }
        }

        @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;
                }

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

            .detail-banner-image-sec {
                height: 175px;
                width: calc(91vw) !important;
            }

                .detail-banner-image-sec .d-banner-background {
                    width: 285px !important;
                    height: 171px !important;
                }

            .banner-section-wrapper {
                width: calc(92.4vw);
                margin: auto;
            }

            .content-detail-style .detail-banner-image-sec {
                width: calc(93vw) !important;
            }


            .detail-banner-section {
                width: calc(100vw);
                transform: translateX(0);
            }

            #bookMarksSectionMobile {
                width: calc(100vw);
            }
        }

        @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;
            }
        }

        @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 *****************/