/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) 
{
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
                                                      /*login page media query start*/ 
@media screen and (max-width:360px)
{
	#icon_login_page{
		display:;
	}
	.nav.responsive {position: relative;}
            .nav.responsive .icon 
                {
                 position: absolute;
                 right: 0;
                 top: 0;
                }
            .nav.responsive a 
                {
                 float: none;
                 display: block;
                 text-align: left;
                }
            .nav.responsive .dropdown {float: none;}
            .nav.responsive .dropdown-content {position: relative;}
            .nav.responsive .dropdown .dropbtn 
			    {
                 display: block;
                 width: 100%;
                 text-align: left;
                }
}
                                                       /*login page media query end*/
@media screen and (max-width:768px)
{
	#chk_login_page{
		
	}	
	#icon_login_page{
		display:;
	}
	#nav_link_login_page a{
		display:none;
	}
	.icn{
		         float: right;
                 display: block;
				 position: absolute;
                 right: 26px;
                 top: 7px;
				 color:white;
				 font-size:18px;
	}
	
}
/*login page media query end*/
@media screen and (max-width: 768px)
    {
				 /*login page image*/
				/*login page image*/
      	    .chk{
	             background-color:#1d2129;
	             font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	             color:white; 
	             padding-top:4px;
	             padding-bottom:3px;
	             font-size:19px;
	             text-decoration:underline;
	             margin-top:5px;

                }
            .ot
			    {
                    background-color:#72348c;
	                font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	                color:white; 
	                padding-top:4px;
	                padding-bottom:3px; 
	                font-size:19px;
	                font-weight:500;
                    text-decoration:underline;
                }
            .slgn
			    {   
                  position:relative;
                  left:4px;
                  font-size:10px;	
	              text-decoration:none;
                  color:red;
	              margin-top:3px;
	              margin-left:px;
	              margin-bottom:0px;
                }
            .slgn
			    {  
                   text-decoration:none;
                }
    }
	@media (min-width:576px) and (max-width:768px)
{
	/*#icon_login_page
	{
		display:none;
		color:;
	}
	*/
	
}
@media screen and (max-width: 768px)
	{
			#myTopnav
			    {
				display:none;
				}
			.icon{
				 float: right;
                 display: block;
				 position: absolute;
                 right: 26px;
                 top: 7px;
				 color:white;
				 font-size:18px;
				}
			.navbar-inverse a.icon:hover
			    {
				 color:#fff;
				} 
			.navbar-inverse a.icon:focus
			    {
				 color:#fff;
				 text-decoration:none;
				}
	}
@media screen and (max-width: 768px)
    {
            /* .nav a:not(:first-child), .dropdown .dropbtn {
                 display: none;
                }
            .nav a.icon {
                 float: right;
                 display: none;
                }*/
    }
@media screen and (max-width: 992px) 
    {
		#shortcut_link_id
		{
			display:none;
		}
		#not_bar
		{
			display:none;
		}
		#app_bar
		{
			display:none;
		}
	      /*  .nav
	            {
		         background-color:blue;
	            }   
            .nav.responsive 
			                {
						      position: relative;
						    }
            .nav.responsive .icon 
                {
                 position: absolute;
                 right: 0;
                 top: 0;
                }
            .nav.responsive a 
                {
                 float: none;
                 display: block;
                 text-align: left;
                }
            .nav.responsive .dropdown {float: none;}
            .nav.responsive .dropdown-content {position: relative;}
            .nav.responsive .dropdown .dropbtn 
			    {
                 display: block;
                 width: 100%;
                 text-align: left;
                }*/
    }