html, body {font-size: 15px; font-family: 'arial';}

body {max-width: 948px; margin: auto; display: block;}
header {    background-image: url(images/header.jpg); background-repeat: no-repeat;     height: 165px;}
header .logo {    margin-top: 20px; margin-bottom: 16px; margin-left: 50px;}
header p {    float: right; clear: none; width: 450px; color: #fff; font-size: 16px;     margin-top: 40px;}
h1 {
    font-size: 45px;
    color: #fdff00;
    font-weight: bolder;
    font-family: arial black,helvetica,sans-serif;
    line-height: 100%;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0;
}


h1 #swoosh{ /* 2021 */
    background: url(/images/swoosh.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 8px;
    background-size: contain;
}
h1 .small {font-size: 32px;}

h2 {font-size: 29px; color: #fff; font-weight: 300; border-bottom: 1px solid #ffe73c; max-width: 400px; padding-bottom: 20px;}
p {color: #fff;}
a {text-decoration: underline; color: #fff; font-style: 17px;}
.labelspan { color:#273949; } /* dcp 5/2019  */
.arrow {transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);width: 14px;
}
.region label {    font-size: 14px;
    text-align: left!important;
    white-space: nowrap;
}
.left {width: 50%; float: left;}
.right {width: 50%; float: right;}
.home  { margin-left: 65px; margin-top: 60px;}
.map-container {    position: relative; margin-top: 25px; margin-right: 53px; float: right; width: 75%; }
.map { z-index: 1; float: right; width: 100%;}
.blip {position: absolute; cursor: pointer; width: 8px; -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.blip:hover, .blip.active {width: 20px; margin-left: -5px; margin-top: -5px;}
.map-text {position: absolute; color: #1e2e3c; text-decoration: none;}
.map-text p {color: #1e2e3c; text-decoration: none; margin: 0; padding: 0; -webkit-transition: all .3s; font-weight: bold;
   
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}

.region-toggler { border: 1px solid #30465b; height: 20px; position: relative; margin-top: 10px; clear: both; background: url(/images/box.jpg); background-position: right; background-repeat: no-repeat;
        cursor: pointer;
}
.region-toggler.open {
    background: none;
}
.region-toggler label{ position: relative; float: none; margin: 0; padding: 0;
        padding-left: 5px;
            top: -1px;
}
.region-toggler img {width: 10px;
   transform: rotate(90deg);
    margin-left: 7px;
        top: -1px;
}

.region-toggler.open img {
   transform: rotate(180deg);
}
.region-toggle {    width: 250px; display: none; border: 1px solid #30465b; padding-bottom: 24px; position: relative; top: -1px;}
.popup.region {    margin-left: 0;
    width: 100%;}
.map-text.active p {font-weight: bold;border-bottom: 2px solid #1e2e3c;}
#decorah {    left: 55.25%; top: 66%;}
#decorah-text {     left: 58.5%; top: 66%;}

#dubuque {    left: 64.5%;top: 75%;}
#dubuque-text{    left: 54%;top: 78%;}

#eau-claire {left: 58%; top: 50%;}
#eau-claire-text {    left: 61%;top: 53%;}

#la-crosse {    left: 60.5%; top: 60.5%;}
#la-crosse-text {      left: 63.5%; top: 58.5%;}

#mankato {      left: 33.25%;top: 57%;}
#mankato-text {     left: 14.75%;  top: 55%;}

#mason-city {     left: 41.5%;top: 68%;}
#mason-city-text {     left: 18.5%;  top: 67%;}

#minneapolis { left: 39%;  top: 48%;}
#minneapolis-text {     left: 13%; top: 47%;}

#rochester {    left: 48%; top: 58%;}
#rochester-text {   left: 31%; top: 61%;}

#st-paul { left: 41.3%; top: 49%;}
#st-paul-text {     left: 45%;   top: 46.5%;}

#waterloo {   left: 49.25%; top: 78%;}
#waterloo-text {       left: 32.5%; top: 74%;}

.nav li ul {z-index: 2222;}
.nav ul {display: block; width: 100%; background: #fff; padding: 0; margin: 0; height: 42px; z-index: 11;}
.nav li {display: inline; padding: 5px;}
.nav ul li a {color: #273949; text-decoration: none; font-weight: bold;}
.nav ul li {margin-left: 50px; margin-right: 6px;     position: relative; top: 10px; position: relative;}
.nav ul li ul {    display: none; position: absolute; top: 22px; left: 0;  }
.nav ul li ul li {background: #fff; padding-left: 10px; margin-left: 0;     clear: both; display: block; width: 200px;
    box-shadow: 5px 5px 13px rgba(0,0,0,.5);}
.nav ul li:hover {background: #273949;}
.nav ul li:hover a {color: #fff;}
.nav ul li:hover ul li a {color: #273949;}
.nav ul li ul li:hover ul li a {color: #273949;}
.nav ul li ul li:hover a {color: #fff;}
.nav ul li ul li ul li:hover a {color: #fff;}
.nav ul li.has-children:after {    content: ""; position: absolute; width: 8px; height: 8px; background: url(images/nav-tri.png); background-repeat: no-repeat; top: 10px;}
.nav ul li ul li.has-children:after {margin-left: 10px;}
.has-children:hover:after {display: none;}
.nav-footer {    padding-top: 20px;}
.nav-footer img {float: left;     margin-left: 50px; margin-right: 3%;}
.nav-footer ul {display: block; width: 50%; background: #fff; padding: 0; margin: 0; height: 42px; z-index: 11; float: right; margin-right: 50px;}
.nav-footer li {display: inline; padding: 5px;}
.nav-footer ul li a {color: #696969; text-decoration: none; font-weight: bold; font-size: 12px;}
.nav-footer ul li {    margin-left: 15px; margin-right: 6px;     position: relative; top: 10px; position: relative; float: right;}
.nav-footer ul li ul {    display: none; position: absolute; top: 22px; left: 0;  }
.nav-footer ul li ul li {background: #fff; padding-left: 10px; margin-left: 0;     clear: both; display: block; width: 200px;}
.nav-footer ul li ul li ul {    display: none!important; position: absolute; top: 17px; left: 0;  }
.nav-footer ul li:hover ul {display: block;}
.nav-footer ul li ul li:hover ul {display: block!important; left: 200px; top: -25px;}
.nav-footer ul li:hover {background: #696969;}
.nav-footer ul li:hover a {color: #fff;}
.nav-footer ul li:hover ul li a {color: #696969;}
.nav-footer ul li ul li:hover ul li a {color: #696969;}
.nav-footer ul li ul li:hover a {color: #fff;}
.nav-footer ul li ul li ul li:hover a {color: #fff;}

.pagination { clear: both;   margin: auto; display: block; width: 100%; text-align: center; margin-top: 20px; margin-bottom: 20px;}
.pagination a {color: #273949; text-decoration: none; font-weight: bold; font-size: 16px; margin: 5px;}

#listing {width: 100%;}
.list-item {width: 100%; clear: both; float: left;}
.list-item p {float: left; color: #000;} 
.list-item .details {width: 50%; float: left; padding-left: 10px;}
.list-item .cssprice {width: 100px; float: left;}
.list-item .dealname {width: 160px; float: left;}
.list-item img {float: right;}
#searchlist header .nav {    border-bottom: 1px solid #273949;
    margin-bottom: 10px;     position: relative;
    z-index: 9999;}
.matches {color: #30465b;     font-size: 18px;  text-align: center; font-weight: bold; font-style: italic; margin-bottom: 0;     float: left;
    margin-top: 20px;}
.use-filter {color: #273949; font-size: 15px; text-align: center; font-weight: bold; margin-top: 25px;}
.clearfix {display: block; margin: auto; width: 100%; clear: both;}
.home-container {    background-image: url(images/home.jpg); background-repeat: no-repeat; min-height: 529px; width: 100%;}
.search-container {     
    background-image: url(images/search-bg.jpg);
    background-repeat: no-repeat;
    min-height: 997px;
    background-size: 100% 100%;
    width: 100%;}
.car-triangle {    padding-top: 6px; padding-bottom: 35px;}
.car-search-container {    max-width: 798px; width: 100%;margin: auto; display: block;     }
.car-search {     
    margin-right: 50px;
    border-radius: 10px;
    float: left;
    clear: none;
    padding-top: 28px;
    width: 46%;}
.search-container * {
/*	-webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;*/
}
.container {clear: both;}
.dealer {    border-bottom: 1px solid #273949; height: auto; float: left; margin-bottom: 20px;}
.dealer-logo {border-right: 1px solid #273949; 
    width: 100%; margin-top: 15px; margin-bottom: 15px; float: left;}
.dealer div {width: 30%; float: left;     margin-left: 3%;}
.dealer p {float: left; margin-left: 15px}
.dealer .address { position: relative;   font-size: 20px; color: #30465b; text-transform: uppercase; font-weight: bolder; 
    margin-left: 45px; margin-bottom: 0;}
.dealer .address-link  a {
    font-size: 15px;
    text-decoration: underline!important;
    color: #30465b; font-weight: bolder;
}
.dealer .phone-link  a {
    font-size: 15px;
    text-decoration: underline;
    color: #30465b; font-weight: bolder;
}
.address-link {margin-left: 45px!important; margin-top: 0;}
.phone-link {margin-left: 45px!important; margin-top: 0;}
.dealer .address:before {content: "";
    position: absolute;
    width: 20px;
    height: 37px;
    background-image: url(images/address.png);
    background-repeat: no-repeat;
    left: -22px;
    top: 0;}
.dealer .phone:before {content: "";
    position: absolute;
    width: 20px;
    height: 37px;
    background-image: url(images/phone.png);
    background-repeat: no-repeat;
    left: -22px;
    top: 0;}
    .dealer .phone a {color:#30465b; }
.dealer .phone {margin-bottom: 0; position: relative; font-size: 20px; color: #30465b; text-transform: uppercase; font-weight: bolder;}
.car-search .head {   
    width: 100%;
    background: #fff;
    padding-top: 28px;
    margin-bottom: -20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;}
.car-search .title {background: #497398; border-bottom-right-radius: 10px;  border-bottom-left-radius: 10px; clear: both;width: 100%;}
.popup {    display: none;  z-index: 1111; position: relative; width: 143px; background: #fff; color: #273949; font-size: 16px; margin-left: 8px; top: 10px;}
.popup input[type='submit']{   color: #fff; border: 0; font-weight: bold; cursor: pointer; background-color: #273949;
padding: 8.25px 15px; float: left; position: relative; text-align: left; font-size: 15px;}
    .cancel {    color: #fff; border: 0; font-weight: bold; cursor: pointer; background-color: #700; padding: 6px 15px;; float: left; position: relative; text-align: left; font-size: 15px; margin-bottom: 0; margin-top: 0;}
.popup input[type="text"] {     
	border: 1px solid #30465b; width: 50px; margin-left: 2px; margin-top: 3px; float: right; margin-right: 15px;
}
.popup.price input[type="text"] {     
    margin-right: 25px;
}
.popup label input[type="checkbox"], .popup label input[type="radio"] {float: left;}
.popup .label-right { white-space:nowrap!important;   float: left; min-width: 100px; text-align: left; }
.popup .form-group {    width: 100%;   clear: both;}
.form-group select {width: 100%;}
.popup.open {display: block;}
.form-group {margin: auto; display: block; text-align: right; margin-right: 17px;}
.form-group-zip {float: right;}
.form-group-zip label {color: #30465b; font-weight: bold;     margin-right: 5px;}
.form-group-submit {    margin-right: 0px; margin-top: 5px; width: 100%; clear: both;}
.popup.newused {     width: 60px; margin: auto;   } 
.popup.ffdrive {     width: 100px; margin: auto;   } 
.popup.fftrans    {width: 100px;  margin: auto;}
.popup.hide-results {width: 212px;}
.hide-results input {float: left;}
.hide-results {     float: left;}
.popup .hide-results label { white-space: nowrap;     text-transform: initial!important;}
.hide-results .form-group {clear: both;}

.popup-label {    z-index: 5555;
position: relative;   color: #fff; text-align: center; width: 100%; margin: auto; display: block; font-size: 14px; text-transform: capitalize; font-weight: bold; background: #273949; height: 23px; border-radius: 10px;}
.popup label {text-transform: capitalize!important;}
.popup-label img {width: 10px;transform: rotate(90deg);margin-left: 5px;}
.open.popup-label img {
    transform: rotate(180deg);
}
.popup-label-first {clear: both;}
.popup-label-container  {     position: relative; width: 151px; color: #fff; line-height: 150%; float: left; margin-right: 5px;}
.car-search.open {width: 100%;}
.car-search.open .car-triangle {opacity: 0;}
.car-search.open .title {background: #273949;    border-bottom-right-radius: 0;  border-bottom-left-radius: 0; border-top-right-radius: 10px; height: 60px; }
.car-search .body {display: none;     padding: 16px 25px; background: #fff;}
.car-search.open .body {display: block;     
-webkit-column-count: 3; /* Chrome, Safari, Opera */
    column-count: 3;
-moz-column-count: 2; /* Firefox */
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;     width: calc(100% - 50px);}
.body.body-model a { float: left; text-align: left; clear: both;}
.car-search.open .body:not(.body-model) .form-group {    float: left; clear: both;}
.body.body-model label {text-align: left;}
label {color: #273949; /*text-transform: capitalize;*/ font-size: 16px; cursor: pointer; float: left;}
.car-search.open .body .form-group label:first-letter { text-transform: uppercase!important; }
.body.make .form-group.model {display: none;}
.body input[type="checkbox"]{  background-color: rgba(39, 57, 73, .75); border-radius: 10px; border: 1px solid #273949; padding: 1px; display: none; position: relative; float: left; outline: none; cursor: pointer;}
.body .form-group label{ 
    display: list-item; list-style-type: disc; list-style-position: inside; float: left;
}
.narrow-search {        margin-top: 95px;   cursor: pointer;
position: relative;   background: #34546d; float: right; color: #fdfe02; font-weight: bold; padding: 12px 19px;  margin-bottom: 10px;}
   
.line {
    border-bottom: 1px solid #34526c;
    position: relative;
    top: -1px;
    width: 100%;
    height: 1px;
    clear: both;
}
div.break {clear: both; width: 100%; margin-bottom: 20px;}
.form-group a {text-align: left!important;}
#listing {width: 100%;  }
.car-search.last {margin-right: 0;}
.car-search.car-search-right {margin-right: 0;}
.car-search img {margin: auto; display: block;}

.car-search div p {text-align: center;     margin-bottom: -1px; font-size: 20px;}
.car-search div {float: left; clear: none;}
.car-search div p.by {    margin-top: 0; font-size: 18px; padding-bottom: 10px;}
.car-search .title .main{       
    text-align: center;
    float: none;}
.car-search .title .by {font-style: normal; font-weight: 400; font-size: 18px!important; text-transform: lowercase;}
.car-search .title .main p:first-child{   margin-top: 10px;}
.car-search .title .model{display: none; margin-left: 55px;}
.car-search .title .go-back{display: none; float: right; width: 125px; cursor: pointer;}
.car-search .title .go-back img {float: left; width: 15px; transform: rotate(-90deg);     margin-top: 4px;}
.car-search.open .title .go-back{display: block;}

.car-search .title .go-back-model{display: none; float: right; width: 125px; cursor: pointer;}
.car-search .title .go-back-model img {float: left; width: 15px; transform: rotate(-90deg);     margin-top: 4px;}
.car-search.open .title .go-back-model{display: block;}

.car-search.open .title .model{display: block; position: relative;}
.car-search .title .model::before{    content: " "; position: absolute; left: -35px; top: 10px; width: 5px; border-left: 4px solid #ffe73c; height: 43px;
    transform: rotate(15deg);}
.car-search.open .title .model p{margin-top: 0;}
.car-search.open .title .model p.display {margin-top: 10px;}

.car-search.open .title .go-back{display: block;}
.other-search {max-width: 160px; width: 160px; height: 150px; position: relative; margin-right: 50px;  border-radius: 10px; float: left; clear: none; padding-top: 28px; margin-top: 44px;}
.other-search.last {margin-right: 0;}
.other-search img {margin: auto; display: block;}
.other-search div.title {background: #497398; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; position: absolute; left: 0; bottom: -1px; width: 100%; height: 73px;}
.other-search div p {text-align: center;      padding-top: 15px;   margin-bottom: -1px; font-size: 20px;}
.other-search div p:first-child {    }
.other-search div.head {    background: #fff; height: 76px; padding-top: 20px; border-top-right-radius: 10px; border-top-left-radius: 10px;
        width: 160px;}
.other-search .title .go-back{display: none;}
.other-search.open .title .go-back{ display: block; float: right; width: 125px; cursor: pointer; position: absolute; right: 100px; top: -7px;}
.other-search .title .go-back p {width: 130px; }
.other-search .title .go-back img{ float: left; width: 15px; transform: rotate(-90deg); margin-top: 4px; margin-right: 10px;
}
.hr-line {    padding-top: 20px; clear: both; border-bottom: 1px solid #273949; margin-bottom: 20px; }
.other-search div.title { position: relative; clear: none; margin-top: -22px;}
.other-search .form-group { float: left !important;  clear: both;}
.other-search div.body {display: none;}
.other-search.open div.body {      float: left;  width: calc(100% - 50px); display: block; padding: 16px 25px; background: #fff;    
   -webkit-column-count: 3; /* Chrome, Safari, Opera */
    column-count: 3;
-moz-column-count: 2; /* Firefox */
    border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.other-search.open div p { text-align: left; padding-top: 8px; padding-left: 25px;}
.other-search.open div.title {    background: #273949; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; height: 60px;}
.other-search.open {    max-width: none; width: 100%; height: auto;}
.search.close {display: none;}
.sort-by { text-align: center; text-align-last: center; color: #30465b; font-weight: bold; width: auto; border: 1px solid #497398; border-radius: 10px; padding: 5px;     font-size: 16px!important
    ;}
.step {font-size: 16px; font-style: italic; text-align: center; font-weight: bold;     margin: 0; padding: 0; padding-top: 20px;}
.step span {color: #ffe73c;}
.step1 {   text-align: left;  max-width: 430px; position: relative;}
.search:not(.open){cursor: pointer;}
.banners {background: #1e2e3c; border-top: 1px solid #ffe73c;}
.banners p {font-style: italic;}
.banners p, .banners h3 {text-align: center; color: #fff;} 
.banner-container {margin: auto; display: block;     margin: 0 6%; padding-bottom: 20px;}
.banner-container img {    padding: 3px;margin: 0;}
.copyright {    border-top: 1px solid #e0dfdf; clear: both; color: #696969; text-align: center; padding-top: 15px; font-size: 12px;} 
.menu-toggle {display: none;    position: absolute; top: 22px; right: 20px; width: 40px; height: 40px; z-index: 2222;}
.menu-toggle span {    width: 25px; height: 5px; border-radius: 10px; background: #feff00; float: left; clear: both; margin-bottom: 3px;}
@media screen and  (min-width: 768px) and (max-width: 970px) {
    .nav ul li {margin-left: 5px;}
    .headline {display: none;}
}
@media screen and  (min-width: 768px) and (max-width: 875px) {
    .popup-label-first {margin-left: 1%;} 
    .hide-results {margin-left: 1%;}
}
@media screen and  (min-width: 768px){
    .nav ul li:hover ul {display: block;}
    .nav ul li ul li:hover ul {display: block!important; left: 200px; top: -25px;}
    .nav ul li ul li ul {    display: none!important; position: absolute; top: 17px; left: 0;  }
     .popup-fitler {display: none;}
     .city-select {display: none;}

}
@media screen and  (min-width: 768px) and (max-width: 850px){
.car-search,.other-search { margin-right: 25px; }
}

@media screen and  (min-width: 768px) and (max-width: 950px){
.popup-breakpoint {       margin-left: 10px; float: left;    clear: both; margin-top: 20px;}
.popup-breakpoint-after {     margin-top: 20px;}
}

@media screen and  (max-width: 767px){
    .list-item .details {
    padding-left: 0;
    width: 100%!important;
}
 .state-map {display: none;}
 h1 {text-align: center; width:100%;} /* dp 21 */

.region-toggler img { width: 10px; transform: rotate(90deg); margin-left: 7px; position: absolute; right: 5px; top: 5px;}
.narrow-search { margin: auto; margin-top: 25px; float: none; margin-bottom: 10px; display: block; text-align: center; }
.matches {text-align: center!important; width: 100%!important;margin-bottom: 10px!important; }
.popup.region { left: 0!important; width: 100%; } .popup.price { width: 150px; margin: auto; } 
.popup.years { width: 150px; margin: auto;} 
/*body {overflow-x: hidden;} */
.list-item img { float: left; width: calc(100% - 40px); height: auto; margin: 20px;}
.list-item p { color: #000; width: 100%!important; text-align: center; margin: 0; font-size: 16px; margin-top: 3px;}
#listing .list-item:nth-child(odd) {background: #eeeeee!important;}
.sort-by { width: 255px; height: 30px; margin: auto; display: block; margin-bottom: 20px;     background: none; }
.form-group-zip { float: none; margin: auto; display: block; width: 100%; text-align: center;     margin-bottom: 20px;} 
.form-group-zip label{ text-align: center; width: 100%; }
.form-group-zip input { width: 240px; height: 30px; border: 1px solid #273848; margin-top: 5px; color: #273848; font-weight: bold; padding-left: 10px; font-size: 12px;}
.body.body-model a { width: 50%; float: left; text-align: left;}
    .other-search .form-group { width: 100% !important; float: left !important; clear: both;}
    .address-link { margin-left: 45px!important; margin-top: 0; clear: both;}
    .dealer .phone {   margin-left: 45px;   margin-bottom: 20px;}
    .dealer div {width: 100%; float: left;  clear: both;  margin: 0; }
    .dealer div .dealer-logo {max-width: 400px; margin: auto; display: block; border: 0; float: none;}
    .arrow {display: none;}
    .popup {  left: -10px;}
    .popup-label-container.open {  margin-bottom: 132px;  display: block;}
    .popup.ffdrive {height: 114px;} 
    .menu-toggle {display: block;}
    header {   height: 68px;}
    header .logo {    margin-top: 6px;margin-left: 20px; height: 57px;}
    .headline {display: none;}
    header .nav {display: none;}
    .nav ul li a { width: 100%; display: block;}
    .nav ul li.open { background: #273949;}
     .nav ul li.open > a {color: #fff!important;   padding-bottom: 10px;}
    .nav ul li { top: 0; position: relative; width: 100%; clear: both; float: left; margin: auto; background: #fff;    border-bottom: 1px solid;}
    .nav ul li ul { display: none; position: relative; top: 0; width: 100%; left: 0;}
    .nav ul li ul li { background: #fff; padding-left: 10px; margin-left: 0; clear: both; display: block; width: 100%;}
    .nav ul li ul li ul { display: none; position: relative; top: 0; left: 0; width: 100%;}
    .container.home-container .right {display: none;}
    .container.home-container {clear: both;}
    .container.home-container .left {width: 100%;}
    h1ok {     text-align:center; }
    h2 {border-bottom: 0;}
    .nav-footer img { float: none; margin-left: 0; margin-right: 0; clear: both; display: block; margin: auto; position: relative;
    top: 10px;}
    .nav-footer ul {display: none;}
    .copyright { border-top: 0; padding-top: 0;}
    .home { margin-left: 25px; margin-top: 30px;}
    .car-search { margin-right: 25px;     clear: both;
    margin: auto!important;
    display: block;
    float: none;
    width: 231px; }
.other-search { margin-right: 25px; }
.car-search-container {width: 100%;     padding-bottom: 60px;}
.car-search.open .body { padding-top: 20px; width: 100%; display: block;    
       -webkit-column-count: 1; /* Chrome, Safari, Opera */
    column-count: 1;
     border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 0;     padding-bottom: 20px;}
.car-search.open .body .form-group { width: 94%; text-align: left; margin-left: 10px;}

.other-search { margin-right: 25px; margin: auto!important; clear: both; display: block; float: none;}
.other-search.open .body {  padding-top: 20px; width: 100%; display: block!important;     -webkit-column-count: 2!important; /* Chrome, Safari, Opera */
 column-count: 2!important; border-bottom-right-radius: 10px!important; border-bottom-left-radius: 10px!important;  padding-bottom: 20px;}
.other-search.open .body .form-group { width: 94%; text-align: left; margin-left: 10px;}
#search-page {background: #304c64;}
.banner-container {  width: 335px; display: block; margin: auto;}
.banner-container a img {float: left;}
.banner-container a:nth-child(odd) img {clear: both;}
.banners { background: #1e2e3c; border-top: 1px solid #ffe73c; height: auto; float: left; width: 100%;}
.popup-label-container {      display: block; clear: both; position: relative; float: none; margin: auto; width: 255px; margin-top: 4px; clear: both; margin-top: 35px;}
.popup-label img { width: 17px; margin-left: 5px; position: absolute; right: 45px; top: 5px;}
.popup {   z-index: 1; position: relative; top: 5px;}
.popup-fitler { position: relative; width: 121px; color: #fff; background: #273949; height: 23px; border-radius: 10px; line-height: 150%; border: 1px solid #497398; margin-right: 5px; font-size: 14px; font-weight: bold; margin: auto; display: block; float: none; text-align: center;}
.popup-fitler img {   transform: rotate(-90deg); margin-left: 5px; }
.popup-fitler.open img {   transform: rotate(0deg); }
/*#filters {display: none;}*/
.copyright {color: #fff;}
.city-select {      background-image: url(images/city-select.png); background-position: right; background-repeat: no-repeat;   width: 280px; border: 0;  height: 38px; border-radius: 13px; color: #1d2e3d; font-weight: bold; padding-left: 75px; margin-top: 15px;}
.search-container {background: url(findcars_search_mobile_background.jpg);     }
a {    text-decoration: none!important;}
.hide-results { display: block; padding-bottom: 30px; width: 270px; margin: auto; margin-top: 20px; float: none;}
.hide-results input {float: right;width: 25px;height: 25px;-webkit-appearance: none;border: 1px solid #273848;position: relative;top: -10px;margin-left: 10px;
}
.hide-results input:before {    display: none;
    content: "X";
    position: absolute;
    left: 5px;
    top: -1px;
    color: #fff;
    font-size: 21px;
    font-weight: bold;}
.hide-results input:checked  {  background-color: #273848;}
.hide-results input:checked:before  {display: block; }
.has-children:after {display: none;}
}


@media screen and  (max-width: 550px){
    .car-search.open .title .main {   display: none;}
}
@media screen and  (max-width: 500px){
    .car-search.open .body, .other-search.open .body { }
}