@media (max-width: 992px) {

    .menu-toggle {
        display: block;
        z-index: 1001;
        color: #071d37;
    }

    .nav-menu {
        position: fixed;
        top: 0;
        left: -100%;
        height: calc(100vh + 60px);
        width: 280px;
        background: #ffffff;
        flex-direction: column;
        padding: 60px 20px;
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        transition: 0.4s ease;
    }

    .nav-menu ul {
        flex-direction: column;
        gap: 20px;
    }

    .contact_info {
        flex-direction: column;
        width: 100%;
        margin-top: 20px;
    }

    .close-menu {
        display: block;
    }

    .counter_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:768px) {
    .hide-mobile {
        display: none;
    }

    .hide-desktop {
        display: block;
    }
}