@media only screen and (max-width:767px) {
    .header-area {
        text-align: center;
    }
    .header-area .left {
        margin-bottom: 15px;
    }
    .header-area .left ul li {
        margin-right: 0;
        margin-bottom: 8px;
        display: block;
    }
    .header-area .right {
        text-align: center;
    }
    .header-area .right ul {
        margin-right: 0;
        margin-bottom: 8px;
    }
    .header-area .right ul li {
        margin-right: 3px;
        margin-left: 3px;
    }
    .header-area .right ul li:last-child {
        margin-right: 3px;
    }
    .header-area .display-none{
        display: none;
    }
    .header-area .display-block{
        column-count: 12;
        display: flex;
        justify-content: center;
    }
    
}

@media only screen and (max-width:991px) {
    .mobile-nav .logo {
        top: 10px;
        max-width: 115px;
    }
    .mobile-nav.mean-container .mean-nav ul li a.active {
        color: #ff6015;
    }
}