@media screen and (min-width: 1400px) {
    .container{
        max-width: 1300px;
    }
}
@media screen and (min-width: 768px){
    #main-menu-content .dropdown:hover .dropdown-menu{
        display: block;
    }
    #main-menu-content .dropdown .dropdown-menu{
        top: 100%;
        margin-top: 0;
        left: -2px;
    }
}
@media screen and (max-width: 767px){
    #main-menu-content{
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: var(--primary-color);
        z-index: 2;

    }
    #main-menu-content .dropdown-menu, #main-menu-content .dropdown-menu .dropdown-item, #main-menu .nav-link,
    #main-menu .nav-link:hover{
        background: var(--primary-color);
        color: #fff !important;
    }
    .page-logo{
        max-width: 140px;
        margin: 0 auto;
    }
}