.autos .showall,
.models .showall,
.types .showall {
    padding-top: 10px;
}

/*.list .titles {
    border-bottom: 2px solid #FFF;
}*/

.list .titles span {
    padding: 7px 5px;
    text-transform: uppercase;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.list a.hidden {
    display: none;
}

.list i,
.breadcrumb i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #008adb;
    color: #FFF;
    border-radius: 10px;
    text-align: center;
    margin: 2px 5px 5px 0;
    cursor: pointer;
    font-family: serif;
    line-height: 21px;
    font-weight: bold;
}

/*.list a {
    padding: 5px;
    display: block;
    border-bottom: 1px solid #d1d1d1;
}*/

.popuplist {
    background-color: #FFF;
    box-sizing: border-box;
    padding: 10px;
}

.popuplist h3.bluetitle {
    background-color: #0084d9;
    color: #FFF;
    margin: 0 0 2px 0;
    padding: 10px 50px 10px 10px;
    line-height: 20px;
}

.popuplist .parttitles { display: none; }

.list a:hover {
    background-color: #EFEFEF !important;
    color: #008adb;
}

.list a:nth-child(2n) {
    background-color: #f8f8f8;
}

.list a span {
    padding-left: 5px;
}

.list a var {
    display: none;
    font-weight: normal;
    font-style: normal;
}

/* NEW GRID POP UP PARTS */

.grid-title,
.grid-info,
.grid-types,
.grid-types-info {
    padding: 10px;
    border-top: 1px solid #ccc;
/*  text-transform: uppercase;*/
}

.grid-info:last-child {
    border-bottom: 1px solid #ccc;
}

.grid-title,
.grid-info
.grid-types,
.grid-types-info > div { text-align: left; }

/* MOBILE */
@media all and (max-width: 800px) {

    .popuplist { width: 100%; }

    .grid-title,
    .grid-info,
    .grid-types,
    .grid-types-info,
    .grid-types-info > div:nth-child(1),
    .grid-types > div:nth-child(1),
    .grid-title > div:nth-child(1),
    .grid-info > div:nth-child(1) { display: block; }

    .grid-types-info > div,
    .grid-types > div,
    .grid-title > div,
    .grid-info > div { display: none; }
}

/* DESKTOP */
@media all and (min-width: 801px){

    .popuplist {
        max-width: 1200px;
        min-width: 800px
    }

    .grid-title,
    .grid-info,
    .grid-types,
    .grid-types-info {
        display: grid;
        grid-gap: 10px;
        align-items: baseline;
    }

    .grid-title { grid-template-columns: auto 90px 30px 30px 30px 90px 70px 70px;}

    .grid-info { grid-template-columns: auto 90px 30px 30px 30px 90px 70px 75px;}

    .grid-types { grid-template-columns: auto 100px 50px 50px 50px 75px 75px 125px; }

    .grid-types-info { grid-template-columns: auto 100px 50px 50px 50px 75px 75px 125px; }
}

/* END NEW */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    /*.list a {
        padding: 8px 5px;
    }*/

    /*.list i,*/
    .breadcrumb i {
        margin: 2px 15px 2px 5px;
    }
}