.layout-horizontal .main-top-header{
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0px;
}
#main .content-wrapper{
    position: relative;
    top: 155px;
}
.layout-horizontal .top-navbar{
    background-color:#435ebe;
    padding:0.7rem
}

.layout-horizontal .top-navbar ul{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap:1.5rem;
    list-style:none;
    margin-bottom:0;
    padding:0
}

.layout-horizontal .top-navbar ul .menu-link{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:.5rem;
    padding:.4rem 0;
    position:relative;
    color: #fff;
}
.layout-horizontal .top-navbar .menu-item{
    background-color: #e2ebed1f;
    border-radius: 5px;
    padding: 3px 20px;
}
.layout-horizontal .top-navbar .menu-item:hover{
    background-color: #e2ebed69;
    transition: 0.2s ease;
}
.layout-horizontal .top-navbar .menu-item:hover .menu-link > i{
    transform: rotate(8deg);
    /* transform: scale(1.2); */
    transition: 0.2s ease;
}

@media screen and (max-width:792px) {
    .menu-link-name{
        display:none;
    }
}
@media screen and (max-width:426px) {
    .layout-horizontal .top-navbar {
        padding: 0.4rem;
    }
    .layout-horizontal .top-navbar ul{
        gap: 0.5rem;
    }
    .layout-horizontal .top-navbar .menu-item{
        border-radius: 0px;
    }
}
@media screen and (max-width:346px) {
    .layout-horizontal .top-navbar ul{
        gap: 0.2rem;
    }
    .layout-horizontal .top-navbar .menu-item{
        border-radius: 0px;
    }
    #main .content-wrapper{
        position: relative;
        top: 140px;
    }
}
@media screen and (max-width:332px) {
    .layout-horizontal .top-navbar ul{
        gap: 0.3rem;
    }
    .layout-horizontal .top-navbar .menu-item{
        padding: 3px 15px;
        border-radius: 0px;
    }
}