@media screen and (min-width: 741px) {
    .xxx-table-branches-bank__item-inner {
        grid-gap: 15px;
        grid-template-areas: "logo logo logo" "name name name" "time time phones" "more more more" "more-btn more-btn more-btn" ;
        grid-template-columns: 1fr 1fr 45px;
        display: grid;
    }

    .xxx-table-branches-bank__item-more{
        grid-area: more;
    }

}

@media screen and (min-width: 741px) and  (max-width: 990px) {
    .xxx-table-branches-bank__item.active .xxx-table-branches-bank__item-inner.active .xxx-table-branches-bank__close.tablet\:xxx-table-branches-bank__close {
        display: block;
    }

    .xxx-table-branches-bank .xxx-pagination-wrapp {
        background: transparent;
    }

}

@media screen and (min-width: 991px) {

    .xxx-table-branches-bank .xxx-table__sort{
        display: none;
    }
    .xxx-table-branches-bank tr {
        margin-bottom: 0;
        display: table-row;
        box-shadow: none;
    }
    .xxx-table-branches-bank tbody td {
        display: table-cell;
    }

    .xxx-table-branches-bank .xxx-table-list__head {
        display: table-header-group;
    }

    .xxx-table-branches-bank .xxx-table-list__head tr{
        display: flex;
    }

    .xxx-table-branches-bank .xxx-table-list__head .xxx-table-list__sort > span {
        padding-right: 14px;
    }

    .xxx-table-branches-bank .xxx-table-list__head .xxx-table-list__sort > span.pjax-link {
        padding: 9px 15px;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .xxx-table-branches-bank thead th,
    .xxx-table-branches-bank thead td {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        background: transparent;
    }
    .xxx-table-branches-bank thead th:nth-child(1),
    .xxx-table-branches-bank thead td:nth-child(1) {
        width: 16%;
        text-align: center;
    }

    .xxx-table-branches-bank thead th:nth-child(2),
    .xxx-table-branches-bank thead td:nth-child(2) {
        width: 38%;
    }

    .xxx-table-branches-bank thead th:nth-child(3),
    .xxx-table-branches-bank thead td:nth-child(3) {
        width: 16%;
    }

    .xxx-table-branches-bank thead th:nth-child(4),
    .xxx-table-branches-bank thead td:nth-child(4) {
        width: 16%;
    }

    .xxx-table-branches-bank thead th:nth-child(5),
    .xxx-table-branches-bank thead td:nth-child(5) {
        width: 14%;
        max-width: 174px;
        border-right: none;
    }

    .xxx-table-branches-bank .xxx-table__inner {
        background-color: #fff;
        border-radius: 5px;
    }

    .xxx-table-branches-bank .xxx-pagination-wrapp {
        border: none;
        border-top: 1px solid #e8ecef;
    }

    .xxx-table-branches-bank__item {
        cursor: pointer;
        transition: border-color .3s, box-shadow .3s;
    }

    .xxx-table-branches-bank__item.active,
    .xxx-table-branches-bank__item:hover {
        box-shadow: 0px 5px 20px rgba(51, 62, 80, 0.15);
        border-color: transparent;
    }
    .xxx-table-branches-bank__item {
        border-top: 1px solid #e8ecef;
    }

    .xxx-table-branches-bank__item-inner {
        box-shadow: none;
        border-radius: 0;
        grid-template-areas: "logo name phones time more-btn" "more more more more more";
        grid-template-columns: 16% 38% 16% 16% 14%;
        grid-gap: 0;
        padding: 0;
        align-items: flex-start;
        background-color: transparent;
    }

    .xxx-table-branches-bank__item-address{
        margin-top: 10px;
        margin-bottom: 15px;
    }


    .xxx-table-branches-bank__item-labels .xxx-tags-mini__item{
        cursor: default;
    }

    .xxx-table-branches-bank__item-logo{
        flex-direction: column;
        height: 100%;
    }

    .xxx-table-branches-bank__item-rating{
        margin-top: 25px;
    }


    .xxx-table-branches-bank__item-logo,
    .xxx-table-branches-bank__item-name-address,
    .xxx-table-branches-bank__item-phone,
    .xxx-table-branches-bank__item-time,
    .xxx-table-branches-bank__item-action {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }

    .xxx-table-branches-bank__item-logo,
    .xxx-table-branches-bank__item-phone,
    .xxx-table-branches-bank__item-time,
    .xxx-table-branches-bank__item-action {
        padding-top: 30px;
    }

    .xxx-table-branches-bank__item-logo{
        padding-bottom: 15px;
        text-align: center;
    }

    .xxx-table-branches-bank__item-logo img {
        max-height: 35px;
        max-width: 100px;
    }

    .xxx-table-branches-bank__item-name-address{
        padding-top: 20px;
        display: block;
        margin-bottom: 0;
    }

    .xxx-table-branches-bank__item-logo:before,
    .xxx-table-branches-bank__item-name-address:before {
        display: none;
    }

    .xxx-table-branches-bank__item-phone{
        width: 100%;
        margin-right: 0;
    }
    .xxx-table-branches-bank__item-time{
        align-self: flex-start;
    }

    .xxx-table-branches-bank__item-action {
        padding-right: 20px;
        justify-self: flex-end;
        margin: 0;
        border: 0;
        width: 100%;
        text-align: right;
    }

    .xxx-table-branches-bank__item-action.xxx-table-branches-bank__item-action--with-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .xxx-table-branches-bank__item-action.xxx-table-branches-bank__item-action--with-btn .xxx-g-btn {
        width: 100%;
        min-width: unset;
    }

    .xxx-table-branches-bank__bottom-btn {
        display: none;
    }

    .xxx-table-branches-bank__item-more {
        padding: 20px;
        border-top: 1px dashed #e8ecef;
    }

    .xxx-table-branches-bank__item-description {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .xxx-table-branches-bank__item-description-item{
        margin-right: 20px;
    }

    .xxx-table-branches-bank__item-description-item:last-of-type{
        margin-right: 0;
    }

    .xxx-table-branches-bank__links{
        margin-top: 20px;
        flex-direction: row;
    }

    .xxx-table-branches-bank__links > * {
        margin-right: 20px;
        margin-bottom: 0;
    }

    .xxx-table-branches-bank__links > *:last-child {
        margin-right: 0;
    }

    .xxx-table-branches-bank__more-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .xxx-table-branches-bank__item.active .xxx-table-branches-bank__more-bottom .xxx-table-branches-bank__item-more-btn {
        display: block;
    }

    .xxx-table-branches-bank__item.active .xxx-table-branches-bank__item-action .xxx-table-branches-bank__item-more-btn {
        display: none;
    }
}