/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .brand img {
        height: 50px;
    }
    footer.footer {
        /*margin-bottom: 72px;*/
    }
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .brand img {
     height: 60px;
    }
    .primary-menu ul li a {
        font-size: 13px;
    }
    .primary-menu.menu-start ul li {
        margin-right: 15px;
    }
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}
@media (max-width: 767px) {
    .menu-activated {
        height: 100vh;
        overflow: hidden;
    }
    .overlay-for-menu.active {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.3);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 124;
    }
    .sidenav a.closebtn {
        display: none
    }

    .sidenav {
        width: 280px;
        background: #fff
    }

    .sidenav ul {
        padding: 0
    }

    .sidenav ul li {
        margin: 5px 15px;
        padding-bottom: 5px;
        border-bottom: 1px solid #f2f2f2
    }

    .sidenav ul li:last-child {
        border-bottom: none
    }
}