.header-top {
    line-height: 80px;
}

#header {
    margin-top: 80px;
}

.main-menu {
    padding: 15px 0px;
}

#header.header-scrolled {
    background: #000000b0;
}

.nav-menu ul {
    margin: 15px 0 0 0;
    padding: 5px 10px;
}

#header .nav-menu ul {
    background: #f5f6fa;
}

    #header .nav-menu ul li a {
        color: #415094;
        text-transform: uppercase;
    }

#header ul.nav-menu li a:hover {
    color: #05c4f9;
}

#header.header-scrolled .nav-menu ul {
    background: #000000b0;
}

    #header.header-scrolled .nav-menu ul li a {
        color: #fff;
        text-transform: uppercase;
    }

        #header.header-scrolled .nav-menu ul li a:hover {
            color: #05c4f9;
        }

.section-gap.single-post-area .main_blog_details {
    color: #000;
}

    .section-gap.single-post-area .main_blog_details img {
        max-width: 100%;
    }

.menu-panging li a.ng-binding {
    position: relative;
    display: block;
    padding: 7px 13px;
    margin-left: 10px;
    line-height: 1.25;
    color: #828bb2;
    border: none;
    border-radius: 50%;
}

    .menu-panging li a.ng-binding :hover {
        color: #fff;
        background: linear-gradient(90deg, #212fec 0%, #37e0f7 100%);
    }

.protfolio-widget .social-links li a {
    color: #fff;
}

.single-post-area .navigation-area .nav-left .thumb img, .single-post-area .navigation-area .nav-right .thumb img {
    height: 60px;
}

.single-post-area .navigation-area .nav-left h4, .single-post-area .navigation-area .nav-right h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog_area .main_blog_details ol, .blog_area .main_blog_details ul {
    margin: revert;
    padding: revert;
    list-style: revert;
}