*{
    margin: 0;
    padding: 0;
}

body{
    background-color: white;
}
nav{
    background-color: rgb(239, 68, 25);
}
nav ul{
    width: 100%;
    list-style: none;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content:flex-end;

}
nav ul li{
    height: 50px;
    display: inline-block;
    position: relative;
    
    

}
nav li:fifth-child{
    border: 1px solid white;

}
nav ul li a{
    padding: 0 30px;

    display: flex;
    color: rgb(246, 246, 246);
    align-items: center;
    text-decoration: none;
    margin-top: 10px;


}
nav li:first-child{
    margin-right: auto;
}
.sidebar{
    position: fixed;
    height: 100vh;
    width: 80%;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-image: linear-gradient( rgb(239, 161, 17), rgb(0, 255, 234));
    z-index: 999;
    box-shadow: -10px 0 10px rgba( 0, 0, 0, 0.1 );

}
.mb{
    display: none;
}
#active{
	background-color: #ddd;
	border-radius: 10px;
	color: black;
    
 }
 

 ul li ul.dropdown li{
    
    
    display: block;   
    text-align: center;

    width: 180px;
    font-size: 18px;
    padding: 8px 1px;
    border-bottom: .3px solid rgb(239, 202, 15) ;

        
 }
 ul li ul.dropdown li a{
    display: block;
    color: #f9f9f9;
    margin: 1px;
    font-size: 16px;
 }

 ul li ul.dropdown{
    display: none;
    position: absolute;
    z-index: 999;
    width: 180px;
    
    background: #2577eb;
    height: auto;
 }
 ul li:hover ul.dropdown{
    display: block;
 }
 ul li ul.dropdown li:hover{
    border-bottom: 2px solid sandybrown ;

 }
 /*-------------------More contents starts---------------------*/
 .more-contents{
    background: #acc4e7;
    width: 100%;
    height: auto;
 }
 #more-contents-ul{
    width: 96%;
    list-style: none;
    height: 200px;
    
    align-items: center;
    margin: 0 30px;
    
    background: rgb(27, 162, 203);   

}
#more-contents-li{
    width: 20%;
    height: 90px;
    
    border: 1px solid #2577eb;
    background: #2890f1;
    flex-direction: row;
    align-items: center;
   
   

}
.more-contents-a{

    display: flex;
    color: white);
    align-items: center;
    text-decoration: none;
}
#more-contents-li:hover{
    background: rgb(91, 159, 232);

}
#more-contents-active{
    width: 100%;
    height: 100%;
    color: #070f11c3;
    
}




  /*-------------------More contents ends---------------------*/
  /*-------------------Second nav starts----------------------*/

#second-nav{
    width: 100%;
    height: 100px;
}
#second-nav ul{
    background: #1698e9;
    height:auto;
}
box-nav-left, box-nav-right{
    width: 50%;
    
}
#second-nav ul li a{
    
}
#content-font-size{
    font-size: 23px;
    
}









   /*-------------------Second nav starts----------------------*/ 
 
 

 /*----------------------
 
@media only screen and (-webkit-min-device-pixel-ratio: 2.625) {
    .od{
        display: none;
    }
    .mb{
        display: flex;
    }
    #second-nav ul{
		height: 120px;
	}
    
    
}
     --------------------*/
@media screen and (max-width: 768px){
         .od{
        display: none;
    }   
    
    .mb{
        display: flex;
    }
    #second-nav ul{
		height: 120px;
	}
    

}