#dealer-search > #app > div > .wrapper,
#dealer-search > #app > div > .baidu-wrapper {
  font-size: calc(16px + 4 * ((100vw - 320px) / 2240));
}
#dealer-search > #app > div > .wrapper .left-column .dealer-list-wrapper,
#dealer-search > #app > div > .baidu-wrapper .left-column .dealer-list-wrapper,
#dealer-search > #app > div > .wrapper .left-column .customer-info,
#dealer-search > #app > div > .baidu-wrapper .left-column .customer-info {
  font-size: inherit;
}
#dealer-search > #app > div > .wrapper .left-column .dealer-list-wrapper .dealer-list-items,
#dealer-search > #app > div > .baidu-wrapper .left-column .dealer-list-wrapper .dealer-list-items {
  line-height: 20px;
}
#dealer-search > #app > div > .wrapper .left-column .dealer-list-wrapper .dealer-list-items .dealer-list-heading,
#dealer-search > #app > div > .baidu-wrapper .left-column .dealer-list-wrapper .dealer-list-items .dealer-list-heading {
  font-size: calc(28px + 12 * ((100vw - 320px) / 2240));
}
#dealer-search > #app > div > .wrapper .left-column .dealer-list-wrapper .dealer-list-items ul li,
#dealer-search > #app > div > .baidu-wrapper .left-column .dealer-list-wrapper .dealer-list-items ul li {
  font-size: 0.8em;
}
#dealer-search > #app > div > .wrapper #map,
#dealer-search > #app > div > .baidu-wrapper #map {
  width: 100% !important;
  height: 100% !important;
}
#dealer-search > #app > div > .wrapper #map .mapboxgl-canvas-container,
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-canvas-container {
  width: inherit;
  height: inherit;
}
#dealer-search > #app > div > .wrapper #map .mapboxgl-control-container,
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-control-container,
#dealer-search > #app > div > .wrapper #map .mapboxgl-ctrl-top-left,
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-ctrl-top-left,
#dealer-search > #app > div > .wrapper #map .mapboxgl-ctrl-top-right,
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-ctrl-top-right,
#dealer-search > #app > div > .wrapper #map .mapboxgl-ctrl-bottom-left,
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-ctrl-bottom-left,
#dealer-search > #app > div > .wrapper #map .mapboxgl-ctrl-bottom-right,
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-ctrl-bottom-right {
  z-index: 1500;
}
#dealer-search > #app > div > .wrapper #map .mapboxgl-ctrl-top-left,
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-ctrl-top-left,
#dealer-search > #app > div > .wrapper #map .search,
#dealer-search > #app > div > .baidu-wrapper #map .search {
  left: 50px;
  top: 5.5rem;
}
#dealer-search > #app > div > .wrapper #map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder--input,
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder--input,
#dealer-search > #app > div > .wrapper #map .search .mapboxgl-ctrl-geocoder--input,
#dealer-search > #app > div > .baidu-wrapper #map .search .mapboxgl-ctrl-geocoder--input,
#dealer-search > #app > div > .wrapper #map .mapboxgl-ctrl-top-left input[type="text"],
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-ctrl-top-left input[type="text"],
#dealer-search > #app > div > .wrapper #map .search input[type="text"],
#dealer-search > #app > div > .baidu-wrapper #map .search input[type="text"] {
  font-size: initial;
}
#dealer-search > #app > div > .wrapper #map .mapboxgl-ctrl-top-right,
#dealer-search > #app > div > .baidu-wrapper #map .mapboxgl-ctrl-top-right {
  top: 10rem;
}
#dealer-search > #app > div > .wrapper .dealer-map .filter,
#dealer-search > #app > div > .baidu-wrapper .dealer-map .filter {
  z-index: 1700;
  top: 5.5rem;
}
#dealer-search > #app > div > .wrapper .dealer-map .filter .filter-list ul li,
#dealer-search > #app > div > .baidu-wrapper .dealer-map .filter .filter-list ul li {
  font-size: 0.8em;
}
#dealer-search > #app > div > .wrapper .dealer-map .anchorTR,
#dealer-search > #app > div > .baidu-wrapper .dealer-map .anchorTR {
  z-index: 1500 !important;
  top: 10rem !important;
}
#dealer-search > #app > div > .wrapper .dealer-map .search,
#dealer-search > #app > div > .baidu-wrapper .dealer-map .search {
  left: 50px;
  top: 5.5rem;
  z-index: 1500;
}
#dealer-search > #app > div > .wrapper .dealer-map .search input[type="text"],
#dealer-search > #app > div > .baidu-wrapper .dealer-map .search input[type="text"] {
  font-size: initial;
}
@media only screen and (max-width: 1024px) {
  body {
    overflow-y: hidden;
  }
  body .main-header .main-header-nav,
  body .main-header .main-header-nav .main-header-logo,
  body .main-header .main-header-nav .main-header-logo img {
    height: 50px !important;
  }
  #dealer-search > #app > div > .wrapper .dealer-map #map .mapboxgl-control-container .mapboxgl-ctrl-top-left,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map #map .mapboxgl-control-container .mapboxgl-ctrl-top-left {
    top: 5.5rem;
    left: 0px;
    width: calc(100% - 90px);
  }
  #dealer-search > #app > div > .wrapper .dealer-map #map .mapboxgl-control-container .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map #map .mapboxgl-control-container .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder {
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    width: 100%;
  }
  #dealer-search > #app > div > .wrapper .dealer-map #map .mapboxgl-control-container .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder.fade,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map #map .mapboxgl-control-container .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder.fade {
    opacity: 0.5;
  }
  #dealer-search > #app > div > .wrapper .dealer-map #map .mapboxgl-control-container .mapboxgl-ctrl-top-right,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map #map .mapboxgl-control-container .mapboxgl-ctrl-top-right {
    top: 25rem;
  }
  #dealer-search > #app > div > .wrapper .dealer-map .anchorTR,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map .anchorTR {
    top: 25rem !important;
  }
  #dealer-search > #app > div > .wrapper .dealer-map .search,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map .search {
    top: 5.5rem;
    left: 0px;
    /*width: calc(100% - 90px);*/
  }
  #dealer-search > #app > div > .wrapper .dealer-map .search.fade,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map .search.fade {
    opacity: 0.5;
  }
  #dealer-search > #app > div > .wrapper .dealer-map .search .input[type="text"],
  #dealer-search > #app > div > .baidu-wrapper .dealer-map .search .input[type="text"] {
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    width: 100%;
  }
  #dealer-search > #app > div > .wrapper .dealer-map .filter,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map .filter {
    top: 5.5rem;
  }
  #dealer-search > #app > div > .wrapper .dealer-map .filter .filter-icon,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map .filter .filter-icon {
    right: 20px;
    margin: 20px 0 0 20px;
  }
  #dealer-search > #app > div > .wrapper .dealer-map .filter .filter-list,
  #dealer-search > #app > div > .baidu-wrapper .dealer-map .filter .filter-list {
    top: 60px;
  }
  #dealer-search > #app > div > .wrapper .dealer-list .dealer-list-wrapper .dealer-list-heading,
  #dealer-search > #app > div > .baidu-wrapper .dealer-list .dealer-list-wrapper .dealer-list-heading {
    pointer-events: all;
  }
  #dealer-search > #app > div > .wrapper .dealer-list .dealer-list-wrapper .dealer-list-items ul li:last-child,
  #dealer-search > #app > div > .baidu-wrapper .dealer-list .dealer-list-wrapper .dealer-list-items ul li:last-child {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  #dealer-search #app .wrapper .left-column .dealer-list-wrapper,
  #dealer-search #app .baidu-wrapper .left-column .dealer-list-wrapper {
    width: 350px;
  }
  #dealer-search #app .wrapper .left-column .dealer-list-wrapper .dealer-list-items,
  #dealer-search #app .baidu-wrapper .left-column .dealer-list-wrapper .dealer-list-items,
  #dealer-search #app .wrapper .left-column .dealer-list-wrapper .customer-info,
  #dealer-search #app .baidu-wrapper .left-column .dealer-list-wrapper .customer-info {
    margin-top: 10rem;
  }
  #dealer-search #app .wrapper .dealer-map .mapboxgl-control-container .mapboxgl-ctrl-top-left,
  #dealer-search #app .baidu-wrapper .dealer-map .mapboxgl-control-container .mapboxgl-ctrl-top-left,
  #dealer-search #app .wrapper .dealer-map .search,
  #dealer-search #app .baidu-wrapper .dealer-map .search {
    margin: 0;
  }
  #dealer-search #app .wrapper .dealer-map .filter,
  #dealer-search #app .baidu-wrapper .dealer-map .filter {
    top: 33px;
    left: 30px;
  }
  #dealer-search #app .wrapper .dealer-map .filter .filter-list,
  #dealer-search #app .baidu-wrapper .dealer-map .filter .filter-list {
    margin-right: 100px;
  }
  #dealer-search #app .wrapper .dealer-map .filter .filter-list .filter-list-items li,
  #dealer-search #app .baidu-wrapper .dealer-map .filter .filter-list .filter-list-items li {
    white-space: nowrap;
  }
  #dealer-search #app .wrapper .dealer-map .mapboxgl-map .mapboxgl-ctrl-geocoder,
  #dealer-search #app .baidu-wrapper .dealer-map .mapboxgl-map .mapboxgl-ctrl-geocoder {
    /*                    margin: 13px 0 0 0;*/
  }
}
/*Make filter list slide down because logo gets to close*/
@media only screen and (min-width: 1025px) and (max-width: 1300px) {
  .slide-enter {
    transform: translate(0, -100%);
  }
  .slide-leave-to {
    transform: translate(0, -100%);
  }
  #dealer-search #app .wrapper .dealer-map .filter,
  #dealer-search #app .baidu-wrapper .dealer-map .filter {
    left: 30px;
    /*.filter-icon {
                    margin-left: 250px;
                }*/
  }
  #dealer-search #app .wrapper .dealer-map .filter .filter-list,
  #dealer-search #app .baidu-wrapper .dealer-map .filter .filter-list {
    top: 5.5rem;
    position: relative;
  }
}