#vehicle-comparison-modal{
    color: #333333;
}

#vehicle-comparison-modal .modal-dialog {
    width: 80%;
}

#vehicle-comparison-modal .modal-content{
    border-radius: 0;
}

#vehicle-comparison-modal .modal-body{
    padding: 15px 40px;
}

#vehicle-comparison-modal .modal-body .row {
    padding: 5px;
}

#vehicle-comparison-modal .vcm-image{
    width: 100%;
}

#vehicle-comparison-modal .vcm-list-row div{
    font-size: 12px;
}

#vcm-condition, #vcm-year, #vcm-model, #vcm-mileage, #vcm-drivetrain, #vcm-color, #vcm-vin{
    background-color: #eeeeee;
}

#vcm-images img {
    width: 100%;
}

.pointer {
    cursor: pointer;
}

#vcm-close {
    background-color: transparent;
    border: 0;
}

.vcm-headings {
    top: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.vcm-list-row {
    bottom: 10px;
    text-transform: capitalize;
}

#vehicle-comparison-modal .col-xs-10.title {width: 78% !important; }
#vehicle-comparison-modal .col-xs-3 {text-align: end; word-break: break-all; }
#vehicle-comparison-modal .modal-dialog {width: 95%!important; max-width: 1536px!important; margin-inline: auto;}
#vehicle-comparison-modal .col-xs-12.text-center.vcm-list-row {display: flex; gap: 15px; justify-content: space-around; }
.vcm-headings {width: 100% !important; font-weight: 700 !important;}

@media only screen and (max-width: 1200px) {
    #vehicle-comparison-modal .col-xs-1.vcm-headings {margin-bottom: 22px !important; }
}

@media only screen and (max-width: 767px) {
    #vehicle-comparison-modal .modal-body {padding: 15px!important;}
    #vehicle-comparison-modal .pull-left, #vehicle-comparison-modal .pull-right{ float: unset !important; display: block!important; margin-inline: auto!important; text-align: center!important; }
}