#branches {
    background-color: #ededed;
    padding: 4rem 0 3rem 0;
}

    #branches h1 {
        text-align: center;
    }  

    #branches .branch {
        background-color: #ffffff;
        margin-bottom: 1rem;
        padding: 1.5rem 1rem;
    }

        #branches .branch a {
            color: #e42019;
            text-decoration: none;
        }

        #branches .branch .branch-box {
            border-bottom: 1px solid #949494;
            margin-bottom: 1rem;
            position: relative;
            display: flex;
            align-items: center;
        }

            #branches .branch .branch-box.departments {
                min-height: 137px;
            }

            #branches .branch .branch-box.branch-box-first {
                padding-top: 0;         
                justify-content: center;
            }

            #branches .branch .branch-box.branch-box-before-last {
                border-bottom: none;
            }

            #branches .branch .branch-box.branch-box-last {
                align-items: center;
                border-bottom: none;
                display: flex;
                height: 100%;
                margin-bottom: 0;
                padding-bottom: 0;
                padding-top: 0;
                justify-content: center;
            }

                #branches .branch .branch-box.branch-box-last:after {
                    display: none;
                }

        #branches .branch .branch-title {
            font-size: 1rem;
            font-weight: bold;
            margin-bottom: 1rem;
        }

        #branches .branch .branch-logo {
            margin-bottom: 1rem;
            text-align: right;
        }

            #branches .branch .branch-logo img {
                object-fit: cover;
                height: 120px;
                width: 230px;
            }

        #branches .branch .btn {
            width: 100%;
        }
            #branches .branch .btn.btn-outline {
                border-color: rgb(76, 79, 83) !important;
            }

        #branches .branch .department-types-container {
            margin-bottom: 1rem;
        }

        #branches .branch .car-brand-container {
            padding-left: 0;
        }

            #branches .branch .car-brand-container .car-brand-logo {
                max-width: 60px;
            }

.no-branches-found h5 {
    color: black;
    font-weight: 600;
    font-size: 1.7rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    user-select: none;
}

#branches .branch .branch-logo {
    margin-bottom: 0;
    text-align: left;
}




@media (min-width: 1400px) {
    #branches .branch .branch-box {
        border-bottom: none;
        height: 100%;
    }

        #branches .branch .branch-box:after {
            background-color: #949494;
            content: "";
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 1px;
        }
}

@media (max-width: 1399px) {
    #branches .branch .branch-logo img {
        height: 210px;
        width: 500px;
    }

    #branches .branch .branch-box.branch-box-first {
        padding-left: 0;
    }

    #branches .branch .car-brand-container .car-brand-logo {
        max-width: 87px;
        margin-bottom: 1rem;
    }
}

@media (max-width: 1399px) and (min-width: 768px) {
    .branch .col-xxl-10 {
        min-height: 360px;
    }
}

@media (max-width: 991px) {
    #branches .branch .car-brand-container .car-brand-logo {
        max-width: 79px;
        margin-bottom: 1rem;
    }
}


.main-title {
    font-size: 2.8rem;
    font-weight: bold;
    text-transform: uppercase;
}