.logoImg {
        height: 60px;
    }

    .TopHeader {
        font-weight: bold;
        font-size: 20px;
    }




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

    .mediumLogo {
        display:block!important;
    }

        .logoutBtn {
            display:none;
        }


        .logoutBtn2 {
            display:block;
        }
}



@media only screen and (max-width: 800px) {
     .smallLogo {
        display:none!important;
    }

     .mainHeaderDiv {
    
    padding: 10px 10px 5px 10px;
    }

}


@media only screen and (max-width: 600px) {
    .logoImg {
        width:100%!important;
    }
     .smallLogo {
        display:block!important;
    }

    .TopHeader {
        font-size:15px!important;
        line-height:11px!important;
    }



    .mainHeaderDiv {
        padding:10px 10px 5px 10px; 
        text-align:center;
    }


     .mainHeaderText {
        font-size:16px; line-height:13px; font-weight:bold;
    }



      .subHeaderText {
        padding-left:10px; color:deepskyblue; float:left; font-weight:bold; padding-right:10px;  display:inline-block;  cursor:pointer;
            font-size:11px;
    }


       .logoutBtn {
        display:none;
    }

         .logoutBtn2 {
             font-size:12px; float:right;
        display:block;
    }

       .upperBar {
        background-color:#245872; padding:4px 50px 4px 20px; color:white; font-size:12px;margin-left:-10px; margin-right:-10px; 
    }


       .mainBody {
        padding:10px 2px 10px 5px; margin-top:70px; min-height:550px; 
        /*padding-top:120px!important;*/

    }


       .panel-body {
         padding:0px;
    }



       .container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0px;
    padding-left: 0px;
}


       .pageHeader {
    padding: 0px 0px 0px 0px;
    color: #403f52;
    font-size: 18px;
    
    font-family: Arial;
}
    .myContent {
            padding-left:10px!important; padding-right:10px!important;
    }



    .row {
  
    margin-right: -5px!important;
    margin-left: -10px!important;
}



    .mediumLogo {
        display:none!important;
    }

}



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

        .mainBody {
        margin-top:90px; 

        }

    }