/**************** 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: 1000px) {

    .menu-separator {
        position: absolute;
        left: 130px;
        top: 15px;
    }

    #togglingServiceArea .expanded-bookmarks {
        position: absolute;
        top: 7px;
        width: auto;
    }

    logoimg{
        min-height: 70px;
    }

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

    #headerNavigation {
        position: absolute;
        top: -7px;
    }
}
@media screen and (max-width: 1070px) {
    #headerNavigation {
        top: -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;
            }

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

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

        .column-count3 {
            column-count: 2;
        }

        #headerMenuIconWrapper {
            padding-left: 15px !important;
        }

        .only-title-box {
            box-sizing: border-box;
        }
    }


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

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



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

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

        .frontpage-keyfigure-wrapper {
            border-right: 2px solid var(--dark-theme-color);
        }

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

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

        .detail-content-section .actual-screen-width {
            width: 142% !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;
        }

        .menu-separator {
            display: none !important;
        }
    }

    @media screen and (max-width: 1300px) and (min-width: 901px) {

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

    @media screen and (max-width: 1300px) and (min-width: 1024px) {
        #togglingServiceArea {
            width: 66%;
            float: left;
        }
    }

    @media screen and (max-width: 1540px) and (min-width: 1311px) {
        #togglingServiceArea {
            width: 74%;
            float: left;
            display: inline-flex;
        }

        .navbar-header.background-menu {
            width: 23%;
            float: left;
        }

        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 var(--dark-theme-color);
            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%;
        }

        .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 var(--white-color) !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 var(--dark-theme-color);
            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 var(--dark-theme-color);
        }

            .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 var(--dark-theme-color);
            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) {
        table {
            table-layout: auto !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;
        }

        .service-links {
            overflow: unset;
            display: inline-flex;
            clear: both;
            width: 100%;
        }

        .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;
            padding-left: 15px !important;
        }

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

        #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;
            left: 0;
        }

            #togglingServiceArea li {
                width: 100%;
                padding: 0 !important;
            }

        #bookMarksTopSectionWrapper,
        .seprator-style,
        .menu-separator {
            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;
        }

        .detail-section-wrapper {
            padding-left: 15px;
            padding-right: 15px;
            margin-top: 0!important;
        }

        .tab-content div {
            padding: 0;
        }

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

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

            #middleContentWrapper1 .image-area-sec:nth-of-type(1) {
                border-right: 2px solid var(--white-color) !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 var(--white-color);
            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 {
            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: 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 */
        }

        #genericAbstractWrapper, #desktopTop {
            display: none;
        }

        .nav-doc-close,
        #mobileBannerForPlanOlderVersion,
        #genericMobileAbstractWrapper,
        #mobileTop,
        #showOnlyOnMobile,
        .ck-custom-table-export {
            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;
        }

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

        .font17em {
            font-size: 20px;
        }

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

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

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

        #bmProposalHeading {
            padding-top: 10px !important;
        }

            #bmProposalHeading h1 {
                margin-top: 5px !important;
            }

            #bmProposalHeading img {
                width: 50px;
                height: auto;
            }

        #bmProposalGridWrapper {
            padding: 0 !important;
        }

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

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


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

            .text-color-graph,
            .go-back-to-home a {
                font-size: 1.175em !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-content-wrap {
            margin-top: 10px !important;
            display: inline-block;
        }

        .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 {
            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 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-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: var(--white-color);
            padding: 2px 5px;
            border-radius: 4px;
            border: 1px solid var(--white-smoke);
            color: var(--dark-theme-color);
            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: 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-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;
        }

        .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: var(--main-theme-color);
        }

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

        .bottom-logo-wrapper div {
            display: inline-block;
            padding-left: 10px !important;
            padding-right: 20px !important;
            width: auto;
        }

        .k-grid table {
            width: 100% !important;
        }

        #togglingServiceArea .col-md-12 {
            display: block;
        }

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

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

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

        .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 : 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 {
            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 {
            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 var(--dark-theme-color);
            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 var(--main-theme-color) !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 *****************/