@media only screen and (min-device-width: 300px) and (max-device-width: 600px){
    .portal_1 {
        padding: 30px !important;
        justify-content: center !important;
        margin-top: 0px !important;
        /* margin-bottom: 18px; */
    }
    .sidebar:not(.sidebar-component) .sidebar-content {
        top: 1.12503rem !important;
    }
    .res_con{padding-right: 0;}
    .portal_res12{padding-bottom: 93px;
        margin-top: 11px;}
        .page-content {
            margin-top: 12% !important;
        }
        .foo_img1 {
            height: 50px;
            float: left;
            width: 80px;
            margin-left: 37% !important;
            margin-bottom: 8%;
        }
        .foo_img {
            height: 50px;
            float: right;
            width: 100px;
            padding-right: 1%;
            /* margin: auto; */
            margin-right: 31%;
        }
    .res30{width:70%;}
    .res_mod{padding-right: 0; padding-left: 0;}
}
@media only screen and (min-device-width: 600px) and (max-device-width: 700px){
.portal_res{width: 50% ;float:left;}
.portal_res12{width: 50% ;float:left;    padding-bottom: 38%;
    margin-top: 2%;}
    .res_con{padding-right: 0;}
    .res_mod{padding-right: 0; padding-left: 0;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1198px){
    .portal_1 {
        padding: 40px;
        justify-content: center !important;
        margin-top: 19% !important;
        margin-bottom: 18px;
    }
    .text-muted {
        color: #999!important;
        font-size: 11px!important;
    }
    .res_con{padding-right: 0;}
    .res_wid_res{width: 163px;}
    .res_mod{padding-right: 0; padding-left: 0;}
    .page-content {
        margin-top: 8% !important;
    }
    .txt_style{font-size: 13px;}
    .chart-container {
        overflow-x: scroll;
        overflow-y: visible;
        max-width: 100%;
    }
    }
@media only screen and (min-device-width: 700px) and (max-device-width: 760px){
    .portal_1 {
        padding: 30px !important;
        justify-content: center !important;
        margin-top: 0px !important;
        /* margin-bottom: 18px; */
    }
    .portal_res12{padding-bottom: 40%;
        margin-top: 11px;}
        .page-content {
            margin-top: 12% !important;
        }
        .res1{    width: 16% !important;
            float: left;}
        .wid{width: 100%; height: 62px;}
        .res2{width: 77% !important;
            float: left;}
        .menu1 {
            position: absolute;
            right: 0;
            padding-right: 2%;
            padding-top: 4%;
        }
}