.gallery.active {
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    
}
    .gallery-draggable{
        cursor: grabbing;
    }

    .gallery-line {
        overflow: hidden;
    }

    .gallery-slide {
        min-height: 1px;
        float: left;
        transform: translateZ(0);
        overflow: hidden;
    }
/* .gallery::after{
    display: block;
    clear: both;
    content: "";
} */
    .gallery-dots{
        display: flex;
        justify-content: center;
    }
    
    .gallery-dot{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ccc;
        margin: 0.4rem;
        cursor: pointer;
        transition: all .3s;
        border: none;
        outline: none;
        padding: 0;
    }

    .gallery-dot:hover,
    .gallery-dot-active {
        background: #888;
    }

    .gallery-nav {
        display: flex;
        justify-content: center;
        padding: 1rem 0 0;
    }

    .gallery-nav-left,
    .gallery-nav-right {
        position: absolute;
        top: 45%;
        width: 2rem;
        height: 6rem;
        border: none;
        outline: none;
        text-indent: -1234em;
        cursor: pointer;
        transition: all .3s;
    }

    .gallery-nav-disabled{
        opacity: 0;
        pointer-events: none;
    }

    .gallery-nav-left {
        background: url('svg-img/left.svg') no-repeat center;
        background-size: contain;
        left: 15px;
    }
    .gallery-nav-right {
        background: url('svg-img/right.svg') no-repeat center;
        background-size: contain;
        right: 15px;
    }

@media screen and (max-width: 768px) {
    .gallery.active {
        padding: 0;
    }
    .gallery-nav {
        display: none;
    }
    a{
        padding: 5px 12px;
        font-size: 10px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 560px) {
    a{
        padding: 3px 7px;
        font-size: 8px;
        line-height: 1.1;
    }
}