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

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

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

@media only screen and (min-width : 850px) {
    #logo{
        display: none !important;
    }

    .header-nav-main.nav-left {
        justify-content: center !important;
    }

}

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

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 470px) {
    .header .header-bottom-nav li{
        margin: unset !important;
    }
    
    .header .header-bottom-nav{
        display: flex;
        gap: 5px;
        margin: 5px 0;
    }
      
}

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

}