.new-arrivals .car-box {
  width: 100%;
  min-height: 566px;
}
.new-arrivals .car-box .inner {
  height: 498px;
}
.car-box .buttons a {
  margin: 5% auto 0!important;
  border: 1px solid transparent;
}
.car-box .car-information .costs .price {
  font-size: 21px;
}
.search-by-brand,
.search-by-type {
  background: #F2F6FA;
}
.search-by-brand section > a {
  height: 130px;
  position: relative;
  padding: 2em;
  display: block;
}
.search-by-brand section > a span {
  display: block;
  width: 100%;
  height: 100%;
}
.search-by-brand:after {
  content: '';
  clear: both;
  display: block;
}
.search-by-type section > a {
  text-decoration: none;
  color: inherit;
}
.search-by-type section > a svg {
  fill: #58595B;
  transition: fill .23s;
}
.search-by-type section > a span {
  display: block;
  text-align: center;
  padding: .5em;
}
@media ( min-width: 768px ) {
  .search-by-type section > a span {
    padding: .5em 3em;
  }
}
@media ( max-width: 767px ) {
  .search-by-brand section,
  .search-by-type section {
    display: flex;
    flex-wrap: wrap;
  }
  .search-by-brand section > a,
  .search-by-type section > a {
    flex: 1 1 33%;
    padding: 0.5em;
    max-width: 33%;
  }
  .search-by-brand section > a:nth-last-child(2) {
    /* display: none; */
  }
  .search-by-type section > a span {
    max-width: 185px;
    margin: 0 auto;
  }
  .latest-news article:nth-child(2),
  .latest-news article:nth-child(3) {
    display: none
  }
  .popular-searches {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .popular-searches a {
    flex: 1 1 50%;
    max-width: 50%;
  }
}
.latest-news article {
  display: flex;
  flex-direction: column;
  margin: 0 0 2em
}
.latest-news article > a {
  display: block;
  height: 300px;
  width: 100%;
  flex-grow: 0;
}
.latest-news article > a > span {
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50%
}
.latest-news article > div {
  position: relative;
  border: 1px solid #f2f2f2;
  width: calc(100% - 32px);
  margin: -20px 0 0 16px;
  background: #fff;
  flex-grow: 1;
  transition: border .23s;
}
.articles article:hover > div {
    border-color: #00aae4;
}
.latest-news article .headline {
  display: flex;
}
.latest-news article .published-date {
  color: #00aae4;
  flex-grow: 1;
  overflow: hidden;
  border-right: 1px solid #f2f2f2;
  padding: 13px;
  font-size: 18px;
  line-height: 1.2em;
  font-family: latobold,sans-serif;
  position: relative;
  cursor: pointer;
}
.latest-news article .share {
  display: block;
  flex: 0 0 45px;
  cursor: pointer;
}
.latest-news article .share svg {
  fill: #DC2D2F;
  display: block;
  height: 100%;
  transition: fill .23s;
  margin: 0 auto;
}
.latest-news article .share div:nth-child(2) {
  height: 100%;
}
.latest-news article .share.open div:nth-child(2) svg {
  fill: #000;
}
.latest-news article .share div:nth-child(1) {
  position: absolute;
  overflow: hidden;
  height: 0;
  width: 92px;
  background: #fff;
  margin: 0 0 0 -45px;
  transition: height .23s, margin .23s;
}
.latest-news article .share.open div:nth-child(1) {
  height: 45px;
  margin: -46px 0 0 -47px;
  display: flex;
}
.latest-news article .share.open div:nth-child(1) a {
  flex: 1 1 45px;
}
.latest-news article .headline {
  border-bottom: 1px solid #f2f2f2;
}
.latest-news article a {
  text-decoration: none;
  color: #666;
}
.latest-news article .title {
  font-family: latobold, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #666;
  display: block;
  padding: 13px 13px 16px;
  position: relative;
  line-height: 1.3em;
}
.latest-news article .title:after {
  content: '';
  background: #DC2D2F;
  width: 70%;
  min-width: 177px;
  height: 1px;
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 0;
}
.latest-news article div a span:nth-child(2) {
  display: block;
  padding: 16px 13px 13px;
  text-align: center;
  line-height: 1.3em;
}
.latest-news article div a span:nth-child(2) span {
  color: #DC2D2F;
  font-weight: 700;
}
.popular-searches a {
  color: #192129;
  text-decoration: none;
  padding: .4em 0;
}
.popular-searches h2,
.popular-searches h3,
.search-by-type h2,
.search-by-type .buttons {
  flex: 0 0 100%;
}
@media (min-width:768px){
  .popular-searches {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .popular-searches a {
    flex: 1 1 20%;
    max-width: 20%;
  }
  .latest-news .articles {
    display: flex;
  }
  .search-by-type a:hover svg {
    fill: #DC2D2F
  }
  section .buttons {
    content: '';
    clear: both;
    display: block;
  }
  .search-by-type > section {
    display: flex;
    flex-wrap: wrap;
  }
  .search-by-type section > a {
    flex: 1 1 16%;
    max-width: 16%;
  }
  .search-by-brand section > a {
    float: left;
    width: 20%;
    padding: 2em;
  }
  .hero .bg .live {
  /* background-image: url(/images/home/featured-bg-live-desktop.jpg); */
  }
  .hero .bg .love {
  /*background-image: url(/images/home/featured-bg-love-desktop.jpg);*/
  /* background-image: url(/images/home/used_renault_clio_featured_bg_desktop.jpg); */
  }
  .hero .bg .drive {
  /* background-image: url(/images/home/featured-bg-drive-desktop.jpg); */
  }
  .hero .bg .used250k {
  background-image: url(/images/campaigns/2020/under-200/used/IS_July2020_USED-Under200k_Featured_Bg_Desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  }
  .hero .bg .pricetogo{
  background-image: url(/images/campaigns/2020/priced-to-go/IS_June2020_PricedToGo_Featured_Bg_Desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  }
  .hero .bg .demo250k {
  background-image: url(/images/campaigns/2020/under-250/demo/IS_June2020_DEMO-Under250k_Featured_Bg_DesktopV2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  }
  .hero .bg .deal-assistance{
    background-image: url(/images/campaigns/2020/deal-assistance/IS_50k-Deal-June2020_Featured_Bg_Desktop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media ( max-width: 767px ) {
  .hero .bg .live {
      /* background-image: url(/images/home/featured-bg-live-mobile.jpg); */
  }
  .hero .bg .love {
      /*background-image: url(/images/home/featured-bg-love-mobile.jpg);*/
      /* background-image: url(/images/home/used_renault_clio_featured_bg_mobile.jpg); */
  }
  .hero .bg .drive {
      /* background-image: url(/images/home/featured-bg-drive-mobile.jpg); */
  }
  .hero .bg .used250k {
      background-image: url(/images/campaigns/2020/under-200/used/IS_July2020_USED-Under200k_Featured_Bg_Mobile.jpg);
  }
  .hero .bg .pricetogo {
      background-image: url(/images/campaigns/2020/priced-to-go/IS_June2020_PricedToGo_Featured_Bg_Mobile.jpg);
  }
  .hero .bg .demo250k {
      background-image: url(/images/campaigns/2020/under-250/demo/IS_June2020_DEMO-Under250k_Featured_Bg_MobileV2.jpg);
  }
}