.table-list {
    width: 100%;
    border: 1px solid var(--border);
    /*max-width: 850px !important;*/
}

    .table-list thead {
        -webkit-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.25);
    }

        .table-list thead tr {
            background: var(--primary-second);
        }

            .table-list thead tr th {
                text-align: center;
                padding: 20px 25px;
                color: var(--white);
                font-weight: 500;
                font-size: 16px;
                text-transform: capitalize;
                border-right: 1px solid #dcdcdc;
            }

                .table-list thead tr th:first-child {
                    border-radius: 3px 0px 0px 3px;
                }

                .table-list thead tr th:last-child {
                    border-right: none;
                    border-radius: 0px 3px 3px 0px;
                }

    .table-list tbody tr {
        border-bottom: 1px solid var(--border);
    }

        .table-list tbody tr td {
            text-align: center;
            padding: 15px 7px;
            border-right: 1px solid var(--border);
        }

            .table-list tbody tr td:last-child {
                border-right: none;
            }

.table-product img {
    width: 100px;
    border-radius: 3px;
}

.table-name h5 {
    text-transform: capitalize;
}

    .table-name h5 a {
        color: var(--heading);
    }

        .table-name h5 a:hover {
            color: var(--primary);
        }

.table-price h5 {
    font-family: sans-serif;
    font-weight: 700;
}

.table-type h5 {
    text-transform: capitalize;
}

.table-desc p {
    width: 150px;
    margin: 0 auto;
    text-align: left;
    color: var(--heading);
}

    .table-desc p a {
        font-size: 14px;
        font-weight: 500;
    }

        .table-desc p a:hover {
            text-decoration: underline;
        }
.table-name a {
    color: var(--heading);
}

.table-status h5 {
    text-transform: capitalize;
}

.table-action {
    text-align: center;
}

    .table-action a i {
        width: 35px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        text-align: center;
        border-radius: 5px;
        margin: 3px;
        color: var(--primary);
        background: var(--light-white);
        text-shadow: var(--primary-tshadow);
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

        .table-action a i:hover {
            color: var(--white);
            background: var(--primary);
        }

.sale {
    background: var(--sale);
}

.rent {
    background: var(--rent);
}

.booking {
    background: var(--booking);
}

.flat-badge {
    color: var(--white);
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.3px;
    text-transform: capitalize;
}

/*.cross-badge {
    width: 25px;
    height: 35px;
    font-size: 14px;
    line-height: 30px;
    color: var(--white);
    text-align: center;
    background: var(--primary);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-clip-path: polygon(0 0, 53% 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
    clip-path: polygon(0 0, 53% 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
}*/

.single-banner {
    background: url(../../images/bg/01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
    position: relative;
    z-index: 1;
}

    .single-banner::before {
        position: absolute;
        content: "";
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 53, 138, 0.65)), to(rgba(5, 44, 112, 0.65)));
        background: linear-gradient(rgba(4, 53, 138, 0.65), rgba(5, 44, 112, 0.65));
        z-index: -1;
    }

.single-content {
    text-align: center;
}

    .single-content h2 {
        color: var(--white);
        text-transform: uppercase;
        margin-bottom: 13px;
    }

    .single-content .breadcrumb {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

@media (max-width: 767px) {
    .single-banner {
        padding: 70px 0px;
    }
}

.compare-part {
    padding: 0px 0px 100px;
}

    .compare-part .container {
        padding: 0px;
        max-width: 100%;
        overflow-x: hidden;
    }

@media (max-width: 991px) {
    .compare-list {
        overflow-x: scroll;
    }

    .table-list {
        /*width: 900px;*/
        display: list-item;
    }
}

@media (max-width: 767px) {
    .compare-part {
        padding: 0px 0px 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .compare-part {
        padding: 0px 0px 80px;
    }
}