.canvas_graph
    {
        width:100%;
        height:350px;
    }
    #kn2_sht53
    {
        display: ruby-text;
    }
    #admission_style1 {
        width: 98%;
        float: left;
        margin: 1% 0% 1% 1%;
    }
    .login_style1
    {
        width: 30%;
        float:left;
    }
    .login_style2
    {
        width: 40%;
        float:left;
    }
    .login_style3 {
        width: 100%;
        float: left;
        position: absolute;
        z-index: 10;
        display:block;
    }
    .login_style4
    {
        width: 30%;
        float:left;
    }
    .mobile-nav {
        display:none;
        width: 96%;
        float: left;
        margin: 1% 2% 1% 2%;
    }
    
    .search_key
    {
        width:31%;
        margin: 0% 0% 0% 2%;
    }
    #menu_large_content {
        width: 17%;
        float: left;
        background-color: #f9f7bc;
        border: 1px solid #999999;
        margin: 5px 0px 5px 10px;
        text-align: center;
        padding: 5px 0px 5px 0px;
        letter-spacing: 1px;
        font-size: 1em;
    }
    .table_top_margin_for_mobile
    {
        margin-top: 0%;
    }

@media only screen and (max-width: 600px) {
    #kn2_sht53
    {
        display: flex;
    }
    #schl_s57 {
        width: 100%;
    }
    #schl_s19 {
        width: 80%;
        margin: 0% 10% 4% 10%;
    }
    #schl_s26 {
        width: 80%;
        margin: 0% 10% 4% 10%;
    }
    #schl_s29 {
        width: 80%;
        margin: 0% 10% 4% 10%;
    }
    #schl_s32 {
        width: 80%;
        margin: 0% 10% 4% 10%;
    }
    #schl_s35 {
        width: 80%;
        margin: 0% 10% 4% 10%;
    }
    #schl_s38 {
        width: 80%;
        margin: 0% 10% 4% 10%;
    }
    #schl_s41 {
        width: 80%;
        margin: 0% 10% 4% 10%;
    }
    #schl_s44 {
        width: 80%;
        margin: 0% 10% 4% 10%;
    }
    #schl_s53 {
        width: 80%;
        margin: 0% 10% 4% 10%;
    }
    #schl_s58 {
        width: 98%;
    }
    #kn2_sht90 {
        width: 33%;
    }
    #knl_sht68 {
    width: 33%;
    }
    #knl_sht73 {
    width: 33%;
    }
    #kn2_sht91 {
    width: 33%;
    }
    #soft_sty33 {
    width: 33%;
    }
    #soft_sty34 {
    width: 33%;
    }
    #schl_s65 {
    width: 80%;
    }
    .table_top_margin_for_mobile
    {
        margin-top: 62%;
    }
     #id_sty02 {
            width: 91%;
            float: left;
            border: 2px solid #f40000;
            border-radius: 10px;
            margin: 1% 1% 7% 1%;
            min-height:500px;
        }
        .id_sty16 {
        height: 195px;
        }
        #id_sty12 {
            height: 161px;
            margin: 4% 2% 4% 0%;
        }
    #soft_sty26 {
        width: 90%;
        text-align:left;
    }
    #menu_large_content {
        width: 90%;
    }
    .mobile-nav {
        display:block;
    }
.mobile-container {
  max-width: 480px;
  margin: auto;
  /*background-color: #555;*/
  height: 50px;
  color: white;
  border-radius: 10px;
}

.topnav {
      width: 90%;
    /* overflow: hidden; */
    background-color: #ffffff;
    position: relative;
    /*border: 1px solid #cccccc;*/
    border-radius: 5px;
    margin-left: 10%;
    position:relative;
    z-index:100;
}

.topnav #myLinks {
  display: none;
  
}

.topnav a {
  color: #000000;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: #ffffff;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ffffff;
  color: black;
}

.active {
  background-color: #04AA6D;
  color: white;
}




.navigation {
  width: 300px;
  
}
.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mainmenu a, .mainmenu label {
  display: block;
  /*background-color: #CCC;*/
  text-decoration: none;
  padding: 10px;
  color: #000;
  font-size:17px;
}
.mainmenu a:hover, .mainmenu label:hover {
    /*background-color: #C5C5C5;*/
}

/* hide the input */
.mainmenu input {
  display: none;
}
/* if a sibling checkbox is check show the menu */
.mainmenu input:checked ~ .submenu {
  display: block;
  max-height: 535px;
}
.submenu a, .submenu label {
  background-color: #ccc;
}
.submenu a:hover {
  background-color: #666;
}
.submenu {
  overflow: hidden;
  max-height: 0;
  transition: all 0.5s ease-out;
}
ul {
    height: auto !important;
}
    
    
    
    .login_style1
    {
        width: 100%;
    }
    .login_style2
    {
        width: 100%;
    }
    .login_style3 {
        display:none;
    }
    .login_style4
    {
        width: 100%;
        text-align: center;
    }
    #soft_styl4
    {
        font-size: 18px;
    }
    #soft_styl5 {
        font-size: 12px;
        display:none;
    }
    #soft_styl6 {
        width: 100%;
        text-align:center;
    }
    #soft_sty25 {
        width: 37%;
        text-align: left;
    }
    #soft_sty28 {
        width: 98%;
        padding: 2% 0% 2% 0%;
        margin: 2% 2% 0% 0%;
        box-shadow: none;
    }
    #soft_sty29 {
        width: 98%;
        padding: 2% 0% 2% 0%;
        margin: 2% 2% 0% 0%;
        box-shadow: none;
    }
    #soft_sty30 {
        width: 98%;
        padding: 2% 0% 2% 0%;
        margin: 2% 2% 0% 0%;
        box-shadow: none;
    }
    
    #soft_sty20 {
        width: 88%;
        margin: 4% 0% 0% 0%;
        position: relative;
        background-color: #FFFFFF;
        border-radius: 0px;
        padding: 2% 5% 2% 5%;
        box-shadow: none;
    }
    .soft_sty22 {
        width: 100%;
        /*margin: 0% 0% 1% 0%;*/
        border: 1px solid #666666;
        border-radius: 0px;
        /*padding: 3% 0% 3% 2%;*/
    }
    .soft_sty24 {
        width: 98%;
        border: 1px solid #666666;
        border-radius: 0px;
    }
    .soft_sty23 {
        width:100%;
        margin: 2% 0% 1% 0%;
        border-radius: 0px;
    }
    #knl_sht19 {
        width: 35%;
        padding: .5%;
        margin-left: 0%;
    }
    #knl_sht20 {
        width: 22%;
        margin-right: 0%;
        text-align: left;
    }
    #soft_styl7{
    display:none;
    }
    #master_hed1{
    width:94%;
    float:left;
    margin:1% 2% 2% 2%;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    box-shadow:5px 6px 15px #656565;
    display:block;
    }
    #master_heading {
        min-height: 34px;
    }
    #session_head {
        width: 89%;
    }
    #log_area{
    width: 8%;
    float: left;
    padding: 1.5% 0% 1.5% 0%;
    }
    #knl_sht46 {
        width: 45%;
    }
    #knl_sht30 {
        width: 100%;
    }
    #knl_sht34 {
        width: 40%;
        margin-left: 30%;
    }
    #knl_sht31 {
        width: 99%;
        background-color: #2165a9;
        color: #FFFFFF;
        padding: 4% 0% 4% .5% !important;
        font-size: 1em;
        letter-spacing: 1px;
    }
    #knl_sht32 {
        width: 99%;
        float: left;
        padding: 4% 0% 4% 1%;
        
    }
    .knl_sht33 {
        width: 97%;
        height: auto;
        float: left;
        border: none;
        padding: 3% 0% 3% 1%;
        margin:1%;
        font-size:13px;
        border:1px solid #cccccc;
        border-radius:5px;
    }
    input[type="file"] {
      padding: 4% 0% 4% 1%;
    }
    input[type="checkbox"] {
      -ms-transform: scale(1.2); /* IE */
      -moz-transform: scale(1.2); /* FF */
      -webkit-transform: scale(1.2); /* Safari and Chrome */
      -o-transform: scale(1.2); /* Opera */
      transform: scale(1.2);
      padding: 10px;
    }
    #knl_sht44 {
        width: 90%;
        background-color: #f9f7bc;
        margin: 1% 5% 1% 5%;
    }
    .search_key
    {
        width:96%;
        margin: 0% 0% 0% 2%;
    }
}

/*@media only screen and (min-width: 600px) {*/
/*    .login_style1*/
/*    {*/
/*        width: 100%;*/
/*    }*/
/*    .login_style2*/
/*    {*/
/*        width: 100%;*/
/*    }*/
/*}*/