body.admin-bar header.fixed-top {
    top: 32px;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    transition: .3s ease all;
}
header .bg-white.sticky-top {
    background:#fff;
    position: absolute;
    top:-100%;
    transition: .6s ease all;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
}
header.scrolled .bg-white.sticky-top {
    top: 0;
    opacity: 1;
}

header.scrolled .navbar {
    padding: 0;
}
.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-nav {
    display: flex;
    align-items: center;
}

.navbar .navbar-nav .nav-link.active {
    font-weight: bold;
    border-bottom: 2px solid;
    color: var(--bs-primary)!important;
}

.navbar-nav li {
    padding: 0 var(--xxs-spacing);
    font-weight: 500;
    margin: 0;
	font-size: var(--font-size-sm);
}

.home-banner {
    display: flex;
    align-items: center;
}

.header-nav ul li {
    list-style-type: none;
    padding-left: 0;
}

.header-nav ul {
    padding-left: 0;
}

.header-inner nav {
    display: flex;
    align-items: center;
}
.single-post header.scrolled.scrolled-down,.single-portfolio header.scrolled.scrolled-down {
    transform: translateY(-100%);
}
.single-banner-content .bg-img {
    width: clamp(240px,35vw, 1000px);
    height: clamp(240px,28vw, 1000px);
    background-size: cover;
    margin-bottom: var(--md-spacing);
    flex-shrink: 0;
    position:relative;
}
.single-banner-content .bg-img:after {
    content:' ';
    position:absolute;
    width:100%;
    height:110%;
    top:-5%;
    left:5%;
    border:var(--border-line-width) solid var(--bs-secondary);
}
.single-banner-content {
    display: flex;
}
.single-banner-title-sub {
    width: clamp(290px,100%,800px);
}
.secondary-imgs-banner,.secondary-imgs-banner img  {
    padding: 3vw 0 3vw 3vw;
    flex: 1;
}

.sec-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.sec-img {
    height: 130%;
    padding-left: var(--md-spacing);
}

.sec-img.img-2 {
    top: 20%;
    position: relative;
}
@media (max-width:767px) {

    body.admin-bar header.fixed-top {
        top: 46px;
    }
    .navbar img {
        height: 52px;
    }
    .single-post .single-banner + section {
        padding-top: 0!important;
    }
}
@media (min-width:992px) and (max-width:1199px){
    .navbar .btn {
        padding: var(--xxs-spacing);
    }

    .navbar img {
        max-width: 84px;
    }

    .navbar-nav li {
        font-size: 16px;
    }
}
@media (max-width: 574px){
    .secondary-imgs-banner, .secondary-imgs-banner img, .sec-img.img-1 {
        padding-left: 0;
    }

    .secondary-imgs-banner {
        height: 270px;
    }
    .single-post .secondary-imgs-banner{
        display: none!important;
    }
    .single-banner-content .bg-img {
        width: 90%;
        height: 40vh;
    }
}