#map {
    height: 555px;
    width: 100%;
    animation: loading 1s ease-in-out forwards infinite;
    background: linear-gradient(
            100deg,
            rgba(255, 255, 255, 0) 40%,
            rgba(255, 255, 255, 0.5) 50%,
            rgba(255, 255, 255, 0) 60%
        )
        var(--lightborder);
    background-size: 200% 100%;
    background-position-x: 180%;
}

.map {
    overflow: hidden;
    border-radius: 10px !important;
}

[class*='ymaps-2'][class*='-ground-pane'] {
    filter: grayscale(100%);
}

@media (max-width: 991px) {
    #map {
        height: 400px;
    }
    @-webkit-keyframes shake {
        0% {
            transform: rotate(10deg);
        }
        100% {
            transform-origin: center center;
            transform: rotate(-10deg);
        }
    }
    @keyframes shake {
        0% {
            transform: rotate(10deg);
        }
        100% {
            transform-origin: center center;
            transform: rotate(-10deg);
        }
    }
}

@media (max-width: 576px) {
    #map {
        width: 100%;
        height: 50vh;
        max-height: 400px;
    }
    .tab-content .gorog-contact {
        position: static;
        transform: unset;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }
}