@media only screen and (max-width: 600px) {
    .navbar {
        padding: 2px 0;
    }

    .mobilelogo {
        max-width: 44%;
        margin-left: -10%;
    }

    .slicknav_btn {
        width: 30px;
        height: 29px;
    }
}

@media(min-width:1016px) and (max-width:1050px) {
    .main-menu ul li a {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.1em;
         padding: 0px 10px !important; 
        color: /*var(--white-color)*/ #141d08;
        text-transform: capitalize;
        transition: all 0.3s ease-in-out;
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .hero {
        padding: /*160px 0 70px*/ 70px 0 0px;
    }
    .mobilelogo {
        max-width: 44%;
        margin-left: -6%;
    }
}