.res-matrix-wr-1 {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .res-matrix-wr-1 .heading-blue {
        font-weight: 700;
        color: #4c4c4c;
        font-size: 20px;
        text-align: center;
    }

    .res-matrix-wr-1 .fares-table-wr {
        overflow: hidden;
        box-shadow: 0 0 5px -1px rgb(0 0 0 / 40%);
        border: 1px solid #b9b8b8;
        border-radius: 10px 10px 0px 0px;
    }

    .res-matrix-wr-1 .w-100-fl {
        width: 100%;
        float: left;
    }

    .res-matrix-wr-1 .fares-table-top-row {
        background-color: #003749;
        padding: 2px 2px;
        font-size: 13px;
        color: #fff;
        height: 30px;
    }
    .res-matrix-wr-1 .fares-table-top-l {
        width: 100%;
        border: 0;
        text-align: center;
    }

    .res-matrix-wr-1 .fares-table-top-l {
        width: calc(100% - 70px);
        width: -webkit-calc(100% - 70px);
        float: left;
        color: #fff;
        border-right: 0px solid #f5f5f5;
        padding: 0 5px;
    }

        .res-matrix-wr-1 .fares-table-top-l span {
            padding: 0 0px;
            display: inline-block;
        }

            .res-matrix-wr-1 .fares-table-top-l span > span {
                background-color: #bf2428;
                padding: 2px 5px 0;
                font-weight: bold;
            }

        .res-matrix-wr-1 .fares-table-top-l span {
            padding: 0 0px;
            display: inline-block;
        }

    .res-matrix-wr-1 .fares-table-cont {
        overflow: auto;
        background: #fff;
        white-space: nowrap;
        border: 0;
        position: static;
        padding-bottom: 2px;
    }

    .res-matrix-wr-1 .fares-table-l {
        position: absolute;
        z-index: 1;
        background-color: #fff;
    }

    .res-matrix-wr-1 .fares-table-l {
        width: 120px;
        float: left;
        border-right: 1px solid #4c4c4c;
    }

        .res-matrix-wr-1 .fares-table-l .fares-table-al a {
            height: 65px;
            line-height: 55px;
            font-size: 14px;
        }

        .res-matrix-wr-1 .fares-table-l .fares-table-al a, .res-matrix-wr-1 .fares-table-l .fares-table-ns a, .res-matrix-wr-1 .fares-table-l .fares-table-1s a, .res-matrix-wr-1 .fares-table-l .fares-table-2s a {
            font-size: 12px;
            font-weight: normal;
            height: 28px;
            padding: 3px 3px;
            color: #000;
        }

    .res-matrix-wr-1 .fares-table-al a {
        font-weight: normal;
        font-size: 12px;
        height: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        color: #000;
    }

    .res-matrix-wr-1 .fares-table-al a, .res-matrix-wr-1 .fares-table-ns a, .res-matrix-wr-1 .fares-table-1s a, .res-matrix-wr-1 .fares-table-2s a, .res-matrix-wr-1 .fares-table-r .fares-table-col span {
        display: block;
        text-align: center;
        font-size: 14.5px;
        padding: 3px 3px;
        border-top: 1px solid #4c4c4c;
        position: relative;
        color: #000;
        font-weight: 500;
    }

    .res-matrix-wr-1 .fares-table-r {
        /* padding-left: 119px; */
        width: calc(100% - 119px);
        width: -webkit-calc(100% - 119px);
        float: right;
        font-size: 0;
        border: 0;
    }

        .res-matrix-wr-1 .fares-table-r .item {
            display: inline-block;
            width: 16.7%;
        }

        .res-matrix-wr-1 .fares-table-r .fares-table-col {
            border-right: 1px solid #4c4c4c;
        }

    .res-matrix-wr-1 .fares-table-al img {
        width: 50px !important;
        max-height: 60px;
        margin: 0 auto;
    }

    .res-matrix-wr-1 .fares-table-al img {
        display: block;
    }

    .res-matrix-wr-1 .fares-table-l .fares-table-al a {
        height: 90px;
        line-height: 90px;
        font-size: 14px;
    }

    .res-matrix-wr-1 .fares-table-r .fares-table-col a:hover {
        background-color: #f7f2ed;
        cursor: pointer;
    }

@media only screen and (min-width: 486px) and (max-width: 585px) {
    .res-matrix-wr-1 .fares-table-r .item {
        width: 25%;
    }

    .res-matrix-wr-1 .fares-table-al img {
        width: 50px !important;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 200px) and (max-width: 485px) {
    .res-matrix-wr-1 .fares-table-r {
        width: calc(100% - 119px);
        width: -webkit-calc(100% - 65px);
        float: right;
        font-size: 0;
        border: 0;
    }
    .res-matrix-wr-1 .fares-table-l {
        width: 65px;
        float: left;
        border-right: 1px solid #4c4c4c;
    }

    .res-matrix-wr-1 .fares-table-r .item {
        width: 33.3333%;
    }

    .res-matrix-wr-1 .fares-table-al img {
        width: 50px !important;
        margin: 0 auto;
    }

    .res-matrix-wr-1 .fares-table-l .fares-table-al a {
        height: 65px;
        line-height: 55px;
        font-size: 14px;
    }

    .res-matrix-wr-1 .fares-table-al a {
        font-weight: normal;
        font-size: 12px;
        height: 65px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        color: #000;
    }
}
@media only screen and (min-width: 586px) and (max-width: 1200px) {
    .res-matrix-wr-1 .fares-table-r .item {
        width: 20%;
    }

    .res-matrix-wr-1 .fares-table-al img {
        width: 50px !important;
        margin: 0 auto;
    }
}