/****************************************************
 
	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	Copyright 2020 Autosoft BV
	
****************************************************/


/* LARGE SCREENS */
@media screen and (min-width: 1025px) {

	.wrapper { 
	  max-width:1200px;
	  box-sizing: border-box;
	}
	
	#inhoud #contentsidebar { 
	  
	}
	
	#inhoud #mainsidebar { 
	  
	}
	
}

@media screen and (max-width: 1024px) {
	
	.wrapper { 
	  max-width: 920px;
	  box-sizing: border-box;
	}

	#header #menu img {
	  max-width: 144px!important;
	  height: auto!important;
	  margin-top: 22px;
	  float: right;
	}	
	
	#menu a {
	  padding-left: 6px;
	  padding-right: 6px;
	}

	#menu li { 
	  margin-top: 10px;
	}
	
	#menu li.menu-item-has-children a {
	  padding-right: 20px;
	}
		
	#menu ul li:last-child ul {
	  right: 0; 
	  left: auto;
	}
	
	#menu ul li:last-child ul:before {
		margin-left: 80px;
	}
	
	.inhoud .blogbar .block .berichtimage, 
	#inhoud .blogbar .block .berichtimage,
	#subfooter .blogbar .block .berichtimage { 
	  height: 140px;
	}
	
	.inhoud .blogbar .block.onehalf .berichtimage, 
	#inhoud .blogbar .block.onehalf .berichtimage,
	#subfooter .blogbar .block.onehalf .berichtimage {
	  height: 200px;
	}
	
	.inhoud .blogbar .block .berichttekst h3.entry-title, 
	#inhoud .blogbar .block .berichttekst h3.entry-title,
	#subfooter .blogbar .block .berichttekst h3.entry-title {
	  height: 60px;
	}

	img { 
	  max-width: 100%!important; 
	  height:auto!important;
	}


	.inhoud img.aligncenter {
	  max-width: 100%!important; 
	  height:auto!important;
	}

	.inhoud img.alignleft,
	#inhoud img.alignleft,
	.inhoud img.alignright,
	#inhoud img.alignright {
	  max-width: 350px!important;
	  height:auto!important;
	}

	.inhoud ul#autovandeweek li,
	#inhoud ul#autovandeweek li,
	#subfooter ul#autovandeweek li	{
	  width: 23.8%;
	}

	#personeelbar .block.onefourth { width: 32.5%;}
	
	.slick-prev {
    	left: -45px!important;
	}

}


/* TABLETS */
@media screen and (max-width: 820px) {

#top {
  margin-top: 48px;
}

#top #searchform {
    position: absolute;
    right: 20px;
    top: 90px;
    z-index: 10;
}

#mainvisual.visual {
  margin-top: -38px!important; 
}

	.wrapper {
	  max-width: 740px;
	}

	#menu-main {
	  display: none;
	}
	
	#header .custom-html-widget {
	  right: 60px;
	}

	#header #menu {
	  height: 0px!important;
	  min-height: 0px!important;
	}
	    
		
	nav { display: none!important; } /* menu visibility fix */
	.mean-bar nav { display: block!important; }

	#header #menu img {
	  max-width: 280px!important;
	  max-height: 84px;
	  position: fixed;
	  left: 0!important; 
	  top: 0!important;
	  height: auto!important;
	  width: auto!important;
	  margin: 2px 0 10px 0;
	  padding: 0 10px!important;
	  z-index:9000;
	  background: white;
	}
	
	#header .is-sticky #menu img {
	  max-height: 40px;
	}
	
	#header #menu .desktoplogo { 
	  display: none;
	}
	
	#header #menu .mobilelogo { 
	  display: block;
	}

	#header #menu-sticky-wrapper.is-sticky #menu img {
	  top: 0px!important;
	  padding: 0 10px!important;
	}

	#undefined-sticky-wrapper {  /* menu verwijderen */
	  display: none!important;
	}

	.amazingslider-description-1,
	.amazingslider-description-2,
	.amazingslider-description-3,
	.amazingslider-description-4,
	.amazingslider-description-5 {
	  display: none!important;
	}

	#mainvisual.visual {
	  border-bottom: 20px solid #000000;
	}

	#menu { 
	  margin-top: 20px;
	}

	#menu a {
	  line-height:16px; 
	  font-size: 20px;
	}
	
	#menu li:hover a {
	  background: #e2e2e2;
	} 

	#menu .current-menu-item > a,
	#menu .current-menu-ancestor > a,
	#menu .current_page_item > a,
	#menu .current_page_ancestor > a,
	#menu .current-post-parent > a {
	  background: #e2e2e2;
	}
	
	#menu ul ul {
	  top: 24px;
	}


	
	.inhoud {
	  padding: 0 0 4em;
	}
	
	
	img { 
	  max-width: 100%!important; 
	  height:auto!important;
	}
	
	a.zoomLink {
	  max-width: 100%!important;
	  height:auto!important;
	}
	
	.su-column img { 
	  max-width: 100%!important;
	  height:auto!important;
	}

	.inhoud img.aligncenter {
	  max-width: 100%!important; 
	  height:auto!important;
	}

	.inhoud img.alignleft,
	#inhoud img.alignleft,
	.inhoud img.alignright ,
	#inhoud img.alignright {
	  max-width: 280px!important;
	  height:auto!important;
	}

	
	#personeelbar .block.onefourth {margin: 0px 10px 30px 10px; box-sizing: border-box; width: 45%}
		
	.inhoud .blogbar .block.onehalf, .inhoud .blogbar .block.onefourth,
	#inhoud .blogbar .block.onehalf, #inhoud .blogbar .block.onefourth,
	#subfooter .blogbar .block.onehalf, #subfooter .blogbar .block.onefourth { 
	  width: 50%;
	}
	
	.inhoud .blogbar .block .berichttekst h3.entry-title,
	#inhoud .blogbar .block .berichttekst h3.entry-title,
	#subfooter .blogbar .block .berichttekst h3.entry-title { 
	  height: 30px;
	  white-space:nowrap;
	  text-overflow: ellipsis;
	}
	
	.inhoud .listbar .block .berichttekst h3.entry-title,
	#inhoud .listbar .block .berichttekst h3.entry-title,
	#subfooter .listbar .block .berichttekst h3.entry-title {
	  height: auto
	}
	
	.inhoud .listbar .block .berichttekst,
	#inhoud .listbar .block .berichttekst,
	#subfooter .listbar .block .berichttekst {
	  width: 60%;
	}
	
	#inhoud #contentsidebar {
	  width:100%;
	  float: none; 
	}

	#inhoud #mainsidebar { 
	  width:100%; 
	  float: none;
	  padding-left: 0!important;
	  padding-right: 0!important;
	}

	#inhoud #mainsidebar .widget {
	  display: inline-block;
	  width: 50%; 
	  vertical-align: top;
	  padding: 1%;
      box-sizing: border-box;
	}

	.bericht {
	  padding: 10px; 
	  margin: 10px; 
	  margin-bottom: 20px;
	  width: 46%; 
	  min-height: 200px;
	  background: #f8f8f8; 
	  border: 1px solid #e3e3e3;
	  box-sizing: border-box;
	}
	
	.su-column {
	  padding-bottom: 2.5em; 
	  display: inline-block!important; 
	  vertical-align: top!important; 
	  padding-left: 0px;
	}
	
	.su-column-size-1-1 { max-width: 100%!important; }
	.su-column-size-1-2 { max-width: 48%!important; }
	.su-column-size-1-3 { max-width: 30.66%!important; }
	.su-column-size-2-3 { max-width: 65.33%!important; }
	.su-column-size-1-4 { max-width: 22%!important; }
	.su-column-size-3-4 { max-width: 74%!important; }
	.su-column-size-1-5 { max-width: 16.8%!important; }
	.su-column-size-2-5 { max-width: 37.6%!important; }
	.su-column-size-3-5 { max-width: 58.4%!important; }
	.su-column-size-4-5 { max-width: 79.2%!important; }
	.su-column-size-1-6 { max-width: 13.33%!important; }
	.su-column-size-5-6 { max-width: 82.66%!important; }

	

	#footer h3.widget-title {
	  padding-top: 0px!important;
	}

	#footer  .widget-area { 
	  width: 50%;
	}
	
	#footer #first.widget-area { 
	  width: 33%; 
	}
	
	#footer #second.widget-area { 
	  width: 33%;
	}
	
	#footer #third.widget-area { 
	  width: 33%; 
	}
	
    ul.ctatabs {
      top: 100%;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50px;
      font-size: 0;
      -ms-transform: translate(0%, -100%); /* IE 9 */
      -webkit-transform: translate(0%, 100%); /* Safari */
      transform: translate(0%, -100%);
	  display: flex;
    }
		  
    ul.ctatabs li {
      display: inline-block;
      text-align: center;
	  /*width: 25%;*/
	  flex: 1 0;
    }

  
    ul.ctatabs li:hover {
      margin-left: 0px;
    }

    ul.ctatabs li a {
      display: block;
      width: 100%;
      height: 50px;
    }
	 
	#copyright {
      padding: 10px 0px 120px 0px;
	}
	
	a.backtotop.show { 
	  bottom: 45px;
	}
	
	.inhoud .slider ul, #inhoud .slider ul { width: 98%; margin-left: 1%;}

}



/* SMALLER TABLETS */
@media screen and (max-width: 600px) {

#top {
  margin-top: 50px;
}

#mainvisual.visual {
  margin-top: -38px!important; 
}

	#header #menu img {
	  max-width: 280px!important;
	  max-height: 40px;
	  left: 0%!important; 
	  top: 0px!important;
	  height: auto!important;
	  width: auto!important;
	  padding: 0 10px;
	  margin-top: 2px;
	}
	
	
	.wrapper { 
	  max-width: 500px; 
	}
	
	.inhoud img.alignleft,
	#inhoud img.alignleft,
	.inhoud img.alignright,
	#inhoud img.alignright {
	  max-width: 250px!important;
	  height:auto!important;
	}
	
	.inhoud .blogbar .block.onehalf .berichttekst h3.entry-title,
	#inhoud .blogbar .block.onehalf .berichttekst h3.entry-title,
	#subfooter .blogbar .block.onehalf .berichttekst h3.entry-title {
	  white-space: normal;
	  text-overflow: ellipsis;
	  height: 40px;
	}
	
	#subfooter .blogbar .block.onehalf .berichttekst h3.entry-title {
	  height: auto;
	}
	
	.inhoud ul#autovandeweek li ,
	#inhoud ul#autovandeweek li,
	#subfooter ul#autovandeweek li { 
	  width: 48%;
	  margin: 0% 0.5%;
	}
	
	#minizoeker .labeltekst, #minizoeker label  { 
	  display: none!important;
	}

	#minizoeker .label, #minizoeker select, #minizoeker input[type=button] {
	  width: 100%!important; 
	  margin-left: 0!important;
	}


	#minizoeker #zoekbar {
	  margin-left: 0%;
	}
	
	#footer #supplementary {
	  white-space: normal;
	}
	
	#footer  #first.widget-area { 
	  width: 100%; 
	}
	
	#footer #second.widget-area { 
	  width: 100%;
	}
	
	#footer #third.widget-area { 
	  width: 100%; 
	}


	body.home .su-column-size-1-2,
	body.page-template-page-home .su-column-size-1-2 { 
	  max-width: 100%!important; 
	}
	
	body.home .su-column,
	body.page-template-page-home .su-column {
	  padding-bottom: 0.5em; 
	}
	
    ul.ctatabs li.whatsapptab.mobiel { display: inline-block; }
    ul.ctatabs li.whatsapptab.desktop { display: none; }
	
	
	.gallery-grid .gallery-item-wrapper {
      width: 50%!important;
	  text-align: center!important;
	}
	.gallery-grid .gallery-item-wrapper .gallery-item {
      width: 98%!important;
	  float: none!important;
	  margin-left: auto!important;
	  margin-right: auto!important;
	}
	
	.gallery-masonry .gallery-item {
	  float: none;
	  display: inline-block;
	  box-sizing: border-box;
	  width: 50%;
	  padding: 1%;
	  margin-bottom: 0!important;
	}
	  
	.wc-gallery   a {
	  margin-bottom: 0!important;  
	}
}



/* MOBILE PHONES */
@media screen and (max-width: 480px) {

#top {
  padding: 5px 0px;
  text-align: center;
  margin-top: 42px;
}

#top #searchform {
  right: 50%;
  -ms-transform: translate(50%, 0%); /* IE 9 */
  -webkit-transform: translate(50%, 0%); /* Safari */
  transform: translate(50%, 0%);
}


#top a {
  display: inline-block;
  margin: 0px auto;
  width: 49%; 
  text-align: center!important;
  font-weight: bold;
}


	#header #menu img {
	  max-width: 280px!important;	
	  margin-top: 2px!important;
	  padding: 0 10px!important;
	}
	
	
	#mainvisual.visual div { 
	  display: none;
	}
	
	.wrapper { 
	  max-width: 96%; 
	}

	/*.wrapper * { 
	  text-align: left!important;
	}*/


	#inhoud #contentsidebar { 
	  width: 100%; 
	  float: none;
	}

	#inhoud #mainsidebar { 
	  width: 100%; 
	  float: none; 
	  margin-top: 0px;
	  padding-left: 0!important;
	  padding-right: 0!important;
	}
	
	#inhoud #mainsidebar .widget { 
	  padding: 0; 
	  width: 98.5%; 
	  margin: 0% 0.5% 30px 0.5%;
	  float: none;
	}

	h1, h2, h3, h4, h5, h6 {
	  font-size: 28px!important;
	  line-height: 28px!important;
      margin-bottom: 12px!important;
	}

	body.home h1,body.home h2, body.home h3, body.home h4, body.home h5, body.home h6,
	body.page-template-page-home h1, body.page-template-page-home h2, body.page-template-page-home h3,
	body.page-template-page-home h4, body.page-template-page-home h5, body.page-template-page-home h6 {
	  text-align: center!important;
	}

	h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
	  text-align: center!important;
	}

	.pre-title { 
	  font-size: 14px; 
	}
	
	body.home .pre-title,
	body.page-template-page-home .pre-title { 
	  text-align: center!important; 
	}

	#header #bedrijfslogo {
	  margin-top: 0px; 
	}

	#header #bedrijfslogo img{
      max-width: 260px!important;
	}

	#header .wrapper .custom-html-widget {
	  position: relative;
	  width: 100%;
	  text-align: center!important;
	  display: block; 
	  right: 0;
	  top: -10px;
	}

	#header .wrapper .custom-html-widget p.title { 
	  text-align: center!important;
	}

	#menu ul {
	  font-size: 16px;
	  list-style: none;
	  margin: 1px 28px 0 28px;
	  padding-left: 0;
	  text-align: center;
	}
	
	form.wpcf7-form .links { 
	  display: block; 
	  float: none; 
	  width: 100%;
	}
	
	img { 
	  max-width: 100%!important; 
	  height:auto!important;
	}

	.su-column { 
	  padding-right: 0px; 
	  padding-bottom: 2.5em; 
	  width: 100%!important;
	}

	.inhoud aside.AutoCommerceAvdwWidget ul li { 
	  width: 47.5%; 
	  max-height: 180px; 
	}
	
	.inhoud aside.AutoCommerceAvdwWidget ul li .avdwgegevens * {
	  text-align: center!important;
	}

	.inhoud aside.AutoCommerceAvdwWidget ul li .avdwfoto img { 
	  margin-top: 0px; 
	}

	.rpwe-block ul li { 
	  padding: 0; 
	  width: 47.5%;	
	  margin: 0% 0.5%;	
	}
	
	.rpwe-summary {
	  display: none;
	}
	
	article.wit .rpwe-time, .rpwe-time {
	  display: none;
	}
	
	.inhoud img.alignleft,
	#inhoud img.alignleft,
	.inhoud img.alignright,
	#inhoud img.alignright,
	.inhoud img.aligncenter,
	#inhoud img.aligncenter	{
	  margin-bottom: 18px;
	  float: none!important;
	  display: block;
	  max-width: 100%!important; 
	  height:auto!important; 
	}

	a.zoomLink {
	  display: block;
	  position: relative;
	  float: none!important;
	  margin-bottom: 18px;
	}
	
	.alignleft, .alignright, .aligncenter {
	  max-width: 100%!important;
	  display: block;
	  float: none;
	  margin-right: auto;
	  margin-left: auto;
	  margin-bottom: 18px;
	}
	
	
	.bericht { 
	  padding: 10px; 
	  margin: 10px;
	  margin-bottom: 20px;
	  width: 90%; 
	  float: none; 
	  min-height: 154px;
	  background: #f8f8f8; 
	  border: 1px solid #e3e3e3;
	}
	
	.inhoud .blogbar .block.onehalf, .inhoud .blogbar .block.onefourth,
	#inhoud .blogbar .block.onehalf, #inhoud .blogbar .block.onefourth,
	#subfooter .blogbar .block.onehalf, #subfooter .blogbar .block.onefourth {
	  width: 100%; 
	}
	
	.inhoud .blogbar .block .berichttekst h3.entry-title, .inhoud .listbar .block .berichttekst h3.entry-title,
	#inhoud .blogbar .block .berichttekst h3.entry-title, #inhoud .listbar .block .berichttekst h3.entry-title,
	#subfooter .blogbar .block .berichttekst h3.entry-title, #subfooter .listbar .block .berichttekst h3.entry-title {
	  height: auto; 
	}
	
	.inhoud .blogbar .block .berichttekst a.bloglink, .inhoud .listbar .block .berichttekst a.bloglink,
	#inhoud .blogbar .block .berichttekst a.bloglink, #inhoud .listbar .block .berichttekst a.bloglink,
	#subfooter .blogbar .block .berichttekst a.bloglink, #subfooter .listbar .block .berichttekst a.bloglink {
	  text-align: center!important; 
	}
	
	.inhoud .blogbar .block.onehalf .berichttekst h3.entry-title,
	#inhoud .blogbar .block.onehalf .berichttekst h3.entry-title,
	#subfooter .blogbar .block.onehalf .berichttekst h3.entry-title { 
	  height: auto;
	}
	
	.inhoud .listbar .block .berichttekst .entry-date, 
	#inhoud .listbar .block .berichttekst .entry-date,
	#subfooter .listbar .block .berichttekst .entry-date {
	  text-align: center;
	}

	.inhoud .listbar .block .berichtimage,
	#inhoud .listbar .block .berichtimage,
	#subfooter .listbar .block .berichtimage  {
	  width: 100%; 
	}
	
	.inhoud .listbar .block .berichttekst,
	#inhoud .listbar .block .berichttekst,
	#subfooter .listbar .block .berichttekst { 
	  width: 100%; 
	}

	.inhoud .blogbar .block .berichttekst a.bloglink, .inhoud .listbar .block .berichttekst a.bloglink,
	#inhoud .blogbar .block .berichttekst a.bloglink, #inhoud .listbar .block .berichttekst a.bloglink,
	#subfooter .blogbar .block .berichttekst a.bloglink, #subfooter .listbar .block .berichttekst a.bloglink {
	  width: 100%!important; 
	}
	
	body.search #inhoud .blogbar .block .berichttekst  p {
		min-height: 30px;
	}

	
	#personeelbar .block.onefourth { margin: 0px auto 30px auto;  width: 98%; }
	#personeelbar .block img { box-sizing: border-box; max-width: 100%; height: auto!important; }
	.wrapper #personeelbar .block { text-align: center!important; }

	.su-column {
	  padding-bottom: 0.5em!important; 
	  display: block!important; 
	  padding-left: 0px;
	}
	
	.su-column-size-1-1 { max-width: 100%!important; }
	.su-column-size-1-2 { max-width: 100%!important; }
	.su-column-size-1-3 { max-width: 100%!important; }
	.su-column-size-2-3 { max-width: 100%!important; }
	.su-column-size-1-4 { max-width: 100%!important; }
	.su-column-size-3-4 { max-width: 100%!important; }
	.su-column-size-1-5 { max-width: 100%!important; }
	.su-column-size-2-5 { max-width: 100%!important; }
	.su-column-size-3-5 { max-width: 100%!important; }
	.su-column-size-4-5 { max-width: 100%!important; }
	.su-column-size-1-6 { max-width: 100%!important; }
	.su-column-size-5-6 { max-width: 100%!important; }
		
	.entry-content .su-button {
		width: 100%;
		padding: 5px;
		box-sizing: border-box!important;
		margin-top: 1em;
		margin-bottom: 1em;
	}
		
	#footer h3.widget-title {
      font-size: 19px!important;
	}

	body.home #footer h3.widget-title,
	body.page-template-page-home h3.widget-title {
	  text-align: left!important;
	}

	#footer .wrapper  #copyright {
	  text-align: center!important;
	  margin-top: 20px;
	  margin-bottom: 20px;
    }

	.spacer.first { 
	  display: block;
	  clear: both;
	  height: 1px;
	  visibility: hidden;
	}

	#cboxTitle { 
	  display: none!important;
	}
	
	
	#subfooter { overflow: hidden!important; }
	.slider ul { max-width: 96%!important; margin-left: 2%!important; }
	
	#inhoud .cff-likebox .fb_iframe_widget iframe ,
	#inhoud .cff-likebox iframe { width: 100%!important;} 
	
	form.wpcf7-form input.wpcf7-submit { 
	  margin-left: 10px; 
	  margin-top: -2px;
	  width: 100px;
	}
	
	.slick-prev {
    	left: -45px!important;
	}
	
}


/* ===== ===== ===== AUTOCOMMERCE ===== ===== ===== */


/* ----- ----- ----- OCCASIONLIJST ----- ----- ----- *//* ----- ----- ----- OCCASIONLIJST ----- ----- ----- */
/* ----- ----- ----- OCCASIONLIJST ----- ----- ----- *//* ----- ----- ----- OCCASIONLIJST ----- ----- ----- */
/* ----- ----- ----- OCCASIONLIJST ----- ----- ----- *//* ----- ----- ----- OCCASIONLIJST ----- ----- ----- */




/* Large */
@media screen and (min-width: 1024px) {
	
}


/* Basic */
@media screen and (max-width: 1024px) {
	#occasionlijstwrapper { width: 940px; max-width: 100%; }
	#occasionlijstwrapper select { width: 190px; margin: 2px; }
	#occasionlijstwrapper .occasionresultV2 { width: 290px; margin: 0px 3px 28px 3px; }
	#occasionlijstwrapper .occasionresultV2 .merkmodel { width: 290px; }
	#occasionlijstwrapper .occasionresultV2 .gegevens { width: 290px; }
	#occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering { width: 280px; }
	#occasionlijstwrapper .occasionresultV2 .prijs {  width: 290px; }
	#occasionlijstwrapper .occasionresultV2 .foto { width: 290px; }
	#occasionlijstwrapper .occasionresultV2 .foto img { width: 264px; }
} 


/* Tablet */
@media screen and (max-width: 800px) {
	#occasionlijstwrapper { width: 620px; margin: 0 auto; }
	
	#occasionlijstwrapper .nav span,
	#occasionlijstwrapper .nav a { margin-top: 4px;}
	
	#occasionlijstwrapper .nav span:nth-child(2):after,
	#occasionlijstwrapper .nav span:nth-last-child(2):before,
	#occasionlijstwrapper .nav a:nth-child(2):after,
	#occasionlijstwrapper .nav a:nth-last-child(2):before 
	{ display: block; height: 0px; width: 10%; content: " ";clear: both;}
	
	#occasionlijstwrapper select { width: 240px; margin: 2px; }
	#occasionlijstwrapper .occasionresultV2 { width: 290px; margin: 0px 6px 28px 6px; }
	#occasionlijstwrapper .occasionresultV2 .merkmodel { width: 290px; }
	#occasionlijstwrapper .occasionresultV2 .gegevens { width: 290px; }
	#occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering { width: 280px; }
	#occasionlijstwrapper .occasionresultV2 .prijs {  width: 290px; }
	#occasionlijstwrapper .occasionresultV2 .foto { width: 290px; }
	#occasionlijstwrapper .occasionresultV2 .foto img { width: 264px;  }
	#occasionlijstwrapper form { margin: 0 auto; margin-bottom: -20px; width: 100%; text-align: center; }
} 


/* Mobile */
@media screen and (max-width: 480px) {

	#occasionlijstwrapper .nav  { zoom: 0.85; }
	
	#occasionlijstwrapper div.nav { display: block; margin-top: 8px; text-align: center!important; }
	#occasionlijstwrapper div.nav a.nav  { margin-bottom: 5px; }
	#occasionlijstwrapper { width: 280px;  margin: 0 auto; }
	#occasionlijstwrapper .occasionresultV2 {  width: 100%;  margin: 0px 0px 28px 0px; }
	
	#occasionlijstwrapper .occasionresultV2 .merkmodel { box-sizing: border-box; width: 100%; padding: 3px 0px; }
	#occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering { box-sizing: border-box; width: 100%; }
	#occasionlijstwrapper .occasionresultV2 .gegevens { box-sizing: border-box; width: 100%; padding: 5px 0px; }
	
	#occasionlijstwrapper .occasionresultV2 .foto { 
		height: auto; width: 100%; 
		box-sizing: border-box;
		margin-bottom: 8px;
		text-align: center;
	}
	
	#occasionlijstwrapper .occasionresultV2 .foto a img { 
		width: 100%!important; height: auto!important;
		box-sizing: border-box;
	}
	
	#occasionlijstwrapper .occasionresultV2 .gegevens .basics { width: 150px; }
	#occasionlijstwrapper .occasionresultV2 .gegevens .basics .label { display: inline-block; width: 80px; }
	#occasionlijstwrapper .occasionresultV2 .gegevens .basics .value { display: inline-block; width: 70px; }
	
	#occasionlijstwrapper .occasionresultV2 .prijs { 
		float: right; width: 110px; margin-right: 0px;
		margin-top: 24px; padding-top: 0;
	}
	
	#occasionlijstwrapper .occasionresultV2 .prijs span {
		margin-top: -14px;
	}

	#occasionlijstwrapper form { 
		margin: 0 auto; margin-bottom: -10px; width: 100%; 
		}
		
	#occasionlijstwrapper select {
    width: 120px; margin-left: 0px
	}
}



/* huge */
@media screen and (min-width: 1200px) {

	#occasionlijstwrapper select { width: 260px; }
	
	#occasionlijstwrapper .occasionresultV2 { width: 340px; }
	#occasionlijstwrapper .occasionresultV2 .merkmodel { width: 340px; }
	#occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering { width: 340px; }
	#occasionlijstwrapper .occasionresultV2 .foto { width: 340px; height: 240px; }
	#occasionlijstwrapper .occasionresultV2 .foto a img { width: 338px!important; }
	#occasionlijstwrapper .occasionresultV2 .gegevens { width: 100%; }
	#occasionlijstwrapper .occasionresultV2 .gegevens .basics { width: 100%; }
	#occasionlijstwrapper .occasionresultV2 .gegevens .basics .label { width: 130px; }
	#occasionlijstwrapper .occasionresultV2 .gegevens .basics .value { width: 180px; }
	#occasionlijstwrapper .occasionresultV2 .prijs { width: 190px; }
	#occasionlijstwrapper .occasionresultV2 .prijs span { width: 170px; margin-left: -170px; }

}


/* Large */
@media screen and (min-width: 1025px) and (max-width: 1199px) {

	#occasionlijstwrapper select { width: 220px; }
	
}


/* ----- ----- ----- DETAILPAGINA ----- ----- ----- *//* ----- ----- ----- DETAILPAGINA ----- ----- ----- */
/* ----- ----- ----- DETAILPAGINA ----- ----- ----- *//* ----- ----- ----- DETAILPAGINA ----- ----- ----- */
/* ----- ----- ----- DETAILPAGINA ----- ----- ----- *//* ----- ----- ----- DETAILPAGINA ----- ----- ----- */


@media screen and (min-width: 1260px) { 
	#occasioncontent #media a img { width: 180px; }
}	

/* Large */
@media screen and (min-width: 1024px) {
	
	#occasioncontent #media a.zoomLink { display: inline-block; float: none!important; vertical-align: top; }
	#occasioncontent #media a img { width: 150px; margin: 6px; }

}



/* Basic */
@media screen and (max-width: 1024px) {
	
} 


/* Tablet */
@media screen and (max-width: 800px) {

	#headerbuttons { width: 25%; }
	#occasioncontent .navbuttons { width: 70%; }
	
	#occasioncontent {
		width: 100%;
		margin: 0 auto;
	}
	
	#occasioncontent a { padding: 0px; }

	.occasionblock {
		display: block;
		float: none;
		width: 100%;
	}
	
	#intro .occasionblock.mainfoto { width: 100%; float: none; }
	#intro .occasionblock.mainfoto img { width: 100%; }
	
	#occasiontabs a:link, #occasiontabs a:visited, #occasiontabs a:hover, 
	#occasiontabs a:active, #occasiontabs a.tabactive { 
		border-width: 1px 1px 1px 1px; 	
	}
	
	#overzicht, #details, #optiesextras, 
	#media, #auto360, #contact  { 
		display:none; width: 100%;
		margin-bottom: 10px;
	}
	
	#overzicht #overzichtgegevens { width: 100%; }
	
	#optiesextras ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		}
		
	.afleverpakketitem {
		width: 48%!important;
	}
	
	#occasioncontent #contactbuttons { display: none; }
	
	#contact #contactbuttons { 
		float: none; display: block; clear: both; 
		padding-top: 0px; margin-left: 0px;
		text-align: center; width: 100%;
	}
		
	#contact #contactbuttons p.title, 
	#contact #contactbuttons p { text-align: center; }
	
	
	#occasioncontent #copyright {
		float: none;
		text-align: center;
		margin-bottom: -20px;
	 }
	 
	#occasioncontent #media a { padding: 0px; }
	#occasioncontent #media a img { 
		float: left; margin: 4px; 
		margin-top: 2px; width: 86px!important;
	}
	
	
	#youtube { width: 440px!important; height: 157px; border: 1px solid #cccccc; margin: 0 auto; }
	#youtube iframe { width: 440px!important; height: 157px!important; }
	
	#contact #form { float: none; width: 430px; }
	
	#facebook iframe#facebookframe {
		height: 35px!important;
		margin-top: 5px;
		width: 300px;
		float: left;
	}
	
}

@media screen and (max-width: 650px) {
	#headerbuttons { width: 100%; text-align: center; margin-top: -80px; }
	#occasioncontent .navbuttons { width: 100%; text-align: center; margin-top: 20px; }
}
	

/* Small Tablet */
@media screen and (max-width: 600px) {
	
	#occasioncontent .navbuttons span, #occasioncontent .navbuttons a { 
		margin: 0 5px 5px 5px;
	}
	
	#occasiontabs a:link, #occasiontabs a:visited { 
		padding: 3px 12px; 
		margin-right: 4px; 
	}
	
	#facebook iframe#facebookframe {
		width: 95%;
		float: none;
	}
}

/* Mobile  */
@media screen and (max-width: 480px) {

	
	#occasioncontent .navbuttons { zoom: 0.75; white-space:nowrap; }
	#headerbuttons { margin-top: -64px; }
	
	#occasioncontent {
		width: 100%;
		margin-top: 5px;
	}
	
	#intro img {
		float: none;
		width: 290px;
	}

	#intro table.voertuiggegevens {
		margin: 0 0 0 0;
		padding: 0;
		width: 100%;
	}
	
	#intro .occasionblock { width: 100%; float: none; }
	
	.occasionblock.mainfoto { min-height: 20px; }
	
	
	#overzicht, #details, #optiesextras, 
	#media, #auto360, #contact { 
		display:none; width: 100%; margin-bottom: 30px;
	}
	
	#overzicht #overzichtgegevens { width: 100%; }
		
	
	.afleverpakketitem {
		width: 98%!important;
	}
	
	#intro td.label {padding: 0px;}
	#intro td.details {padding: 0px; }
	

	#details table.voertuiggegevens {
		margin: 0 0 0 0;
		padding: 0;
		width: 100%;
	}


	#occasiontabs {	margin-top: 0px; margin-bottom: 10px; border-bottom: 0px; }
	#occasiontabs a:link, #occasiontabs a:visited {  
		margin-top: 10px;
		width: 100%;
		text-align: center;
		padding: 0px; 
		box-sizing: border-box;
		}
	
	#occasioncontent #contactbuttons { display: none; }

	#optiesextras ul {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
	}
	


	#media, #auto360 { text-align: center; }
	#occasioncontent #media a { padding: 0px; }
	#occasioncontent #media a.zoomLink { display: inline-block; }
	#occasioncontent #media a img { float: left; margin: 10px; margin-top: 2px; width: 120px!important; }
	#occasioncontent #media a img { width: 110px!important; }
	
	#youtube { width: 100%!important; height: 164px; border: 0px solid #cccccc; margin: 0 auto; }
	#youtube iframe { width: 100%!important; height: 164px!important; }
	
	#occasioncontent #contact #contactbuttons { display: block; }
	#contact #form { float: none; width: 290px; }
	#contact #form { width: 100%; }
	
	#contact #form:after { 
	content:"Bezoek onze website op een tablet of desktop computer voor meer contact mogelijkheden.";
	font-weight: normal; font-style: italic; 
	}
	
	#contact #autocommercecontactframe { display: none; }
	
	#cboxTitle  {display: none!important; }
	
}


/****************************************************
 
	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	Copyright 2020 Autosoft BV
	
****************************************************/