@media (max-width: 1139px) {
    .TopBar,
    .ChartsSection {
        height: auto;
    }

    .ChartCont img {
        max-width: 330px;
        width: 100%;
    }
}
.ShareData .title,
.KeyFigures-MainHeading,
.CompPresentationCont {
    font-size: 16px;
}

.TopBar .market, .TopBar .Symbol, .TopBar .ISIN, .TopBar .Industry {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    background: #f3f3f3;
    font-weight: bold;
    font-family: Arial Std, sans-serif;
    color: #1E1E23;
    font-size: 13px;
    
    padding: 1em;
    text-align: center;
    text-transform: uppercase;
}
.TopBar {
    text-align: center;
}
.ChartsSection {
    padding-top: 2em;
}
.LeftAlign {
    text-align:left!important;
}
.RightAlign {
    text-align: right!important;
}
.ChartCont {
    
    padding-bottom: 2em;
}
@media (max-width: 580px) {
    /*topbar part*/
    .TopBar .market,
    .TopBar .Symbol,
    .TopBar .ISIN, 
    .TopBar .Industry {
        width: 100%;
    }
    body,
    td,
    .CompPresentationCont {
        font-size: 13px;
    }
    .ChartCont {
        width: 100%;
        text-align: center;
    }
    /*footer part*/
    .CompanyContacts,
    .Logo {
        width: 100%;
        clear: both;
        text-align: center;
    }

    .ar-ae .logo {
        text-align: center;
    }
}

@media (max-width: 480px) {

    .KeyFigures-Heading {
        height: 30px;
    }

    .Logo,
    .CC-Right {
        padding-top: 10px;
    }

    .CC-Left,
    .CC-Right {
        width: 100%;
        clear: both;
        text-align: center;
    }
}

@media (max-width: 414px) {

    .TopBar .market,
    .TopBar .Symbol,
    .TopBar .ISIN,
    .TopBar .Industry {
        width: 100%;
    }
}

@media (max-width: 375px) {
    body, td {
        font-size: 13px;
    }

    .ShareData-Name {
        white-space: normal;
    }

    .ShareData-LeftColumn,
    .ShareData-RightColumn {
        width: 100%;
        display: block;
    }

    .SuppliedBy {
        text-align: center;
    }
}