body {
}

        @media only screen and (max-width: 600px)
        {
          
          .heading 
          { 
            
             font-size:small;    color:#ffffff;    margin-left:0px;    margin-top:10px;    word-spacing:0px;  letter-spacing:0px;   
            
          }
          .heading1 
          {            
            
             font-size:small;
            
            
          }
          .panel-heading
          {            
            
             font-size:medium;
            
            
          }
           .panel{
                font-size:medium;
            }
            .panel-title {
                font-size:medium;
            }
            .control-label {
                 font-size:medium;

            }
            .contenttop {
                padding-left:4px;
                
            }
             div.contenttop {
          
            height: 50px;
          
          
        }

            .form-control {
                 font-size:medium;
               
            }
            .sidebar a {
                font-size:medium;
                padding:2px;
                text-align:left;
            }
                    .sidebar a.active {
                  background-color: #0000ff;
                  color: white;
                  padding-top:2px;
                  Height:20px;

          
                }

            .active {
                height:20px;
                
            }
            .active img {
                height:20px;
                width:20px;
            }

        }

        @media only screen and (min-width: 600px) 
        {
          .heading
          { 
            
            font-size:medium;    color:#ffffff;    margin-left:0px;    margin-top:10px;    word-spacing:0px;  letter-spacing:0px;   
            
          }
          .heading1
          {            
            
            font-size:medium;
            
            
          }
        }


        @media only screen and (min-width: 768px)
        {
         .heading
          { 
            
            font-size:medium;    color:#ffffff;    margin-left:0px;    margin-top:10px;    word-spacing:0px;  letter-spacing:0px;   
            
          }
          .heading1
          {         
                 
            
            font-size:medium;
            
            
          }
        }

        @media only screen and (min-width: 992px)
        {
          .heading
          { 
            
            font-size:medium;    color:#ffffff;    margin-left:0px;    margin-top:10px;    word-spacing:0px;  letter-spacing:0px;   
            
          }
          .heading1
          {            
            
            font-size:medium;
            
            
          }
        }
        @media only screen and (min-width: 1200px)
        {
          .heading
          { 
            
            font-size:x-large;    color:#ffffff;    margin-left:0px;    margin-top:10px;    word-spacing:0px;  letter-spacing:0px;   
            
          }
          .heading1
          {            
            
            font-size:x-large; margin-top:10px; padding-top:10px;
          }
        }