@media screen and (min-width: 1020px) {
    #menu.slim .mini-logo{
    display: block;
    position: absolute;
    bottom: 16px;
    height: 30px;
    left: 8px;
}

  #menu .header-container {
    display: flex;
  }

  #menu {
    height: auto !important;
    padding: 0 !important;
  }

  .goesonlydesk {
    height: 30px;
  }
  .goesonlydesks {
    width: calc(100% - 400px);
    float: left;
    margin: 0 0 10px 0;
  }



}

@media screen and (min-width:980px){
  .title-container{
    margin-right:10px;
  }
}

@media screen and (max-width: 980px) {
  .lazy {
    float: left;
  }

  .heading-models {
    flex-direction: column;
  }

  .title-container {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .heading-btns {
    width: 100%;
  }

  .view-switcher {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }

  #list-switch {
    margin-right: 8px;
  }
}

@media screen and (max-width: 1020px) {
  article {
    -moz-column-width: 16em;
    -webkit-column-width: 16em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
  }

  article section {
    display: inline-block;

    padding: 1rem;
    width: 100%;
    background: #f1f0f0;
  }

  #special-offers-veho_citroen_front img {
    height: 10vw !important;
    width: 100% !important;
    object-fit: cover;
  }

  .maintable .vahe,
  .mobiletable .vahe {
    padding-left: 15px !important;
  }

  .blablah {
    display: block !important;
    height: auto;
  }

  #nonostyle {
    float: none !important;
    width: auto !important;
  }

  h2 span {
    display: inline-block;
    margin: 0 0 10px 0;
  }

  .widebug {
    margin: 10px 0 -30px 0;
    height: auto;
    display: inline-block;
  }

  .widebug .red {
    margin: 0 0 10px 10px;
  }

  .price,
  .specialprice,
  .red {
    white-space: nowrap !important;
  }

  body {
    -webkit-text-size-adjust: none !important;
  }

  .service_calc input {
    width: 65%;
    margin: 0 0 5px 0 !important;
  }

  .service_calc .red {
    margin: 0 0 5px 0 !important;
    width: 30% !important;
  }

  .right input[value="VIN kood"],
  .spvin {
    width: calc(100% - 30% - 5px) !important;
  }

  .morefields select {
    margin: 0 5px 5px 0 !important;
    width: -moz-calc(33.333% - 10px) !important;
    width: -webkit-calc(33.333% - 10px) !important;
    width: calc(33.333% - 10px) !important;
  }

  .morefields input {
    margin: 0 5px 5px 0 !important;
    width: -moz-calc(33.333% - 10px) !important;
    width: -webkit-calc(33.333% - 10px) !important;
    width: calc(33.333% - 10px) !important;
  }

  .morefields .red {
    width: 100% !important;
  }

  .right img[src="/files/upload/image/eesti_kaart.png"] {
    width: 100% !important;
    height: auto !important;
  }

  .contenttable {
    width: 100% !important;
  }

  .noborder h2 {
    line-height: 16px;
  }

  .ui-dialog {
    top: 0 !important;
    width: 100% !important;
  }

  .content a img,
  .contentimage {
    width: 100%;
    height: auto;
  }

  #second img[src="/img/arwr_w.png"] {
    width: 7px !important;
    height: 11px !important;
  }

  p iframe {
    width: 100%;
    height: auto;
  }

  h2 span {
    width: 100% !important;
  }

  .lazy2 .slick-prev,
  .lazy2 .slick-next {
    padding: 0;
    width: 7vw;
    height: 9vw !important;
    opacity: 1;
  }

  .lazy2 .slick-list {
    width: -moz-calc(100% - 15vw) !important;
    width: -webkit-calc(100% - 15vw) !important;
    width: calc(100% - 15vw) !important;
    margin-right: 1vw;
    padding: 0;
    height: 9vw !important;
    float: left;
  }

  .lazy2 .theimage {
    height: 9vw;
  }

  .lazy2 .slick-slide {
    margin: 0 0 0 1vw;
  }

  .lazy2 {
    margin: -15px 0 30px 0 !important;
    height: 9vw;
  }

  #slides2 {
    height: 8vw;
  }

  #slides2 .slidesjs-control {
    height: 8vw !important;
  }

  #slides2 .slidesjs-container {
    height: 8vw !important;
    float: left;
    padding-left: 0;
    width: -moz-calc(100% - 20%) !important;
    width: -webkit-calc(100% - 20%) !important;
    width: calc(100% - 20%) !important;
  }

  #slides2 .slidesjs-previous,
  #slides2 .slidesjs-next {
    margin: 0;
    padding: 0;
    width: 10%;
    height: 8vw;
  }

  #slides2 .theimage {
    margin: 0 0 0 5px;
    padding: 0;
    width: 25%;
    height: 8vw;
    width: -moz-calc(25% - 6px) !important;
    width: -webkit-calc(25% - 6px) !important;
    width: calc(25% - 6px) !important;
  }

  .onlyfive .theimage {
    margin: 0 0 0 5px;
    padding: 0;
    width: 20%;
    height: 8vw;
    width: -moz-calc(20% - 10px) !important;
    width: -webkit-calc(20% - 10px) !important;
    width: calc(20% - 10px) !important;
  }

  #slides2 .theimage a,
  .onlyfive .theimage a {
    display: block;
    margin: 0;
    width: 100%;
    height: 8vw;
    overflow: hidden;
    text-decoration: none;
    border: 0;
  }

  #mobile {
    display: block;
  }

  #desk {
    display: none;
  }

  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }

  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  html,
  body {
    background: #fff;
    height: 100%;
  }

  html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  *,
  *:before,
  *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
  }

  h2 {
    margin: 0 0 20px 0;
    font-size: 32px;
    line-height: 32px;
  }

  #header h1 {
    font-size: 18px;
    line-height: 18px;
  }

  .secondheader:has(b) a::after{
    font-size:1rem;
  }

  h3 {
    margin: 0 0 10px 0;
    font-size: 21px;
    line-height: 21px;
  }

  p {
    margin: 0 0 20px 0;
  }

  hr {
    height: 1px;
    margin: 30px 0;
  }

  /*---content-------------------------------*/

  .content {
    width: 100%;
    min-width: 100%;
  }

  .content_inner {
    padding: 0 20px;
    margin: 0;
    width: 100%;
  }
  #inner_wrap {
    position: relative;
    height: auto;
  }

  .news {
    float: left;
    margin: 0;
    width: 50%;
    padding: 10px 0 !important;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
  }

  .news:nth-child(even) {
    margin: 0 0 0 10px;
  }

  .news:nth-child(odd) {
    clear: both;
    margin: 0 10px 0 0;
  }

  .newsimages {
    float: right;
    width: 280px;
  }

  .newsimages .theimage {
    float: right !important;
  }

  /*---menu----------------------------------*/

  #header {
    height: auto;
    margin: 60px 0 0 0;
    background: #f1f0f0;
  }
  .headercontent {
    height: auto !important;
    margin: 60px 0 0 0;
  }

  #slides,
  #slides3 {
    margin: 0 auto 0 auto;
    width: 100%;
    position: relative;
    height: auto;
    min-width: 100%;
    overflow: hidden;
  }

  #slides .slidesjs-previous,
  #slides3 .slidesjs-previous {
    position: absolute;
    z-index: 900;
    top: 280px;

    top: -moz-calc(50% - 25px);
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);

    left: 20px;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    background: url(../img/arwl.png) no-repeat center;
    background-size: 17px 21px;
  }
  #slides .slidesjs-next,
  #slides3 .slidesjs-next {
    position: absolute;
    z-index: 900;
    top: 280px;

    top: -moz-calc(50% - 25px);
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);

    right: 20px;
    padding: 0;
    width: 50px;
    margin: 0;
    height: 50px;
    background: url(../img/arwr.png) no-repeat center;
    background-size: 17px 21px;
  }

  #slides .slidesjs-previous,
  #slides .slidesjs-next,
  #slides3 .slidesjs-previous,
  #slides3 .slidesjs-next {
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    background-color: rgba(255, 255, 255, 0.8);
    border: 0;
  }
  #slides .slidesjs-previous:hover,
  #slides .slidesjs-next:hover,
  #slides3 .slidesjs-previous:hover,
  #slides3 .slidesjs-next:hover {
    opacity: 0.8;
  }

  #slides3 .slidesjs-pagination {
    display: none;
  }

  #slides .slidesjs-pagination {
    list-style: none;
    position: absolute;
    z-index: 900;
    padding: 25px 0 0 0;
    margin: 0;
    width: auto;
    color: transparent;
    font-size: 0;
    left: -moz-calc(50% - 75px);
    left: -webkit-calc(50% - 75px);
    left: calc(50% - 75px);
  }

  #slides .slidesjs-pagination li {
    float: left;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 10px;
  }

  #slides .slidesjs-pagination a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 0;
    height: 10px;
    width: 10px;
    border: 0;
    margin: 0 10px;
    -moz-border-radius: 85px; /* Firefox */
    -webkit-border-radius: 85px; /* Safari, Chrome */
    border-radius: 85px; /* CSS3 */
    background: #e0e0e1;
  }

  #slides .slidesjs-pagination a:hover {
    background: #797979;
  }

  #slides .slidesjs-pagination li a.active,
  #slides .slidesjs-pagination li a:hover.active {
    background: #b48f6d;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: -5px 5px 0 5px;
  }

  #imagelightbox {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
  }

  #container {
    width: 41.25em; /* 660 */
    text-align: center;
    padding: 0 1.25em; /* 20 */
    margin: 3.125em auto 6.25em; /* 50 100 */
  }
  #container h1 {
    font-size: 2.125em; /* 34 */
    line-height: 0.882em; /* 30 (34) */
    text-transform: uppercase;
  }
  #container h1 span {
    font-size: 0.588em; /* 20 (34) */
    line-height: 1em; /* 20 (20) */
    color: #aaa;
    display: block;
  }
  #container h1 a:hover,
  #container h1 a:hover span,
  #container h1 a:focus,
  #container h1 a:focus span {
    color: #666;
  }

  #container h2 {
    border-top: 1px solid #ddd;
    padding-top: 1.875em; /* 30 */
    margin-top: 1.875em; /* 30 */
    margin-bottom: 0.625em; /* 10 */
  }
  #container h2 span {
    color: #666;
  }
  #container h2[data-caption]:before {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    background-color: #c00;
    display: inline-block;
    content: attr(data-caption);
    padding: 0.125rem 0.313rem; /* 2 5 */
    margin-right: 0.625rem; /* 10 */

    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }

  #container ul {
  }
  #container li {
    display: inline-block;
    margin: 0.625em; /* 10 */
  }
  #container img {
    width: 8.75em; /* 140 */
    height: 8.75em; /* 140 */
    border-color: #eee;
    border: 0.625em solid rgba(255, 255, 255, 0.5); /* 10 */

    -webkit-box-shadow: 0 0 0.313em rgba(0, 0, 0, 0.05); /* 5 */
    box-shadow: 0 0 0.313em rgba(0, 0, 0, 0.05); /* 5 */
    -webkit-transition: -webkit-box-shadow 0.3s ease, border-color 0.3s ease;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
  }
  #container img:hover,
  #container img:focus {
    border-color: #fff;

    -webkit-box-shadow: 0 0 0.938em rgba(0, 0, 0, 0.25); /* 15 */
    box-shadow: 0 0 0.938em rgba(0, 0, 0, 0.25); /* 15 */
  }

  footer {
    font-size: 0.875em; /* 14 */
    color: #aaa;
    border-top: 1px solid #ddd;
    padding-top: 2.143em; /* 30 (14) */
    margin-top: 2.143em; /* 30 (14) */
  }

  /* IMAGE LIGHTBOX SELECTOR */

  #imagelightbox {
    cursor: pointer;
    position: fixed;

    -ms-touch-action: none;
    touch-action: none;

    -webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75); /* 50 */
    box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75); /* 50 */
  }

  /* ACTIVITY INDICATION */

  #imagelightbox-loading,
  #imagelightbox-loading div {
    border-radius: 50%;
  }
  #imagelightbox-loading {
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */

    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em; /* 10 */
    margin: -1.25em 0 0 -1.25em; /* 20 */

    -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); /* 40 */
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); /* 40 */
  }
  #imagelightbox-loading div {
    width: 1.25em; /* 20 */
    height: 1.25em; /* 20 */
    background-color: #fff;
    margin: 10px auto 0 auto;

    -webkit-animation: imagelightbox-loading 0.5s ease infinite;
    animation: imagelightbox-loading 0.5s ease infinite;
  }

  @-webkit-keyframes imagelightbox-loading {
    from {
      opacity: 0.5;
      -webkit-transform: scale(0.75);
    }
    50% {
      opacity: 1;
      -webkit-transform: scale(1);
    }
    to {
      opacity: 0.5;
      -webkit-transform: scale(0.75);
    }
  }
  @keyframes imagelightbox-loading {
    from {
      opacity: 0.5;
      transform: scale(0.75);
    }
    50% {
      opacity: 1;
      transform: scale(1);
    }
    to {
      opacity: 0.5;
      transform: scale(0.75);
    }
  }

  /* OVERLAY */

  #imagelightbox-overlay {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  /* "CLOSE" BUTTON */

  #imagelightbox-close {
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    text-align: left;
    border-radius: 50%;
    position: fixed;
    top: 20px; /* 40 */
    right: 20px; /* 40 */
    border: 0;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  #imagelightbox-close:hover,
  #imagelightbox-close:focus {
  }
  #imagelightbox-close:before,
  #imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: "";
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
  }
  #imagelightbox-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #imagelightbox-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  /* NAVIGATION */

  #imagelightbox-nav button {
    width: 1em; /* 20 */
    height: 1em; /* 20 */
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
  }
  #imagelightbox-nav button.active {
  }

  /* ARROWS */

  .imagelightbox-arrow {
    width: 3.75em; /* 60 */
    height: 7.5em; /* 120 */

    border: 0;
    vertical-align: middle;
    display: none;
    position: fixed;

    top: 50%;
    margin-top: -3.75em; /* 60 */
  }
  .imagelightbox-arrow:hover,
  .imagelightbox-arrow:focus {
  }

  .imagelightbox-arrow-left {
    left: 2.5em; /* 40 */
  }
  .imagelightbox-arrow-right {
    right: 2.5em; /* 40 */
  }

  #imagelightbox-loading,
  #imagelightbox-overlay,
  #imagelightbox-close,
  #imagelightbox-caption,
  #imagelightbox-nav,
  .imagelightbox-arrow {
    -webkit-animation: fade-in 0.25s linear;
    animation: fade-in 0.25s linear;
  }
  @-webkit-keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @media only screen and (max-width: 41.25em) /* 660 */ {
    #container {
      width: 100%;
    }
    #imagelightbox-close {
      top: 1.25em; /* 20 */
      right: 1.25em; /* 20 */
    }
    .imagelightbox-arrow {
      margin-top: 0; /* 30 */
      top: calc(50% - 1.8em);
    }
    .imagelightbox-arrow-left {
      left: 10px; /* 20 */
    }
    .imagelightbox-arrow-right {
      right: 10px; /* 20 */
    }
  }

  @media only screen and (max-width: 20em) /* 320 */ {
    .imagelightbox-arrow-left {
      left: 0;
    }
    .imagelightbox-arrow-right {
      right: 0;
    }
  }

  .standard {
    width: 20px;
  }

  #menu .header-container{
    padding: 0 10px;
  }

  #menu .content_inner {
    display: flex !important;
  }

  #menu ul .sel a:hover {
    color: #ffffff;
    background: var(--dark-secondary);
  }

  #menu .topmenu {
    flex-direction: column-reverse;
    width: 100%;
    margin-bottom: 0;
  }

  #menu .topmenu .servicebtn,
  #menu .topmenu .testdrivebutton {
    float: right;
    width: 100%;
    margin: 0 0 5px 0;
  }

  #menu .onlymob {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 900;
    width: 100%;
    height: 100%;
    height: -moz-calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    overflow: auto;
    top: 60px;
    left: 0;
    padding: 20px 20%;
    flex-direction: column;
  }

  #menu #search {
    float: right;
    display: none;
  }

  #menu .mobile {
    display: block;
    margin-right: 45px;
  }

  #menu .desk {
    display: none;
  }

  #menu #search input {
    float: left;
    line-height: 21px;
    font-size: 15px;
    width: 100px;
    height: 22px;
  }

  #menu #search button {
    float: left;
    border: 0;
    height: 24px;
    width: 24px;
  }

  #menu #search button img {
    width: 15px;
    height: 15px;
  }

  .gray {
    height: auto;
    padding: 10px;
    margin: 0 10px 0 0;
    font-size: 16px;
    line-height: 16px;
  }

  #menu .gray img {
    height: 17px;
    width: auto;
  }

  #menu .lang .gray{
    background: #fff;
    color: #000
  }

  #menu .lang .gray:hover{
    color:#000
  }


  #menu .gray:hover span{
    margin:0;
  }

  #menu .gray {
    width: 100% !important;
  }

  #menu .gray span {
    max-width: 100%;
  }

  #menu .lang {
    display: block;
    float: right;
    text-align: center;
    width: 100%;
    margin: 0 0 5px 0;
  }

  .brand,
  .dealerlogo {
    width: auto;
    height: 28px;
  }

  .models,
  .extramodels,
  .teenindusmenu,
  .models2 {
    background: #fff;
    position: relative;
    left: 0;
    margin: 0 -20px 0 -20px;
    width: 100%;
    width: -moz-calc(100% + 40px);
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    padding: 10px;
    height: auto;
    float: left;
    -moz-box-shadow: 0 0 0 #c1c1c1;
    -webkit-box-shadow: 0 0 0 #c1c1c1;
    box-shadow: 0 0 0 #c1c1c1;
  }

  .brandmenu {
    left: 0;
    top: 60px;
    margin: 0 -20px 0 0;
    padding: 30px 20px;
    width: 100%;
    height: auto;
    float: left;
    -moz-box-shadow: 0 0 0 #c1c1c1;
    -webkit-box-shadow: 0 0 0 #c1c1c1;
    box-shadow: 0 0 0 #c1c1c1;
    z-index: 999991;
  }

  .slideTogglebox4,
  .slideTogglebox5,
  .slideTogglebox55 {
    padding: 15px 15px 0 15px;
    top: 60px;
    width: auto;
    z-index: 9999999;
  }

  .slideTogglebox4 table td,
  .slideTogglebox5 table td,
  .slideTogglebox55 table td {
    padding: 0 0 5px 0;
  }

  .slideTogglebox4 input,
  .slideTogglebox5 input,
  .slideTogglebox55 input,
  .slideTogglebox4 select,
  .slideTogglebox2 input,
  .slideTogglebox2 select,
  .slideTogglebox5 select,
  .slideTogglebox55 select,
  .slideTogglebox6 select,
  .slideTogglebox6 input,
  .slideTogglebox7 select,
  .slideTogglebox7 input,
  .slideTogglebox select,
  .slideTogglebox input,
  .service_calc input,
  .service_calc select,
  #dialogmedium input {
    height: 38px;
    width: 100%;
    padding: 0 5px;
    line-height: 21px;
    font-size: 15px;
  }

  .service_calc input,
  .service_calc select {
    width: 125px;
    margin: 0 5px 5px 0;
  }

  .service_calc select {
    width: 135px;
    padding: 0 0 0 5px;
  }

  #feedbackForm input,
  #feedbackForm textarea,
  #dialogmedium textarea {
    margin: 0 0 5px 0;
    height: 38px;
    width: 100%;
    padding: 0 5px;
    line-height: 21px;
    font-size: 15px;
  }
  #feedbackForm textarea {
    height: 150px;
    width: 99%;
    padding: 5px;
  }

  .slideTogglebox4 select,
  .slideTogglebox5 select,
  .slideTogglebox55 select {
    width: 100%;
  }

  .slideTogglebox4 .radio,
  .slideTogglebox5 .radio,
  .slideTogglebox55 .radio {
    height: 15px;
    width: 15px;
  }

  .slideTogglebox4 label,
  .slideTogglebox5 label,
  .slideTogglebox55 label {
    height: auto !important;
    width: 80% !important;
    margin: 3px 0 3px 0;
  }

  .slideTogglebox4 textarea,
  .slideTogglebox5 textarea,
  .slideTogglebox55 textarea,
  #dialogmedium textarea {
    height: 100px;
    padding: 0 5px;
    width: 100%;
    line-height: 21px;
    font-size: 15px;
  }

  .slideTogglebox,
  .slideTogglebox2,
  .slideTogglebox6,
  .slideTogglebox7,
  .slideTogglebox20 {
    width: 100%;
    display: none;
  }
  .slideTogglebox4 .red,
  .slideTogglebox5 .red,
  .slideTogglebox55 .red {
    height: 40px;
  }

  .slideTogglebox .red,
  .slideTogglebox2 .red,
  .slideTogglebox6 .red,
  .slideTogglebox7 .red {
    width: 100%;
  }

  .widecontent .slideTogglebox,
  .widecontent .slideTogglebox2,
  .slideTogglebox7 {
    width: 30%;
    margin: 20px 0 0 0;
    right: 20px;
    padding: 15px;
    z-index: 100;
  }

  .slideTogglebox6 {
    margin: 20px 0 0 560px;
    right: 0;
  }

  .widecontent .slideTogglebox2,
  .slideTogglebox7 {
    bottom: 0;
    margin: 0 0 0 736px;
  }

  .slideTogglebox7 {
    margin: 0 0 0 560px;
  }
  .right .slideTogglebox7 {
    margin: 0 0 0 480px !important;
  }

  .slideTogglebox7 .narrow1,
  .slideTogglebox6 .narrow1 {
    width: 48% !important;
    float: left;
  }

  .slideTogglebox7 .narrow2,
  .slideTogglebox6 .narrow2 {
    width: 20% !important;
    float: left;
  }

  .slideTogglebox input,
  .slideTogglebox select,
  .slideTogglebox7 input,
  .slideTogglebox7 select,
  .slideTogglebox2 input,
  .slideTogglebox2 select,
  .slideTogglebox6 input,
  .slideTogglebox7 select {
    width: 100%;
    margin: 5px 0 0 0;
  }

  .slideTogglebox select,
  .slideTogglebox2 select,
  .slideTogglebox6 select,
  .slideTogglebox7 select {
    width: 100%;
  }

  .sendbtn {
    margin: 5px 0 0 0 !important;
  }

  .teenindusmenu {
    padding: 15px 30px 0 30px;
    width: 100%;

    width: -moz-calc(100% + 40px);
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
  }

  .teenindusmenu .box,
  .teenindusmenup .box {
    float: left;
    width: 33.3333%;
    margin: 0 0 40px 0;
  }

  .teenindusmenu .box img,
  .teenindusmenup .box img {
    width: 100%;
    margin: 5px 0;
  }

  .leftmenu,
  .onlyextramodels,
  .wideextramodels {
    float: left;
    display: block;
  }

  .leftmenu {
    width: 25%;
    padding: 0 0 10px 0;
  }

  .leftmenu ul {
    float: left !important;
    margin: 0 0 0 -10px !important;
    padding: 0;
    width: 100%;
    width: -moz-calc(100% + 10px);
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    font-size: 16px;
  }

  .leftmenu ul li a {
    display: block;
    width: 100%;
    margin: 0;
    text-decoration: none;
    padding: 5px 15px !important;
  }

  .leftmenu ul li a:hover {
    background: var(--dark-secondary);
    color: #ffffff !important;
  }

  .allmodels {
    width: 75%;
    padding: 0;
  }

  .onlyconsumer {
    width: 75%;
  }

  .onlyextramodels {
    width: 75%;
    padding: 10px;
    float: right;
    background: transparent url(../img/extramodels.png) repeat center;
  }

  .thirdwidest .allmodels {
    width: 100%;
    padding: 0;
    background: #fff;
  }

  .thirdwidest .onlyextramodels {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    background: transparent url(../img/extramodels.png) repeat center;
  }

  .onlyextramodels .onemodel {
    width: 100%;
  }

  .wideextramodels {
    width: 75%;
    padding: 0;
  }

  .models .closeslide,
  .models2 .closeslide,
  .extramodels .closeslide,
  .teenindusmenu .closeslide,
  .slideTogglebox4 .closeslide,
  .slideTogglebox5 .closeslide,
  .slideTogglebox55 .closeslide {
    margin: 0 0 -30px 0;
    padding: 0 5px;
    font-size: 12px !important;
    line-height: 12px !important;
    height: 20px !important;
  }

  .slideTogglebox4 .closeslide,
  .slideTogglebox5 .closeslide,
  .slideTogglebox55 .closeslide {
    margin: 15px -15px -20px 0;
  }

  #front {
    height: auto;
    margin: 0;
  }

  .box {
    height: auto;
    float: left;
    padding: 0 0 0 10px;
    position: relative;
  }

  .left {
    margin-right: 0;
  }

  .left .banners {
    width: 100%;
    margin: 0 0 15px 0;
  }

  .left .banners a,
  .left .banners img {
    width: 100%;
    height: auto;
    border: 0;
  }

  .left .banners img {
    padding: 0 5px 0 0;
    width: 50% !important;
  }

  .left .banners a {
    padding: 0;
  }

  .left .banners .second {
    margin-left: 0;
    padding: 0 0 0 5px;
  }

  #front .box h2 {
    margin: 0 0 10px 0;
  }

  #front .box b {
    margin: 0 5px 0 0;
  }

  #front .box .first {
    background: #f1f0f0;
  }

  #front .box ul li a {
    display: block;
    padding: 3px;
    color: #585858;
    text-decoration: none;
  }

  #front .box ul li a:hover {
    color: var(--dark-secondary);
  }

  .red {
    float: right;
    border: 0;
    padding: 0 15px;
    margin: 0;
    color: #fff;
    cursor: pointer;
    font-family: "Inter", Arial, Tahoma;
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    height: 30px;
  }

  .red img,
  .gray img {
    margin: 0 0 0 7px;
  }

  #second .red,
  #second .gray,
  #dialogmedium .red {
    height: 40px;
  }

  #second {
    height: auto;
    margin: 0;
    background: transparent url(../img/content.png) no-repeat top center;
  }

  .thirdwidest {
    background: transparent url(../img/contentwide.png) no-repeat top center !important;
  }

  h2 img {
    margin: 0 5px 0 5px;
  }

  #second .left {
    margin: 0;
    width: 25%;
  }

  #second .right {
    margin: 0;
    padding: 0 0 0 20px;
    width: 75%;
  }

  #second .right .middle {
    height: auto;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    width: 66%;
  }

  #second .right .pictures {
    height: auto;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    width: 33%;
  }

  #second .right .modelpic {
    width: 100%;
    margin: -95px 0 0 0;
  }

  #second .pictures .theimage,
  #second .newsimages .theimage {
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
    height: 14vw;
    overflow: hidden;

    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }

  #second .pictures .theimage a,
  #second .newsimages .theimage a {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  #second .left ul li a {
    display: block;

    text-decoration: none;
    background-position: -20px center;
  }

  #second .mainpic {
    margin: 0 0 20px 0;
    width: 100%;
    height: auto;
  }

  #second .left .red {
    width: 100%;
  }

  #second .right ul {
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 16px;
  }

  #second .right ul li {
    padding: 0 0 5px 15px;
  }

  #second .right ol {
    margin: 0 0 15px 15px;
    padding: 0;
    line-height: 16px;
    list-style-type: decimal;
  }

  #second .right ol li {
    padding: 0 0 5px 0;
    background: transparent;
  }

  .videos {
    float: right;
    width: 50%;
    margin: 0 0 20px 20px;
  }

  .pages {
    width: 100% !important;
    margin: 20px 0;
  }

  .pages {
    text-align: center;
  }

  .pages a {
    border: 0;
    padding: 4px 0 0 0 !important;
    text-decoration: none;
    height: 34px !important;
  }

  .allmodelsDiv {
    display: none !important;
  }

  .pages .prev {
    float: left;
    display: none;
    cursor: pointer !important;
  }

  .prev_detail {
    display: block !important;
    cursor: pointer !important;
  }

  .pages .next {
    display: none !important;
    float: right;
  }

  .pages .current {
    color: #fff;
    padding: 4px 0 0 0 !important;
    height: 34px !important;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
  }

  .colorchoose {
    float: right;
    margin: -10px 0 20px 0;
  }

  .colorchoose .color {
    float: left;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 0 5px;
    border: 3px solid #ffffff;
    background-image: url(../img/color.png);
  }

  .colorchoose .color:hover {
    border: 3px solid #e4dcd3;
  }

  .colorchoose .color .code {
    position: absolute;
    margin: 40px 0 0 -265px;
    text-align: left;
    color: #000;
    display: none;
    width: auto;
    background: #f6f3f2;
    padding: 2px 4px;
    border-radius: 4px;
  }

  .colorchoose .color:hover .code {
    display: block;
  }

  .colorpicsdiv {
    width: 100%;
    float: left;
    height: auto;
  }

  .colorpics,
  .colorpics img {
    position: relative;
    width: 100% !important;
    height: auto !important;
  }

  .widecontent {
    width: 100%;
  }

  h2 .red {
    margin: -5px 0 0 20px;
  }

  .blablah .red {
    margin: 0 0 10px 10px !important;
  }

  .maintable .dropdown a {
    text-decoration: none;
    font-weight: bold;
    display: block;
  }

  .standard td {
    text-align: left;
  }

  .eripakkuminetogglebutton {
    float: left;
    display: none !important;
    width: 100%;
    margin: 0 0 20px 0;
  }

  .eripakkuminetogglebutton.front {
    display: block !important;
    margin: 20px 0 20px 0;
  }

  .eripakkuminetogglebutton .red {
    margin-right: 240px;

    margin-right: -moz-calc(50% - 125px);
    margin-right: -webkit-calc(50% - 125px);
    margin-right: calc(50% - 125px);
    width: 250px;
  }

  .vehicom {
    margin: 20px 0;
    opacity: 0.5;
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
  }

  .vehicom:hover {
    opacity: 1;
  }

  #showright {
    width: 60px;
    height: 60px;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: absolute;
    z-index: 997;
    top: 0;
    right: 0;
    display: block;
  }

  .totop {
    top: 0 !important;
  }

  #showright span {
    display: block;
    position: absolute;
    height: 3px;
    width: 18px;
    background: #fff;
    opacity: 1;
    left: 22px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  #showright span:nth-child(1) {
    top: 22px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  #showright span:nth-child(2) {
    top: 29px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  #showright span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #showright.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 23px;
    left: 23px;
  }
  #showright.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  #showright.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 36px;
    left: 23px;
  }

  .ui-dialog .ui-dialog-content {
    padding: 0;
    margin: 5px 0 0 0;
  }

  #dialogmedium textarea,
  #dialogmedium input {
    width: 100%;
  }

  #dialogmedium td {
    padding: 0 0 5px 0;
    vertical-align: middle;
  }

  #blackbackground {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 500;
  }

  #header-fixed {
    position: fixed;
    top: 0px;
    display: none;
  }

  #dialogwide,
  .table-container {
    position: relative !important;
  }

  .soData img {
    width: 100%;
    height: auto;
  }

  .row1 td,
  .row2 td,
  .soContent {
    float: left;
    width: 24% !important;
    margin: 0;
    padding: 0;
  }
  .soContent {
    font-size: 12px !important;
    line-height: 16px;
  }

  .soData {
    width: 100% !important;
    margin: 0;
    padding: 0;
  }

  .auto24-iframe .prevPage,
  .auto24-iframe .nextPage {
    width: auto !important;

    margin: 0 !important;
  }
  .auto24-iframe .pages {
    width: auto !important;
    clear: both;
    margin: 0 auto;
  }

  .auto24-iframe input,
  .auto24-iframe select {
    margin: 0 0 5px 0;
    width: 100% !important;
  }

  .tdYear select {
    width: 43% !important;
  }
  .auto24-iframe .tdYear_select select {
    width: 43% !important;
  }

  .specialOfferContainer .special-offers td {
    vertical-align: top;
  }

  .special-offers .soContent{
    width: calc(24% - 8px) !important;
    margin: 0 8px 0 0;
}

  .soContent {
    display: block;
    float: left;
    padding: 0 !important;
    width: 24%;
  }

  .separator {
    float: left;
    width: 1% !important;
  }

  .auto24-iframe input[type="submit"] {
    margin-top: 0 !important;
    float: left;
    width: 100% !important;
    max-width: none !important;
  }

  .row2 td.submit {
    width: 47% !important;
  }

  .auto24-iframe #vehicleImagesContainerDiv {
    float: left;
    margin: 0;
    width: 25%;
  }
  .auto24-iframe #vehicleImagesContainerDiv img {
    width: 100%;
    height: auto;
  }

  .auto24-iframe .detailContainer {
    width: 75%;
  }

  .auto24-iframe .detailContainer .vehicle_details {
    width: 100%;
  }

  dl.used_vehicle_equipment {
    margin-top: 0;
  }
  .used_vehicle_equipment > dt {
    display: block;
    left: 0;
    position: relative;
    width: 100%;
    font-weight: bold;
  }

  .used_vehicle_equipment > dd {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 15px;
  }

  .vehicles_list tr td,
  .vehicles_list tr th {
    display: inline-block !important;
    width: 100% !important;

    vertical-align: top !important;
  }

  .vehicles_list tr td:nth-child(4),
  .vehicles_list tr td:nth-child(5),
  .vehicles_list tr td:nth-child(6) {
    color: #fff;

    padding: 5px 0 !important;
    width: 33.2% !important;
    margin-right: -3px;
  }
  .vehicles_list tr th:nth-child(4),
  .vehicles_list tr th:nth-child(5),
  .vehicles_list tr th:nth-child(6) {
    width: 33.2% !important;
    margin-right: -3px;
  }

  .vehicles_list tr td:nth-child(1) {
    width: 32% !important;
    border: 0 !important;
  }
  .vehicles_list tr td:nth-child(2) {
    width: 64% !important;
  }

  .auto24-iframe th.mileage {
    font-size: 15px;
    padding-left: 15px !important;
    text-align: left !important;
  }
  .auto24-iframe th.price {
    font-size: 15px;
    padding-left: 15px !important;
    text-align: left !important;
  }
  .auto24-iframe th {
    font-size: 15px !important;
    padding-left: 15px !important;
    text-align: left !important;
  }
  .auto24-iframe th {
    background-position: 5px center !important;
  }
  .vehicles_list img {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .auto24-iframe .mileage {
    padding: 10px 0 10px 32% !important;
    text-align: left !important;
    padding-left: -moz-calc(32% + 5px) !important;
    padding-left: -webkit-calc(32% + 5px) !important;
    padding-left: calc(32% + 5px) !important;
  }

  .auto24-iframe .detailContainer .data {
    padding: 0 10px 0 0 !important;
  }

  .auto24-iframe .detailContainer {
    float: left;
    margin: 0;
    padding: 0;
  }

  .auto24-iframe .searchFields {
    padding: 0 !important;
    margin: 0 -20px 0 0 !important;
  }

  .noborder,
  .contenttable {
    width: 100% !important;
    min-width: 100% !important;
  }

  .undereachother {
    min-width: 100% !important;
  }

  .brandmenu .col-wrapper {
    flex-wrap: wrap;
  }

  .brandmenu .col-wrapper .col.left {
    width: 100%;
  }

  .brandmenu .col-wrapper .col.center {
    margin: 20px 1px 0 0;
  }
}

@media screen and (min-width: 680px) and (max-width: 1280px) {
  .responsive .slick-slide img {
    max-width: 65vw;
  }
}

@media screen and (max-width: 680px) and (orientation: portrait) {
  .onlyifportrait {
    float: left;
    display: block;
    width: 10%;
    margin: 0 24%;

    height: 25vw;
    width: 25%;
  }

  .rotatethis {
    background-image: url(../img/rotate.svg);
    background-size: 15vw;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 1% !important;
    -webkit-animation: link 2s ease-in-out infinite;
    -moz-animation: link 2s ease-in-out infinite;
    -o-animation: link 2s ease-in-out infinite;
    animation: link 2s ease-in-out infinite;
  }

  @keyframes link {
    0% {
      -ms-transform: rotate(-134deg); /* IE 9 */
      -moz-transform: rotate(-134deg); /* IE 9 */
      -o-transform: rotate(-134deg); /* IE 9 */
      -webkit-transform: rotate(-134deg); /* Chrome, Safari, Opera */
      transform: rotate(-134deg);
    }

    100% {
      -ms-transform: rotate(-224deg); /* IE 9 */
      -webkit-transform: rotate(-224deg); /* Chrome, Safari, Opera */
      -ms-transform: rotate(-224deg); /* Chrome, Safari, Opera */
      -o-transform: rotate(-224deg); /* Chrome, Safari, Opera */

      transform: rotate(-224deg);
    }
  }

  @-webkit-keyframes link {
    0% {
      -ms-transform: rotate(-134deg); /* IE 9 */
      -moz-transform: rotate(-134deg); /* IE 9 */
      -o-transform: rotate(-134deg); /* IE 9 */
      -webkit-transform: rotate(-134deg); /* Chrome, Safari, Opera */
      transform: rotate(-134deg);
    }

    100% {
      -ms-transform: rotate(-224deg); /* IE 9 */
      -webkit-transform: rotate(-224deg); /* Chrome, Safari, Opera */
      -ms-transform: rotate(-224deg); /* Chrome, Safari, Opera */
      -o-transform: rotate(-224deg); /* Chrome, Safari, Opera */

      transform: rotate(-224deg);
    }
  }

  @-moz-keyframes link {
    0% {
      -ms-transform: rotate(-134deg); /* IE 9 */
      -moz-transform: rotate(-134deg); /* IE 9 */
      -o-transform: rotate(-134deg); /* IE 9 */
      -webkit-transform: rotate(-134deg); /* Chrome, Safari, Opera */
      transform: rotate(-134deg);
    }

    100% {
      -ms-transform: rotate(-224deg); /* IE 9 */
      -webkit-transform: rotate(-224deg); /* Chrome, Safari, Opera */
      -ms-transform: rotate(-224deg); /* Chrome, Safari, Opera */
      -o-transform: rotate(-224deg); /* Chrome, Safari, Opera */

      transform: rotate(-224deg);
    }
  }

  @-o-keyframes link {
    0% {
      -ms-transform: rotate(-134deg); /* IE 9 */
      -moz-transform: rotate(-134deg); /* IE 9 */
      -o-transform: rotate(-134deg); /* IE 9 */
      -webkit-transform: rotate(-134deg); /* Chrome, Safari, Opera */
      transform: rotate(-134deg);
    }

    100% {
      -ms-transform: rotate(-224deg); /* IE 9 */
      -webkit-transform: rotate(-224deg); /* Chrome, Safari, Opera */
      -ms-transform: rotate(-224deg); /* Chrome, Safari, Opera */
      -o-transform: rotate(-224deg); /* Chrome, Safari, Opera */

      transform: rotate(-224deg);
    }
  }

  .swipethis {
    background-image: url(../img/swipe.svg);
    background-size: 15vw;
    background-repeat: no-repeat;
    background-position: center;

    margin-right: 1% !important;
    -webkit-animation: link2 2s ease-in-out infinite;
    -moz-animation: link2 2s ease-in-out infinite;
    -ms-animation: link2 2s ease-in-out infinite;
    -o-animation: link2 2s ease-in-out infinite;

    animation: link2 2s ease-in-out infinite;
  }

  @keyframes link2 {
    0% {
      background-position: center;
    }

    50% {
      background-position: left center;
    }

    100% {
      background-position: right center;
    }
  }

  @-webkit-keyframes link2 {
    0% {
      background-position: center;
    }

    50% {
      background-position: left center;
    }

    100% {
      background-position: right center;
    }
  }

  @-moz-keyframes link2 {
    0% {
      background-position: center;
    }

    50% {
      background-position: left center;
    }

    100% {
      background-position: right center;
    }
  }

  @-o-keyframes link2 {
    0% {
      background-position: center;
    }

    50% {
      background-position: left center;
    }

    100% {
      background-position: right center;
    }
  }

  #onlyifportraittxt {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    margin: 10px 0;
    text-align: center;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait) {
  .onlyifportrait {
    width: 25%;
    margin: 0 24%;
  }

  .rotatethis {
    margin-left: 1% !important;
  }

  .swipethis {
    margin-right: 1% !important;
  }

  .brandmenu .box span {
    flex-direction: column;
  }

  .brandmenu .box span a {
    border-right: none;
    height: 32px;
    width: 100%;
    border-bottom: 1px solid #004c59;
  }
}

@media screen and (min-width: 600px) {
  .vvvwide,
  .vvvwide .mbackground_inner,
  .vvvwide .mbackground_inner2 {
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
        #second:not(.storefront, .modelsview, .second-level-menu-vertical) .left .sticky-menu {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0 10px;
        background: #dadada;
        overflow-y: hidden;
        -ms-overflow-style: scroll;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
      }

      #second:not(.storefront, .modelsview, .second-level-menu-vertical) .left .sticky-menu::-webkit-scrollbar {
        height: 6px;
      }
    
      #second:not(.storefront, .modelsview, .second-level-menu-vertical)
        .left
        .sticky-menu::-webkit-scrollbar-track {
        background: #f0f0f0;
      }
    
      #second:not(.storefront, .modelsview, .second-level-menu-vertical)
        .left
        .sticky-menu::-webkit-scrollbar-thumb {
        background-color: #cdcdcd;
      }
    
      #second:not(.storefront, .modelsview, .second-level-menu-vertical) .left {
        position: sticky;
        top: 57px;  
    
        z-index: 603;
        width: 100%;
        background: #fff;
        transition: 0.1s ease-in-out;
      }
    
      #second.modelpage .sticky-menu .model-btns .red {
        height: 40px;
        width: auto;
        padding: 0 10px;
        margin: 0 !important;

        height: 34px;
        min-height: auto;
      }
    
      #second .left .sticky-menu,
      #second .left #mobmenfix {
        display: flex;
        position: sticky !important;
        transition: 0.5s ease-in-out;
        justify-content: space-between;
        align-items: center;
      }

      #second:not(.storefront, .modelsview) #mobmen ul {
        margin: 0 10px;
      }

  .colorchoose .color .code {
    position: absolute;
    margin: 40px 0 0 0;
    text-align: left;
    color: #000;
    display: none;
    width: auto;
    background: #f6f3f2;
    padding: 2px 4px;
    border-radius: 4px;
  }
  #footer .content_inner{
    display: flex;
    justify-content: space-between;
  }
  #footer #countries{
    list-style-type: none;
  }
}

@media screen and (min-width: 1020px) and (max-width: 1280px) {
  .brandmenu .box span {
    flex-direction: column;
  }

  .brandmenu .box span a {
    border-right: none !important;
    height: 32px;
    width: 100%;
    border-bottom: 1px solid #004c59;
  }

  .brandmenu .box-row .box {
    padding: 8px !important;
  }
}

@media screen and (min-width: 550px) {
  .vvvwide2,
  .vvvwide2 .mbackground_inner,
  .vvvwide2 .mbackground_inner2 {
    width: 100%;
  }
}

@media screen and (min-width: 1020px) {
  .right .mbackground,
  .right .mbackground_inner,
  .right .mbackground_inner2 {
    width: 100%;
  }
  .colorchoose {
    width: 80%;
  }
}

@media screen and (max-width: 1200px) {
  #menu .header-actions .action-item span {
    display: none;
  }
  #menu .menu-toggle-btn{
    display:block;
    font-size:0;
  }

  #menu .header-actions {
    gap: 12px;
  }

  #menu .header-nav ul li a {
    padding: 8px 8px;
    font-size: 11px;
  }

  .mega-menu-inner {
    gap: 30px;
  }

    #footer .footer-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1020px) {
  .header-logo {
    padding: 0;
  }

  .brands-wrapper {
    display: none;
  }

  .mega-menu-inner{
    flex-direction: column;
  }

  .mega-menu-featured{
  width:100%;
}

  .mega-menu-columns{
    width:100%;
  }

  .brandmenu .box-row .box, .brandmenu .box-row.ee .box {
    width: 50%;
    padding: 8px;
  }

  .shop-container {
    flex-direction: column;
  }

  .shoptable {
    display: block;
  }

  .expnd-btn img {
    width: auto !important;
  }

  .lc-container {
    margin: 20px 0 0 0;
  }

  .shop-equipment li {
    margin-bottom: 10px;
  }
  .storefront .shop-heading{
    flex-direction: column;
}

  .storefront .shop-heading h2{
  margin-bottom:1rem;
}

  .shop-heading .shop-btns {
    flex-direction: column;
  }

  .shop-heading .shop-btns button:first-child {
    margin: 0 0 5px 0;
  }
}

@media screen and (max-width: 768px) {
  #brands-container {
    gap: 20px;
  }

  .brand-logo img {
     height: 30px;
   }

.mega-menu-columns{
   columns:2;
   width:100%;
   gap:30px;  
}

  .mega-menu-inner{
     flex-direction: column;
    padding: 30px 20px;
    gap: 20px;
  }
  

    #footer {
    padding: 40px 20px;
  }

  #footer .footer-content {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  #footer .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
    .mega-menu-columns {
    columns:1;
  }

  .shop-heading .shop-btns{
    width: 100%;
}

  .mobhdr {
    display: block !important;
  }

  .deskhdr {
    display: none !important;
  }
  
}

@media screen and (max-width: 680px) {

  #menu .content_inner {
    padding: 0 10px;
  }

  #showright {
    background: none;
  }

  #second .mainpic {
    margin: 0 0 24px 0;
  }

  #footer #social {
    margin: 0;
  }
    .allmodels{
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)) !important;
  }

  .slick-prev,
  .slick-next {
    top: -moz-calc(50% - 12px);
    top: -webkit-calc(50% - 12px);
    top: calc(50% - 12px);
    width: 25px;
    height: 25px;
    background-size: auto 11px;
  }
  .slick-prev {
    left: 10px !important;
  }

  .slick-next {
    right: 10px !important;
  }

  .lazy2 .slick-prev,
  .lazy2 .slick-next {
    height: 11vw !important;
    background-size: 30% auto !important;
  }

  .lazy2 .slick-list {
    height: 11vw !important;
  }

  .lazy2 .theimage {
    height: 11vw;
  }

  .lazy2 {
    height: 11vw;
    margin: -20px 0 20px 0 !important;
  }

  #special-offers-veho_citroen_front img {
    height: 14vw !important;
  }

  .leftbackground {
    max-width: auto;
    overflow-x: auto !important;
    width: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    background: -webkit-radial-gradient(
          left ellipse,
          rgba(0, 0, 0, 0.4) 0%,
          rgba(0, 0, 0, 0) 75%
        )
        0 center,
      -webkit-radial-gradient(
          right ellipse,
          rgba(0, 0, 0, 0.4) 0%,
          rgba(0, 0, 0, 0) 75%
        ) 100% center;
    background: radial-gradient(
          ellipse at left,
          rgba(0, 0, 0, 0.4) 0%,
          rgba(0, 0, 0, 0) 75%
        )
        0 center,
      radial-gradient(
          ellipse at right,
          rgba(0, 0, 0, 0.4) 0%,
          rgba(0, 0, 0, 0) 75%
        )
        100% center;
    background-size: 20px 100%, 20px 100%;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat;
  }

  .leftbackground_inner {
    margin: 0 !important;

    background-image: -webkit-linear-gradient(
      left,
      white 50%,
      rgba(255, 255, 255, 0) 100%
    );
    background-image: linear-gradient(
      to right,
      white 50%,
      rgba(255, 255, 255, 0) 100%
    );
    background-repeat: no-repeat;
    background-size: 60px 100%;
    display: inline-block !important;
  }

  .leftbackground_inner2 {
    border: 0 !important;
    background-image: -webkit-linear-gradient(
      right,
      white 50%,
      rgba(255, 255, 255, 0) 100%
    );
    background-image: linear-gradient(
      to left,
      white 50%,
      rgba(255, 255, 255, 0) 100%
    );
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 60px 100%;
    margin: 0 !important;
  }

  .leftbackground_inner2 ul {
    width: 100% !important;
  }

  .undereachother center {
    text-align: left;
  }

  .undereachother td {
    display: inline-block !important;
    width: 100% !important;
    text-align: left !important;
    vertical-align: top !important;
  }

  .noshow,
  .undereachother .noshow {
    display: none !important;
  }

  .everysecond td:nth-child(2n) {
    padding: 2px 5px !important;
  }

  .everythird td:nth-child(2n),
  .everythird td:nth-child(3n) {
    padding: 2px 5px !important;
  }

  .left .banners {
    width: 100%;
    width: -moz-calc(100% - 40px) !important;
    width: -webkit-calc(100% - 40px) !important;
    width: calc(100% + 40px) !important;
    height: 100%;
    margin: 0 0 15px -20px;
  }

  .nominwidth {
    min-width: 100% !important;
  }

  #second .left ul li a,
  .leftmenu {
    font-size: 15px;
    line-height: 15px;
  }

  .colorchoose .color {
    width: 25px;
    height: 25px;
    background-size: 100% 100%;
  }

  .colorchoose .color:hover {
    width: 23px;
    height: 23px;
  }

  .colorchoose .color .code {
    margin: 25px 0 0 0px;
  }

  .teenindusmenu .box,
  .teenindusmenup .box {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
  }

  .widecontent .slideTogglebox,
  .widecontent .slideTogglebox2,
  .slideTogglebox6,
  .slideTogglebox7 {
    width: 194px;
    margin: 26px 0 0 736px;
  }

  .slideTogglebox6 {
    width: 194px;
    margin: 70px 0 0 736px;
    right: 20px;
  }

  .wideextramodels {
    width: 100%;
    padding: 0;
  }

  #slides2 .slidesjs-previous,
  #slides2 .slidesjs-next {
    background-size: 30% auto;
  }

  #slides2 {
    height: 11vw;
  }

  #slides2 .slidesjs-control {
    height: 11vw !important;
  }

  #slides2 .slidesjs-container {
    height: 11vw !important;
  }

  #slides2 .slidesjs-previous,
  #slides2 .slidesjs-next {
    height: 11vw;
  }

  #slides2 .theimage {
    height: 11vw;
  }

  .onlyfive .theimage {
    height: 11vw;
  }

  .onlyfive .theimage a {
    height: 11vw;
  }

  #slides2 .theimage a {
    height: 11vw;
  }

  #slides .slidesjs-previous,
  #slides .slidesjs-next,
  #slides3 .slidesjs-previous,
  #slides3 .slidesjs-next {
    top: -moz-calc(50% - 12px);
    top: -webkit-calc(50% - 12px);
    top: calc(50% - 12px);

    right: 20px;
    width: 25px;
    height: 25px;

    background-size: auto 11px;
  }

  #slides .slidesjs-previous,
  #slides3 .slidesjs-previous {
    left: 10px;
  }

  #slides .slidesjs-next,
  #slides3 .slidesjs-next {
    right: 10px;
  }

  #second .right .modelpic {
    margin: 0;
    width: 100%;
  }
  .news:nth-child(2n) {
    margin: 0;
  }

  #second .pictures .theimage,
  #second .newsimages .theimage {
    height: 52vw;
  }

  .colorchoose {
    float: right;
    margin: -10px 0 30px 0;
  }

  .news {
    width: 100%;
    padding: 10px 0 !important;
  }

  .colorchoose .color .code {
    font-size: 11px;
  }

  .pages {
    margin-top: 10px !important;
  }

  .red {
    margin: 5px 0 0 0 !important;
    width: 100%;
  }

  .eripakkuminetogglebutton .red {
    margin-right: -moz-calc(50% - 125px) !important;
    margin-right: -webkit-calc(50% - 125px) !important;
    margin-right: calc(50% - 125px) !important;
  }

  .auto24-iframe .searchFields {
    padding: 0 !important;
    margin: 0 -15px 0 0 !important;
  }

  .auto24-iframe .detailContainer .data {
    padding: 0 !important;
  }

  .auto24-iframe #vehicleImagesContainerDiv {
    width: 100%;
  }

  .auto24-iframe .detailContainer {
    width: 100%;
  }

  .widecontent .slideTogglebox,
  .widecontent .slideTogglebox2,
  .slideTogglebox6,
  .slideTogglebox7 {
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
  }

  .box {
    padding: 0;
    width: 100%;
  }

  .left {
    padding: 0 0 10px 0;
  }

  .videos {
    width: 100%;
    margin: 0 0 20px 0;
  }

  #second .right {
    padding: 0;
    width: 100%;
  }

  #footer #newsletter {
    margin: 20px 0 0 0;
    float: right;
    width: 100%;
  }

  #footer input {
    width: 65%;
    margin: 0;
  }

  #footer .gray {
    margin: 0;

    width: 35%;
  }

  .leftmenu {
    width: 100%;
  }

  .allmodels {
    width: 66.6666%;
  }
  .onlyconsumer {
    width: 100%;
  }

  .onlyextramodels {
    width: 33.3333%;
  }

  #second .left ul {
    background: rgba(0, 0, 0, 0.04);
    width: auto;
    padding: 0 15px;
    position: relative;
    border: 0;
    overflow-y: hidden;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  #second .left ul li:last-child {
    padding-right: 50px;
  }

  #second #mobmen:after {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    content: "";
    height: 100%;
    width: 70px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  }

  #second #mobmen2 {
    position: relative;
  }
  #second #mobmen2 {
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: 200;

    height: 50px;
    width: 20px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(
      left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
  }
  #second .scrolled #mobmen2 {
    left: 0 !important;
    top: 0 !important;
  }

  #second .scrolled:after {
    top: 0 !important;
  }

  #second .left {
    position: relative;
    width: 100%;
  }

    #second:not(.storefront, .modelsview) .left{
      position:sticky;
      top:59px;
      z-index:600;
    }


    #second.storefront .left, #second .second-level-menu-vertical.left{
    margin: 0 -20px;
    width: calc(100% + 40px);
    }


  #mobmenfix.bottom_menu{
    display:none
}

  html {
    overflow: -moz-scrollbars-vertical;
    overflow-x: scroll;
  }

  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 3px;
  }

  ::-webkit-scrollbar:horizontal {
    -webkit-appearance: none;
    height: 3px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #797979;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }

  #second .left ul li {
    margin: 0;
    border: 0;
    display: inline-block;
  }

  #second .right .middle {
    padding: 0;
    width: 100%;
  }

  #second .right .pictures {
    padding: 0;
    width: 100%;
  }

  .leftmenu ul {
    text-align: center;
    width: -moz-calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
  }

  .filterModel {
    margin-bottom: 8px;
  }

  .heading-btns {
    flex-wrap: wrap;
  }

  .heading-btns #price-sorting {
    flex: 1;
  }

  .heading-btns .view-switcher {
    margin: 0 0 0 10px;
  }

  #third.shop .sticky-anchor.submenu{
    display:none;
}

  h2 a::before {
    display: block;
    content: " ";
    margin-top: -110px;
    height: 110px;
    visibility: hidden;
    pointer-events: none;
  }

  .brandmenu .box-row .box, .brandmenu .box-row.ee .box {
    width: 100%;
    margin: 0 0 10px 0;
  }
  #footer #countries{
    margin: 0 0 0 15px;
list-style-type: square;
font-size:12px;
  }

}

@media screen and (max-width: 420px) {
  #special-offers-veho_citroen_front img {
    height: 30vw !important;
  }

  #mobdesk #desk,
  #mobdesk #mobile {
    float: left;

    width: 80%;
    margin: 0 0 -10px 0;
  }

  .morefields select {
    margin: 0 0 5px 0 !important;
    width: 100% !important;
  }

  .morefields input {
    margin: 0 0 5px 0 !important;
    width: 100% !important;
  }

  .vehicles_list tr td:nth-child(4),
  .vehicles_list tr td:nth-child(5),
  .vehicles_list tr td:nth-child(6) {
    width: 33.1% !important;
  }
  .vehicles_list tr th:nth-child(4),
  .vehicles_list tr th:nth-child(5),
  .vehicles_list tr th:nth-child(6) {
    width: 33.1% !important;
  }

  .row1 td,
  .row2 td,
  .soContent {
    display: inline-block;
    width: 49% !important;
    margin: 0;
    padding: 0;
    height: auto !important;
  }

  .special-offers .soContent{
    width: calc(49% - 8px) !important;
    margin: 0 8px 0 0;
}

  .soContent {
    min-height: 48vw !important;
  }

  .vehicles_list tr td:nth-child(1) {
    width: 100% !important;
    border: 0 !important;
  }
  .vehicles_list tr td:nth-child(2) {
    width: 100% !important;
  }

  .auto24-iframe .vehicles_list_img_cell {
    padding: 0;
    margin: 0 0 -10px 0;
  }

  .auto24-iframe .mileage {
    padding: 5px 5px !important;
  }

  .vehicles_list tr {
    background: transparent !important;
  }
  .vehicles_list tr:hover {
    background: #e3e0d5 !important;
  }

  .vehicles_list .vehicles_list_price_cell {
    margin: 0 0 30px 0 !important;
  }

  .specialOfferContainer table td:nth-child(2),
  .specialOfferContainer table td:nth-child(6) {
    border: 0;
  }

  .specialOfferContainer table td:nth-child(4) {
    width: 100% !important;
    height: 1px;
    padding: 0;
    border: 0;
  }

  .soContent {
    display: inline-block;
    width: 47.5%;
  }

  .separator {
    display: inline-block;
    width: 1%;
  }

  .auto24-iframe input[type="submit"] {
    margin-top: 0 !important;
  }

  .row2 td.submit {
    width: 96% !important;
  }

  .auto24-iframe #vehicleImagesContainerDiv {
    width: 100%;
  }

  .auto24-iframe .detailContainer {
    width: 100%;
  }

  #footer input {
    width: 100%;
    margin: 0;
  }

  #footer .gray {
    margin: 0;

    width: 100%;
  }

  .leftmenu {
    width: 100%;
  }

  .onlyextramodels {
    width: 100%;
  }

  .widecontent .slideTogglebox,
  .widecontent .slideTogglebox2,
  .slideTogglebox6,
  .slideTogglebox7 {
    width: 100%;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
  }
}

@media screen and (max-width: 1020px) {
    .allmodels {
        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
      }

  .slick-prev,
  .slick-next {
    opacity: 0.6;
  }

  /* Slider */
  .slick-slider {
    margin-top: 0;
  }

  .slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  .slick-prev {
    left: 20px;
  }

  .slick-next {
    right: 20px;
  }

  .submit input {
    background-position: right 20px center;
  }

  .auto24-iframe th.photo,
  .auto24-iframe th.make,
  .auto24-iframe th.mileage,
  .auto24-iframe th.year,
  .auto24-iframe th.fuel,
  .auto24-iframe th.gearbox,
  .auto24-iframe th.price {
    display: none !important;
  }

  .vehicles_list tr td.vehicles_list_price_cell {
    border-bottom: 3px solid #757575;
  }

  #searchContainer {
    border-top: 1px solid #d9d9d9;
  }

  .naviLinks {
    height: auto !important;
    border-bottom: 3px solid #757575 !important;
  }

  #special-offers-veho_citroen_front {
    float: left;
    margin-bottom: 10px;
  }

  .naviLinks {
    height: auto !important;
    border-bottom: 3px solid #757575 !important;
  }
  .auto24-iframe th.photo {
    width: auto;
  }

  .auto24-iframe .prevPage,
  .auto24-iframe .nextPage {
    width: 70px !important;
    margin: 15px 0 !important;
  }
  .auto24-iframe .pages {
    width: -moz-calc(100% - 140px) !important;
    width: -webkit-calc(100% - 140px) !important;
    width: calc(100% - 140px) !important;
    width: 100% !important;

    margin: 15px 0 !important;

    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    justify-content: center;
  }
  .auto24-iframe .prevPage,
  .auto24-iframe .nextPage {
    width: 70px !important;
    margin: 15px 0 !important;
  }

  .auto24-iframe .prevPage,
  .auto24-iframe .nextPage {
    white-space: normal !important;
  }

  .thirdwidest .mobiletable {
    position: relative;
    float: left;
    margin-top: 5px;
    overflow-x: scroll;
    width: 100%;
  }

  #dialogmedium select {
    width: 100%;
  }
  .newsletter{
    width:100%;
}

.slideTogglebox6 .narrow1.leasekuudSlider{
  width: calc(100% - 32px) !important;
}

.owl-theme .owl-nav, .price-box .owl-theme .owl-dots{
  opacity: 1;
  visibility: visible;
}
}

@media screen and (max-width: 1020px) {
  #mobdesk #vlogo {
    margin-right: 0;
  }

  html {
    overflow-x: hidden;
  }

  .vehicles_list_data_cell span {
    font-size: 13px !important;
    line-height: 15px !important;
  }
  .vehicles_list_data_cell a {
    font-size: 18px !important;
    line-height: 21px !important;
  }

  .field-tehasetahis:hover,
  .field-reg_nr:hover {
    background: transparent !important;
  }

  .mobiletable .specialprice,
  .mobiletable .price,
  .maintable .price,
  .maintable .specialprice,
  .rtable .price,
  .rtable .specialprice {
    font-size: 17px !important;
  }
  .mobiletable td,
  .maintable td,
  .rtable td {
    padding: 10px 5px !important;
  }
}

@media screen and (max-width: 480px) {
  .lazy2 {
    margin: -22px 0 20px 0 !important;
  }
}

@media screen and (max-width: 540px) {
  table.mobilesmaller,
  table.hideunder420,
  .hideunder420 {
    font-size: 12px !important;

    line-height: 15px !important;
  }

  table.mobilesmaller h3,
  table.hideunder420 h3,
  .hideunder420 h3 {
    font-size: 14px !important;

    line-height: 18px !important;
  }
  
  .calcContainer{
    width: 100%;
  }

  #leasingcalculatorBtn {
    margin: 10px 0 0 0 !important;
    width: 100%;
  }
  #menu .header-logo img{
    height: 28px;
  }
}

@media screen and (max-width: 420px) {
  table.hideunder420,
  .hideunder420 {
    display: none;
  }
}

@media screen and (max-width: 1020px) {
  h2{
    font-size:24px;
    line-height:24px;
  }

  .lease-container {
    margin: 20px 0 0 0;
  }

  .brandmenu .flyout-info {
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 360px) {

  .view-switcher {
    flex: initial;
  }


  .price-grid .price-box {
    max-width: calc(100vw - 40px);
  }
}



@media screen and (max-width: 1280px) {
  .price-box {
    padding: 10px !important;
  }

  .price-box-booked {
    padding: 10px !important;
  }

  .price-box .redprice,
  .price-box .bprice {
    font-size: 16px;
  }

  .price-box-booked .redprice,
  .price-box-booked .bprice {
    font-size: 16px;
  }


  .lease-calc{
    grid-template-areas: "input1 input1 input1" "input2 input2 input4" "input3 input3 input5" "input6 input6 input6" "input8 input8 input8" "input7 input7 input7";
}

.lease-calc.nofilter{
    grid-template-areas: "input1 input1 input1" "input2 input2 input4" "input3 input3 input5" "input6 input6 input6" "input7 input7 input7";
}
}

@media screen and (min-width: 1020px) and (max-width: 1280px) {

.brandmenu .box-row.ee .box {
  width: 33%;
}
}

@media screen and (max-width: 1020px) {
  .price-box:hover {
    transform: none !important;
    box-shadow: 0 !important;
  }

  .price-box-booked:hover {
    transform: none !important;
    box-shadow: 0 !important;
  }

  .shop-equipment {
    columns: 1;
  }

  .mob_header .mob-logo {
    display: flex;
    width: auto;
}
  .responsive .slick-arrow {
    display: none !important;
  }
  .blocker{
    top:60px;
    padding:0;
}

.blocker::before{
    height: auto;
}

.modal{
    height: calc(100% - 60px)
}
}