.ustmenu ul, .ustmenu li {
margin:0px;
padding:0px;
list-style-type:none;
}

.ustmenu {
    min-height:40px;
    background-color:#6dc2e9;
    line-height:30px;
    z-index:10000;
    width:100%;
    position:absolute;
}

.menu-bar {
    height:40px;
    line-height:40px !important;
    background-color:rgb(16, 139, 195);
    line-height:30px;
    width:100%;
    top:0px;
    display:none;
}

.menuyazi {
    color:white;
    margin-left:10px;
}

.menu-icon {
    display:inline-block;
    position:absolute;
    right:20px;
    top:5px;
}

.menu-icon span{
    background-color:#fff;
    line-height:5px;
    height:5px;
    display:block;
    margin-bottom:5px;width:40px;
}

.menu {
   height:40px;
   display:block;
   width:100%;
   line-height:40px;
}
menu ul li:first-child {
    margin-left:10px !important;
}
.menu ul {
    z-index:10000;
}

.menu ul li{
    float:left;
    min-height:40px;
    background-color:rgba(109,194,233,0.9);
}

.menu ul li:hover {
    background-color:white;
    color:black;
    cursor:pointer;
}

.menu ul li a {
    color:white;
    padding-right:5px;
    padding-left:5px;
    width:100%;
}

.menu ul li:hover a{
    font-weight:bold;
     color:black;
}



@media all and (max-width: 767px)
{
    .menu ul li{
        width:100%;
        border:1px solid rgba(109,194,233,0.9);
        margin-left :0px;
        padding-left :5px;
    }

    .menu-bar {
        display:block;
    }

    .menu {
       display:none;
       top:40px;
    }

}


/*
Extra small devices Phones (<768px)	auto
Small devices Tablets (≥768px)	    750px
Medium devices Desktops (≥992px)	970px
Large devices Desktops (≥1200px)    1170px
*/