.switch {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 30px -10px 0;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    color: #a09f9f;
}

.switch li {
    position: relative;
    font-size: 14px;
    margin: 0 10px;
}

.switch a, .switch span {
    transition: background-color .15s ease-out,color .15s ease-out;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #333333;
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.switch a {
    border: 1px solid #d6d6d6;
    text-decoration: none;
}

html:not(.bx-touch) .switch a:not(.selected):hover,
html:not(.bx-no-touch) .switch a:not(.selected):active {
    border-color: #333333;
}

.switch li span {
    border: 1px solid #333333;
}

.switch-next a, .switch-prev a {
    border: none;
    width: 30px;
    font-size: 1.5em;
}

@media screen and (max-width: 1023px) {
    li.switch-start,li.switch-end {
        display: none;
    }

    .switch a {
        min-width: 30px;
        padding: 0 4px;
    }
}

@media screen and (max-width: 767px) {
    .switch {
        margin-top: 15px;
    }
}