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

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    .detail-content-section .k-grid.k-widget {
        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;
    }

    /*.common-text-style {
        height: 40px;
    }*/
    /*.videodetector {
        padding-bottom: 35%;
    }*/
}

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

    /*.videodetector {
        padding-bottom: 35%;
    }*/
}

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

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

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

    /*#togglingServiceArea {
        width: auto;
    }*/


    #detailHeaderNavBarWrap {
        left: -10px;
    }
}

@media screen and (max-width: 1549px) {
    #frontPageContentContainer {
        width: 1400px;
    }

    .image-card-wrapper {
        width: 315px !important;
    }

        .image-card-wrapper:nth-of-type(4n+4) {
            margin-right: 0 !important;
        }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1300px) {
    #frontPageContentContainer {
        width: 1054px;
    }

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

    .image-card-wrapper, .image-card-wrapper:nth-of-type(4n+4) {
        margin-right: 25px !important;
    }
    /*#menu2 .image-card-wrapper, #menu2 .image-card-wrapper:nth-of-type(4n+4), #planintrochapters .image-card-wrapper:nth-of-type(4n+4), #planintrochapters .image-card-wrapper, #introchapter .image-card-wrapper, #introchapter.image-card-wrapper:nth-of-type(4n+4) {
        margin-right: 35px !important;
    }

        #menu2 .image-card-wrapper:nth-child(3n+3), #planintrochapters .image-card-wrapper:nth-child(3n+3), #introchapter .image-card-wrapper:nth-child(3n+3) {
            margin-right: 0 !important;
        }*/
}

@media screen and (min-width: 1550px) {
    .image-card-wrapper {
        margin-right: 25px;
    }

        .image-card-wrapper:nth-of-type(4n+4) {
            margin-right: 0 !important;
        }
}

@media screen and (max-width: 1890px) and (min-width: 1440px) {
    .image-card-wrapper {
        margin-right: 25px;
    }

        .image-card-wrapper:nth-of-type(3n+3) {
            margin-right: 0;
        }

    /*#frontPageContentContainer {
        max-width: fit-content;
        width: auto;
    }*/
}

@media screen and (max-width: 1500px) 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;
    }

    /*#frontPageContentContainer {
        padding: 0 10px;
    }*/
}

@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) {
    /*#headerMenuIconWrapper {
        width: 10%;
    }

    #headingSerchWrapper {
        width: 90%;
    }

    #searchWrap {
        width: 10%;
    }*/

    .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;
    }
    /*#headerContents #headerMenuIconWrapper {
        width: auto;
    }*/
    /*#headingSerchWrapper {
        width: 89%;
    }*/

    .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 (min-width: 1270px) {
    .main-key-figure-content1:nth-of-type(4n+4) {
        border-right: 0 none;
    }
}

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

@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: 1280px) and (min-width: 801px) {
    /*#headerMenuIconWrapper {
        width: 12%;
    }*/

    /*#headingSerchWrapper {
        width: 88%;
    }*/

    #desktopMenuContentStyle {
        width: 40%;
    }

    .content-heading-bold {
        font-size: 21px;
    }

    #desktopMenuContentStyle {
        width: 30%;
    }

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

    .front-graph-links {
        width: 50%;
    }
}

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

    #headingSerchWrapper {
        width: 89%;
    }

    /*#logoWrapper {
        width: 17%;
    }*/

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

    /*.videodetector {
        padding-bottom: 50%;
    }*/
    /*#frontPageContentContainer {
        padding: 0 10px;
    }*/
}

@media screen and (max-width: 1269px) and (min-width: 993px) {
    .main-key-figure-content1:nth-of-type(3n+3) {
        border-right: 0 none;
    }

    #frontPageContentContainer {
        width: 810px;
    }
}

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

@media screen and (max-width: 1000px) and (min-width: 801px) {
    /*#headingSerchWrapper {
        width: 84%;
        float: left;
    }

    #headerMenuIconWrapper {
        width: 16%;
        float: left;
    }*/

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

    /*#logoWrapper {
        width: 22%;
        float: left;
    }*/

    /*#searchWrap {
        width: 12%;
        padding-right: 5px !important;
    }*/

    .detail-content-section {
        width: 70%;
    }
    /*.table-width-20 {
        width: 30%;
        left: 10%;
    }

    .table-width-30 {
        width: 35%;
        left: 10%;
    }

    .table-width-40 {
        width: 45%;
        left: 10%;
    }

    .table-width-50 {
        width: 55%;
        left: 10%;
    }

    .table-width-60 {
        width: 65%;
        left: 10%;
    }

    .table-width-70 {
        width: 75%;
        left: 10%;
    }

    .table-width-80 {
        width: 85%;
        left: 7.5%;
    }

    .table-width-90 {
        width: 99%;
        left: .5%;
    }*/
    #desktopMenuContentStyle {
        width: 60%;
    }

    /*.main-key-figure-content:first-of-type {
        border-left: 2px solid #0C5B4B;
    }*/

    /*.main-key-figure-content:nth-of-type(3n+1) {
        border-left: 0 none !important;
    }*/
}

@media screen and (max-width: 1540px) and (min-width: 901px) {
    #togglingServiceArea {
        width: 70%;
    }
}

@media screen and (max-width: 1540px) and (min-width: 1140px) {
    .front-graph-links {
        width: 33.33%;
    }
}

@media screen and (max-width: 1360px) and (min-width: 1050px) {
    .image-card-wrapper {
        margin-right: 25px !important;
    }

        .image-card-wrapper:nth-child(2n+2) {
            margin-right: 0
        }


    .key-figure-wrapper .col-md-3 {
        width: 25%;
        padding-left: 10px !important;
        padding-right: 20px !important;
    }

    .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: 992px) and (min-width: 761px) {
    .main-key-figure-content1:nth-of-type(2n+2) {
        border-right: 0 none;
    }
    /*#headerMenuIconWrapper {
        width: 11%;
    }

    #headingSerchWrapper {
        width: 89%;
    }

    #logoWrapper {
        width: 18%;
    }

    #searchWrap {
        width: 10%;
    }*/
    .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: 800px) {
    #frontPageContentContainer {
        width: 440px;
    }
}


/**************** MEDIA QUERYIES FOR RESPONSIVE DESKTOP END *******************/

/**************** MEDIA QUERYIES FOR RESPONSIVE MOBILE STARTS *****************/

@media screen and (max-width: 900px) and (min-width: 1px) {
    table {
        table-layout: auto!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;
    }

    /*.image-links-style {
        padding-top: 22px;
    }*/

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

    .image-card-wrapper {
        margin-left: 12px !important;
        margin-right: 10px !important;
        margin-bottom: 30px !important;
    }

    /*.main-key-figure-content1 {
        border-left: none;
    }*/

    .icons-wrappers {
        top: 8px;
    }

    #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;
        padding-left: 10px !important;
        text-align: left;
        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;
    }

    /*.font22 {
        font-size: 18px;
    }*/

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

    /*.expand-collapse-bookmark {
        position: absolute;
        top: 3px;
        right: 16px;
    }*/
    #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;
        }
    /*#BookMarksContent .panel-collapse.collapse.in {
                margin: 0 -15px;
            }

                #BookMarksContent .panel-collapse.collapse.in .panel-body {
                    padding-left: 40px !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;
    }

    /*.detail-content-section, .background-menu {
        width: 100%;
        left: 0;
    }*/

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

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

    /*#desktopMenuContentStyle {
        margin-top: 20px;
    }*/

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

    /*#investmentsGraphWrapper .font27, #outerCoverWrapper #detailContentSection .font27 {
        font-size: 23px;
    }*/

    #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: 140% !important;
            overflow: auto !important;
            padding-left: 0;
        }

    .detail-content-section p,
    .k-grid.k-widget,
    .detail-content-section table,
    .detail-content-section .k-grid.k-widget,
    .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%;
    }

    .logo-wrapper a {
        width: 100%;
        height: 100%;
    }

    #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;
    }
    #detailPageHeader #headerMenuIconWrapper {
        padding-left: 10px !important;
        width: 30%;
    }

    #detailPageHeader #logoWrapper {
        text-align: left !important;
        width: 46%;
        padding-right: 0;
        padding-left: 0;
    }

    #searchWrapperMobile {
        display: inline-block;
        margin-top: 1px;
    }

    #detailPageHeader #searchWrapperMobile {
        display: inline-block;
        margin-top: 1px;
        float: right;
        width: 24%;
        padding-left:5px;
    }

    #bookMarks {
        width: 100%;
    }

    #searchWrapper {
        display: none;
    }

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

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

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

    /*#introchapter .row, #menu2 .col-md-12 {
        padding: 0px !important;
    }*/

    /*#menu2 .content-box-bottom-sec {
        padding: 15px 20px !important;
    }*/

    /*#middleContentWrapper1 {
        padding: 0 10px !important;
    }*/
    .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;
    }

    /*.content-box-wrapper {
        margin-bottom: 30px;
    }*/

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

    #searchWrapperMobile button {
        padding: 6px 10px;
    }

    .banner-search-text {
        font-size: 15px;
    }

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

    #homeLogoImage {
        width: auto;
    }

    logoimg {
        text-align: center;
    }

    #homeLogoImage {
        width: auto;
    }

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

    .logo-wrapper img {
        max-height: 100%;
    }

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

    #searchContentSection .padding20, .search-button-area .padding20 {
        padding: 10px !important;
    }

    .search-button-area .top20 {
        margin-top: 10px !important;
    }
    /*#serviceAreaSection{
        padding-left:0!important;
    }*/
    .search-background {
        padding: 0 10px;
    }

    /*.menu-toggle-text {
        left: 62px;
        top: 0px;
    }*/
    #mainKeyfigureContents {
        padding: 0 5px !important;
    }

    .key-figure-wrapper {
        /*padding-left: 20px !important;*/
        width: 100%;
    }

    /*.image-links-wrap, .graph-links-text {
        width: auto;
    }*/

    /*#logoWrapper {
        text-align: left !important;
    }*/

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

    #clearFilterRight {
        margin-top: 40px;
        padding: 0;
        position: absolute;
        right: 0;
    }

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

    .search-top-right {
        width: 65%;
        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: 75px;
    }

    #expCollapseTop {
        left: 40%;
    }

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

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

    .filter-content-left-sec {
        position: absolute;
        right: 0px;
        top: 4px;
    }

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

    #expandCollapseFilter {
        margin-top: 40px;
    }

    #mapFilterInvWrapper {
        display: inline-block;
        float: right;
        margin-bottom: 30px;
    }

    #invMapPopupKeyFigures {
        width: 50%;
        border: 0;
    }

    .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: 98% !important;
        float: left;
        border: 0 !important;
        display: inline-block;
        padding: 0;
        margin-bottom: 15px;
        text-align: center !important;
    }

    /*#invMapPopupKeyFigures:nth-of-type(1) {
            border-right: 2px solid rgb(86, 118, 140) !important;
        }*/

    /*#invMapPopupKeyFigures .font35{
        font-size:30px!important;
    }*/
    .map-filter-popup-img {
        width: 70px;
        float: left;
        display: none;
        background-color: #115380 !important;
        color: #fff !important;
        outline: none;
    }

    /*.map-filter-popup-img img{
            width:40px!important;
            height:40px!important;
        }*/
    .img-popup-btn {
        margin-right: 10px !important;
        padding: 2px 6px !important;
        border-radius: 4px !important;
    }

    .map-filter-popup-text {
        font-size: 13px !important;
    }

    /*.popup-collection-container {
        width: 82% !important;
    }*/

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

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

    /*.popup-collection-container {
        display: none !important;
    }*/

    .filter-container-base {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    #invMapSectionWrapper {
        /*visibility:hidden;*/
        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;
    }

    .image-card-wrapper {
        width: 350px !important;
    }

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

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

    .textFilterSection li{
        width:100%;
        text-align: center;
    }
  
    .k-grid-header{
        width: 100%!important;
    }
    .fixed-header {
        background-color: #115380;
    }
        /*.fixed-header table {
            padding: 0 10px;
        }*/
    .amountunits{
        white-space: nowrap;
    }
    .front-page-goalstitle {
        margin-top: 20px;
    }
    .empty-img-url {
        position: relative;
        top: 0;
        min-height: 150px;
    }
    .empty-goal-image{
        display:none;
    }
    .k-grid-header.fixed-header{
        left:0;
    }

    .k-grid-header.fixed-header table {
        margin-left: 15px;
    }
    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;
    }
    
    .main-key-figure-content1.frontpage-keyfigure-wrapper {
        padding-left: 0;
        padding-right: 0;
        border: none;
        border-bottom: 2px solid #0F3975;
        padding-bottom: 10px;
    }
    /*.k-grid-content .table-layout-custom {
        table-layout: fixed!important;
    }*/
    /*.table-layout-custom td{
        word-break: break-word;
    }*/

    .k-grid-header table, .k-grid-content table {
        width:auto!important;
    }
}

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

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

@media screen and (max-width: 400px) {
    #frontPageContentContainer {
        width: auto;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    #topTitle {
        padding-left: 15px;
    }

    /*#headerContent #searchWrapperMobile {
        display: none !important;
    }*/

    .search-wrapper {
        width: 97%;
    }

    .main-header-title {
        font-size: 45px !important;
    }

    /*.main-key-figure-content:first-of-type, .main-key-figure-content:nth-of-type(3n+1) {
        border-left: 0 none;
    }

    .main-key-figure-content1:first-of-type, .main-key-figure-content1:nth-of-type(2n+1) {
        border-left: 0 none;
    }*/

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

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

    /*#headerMenuIconWrapper {
        width: 12%;
    }*/

    #headingSerchWrapper {
        width: 88%;
    }

    /*.front-graph-links-bg {
        display: flex;
    }*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /*.main-key-figure-content:first-of-type, .main-key-figure-content:nth-of-type(4n+1) {
        border-left: 0 none;
    }

    .main-key-figure-content1:first-of-type, .main-key-figure-content1:nth-of-type(3n+1) {
        border-left: 0 none;
    }*/

    .main-header-title {
        font-size: 45px;
    }

    #headingSerchWrapper {
        width: 88%;
    }

    /*.front-graph-links-bg {
        display: flex;
    }*/

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

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

@media screen and (max-width: 1000px) and (min-width: 891px) {
    #frontPageContentContainer {
        width: 740px;
    }

    .image-card-wrapper {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }

        .image-card-wrapper:nth-child(2n+2) {
            margin-right: 0
        }

    .key-figure-wrapper .col-md-3 {
        width: 33.33%;
    }
}

@media screen and (max-width: 925px) and (min-width: 891px) {
    .image-card-wrapper:nth-of-type(2n+2) {
        margin-right: 0 !important;
    }

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

    .front-graph-links {
        width: 50%;
    }
}

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

    #frontPageContentContainer {
        width: 100%;
        padding-left: 13px;
        padding-right: 15px;
    }

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

@media only screen and (min-device-width : 480px) and (max-device-width : 900px) and (orientation : landscape) {
    .detail-section-wrapper {
        padding-left: 15px;
    }

    #focusAreaSection,
    #serviceAreaSection {
        column-count: 2;
    }

    #mainMenuTabs .home-page-bookmarks {
        width: auto;
    }

    /*#middleContentWrapper1 .image-area-sec {
        width: 50%;
        float: left;
        border-right: 1px solid #fff !important
    }*/

    #menu2 .content-box-bottom-sec {
        width: 100%;
        padding: 15px 20px !important;
    }

    #menu2 .image-card-wrapper {
        margin-left: 20px !important;
        width: 93% !important;
    }

        #menu2 .image-card-wrapper:nth-child(n+1) {
            margin-right: 0 !important;
        }

    .service-links {
        width: 50%;
        clear: none;
    }
}

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

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

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

/* *************** MEDIA QUERYIES FOR RESPONSIVE MOBILE END *****************/