nav{
    position:fixed;
    top:0;
    left:0;
    width:90%;
    z-index:999;
    background:transparent;
	
}

nav .wrapper{
    height:70px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:0 20px;
    position:relative;
}

/* Hamburger */

.wrapper .btn{
    color:#0000FF;
    font-size:30px;
    cursor:pointer;
    display:none;
}

.menu-btn{
    position:absolute;
    right:20px;
    top:18px;
}

/* Desktop Menu */

.nav-links{
    display:flex;
    list-style:none;
	    margin-right:190px;
		margin-top:90px;

}

.nav-links li{
    position:relative;
}

.nav-links li a{
    display:block;
    padding:12px 18px;
    color:#000;
    text-decoration:none;
    transition:.3s;
}

.nav-links li a:hover{
    background:#002b84;
    color:#fff;
}

/* Dropdown */

.drop-menu{
    position:absolute;
    top:100%;
    left:0;
    width:220px;
    background:#002b84;
    opacity:0;
    visibility:hidden;
    transition:.3s;
}

.drop-menu li{
    width:100%;
}

.drop-menu li a{
    color:#fff;
    padding:12px 15px;
}

.drop-menu li a:hover{
    background:#e1ecfe;
    color:#000;
}

.nav-links li:hover .drop-menu{
    opacity:1;
    visibility:visible;
}

.mobile-item{
    display:none;
}

nav input{
    display:none;
}

/* ================= MOBILE ================= */

@media(max-width:970px){

.wrapper .btn{
    display:block;
}

/* Sidebar */

.nav-links{
    position:fixed;
    top:0;
    left:-100%;
    width:280px;
    height:100vh;
    background:#242526;
    display:block;
    padding:80px 20px;
    transition:.35s;
    overflow-y:auto;
	margin-top:0px;
}

#menu-btn:checked ~ .nav-links{
    left:0;
}

/* Close */

.close-btn{
    position:absolute;
    right:20px;
    top:20px;
    color:#fff;
    font-size:32px;
}

/* Hide Hamburger */

#menu-btn:checked ~ .menu-btn{
    display:none;
}

.nav-links li{
    margin:12px 0;
}

.nav-links li a{
    color:#fff;
    font-size:16px;
	    padding:2px 0px;

}
 

/* Mobile Dropdown */

.desktop-item{
    display:none;
}

.mobile-item{
    display:block;
    color:#fff;
    padding:12px 0;
    cursor:pointer;
    position:relative;
}

.mobile-item::after{
    content:"?";
    position:absolute;
    right:0;
}

.drop-menu{
    position:static;
    width:100%;
    background:none;
    opacity:1;
    visibility:visible;
    max-height:0;
    overflow:hidden;
    transition:.3s;
}

#showDrop1:checked ~ .drop-menu,
#showDrop2:checked ~ .drop-menu,
#showDrop3:checked ~ .drop-menu,
#showDrop4:checked ~ .drop-menu{
    max-height:500px;
}

.drop-menu li a{
    padding-left:20px;
    color:#ddd;
}

.nav-links li > a.desktop-item{
    display:none !important;
}

}
.mobile-item::after{
    content: "\25BC";
}