.chart-parent {
    position: relative;
    padding-bottom: 1px;
    overflow: hidden;
}
.chart-responsive {
}
.chart-inner {
    min-width: 600px;
    width: 100%;
    height: 360px;
}
.leftcontent .chart-inner {
    height: 320px;
}
canvas.chart {
    height: auto;
    width: 100%;
}

@media (max-width: 1080px) {
    .chart-inner, .leftcontent .chart-inner {
        height: 300px;
    }
}

@media (max-width: 640px) {
    .chart-inner, .leftcontent .chart-inner {
        height: 200px;
    }
    .chart-responsive::after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        letter-spacing: 0;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e920";
        bottom: 0;
        display: block;
        font-size: 26px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}