/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 850px) {
    .header-bottom-nav li {
        margin: unset;
    }
    .header-bottom-nav li a {
        padding: 10px 33px;
        line-height: 23px;
        border-left: 1px solid #070604;
        border-right: 1px solid #372d1d;
        font-size: 14px;
        line-height: 1.6 !important;
    }
    .header-bottom-nav li a:hover{
        background: #211b15;
    }
    .header-main::before{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-position: top center;
		background-image: linear-gradient(to right, #0f0c29, #302b63, #24243e);
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: -1;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}