/*Sticky Header*/

header {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.main {
    margin-top: 120px;
}

header .navbar {
    transform: translateY(0);
    pointer-events: all;
    
    will-change: transform;
    transition: transform .3s ease;
    z-index: 8;
}

.sticky-hide {
    transform: translateY(-101%) !important;
}

@media screen and (min-width: 992px) {
   .main {
        margin-top: 140px;
    } 
}

@media screen and (min-width: 1200px) {
   .main {
        margin-top: 124px;
    } 
}

/*Sticky Header*/