﻿/**************** MEDIA QUERYIES FOR RESPONSIVE DESKTOP START *******************/

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    .detail-content-section .k-grid.k-widget:not(.kendo-custom-table) {
        width: 100% !important;
    }
}

@media screen and (min-width: 2500px) {
    .banner-background1, .banner-background {
        height: 1000px;
    }
}


@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) {
    #frontPageContentContainer {
        width: 1200px
    }

    .image-card-wrapper {
        margin-right: 35px;
    }
}

@media screen and (min-width: 1580px) {

    #frontPageContentContainer {
        width: 1564px;
        margin: 0 auto;
    }

    .image-card-wrapper:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media screen and (max-width: 1579px) {
    #frontPageContentContainer {
        width: 1520px;
        padding-left: 5px;
    }

    .image-card-wrapper {
        margin-right: 25px;
    }

        .image-card-wrapper:nth-child(4n+4) {
            margin-right: 0;
        }
}

@media screen and (min-width: 1280px) and (max-width: 1370px) {
    #frontPageContentContainer {
        width: 1200px
    }

    .image-card-wrapper:nth-child(4n+4), .image-card-wrapper {
        margin-right: 35px;
    }

        .image-card-wrapper:nth-child(3n+3) {
            margin-right: 0;
        }
}

@media screen and (max-width: 1600px) {

    .column-count3 {
        column-count: 2;
    }

    #headerMenuIconWrapper {
        padding-left: 15px !important;
    }

    #detailHeaderNavBarWrap {
        left: -10px;
    }
}


@media screen and (max-width: 1521px) and (min-width: 1441px) {
    .content-heading-bold {
        font-size: 25px;
    }

    .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;
    }
}



@media screen and (max-width: 1460px) and (min-width: 1280px) {
    #frontPageContentContainer {
        width: 1170px;
    }

    .image-card-wrapper {
        margin-right: 35px;
    }

        .image-card-wrapper:nth-child(3n+3) {
            margin-right: 0;
        }
}

@media screen and (max-width: 1450px) and (min-width: 1401px) {
    #home1 iframe,
    #home1 object,
    #home1 video {
        height: 267px !important;
    }

    .content-heading-bold {
        font-size: 22px;
    }

    .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;
    }

    #desktopMenuContentStyle {
        width: 30%;
    }

    .content-heading-bold {
        font-size: 25px;
    }

    .search-wrapper {
        width: 100%;
    }

    .main-chapters-content3 {
        height: 200px;
    }

    .main-chapters-content2 {
        height: 220px;
    }

    .common-text-style {
        zoom: 90%;
    }

    .para-content {
        height: 160px;
    }
}

@media screen and (max-width: 1368px) and (min-width: 1283px) {
    #searchWrapper {
        padding-right: 20px;
    }

    .content-heading-bold {
        font-size: 23px;
    }

    .banner-background1, .banner-background {
        height: 630px;
        padding-bottom: 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: 1299px) and (min-width: 1154px) {
    #frontPageContentContainer {
        width: 1180px;
    }

    .image-card-wrapper {
        margin-right: 35px !important;
    }

        .image-card-wrapper:nth-child(3n+3) {
            margin-right: 0 !important;
        }

    .detail-content-section .k-grid.k-widget:not(.kendo-custom-table) {
        width: 144% !important;
    }
}

@media screen and (max-width: 1270px) {
    #frontPageContentContainer {
        width: 1180px;
    }

    .frontpage-keyfigure-wrapper {
        border-right: 2px solid #0F3975;
    }

    .main-key-figure-content1:nth-of-type(2n+2) {
        border-right: 0 none;
    }

    .image-card-wrapper {
        margin-right: 35px;
    }

    .detail-content-section .k-grid.k-widget:not(.kendo-custom-table) {
        width: 140% !important;
    }
}

@media screen and (max-width: 900px) {
    #frontPageContentContainer {
        width: 840px;
    }
}

@media screen and (max-width: 1280px) and (min-width: 1153px) {
    #desktopMenuContentStyle {
        width: 40%;
    }

    .content-heading-bold {
        font-size: 22px;
    }

    #desktopMenuContentStyle {
        width: 30%;
    }

    #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;
    }

    .k-treemap-tile .font30 {
        font-size: 22px;
    }

    .panel-group .panel-body .detail-content-section .k-grid.k-widget {
        width: 142% !important;
    }
}

@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) {

    .detail-section-wrapper {
        padding-left: 50px;
    }

    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;
    }

    .main-key-figure-content1 {
        width: 32.5%;
    }
}

@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: 1269px) {

    #frontPageContentContainer {
        width: 1200px;
    }
}


@media screen and (max-width: 1154px) {
    .main-key-figure-content1:nth-of-type(2n+2) {
        border-right: 0 none;
    }

    #frontPageContentContainer {
        width: 840px;
    }

    .panel-group .panel-body .detail-content-section .k-grid.k-widget {
        width: 144% !important;
    }
}

@media screen and (max-width: 1320px) and (min-width: 1001px) {
    #logoWrapper .logo-divider {
        float: right;
        height: 34px;
    }

    #searchWrap {
        width: 11%;
    }

    .detail-content-section {
        width: 70%;
    }

    .banner-background1, .banner-background {
        height: 630px;
        padding-bottom: 20px;
    }

    .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%;
    }

    #desktopMenuContentStyle {
        width: 60%;
    }

    .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;
    }

    #detailHeaderNavBarWrap {
        display: none;
    }

    #togglingServiceArea {
        border: none;
        margin-top: 0px;
    }

    #bookMarks {
        width: 450px;
    }
}

@media screen and (max-width: 1540px) and (min-width: 901px) {
    #togglingServiceArea {
        width: 68%;
    }

    th.k-hierarchy-cell, td.k-hierarchy-cell {
        min-width: 20px;
    }
}

@media screen and (max-width: 1520px) and (min-width: 1140px) {
    .main-key-figure-content1, .front-graph-links {
        width: 33.333%;
    }
}


@media screen and (max-width: 992px) and (min-width: 761px) {
    .main-key-figure-content1 {
        border-right: 2px solid #0F3975;
        height: 120px;
    }

    .key-fig-numbers {
        font-size: 25px;
    }

    .key-fig-descs {
        font-size: 12px;
    }

    .content-home-style {
        margin-top: 59px;
    }

    .content-detail-style {
        margin-top: 0px;
    }

    .detail-content-section,
    .detail-content-section img {
        width: 100%;
        left: 0;
    }

    .header-title-normal,
    .header-title-bold {
        font-size: 16px;
    }

    #desktopMenuContentStyle {
        width: 50% !important;
    }

    .search-wrapper {
        width: 100%;
    }

    .main-chapters-content3 {
        height: 250px;
        zoom: 85%;
    }

    .main-chapters-content2 {
        height: 280px;
    }

    .common-text-style {
        zoom: 90%;
    }

    #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 #fff !important;
    }
}

@media screen and (max-width: 1360px) and (min-width: 1281px) {
    .frontpage-keyfigure-wrapper {
        width: 33.333%;
        padding-left: 10px !important;
        border-right: 2px solid #0F3975;
        padding-right: 20px !important;
    }

        .frontpage-keyfigure-wrapper:nth-child(3n+3) {
            border-right: 0;
        }

    .front-graph-links-bg .col-md-3 {
        width: 50%;
        display: inline-flex;
    }

    .image-links-wrap {
        width: 23%;
    }

    .column-count3 {
        column-count: 1
    }
}

@media screen and (max-width: 868px) {
    #frontPageContentContainer {
        width: 760px;
        padding-left: 10px;
    }

    .image-card-wrapper:nth-child(3n+3), .image-card-wrapper {
        margin-right: 35px;
    }

        .image-card-wrapper:nth-child(2n+2) {
            margin-right: 0;
        }

    .frontpage-keyfigure-wrapper {
        border-right: 2px solid #0F3975;
    }

        .frontpage-keyfigure-wrapper:nth-child(2n+2) {
            border-right: 0;
        }
}


@media (max-width: 770px) {
    #frontPageContentContainer {
        width: 400px;
        padding-left: 10px;
    }

    .main-key-figure-content1 .front-graph-links {
        width: 100%;
        margin: 0 25px;
    }

    .main-key-figure-content1 {
        width: 100%;
        border: 0;
    }

    .frontpage-keyfigure-wrapper {
        padding-left: 0;
        padding-right: 0;
        border: none;
        padding-bottom: 10px;
    }
}

@media (max-width: 680px) {
    #frontPageContentContainer {
        padding-left: 10px;
        padding-right: 10px;
    }

    #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 (max-width: 400px) {
    #frontPageContentContainer {
        width: 100%;
    }
}


@media screen and (max-width: 1280px) and (min-width: 801px) {
    .question-content {
        width: 95%;
    }

    #desktopMenuContentStyle {
        width: 40%;
    }

    .content-heading-bold {
        font-size: 21px;
    }

    #desktopMenuContentStyle {
        width: 30%;
    }

    #detailContentSectionTop .col-md-7 {
        width: 76%;
    }

    .frontpage-keyfigure-wrapper, .front-graph-links {
        width: 50%;
    }

    .frontpage-keyfigure-wrapper {
        border-right: 2px solid #0F3975;
        height: 75px;
    }

        .frontpage-keyfigure-wrapper:nth-child(2n+2) {
            border-right: 0;
        }

    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) {
    #homePageMainWrapper #headerContent,
    #homePageMainWrapper #headerContent .navbar-fixed-top {
        height: 65px !important;
    }

    table {
        table-layout: auto !important;
    }

    .investment-overview-custom-table table {
        table-layout: fixed !important
    }

    .service-links {
        overflow: unset;
        display: inline-flex;
        clear: both;
    }

    .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;
    }

    #togglingServiceArea .toggle-sevice-area {
        white-space: nowrap !important;
    }

    .graph-links-text {
        display: inline-block;
    }

    #focusAreaSection,
    #serviceAreaSection {
        column-count: 1;
        padding-left: 10px !important;
    }

    .search-results {
        width: 97%;
        margin: 0 15px;
    }

    .menu-toggle-text {
        top: 5px;
        font-size: 17px;
    }

    #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, #detailHeaderNavBarWrap, #detailTopServiceArea {
        display: none !important;
    }

    #togglingServiceArea {
        border: none;
        white-space: nowrap;
        padding-left: 0;
        position: absolute;
        top: 45px;
        width: auto;
    }

        #togglingServiceArea li {
            width: 105%;
        }

        #togglingServiceArea .expanded-bookmarks {
            padding: 2px 5px;
        }

    #bookMarksTopSectionWrapper, .seprator-style {
        display: none;
    }

    #centralChapterWrapper {
        padding: 0 !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;
    }

    .detail-section-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .tab-content div {
        padding: 0;
    }

    .image-area-sec {
        display: inline-block;
    }

    #middleContentWrapper1 .image-area-sec {
        border: 0;
        border-bottom: 1px solid #fff !important;
        width: 100%;
    }

        #middleContentWrapper1 .image-area-sec:nth-of-type(1) {
            border-right: 2px solid #fff !important;
        }

    #mobileHeaderMenuIconWrapper {
        width: 33%;
    }

    #headingSerchWrapper {
        width: 67%;
    }

    .slidebar-toggle {
        left: 5px;
        top: 2px;
    }

    #headerContents .menu-toggle-text {
        font-size: 18px;
    }

    .logo-divider {
        border-left: 2px solid #fff;
        height: 27px;
        margin-top: 14px;
    }

    .content-style {
        padding: 10px !important;
    }

    .abs-position {
        left: 0;
        transform: translate(0%);
        bottom: 2px;
    }

    #searchSection .abs-position {
        transform: translate(0%);
    }

    #topTitle {
        width: 100%;
        padding-left: 12px;
    }

    #bookMarksWrapper .glyphicon {
        font-size: 22px;
        top: 4px;
        left: 0;
    }

    #desktopMenuContentStyle {
        padding-left: 0;
        width: auto;
    }

    #bookMarksWrapper .panel-group .panel-heading {
        padding-right: 15px !important;
    }

    #BookMarksContent {
        padding-left: 15px !important;
        padding-top: 10px !important;
        padding-right: 10px !important;
        overflow-x: hidden;
        overflow-y: auto;
    }

        #BookMarksContent a {
            font-size: 13px !important;
            line-height: 2.5;
            padding: 5px 0 !important;
        }

    #bookMarksWrapper .panel-group .panel-heading span.expcollapse-icon.collapsed:after {
        font-size: 28px;
        right: 0;
        top: 8px;
    }

    #bookMarksWrapper .panel-group .panel-heading span.expcollapse-icon:after {
        font-size: 45px;
        right: 0;
    }

    .book-marks-menu-Title {
        padding-top: 10px !important;
        font-size: 13px !important;
    }

    .columns-menu, .columns-menu1 {
        columns: 1;
    }

    .header-title-bold {
        font-size: 18px;
    }

    .main-header-title {
        font-size: 35px !important;
    }

    #topSubTitle {
        font-size: 18px;
        margin-top: 10px !important;
    }

    #accordion .panel-title {
        font-size: 21px;
    }

        #accordion .panel-title .h3 {
            line-height: 1.4;
        }

    .nav-doc-close {
        display: block;
        width: 18px;
        height: 18px;
        border-radius: 1px;
        font-size: 1em;
        margin-top: 1px;
    }

    #mobileMenuToggle {
        left: 8px;
    }

    #mobileNavbarClose .menu-toggle-text {
        left: 40px;
    }

    .content-heading-bold, .header1 {
        font-size: 20px;
        line-height: 28px;
    }

    .header4 {
        font-size: 14px;
        line-height: 28px;
        font-weight: normal;
    }

    .content-content {
        font-size: 15px;
        line-height: 22px;
    }

    .main-menu-heading {
        font-size: 16px;
    }

    #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: #055d63; /* 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 */
    }

    #genericAbstractWrapper, #desktopTop {
        display: none;
    }

    #genericMobileAbstractWrapper, #mobileTop {
        display: block;
    }

    #mobileTop {
        z-index: 9999;
        width: auto;
    }

    .ck-custom-table-export {
        left: 0;
        display: block;
        overflow: auto;
    }

    #middleContentSecWrapper {
        padding-left: 30px !important;
    }

    .modify-text-alignment {
        text-align: center !important;
    }

    #rightMenuHeaderSec, .title-seprator {
        display: none;
    }

    .k-animation-container .k-widget.k-tooltip {
        right: 10%;
        font-size: 14px;
    }

    .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;
                font-size: 15px !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;
    }

    #headerNavigation {
        display: inline !important;
    }

        #headerNavigation span, #headerNavigation .font13 {
            font-size: 16px !important;
            padding-left: 0 !important;
        }

    #minmenuTabs li {
        border-right: 0 none;
    }

    .search-wrapper-main {
        padding: 10px !important;
    }

    .k-grid.k-widget:not(.kendo-custom-table) {
        width: 100% !important;
    }

    .content-detail-style .banner-background {
        height: 300px !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%;
    }

    .left25, .left20, .left10, .left15, .left30, .left35, .left40, left50, .left45, .left55, .left60 {
        left: 0 !important;
    }

    #outerCoverWrapper #detailContentSection {
        margin-top: 0px !important;
    }

        #outerCoverWrapper #detailContentSection .height75 {
            height: 150px !important;
        }

    #investmentsGraphWrapper #detailContentSection .height75 {
        height: 200px !important;
    }

    #outerCoverWrapper #detailContentSection li a.font30 {
        font-size: 26px;
    }

    #outerCoverWrapper #detailContentSection span.font30 {
        font-size: 18px;
    }

    .bookmark-abstract-title {
        padding-left: 0px;
        font-size: 23px !important;
    }

    .graph-level2 {
        margin-top: 85px !important;
    }

    .font17em {
        font-size: 20px;
    }

    #mobileChartBottomHeading .common-text-style {
        font-size: 21px;
    }

    #downloadGraphDataWrap {
        margin-top: 10px
    }

    #totalChart3 {
        margin-top: 130px;
    }

    #backToHome {
        margin-top: 45px;
        font-size: 27px;
    }

        #backToHome a {
            font-size: 27px !important;
        }

    .keyfigure-page-header {
        font-size: 28px !important;
        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: 0;
    }

        #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;
    }

    .frontpage-keyfigure-wrapper {
        margin-bottom: 10px;
        height: auto;
    }

    .keyfigure-front-page-text {
        width: 100%;
    }

    #menuItem2, #homeMenuListTitle2, #homeMainChaptersContent1, #middleContentSectionWrapper {
        padding-left: 0px !important;
    }

    #homeMenuList1 {
        padding: 0 5px;
    }

    #homeMainChaptersContent1 .padding20 {
        padding-left: 15px !important;
    }

    .graph-filter-divider, #titleWrap {
        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;
    }

    .inv-graph-level1 {
        margin-top: 10px !important;
        padding-left: 5px;
    }

    #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;
    }

    .clear-both, .align-image-center {
        display: block;
        clear: both;
    }

    .go-back-to-home {
        padding-left: 5px !important;
    }

    #graphType {
        padding-left: 10px !important;
    }

    #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%;
        overflow: auto;
    }

        .k-chart svg {
            width: 161% !important;
            overflow: auto !important;
            padding-left: 0;
        }

    .detail-content-section p,
    .k-grid.k-widget:not(.kendo-custom-table),
    .detail-content-section table,
    .detail-content-section .k-grid.k-widget:not(.kendo-custom-table),
    .detail-content-section h1,
    .detail-content-section h2,
    .detail-content-section h3,
    .detail-content-section h4,
    .detail-content-section h5,
    .detail-content-section h6,
    .detail-content-section div,
    .detail-content-section ul,
    .detail-content-section ol,
    .detail-content-section figure,
    .detail-content-section div,
    .detail-content-section .k-grid.k-widget ul,
    .detail-content-section .k-grid.k-widget ol,
    .detail-content-section .k-grid.k-widget img,
    .detail-content-section .k-grid.k-widget h4,
    .detail-content-section .k-grid.k-widget h5,
    .detail-content-section .k-grid.k-widget h6,
    .detail-content-section .k-grid.k-widget div.detail-content-section .k-grid.k-widget ul,
    .detail-content-section .k-grid.k-widget ol,
    .detail-content-section .k-grid.k-widget figure,
    .detail-content-section .k-grid.k-widget h4,
    .detail-content-section .k-grid.k-widget h5,
    .detail-content-section .k-grid.k-widget h6,
    .detail-content-section img,
    .detail-content-section .image-content-none {
        width: 100% !important;
    }

    .detail-content-section p {
        word-break: break-word;
        font-size: 16px !important;
    }

    .main-chapters-content3 {
        min-height: 0;
    }

    p {
        margin: 0;
    }

    .same-height-div-style {
        display: block;
        min-height: 100%;
    }

    .banner-background1, .banner-background {
        height: 500px;
    }

    .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;
    }

    .positioning-abs-style .font27 {
        font-size: 20px !important
    }

    #keyfigHeadingImg {
        margin-top: 20px;
    }

    .go-back-to-home {
        width: 100%;
        clear: both;
        padding-top: 0 !important;
    }

    #mobileChartBottomHeading .align-center {
        text-align: left !important;
    }

    #homeBannerImageInfo {
        bottom: 5px;
        max-height: 35px;
        line-height: 1;
        overflow: auto;
        width: 100%;
        font-size: 15px;
    }

    .center-positioning {
        top: 30%;
    }


    #headerContent #detailPageHeader {
        height: 95px;
    }

    #headerContent.nav-header-up, #detailPageHeader.nav-header-up {
        top: -95px;
    }

    #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 #toggleServiceText {
        vertical-align: top;
        font-size: 14px;
    }

    #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%;
    }

    #logoWrapper {
        width: 66%;
        padding-right: 10px;
        padding-left: 0;
    }

    #searchWrapperMobile {
        display: inline-block;
        width: 16%;
        padding-right: 13px !important;
    }

    #detailPageHeader .background-menu {
        width: 50px;
    }

    #bookMarks {
        width: 100%;
    }

    #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;
    }

    .key-fig-number {
        font-size: 45px !important;
    }

    #mainBannerImg {
        display: block;
    }

    #mainMenuTabs {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0px;
    }

        #mainMenuTabs .home-page-bookmarks {
            width: 100%;
            text-align: center;
        }

    .intro-text {
        text-align: center;
        padding: 0 !important;
    }

    .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;
    }

    .banner-search-text {
        font-size: 15px;
    }

    #mobileNavbarHamburger .icon-bar {
        box-shadow: unset;
    }

    #homeLogoImage {
        max-height: 47px;
        margin: 10px 0 !important;
    }

    .political-sim-header #homeLogoImage {
        padding-top: 0px;
    }

    .search-button-area.height200 {
        height: 165px !important;
    }

    #searchContentSection .padding20, .search-button-area .padding20 {
        padding: 10px !important;
    }

    .search-button-area .top20 {
        margin-top: 10px !important;
    }

    .search-background {
        padding: 0 10px;
    }

    #mainKeyfigureContents {
        padding: 0 5px !important;
    }

    .key-figure-wrapper {
        width: 100%;
    }

    .detail-content-section {
        left: 0;
        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;
    }

    .service-area-contents {
        padding-top: 20px !important;
    }

    .k-detail-cell .tab-content .k-chart svg {
        width: 100% !important;
        padding-left: 0 !important;
    }

    #investmentPopupWindow .videodetector {
        width: 100%;
        height: 100%;
    }

    #mapFilterWrapper {
        text-align: left;
        padding-bottom: 10px !important;
        float: left;
        padding-right: 0 !important;
    }

    .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: 80%;
        padding: 0 !important;
        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 #c3c3c3;
        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-content-sec a {
        padding: 0;
    }

    .filter-container-base .list-items-wrapper {
        width: 100%;
    }

    .removal-text {
        float: none !important;
    }

    #mapToFilterTop {
        display: inline-block;
        position: absolute;
        top: 8px;
        left: 63px;
        background: #fff;
        padding: 2px 5px;
        border-radius: 4px;
        border: 1px solid #f4f4f4;
        color: #0F3975;
        z-index: 999;
    }

    #mapFilterInvWrapper {
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 55px;
    }

    #invFilterButton {
        float: left;
        margin-bottom: 40px;
        padding-top: 0 !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: #115380 !important;
        color: #fff !important;
        outline: none;
    }

    .img-popup-btn {
        margin-right: 10px !important;
        padding: 2px 6px !important;
        border-radius: 4px !important;
    }

    .map-filter-popup-text {
        font-size: 13px !important;
    }

    .map-content-wrapper {
        width: 95%;
    }

    .mappop-btn-sec {
        width: 88%;
        display: none;
    }

    #invMapSectionWrapper {
        display: none;
        transition: all 2s linear;
    }

    .filter-text-color.font20 {
        font-size: 16px !important;
    }

    #mapFilterInvWrapper .glyphicon.filter-text-color {
        padding-left: 0 !important;
        font-size: 13px;
    }

    #toggleServiceText {
        font-size: 12px;
    }

    #BookMarksContent div.col-md-12,
    #BookMarksContent ul {
        display: inline-block;
        width: 100%;
    }

    .toggle-sevice-area .glyphicon {
        float: none !important;
        margin-top: -5px;
    }

    .k-treemap-tile .font30 {
        font-size: 20px;
    }

    .plan-menu-content {
        width: 100%;
        height: auto !important;
    }

        .plan-menu-content .col-md-12 {
            display: block !important;
        }

    .web-tooltip-style {
        max-height: 250px !important;
    }

    .plan-menu-content {
        width: 100%;
    }

    .plan-menu-text {
        width: 94%;
    }

    .plan-menu-expcol {
        right: -15px;
        width: auto;
    }

    .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;
    }

    .fixed-header {
        background-color: #115380;
    }

    .amountunits {
        white-space: nowrap;
    }

    .front-page-goalstitle {
        margin-top: 10px;
        top: 0px;
    }

    .empty-img-url {
        position: relative;
        top: 0;
        min-height: 150px;
    }

    .empty-goal-image {
        display: none;
    }

    h1.home-banner-main-title, h2.home-banner-sub-title, h3.home-banner-sub-title1 {
        font-size: 30px !important;
    }

    .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;
    }

    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;
    }

    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;
    }
}

@media screen and (min-device-width : 1024px) and (max-device-width : 1253px) and (orientation : portrait), (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
    #mapFilterInvWrapper {
        top: 80px;
    }

    #clearFilterRight {
        top: 110px;
    }

    .search-top-left {
        width: auto;
    }
}

@media screen and (min-device-width : 1024px) and (max-device-width : 1253px) and (orientation : landscape), (min-device-width : 1024px) and (max-device-width : 1366px) 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-10, .table-width-20, .table-width-30, .table-width-40, .table-width-50, .table-width-60, .table-width-70, .table-width-80, .table-width-90, .table-width-100 {
        width: 99.8%;
        left: .1%;
    }

    #middleContentSecWrapper {
        padding-left: 40px !important;
    }

    .detail-content-section {
        left: 0;
        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;
    }

    .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) {
    .banner-background {
        height: 400px;
    }

    .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%;
    }

    .main-header-title {
        font-size: 45px !important;
    }

    .detail-content-section {
        left: 0;
        width: 100%
    }

    .front-page-links {
        width: 100%;
    }

    #headingSerchWrapper {
        width: 88%;
    }

    #invMapPopupKeyFigures {
        width: 19%;
    }

    .detail-section-wrapper {
        margin-top: 0;
    }

    #detailContentSectionTop {
        display: block !important;
    }

    .main-key-figure-content1 {
        border-right: 2px solid #0F3975;
        width: 50%;
        height: 100%;
        margin-bottom: 40px;
    }

    .key-fig-numbers {
        font-size: 28px;
    }

    .key-fig-descs {
        font-size: 14px;
    }
}


@media only screen and (min-device-width : 810px) and (max-device-width : 1080px) and (orientation: landscape) {
    #toggleServiceText {
        width: 67% !important;
        float: left;
    }
}

@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) {
    .main-header-title {
        font-size: 45px;
    }

    #headingSerchWrapper {
        width: 88%;
    }

    .keyfigures-Wrapper .col-md-3 {
        width: 33.33%;
    }

    .keyfigures-Wrapper {
        padding: 0;
    }

    .key-fig-number {
        font-size: 45px !important;
    }

    div.keyfigures-contents:nth-child(4n+4) {
        border-right: 1.5px solid #115380 !important;
    }

    div.keyfigures-contents:nth-child(3n+3) {
        border: 0 !important;
    }

    .detail-section-wrapper {
        padding-left: 50px;
    }

    #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;
    }

    .detail-content-section .k-grid.k-widget:not(.kendo-custom-table) {
        width: 142% !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 only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : landscape) {
    .frontpage-keyfigure-wrapper {
        width: 48%;
    }

        .frontpage-keyfigure-wrapper:nth-of-type(2n+2) {
            border-left: 2px solid #0C5B4B;
            padding-left: 25px !important;
        }
}

@media screen and (max-width: 1000px) and (min-width: 891px) {
    #frontPageContentContainer {
        width: 815px;
    }
}

@media screen and (max-width: 925px) and (min-width: 891px) {

    .key-figure-wrapper .col-md-3 {
        width: 100%;
    }

    .key-figure-wrapper .col-md-3 {
        width: 50%;
    }
}

@media screen and (max-width: 1049px) and (min-width: 800px) {

    .frontpage-keyfigure-wrapper, .front-graph-links {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width: 360px) {

    #frontPageContentContainer {
        width: 100%;
        padding-left: 13px;
        padding-right: 15px;
    }

    .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;
    }
}

@media screen and (max-width: 767px) {

    #invMapPopupKeyFigures {
        width: 98% !important;
    }
}

@media screen and (max-width : 760px) {
    .menu-toggle-text, .banner-search-text {
        display: none;
    }

    .icon-bar {
        width: 36px;
        height: 6px;
    }
}

@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;
        }
}

/* *************** MEDIA QUERYIES FOR RESPONSIVE MOBILE END *****************/
