@media only screen and (max-width: 800px) {
    .MainView {
        padding: 10px;
        align-content: center;
        text-align:center;
        align-items:center;
    }
    #CustomerDetails {
        margin-left: 0px;
        margin-right: 0px;
    }

    #PortalAccountTable tr td, #PortalAccountTable tr th {
        padding-left: 0px;
        padding-right: 0px;
    }
    #WelcomeText_sub{
        margin-bottom:20px;
    }
    #ESG_Time_Select {
        margin-top:10px;
        float: left;
    }

    .flexDiv {
        display: block;
        padding: 0px;
    }
    .footer{
        height:70px;
    }
    .footer p{
        line-height:normal !important;
        padding:0px !important;
        width:100%;
    }

    #WelcomeText_sub {
        width: 100%;
        display: block;
        margin-top: 50px;
    }

    #Portal_RepButton {
        margin-top: 10px;
    }
    #Portal_RepButton:nth-child(5){
        margin-top:15px;
        margin-right:20%;
    }

    .DashboardChartArea {
        padding-right: 0px;
        height: auto;
        padding-left:0px;
        margin-left:0px;
    }

        .DashboardChartArea .ChartBox {
            margin-bottom: 20px;
            width:100%;
        }

    #Milestones_Left {
        padding: 0px;
        float: none;
        margin: 0px;
        width: 100%;
    }
    #Milestones_Area2{
        margin-top:-10px;
        padding-top:10px;
    }
    #Milestones_Left img {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #ESG_TimeSelector{
        margin-bottom:50px;
    }
    #ExportArea {
        display: none;
    }

    #ESG_Unit_Select {
        margin-top: 10px;
        width:90px;
        margin-right:0px;
    }

    #Portal_Details {
        min-width: 1000px;
    }

    .sideMenu {
        display: none;
    }

    .float_box {
        margin: 0px;
        margin-bottom: 10px;
    }


    #PortalHome_Headers table tr td:nth-child(1) {
        display: block;
        width: 100%;
    }

    #PortalHome_Headers table tr td:nth-child(2) {
        display: block;
        width: 100%;
        margin-top: 40px;
    }

    #PortalHome_Headers table tr td:nth-child(3) {
        display: none;
    }

    #Portal_Chart_Recent_Bar {
        margin: 10px !important;
    }

    .float_box_right {
        height: 150px;
        min-width: 110px;
        margin: 0px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .float_box {
        width: 100%;
    }

    #div_layout_search {
        float: none;
        text-align: center;
        margin-top: 10px;
        margin-left: 40px;
        margin-right: 0;
    }


    .MainView p {
        margin: 0px;
        margin-left: 10px;
    }
    /*Test*/
    .sideMenu {
        width: 100% !important;
    }

    .PortalMenuDiv_mobile {
        display: block !important;
    }

    #LogoSide {
        display: none;
    }

    .LogInBox {
        width: 100%;
    }
    /*Milestones*/
    #Milestones_Titles {
        position:relative;
        margin: 0px;
        padding: 0px;
        padding-top:20px;
        margin-bottom:20px;
        margin-top: 10px;
        width:100%;
    }

        #Milestones_Titles h3 {
            font-size: 22px;
            padding: 0px;
            margin: 0px;
            color:white !important;
        }

        #Milestones_Titles h4 {
            margin: 0px;
            padding: 0px;
            display: none;
        }

    #Milestones_Right {
        margin-left: 10px;
    }

    #Milestones_Top img {
        display: none;
    }
}