/* Responsive menu balk */

.resMenubalk    { display: none;height:80px;}
.resMenubalk    {padding: 0; position: relative; top: 0; width: 100%; z-index: 100;}
.resMenubalkinhoud      {background: #122c44; top: 0; left:0; right:0; padding:10px 15px 10px 10px; z-index:50; position: fixed; height: 60px;position: absolute;}
.resMenubalkinhoud a    {display: inline-block; text-decoration: none; position: relative; padding: 13px 5px; float: right;color: #fff;font-size: 27px;}
.resMenubalkinhoud img  {width: 30px;}
.resMenubalkinhoud .resMenucategorieknop {margin: 0 0 0 15px;}
.resMenubalkinhoud .resMenucategorienaam  { color: #fff; display: none; float:right; cursor: pointer; font-size: 18px; font-weight: bold; margin: 0 0 0 10px; position: relative; line-height: 28px; text-decoration: none; }
.resMenubalkinhoud .resMenustandaardmenu,
.resMenubalkinhoud .resMenuwinkelmandje,
.resMenubalkinhoud .resMenuZoekenKnop {float: right; padding-left: 10px !important;font-size: 24px;color: #fff;    margin-top: 2px;}
.resMenuwinkelmandje  {position: relative; top:1px;}
.resMenubalkinhoud .resZoeken {display: block; left: 10px; right: 190px; max-height: 0; overflow: hidden; padding: 0; position: absolute; top: 15px; transition: all 0.3s ease 0s;}
.resMenubalkinhoud .resZoeken.open {max-height: 60px; padding-top: 5px; padding-bottom: 5px; z-index: 21;}
.resMenubalkinhoud #resZoekveld {border: 1px solid #ccc; border-radius: 2px; box-shadow: none; font-size: 14px; font-style: italic; margin: 0 auto; display: block; padding: 8px 10px; transition: all 0.3s ease 0s; text-align: left; width: 100%;}
.resZoekenSluiten { background: #777777; cursor: pointer; border-radius: 5px; color: #ffffff; left: -50%; margin: 0 auto; padding: 14px; position: absolute; right: -50%; text-align: center; top: 0; transform: translateY(65px); width: 100px; z-index: 100; }
/* Responsive menu balk holder */
.resMenuHolder  { background: #fff; height: auto; right: -110%; padding: 0px; position: absolute; top: 80px; transition: all .3s ease; width: 100%; z-index: 22; overflow-y: scroll;}
.resMenuHolder.open {right: 0%;}
.resMenuHolder .resMenuinhoud {}f
.resMenuHolder .resMenuinhoud .resMenublok {}
.resMenubloktitel       {}
.resMenublokinhoud      {}

.resMenubloktitel 	{ background: #eee; color: #777777; display: block; font-size: 14px; font-family: "Roboto Slab",Helvetica,Arial,sans-serif; font-weight: normal; padding: 15px; position: relative;}
.resMenublok:first-child .resMenubloktitel {border-top: 0;}

.resMenublokinhoud 	ul	{padding: 0; margin: 0;}
.resMenublokinhoud .resMenuItem            {list-style-type: none; position: relative;    border-bottom: 1px solid #122c43; background-color: #fcf5e6;}
.resMenublokinhoud ul .resMenuItem:first-child a {border: 0;}
.resMenublokinhoud .resMenuItem a          {border-top: 1px solid #e7e7e7; display: block; padding: 10px 15px; box-sizing: border-box; font-weight: normal; text-decoration: none; width: 100%;     color: #122c43; font-size: 18px; transition: background-color .3s ease; font-family: "Roboto Slab"; text-align: center;}
.resMenublokinhoud .resMenuItem.active > a  {    background-color: #9a5c33;color: #fcf5e6;border: none;}
.resMenublokinhoud .resMenuItem.active > a::before {color: #fff;}
.resMenublokinhoud .resMenuItem #respVerlangLijstCode {width: 100%; padding: 10px; box-sizing: border-box; font-style:italic; border-radius: 0px; font-size: 14px; border: 0; color: #000; border-bottom: 1px solid #dbdbdb; background: #fff; box-shadow: none; height: auto; margin:0;}
.resMenublokinhoud .resMenuItem:last-child a {}

/* Submenus */
.resMenuItem .laag1 a {font-size:16px;}
.resMenuItem .laag2 a {font-size:14px;}

.resMenuwinkelmandje #reswinkelMandjeAantal {background: #fff; border-radius: 50%; color: #000; font-size: 12px; height: 20px; line-height: 1.6em; position: absolute; right: -7px; text-align: center; top: 2px; width: 20px;font-weight: bold;} 
#aantal                 {background: #eee; border-radius: 10px; display: inline-block; line-height: 15px; margin-left: 5px; color:#fff; padding: 3px 7px; text-align: center; }
.openklapper            {width: 44px; height: 44px; right: 0; top: 0; position: absolute; background: url("images/res_plus.svg") no-repeat scroll center center / 50% auto;}
.openklapper.open       {background: url("images/res_min.svg") no-repeat scroll center center / 50% auto;}
.resMenuItemHolder      {max-height: 0px; overflow: hidden; transition: .6s all ease; }
.resMenuItemHolder.open {max-height: 1000px;}


/* Responsive knop */
.responsiveButton         {position:relative; height:26px; width:26px; display:inline-block; background: no-repeat center center transparent; background-size: cover; margin:5px 15px; padding:0; }
.responsiveButton .badge  {border-radius:30px; padding:4px 6px; font-size:12px; background:#0096D8; text-align:center; line-height:1em;position:absolute; right:-10px; top:-4px; font-weight:bold;}
a.responsiveButton        {text-decoration:none; color:#fff; text-align:center;}
#resonsiveBel             {background-image:url("images/responsive/telefoon.png");}
#resonsiveFavorieten      {background-image:url("images/responsive/ster.png");}
#resonsiveWinkelmandje    {background-image:url("images/responsive/winkelwagen.png");}
#resonsiveZoeken          {background-image:url("images/responsive/zoeken.png");}

/* Responsive catgorieen */
.resCategorieen {display: none; overflow: auto;line-height: 1;-webkit-overflow-scrolling: touch;}
.resCategorieen ul {list-style: none; margin: 0; padding: 0; white-space: nowrap;}
.resCategorieen ul li {display: inline-block; margin-right: 10px;}
.resCategorieen ul li a {display: block; padding: 10px; border: 2px solid #eee; border-radius: 3px; text-decoration: none; color: inherit; min-width: 60px; text-align: center;}
.resCategorieen ul li.actief a {background: #eee; border-color: #ddd; color: #000; font-weight: bold;}

/******************/
/* 15 inch versie */
/******************/
@media screen and (max-width: 1200px) { 
    .art-Sheet, .bovenkant, .menuLaag2 .art-nav, .pageFooterHolder .pageFooter, .SubfooterHolder, .accountHouder2, .usps, .pageFooterKnoppen {max-width: 1000px;}

    .usps > div {margin: 0 6px;}

    .art-menu a .t {margin: 0 5px;}

    .supermenuInhoud::before {left: 321px;}

}
@media screen and (max-width: 1200px) { 
	.art-menu li a .t {font-size: 14px;}
	.art-menu li a     {padding: 5px 5px;}

}

/******************/
/* iPad versie    */
/******************/
@media screen and (max-width: 1000px) { 
	.art-Sheet, .bovenkant, .menuLaag2 .art-nav, .pageFooterHolder .pageFooter, .SubfooterHolder, .accountHouder2, .usps, .pageFooterKnoppen {max-width: 760px;}

	.usps {max-width: 760px; padding: 5px 0;}
	.usps > div:nth-child(3) {display: none; }
	.ccRechts {display: none;}
	.resMenubalk, .resCategorieen {display: block;}

	.art-contentLayout .art-sidebar2 .art-Block {padding: 0;}

	a.logo         {display: none;}

	/* Shop */
	/* .shopTegel .artikel:nth-of-type(3n+1)	{clear:none;}
	.shopTegel .artikel:nth-of-type(2n+1) 	{clear:both;} */


  /* Orderproces*/
  .stap .kassaArtikel .aantallen {text-align: center;}
  .stap .kassaArtikel .aantallen input {width: 45px;}
  .stap .kassaArtikel .aantallen .verwijderen {display: block;}
  .stap .kassaArtikel .kassaArtikelAfbeeldingHolder {width: 60px; padding-right: 10px !important;}
  .stap .kassaArtikel .tekst a.kassaArtikelTitel {font-size: 13px; line-height: 1.5em;}
  .stap .kassaArtikel .tekst .variatie {min-width: 0;}
  .offertePdf {display: none;}
  .stappenKnop .button {padding: 11px 20px !important; text-align: center; width: calc(100% - 40px); font-weight: bold; border: 0 !important;}
  .stap2_bestaandeKlant .inloggen, .stap2_bestaandeKlant .uitleg {float: none; width: 100%;}
  .stap2_bestaandeKlant .inloggen .beschrijving,
  .stap2_bestaandeKlant .inloggen .invoer {display: block !important; width: 100% !important; padding: 0;}
  .stap2_naw .factuurAfleverHouder h3 a {opacity: 1;}
  #snelbestellenArtikelomschrijving {width: 20%;}

	.jcarousel-container a, .productCarrousselHolder .jcarousel-container-horizontal {overflow: hidden; padding: 0; width: 730px;}
	.productCarrousselHolder .jcarousel-clip {max-width: 675px;}

	/* Liquid Slider */
	.liquid-slide-sjabloon .inhoud 			{position: absolute; left:auto; right:auto; bottom:10px; max-width:none; padding:10px 20px; text-align: center; width:auto; margin:0 auto; width:100%; box-sizing: border-box;}
	.liquid-slide-sjabloon .inhoud h2 	{font-size:24px; font-weight: normal;}
	.liquid-slide-sjabloon .inhoud p 		{font-size:14px; line-height:1.65em; font-weight: 300;}
	.liquid-slide-sjabloon .inhoud a.knop {font-size:14px; padding:6px 14px;}

	#art-main {padding-top: 0;}
	.bovenkantHolder {position: relative;}
	

	.artikel.detail .links,.artikel.detail .rechts 		{float:none; width:100%; padding:0;}

	.account .welkom span {display: none;}
	.account .welkom {max-width: 155px;}
	.art-menu li a 		{padding:5px 10px; }
  .art-menu li a .t {font-size: 16px; }

  	/* FCK Template aanpassingen */
	.art-Sheet .FCK2kolTdS, .art-Sheet .FCK3kolTdS, .art-Sheet .FCK4kolTdS, .art-Sheet .FCK5kolTdS       {display:none;}
	.art-Sheet .FCK2kolTd,  .art-Sheet .FCK3kolTd, .art-Sheet .FCK4kolTd, .art-Sheet .FCK5kolTd          {width: 100%; vertical-align: top; display:block; margin-bottom:15px;}
	.art-Post .FCK2kolTd,  .art-Post .FCK3kolTd {display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 100% !important; }
	.FCK2kol.strak .FCK2kolTd h1, .FCK2kol.strak .FCK2kolTd h2, .FCK2kol.strak .FCK2kolTd h3, .FCK2kol.strak .FCK2kolTd p {margin-left:auto;  margin-right:auto;}
	.FCK2kol.strak td {margin-bottom: 30px;}
	.pageFooter .FCK2kolTd,  .pageFooter .FCK3kolTd, .pageFooter .FCK4kolTd, .pageFooter .FCK5kolTd      {width: 100%; vertical-align: top; display:block; margin-bottom:15px;}
	.pageFooter .FCK2kolTdS, .pageFooter .FCK3kolTdS, .pageFooter .FCK4kolTdS, .pageFooter .FCK5kolTdS   {display:none;}


	.resMenubalkinhoud .logo a {float: left;}
	.resMenubalkinhoud .logo a img {width: 85px; height: auto;top: -10px; position: relative;}

	.resMenuItem.divider.weg {display: none;}
	.bovenkantHolder {display: none;}
	.HeaderHolder {margin-top: 0;}

	.gbBericht {width: 49%;}

	li.resMenuItem.inloggen   {list-style: none; }
	/* li.resMenuItem.inloggen::before {content: "\f007"; font-family: "Font Awesome 5 Pro"; font-weight: 100; font-size: 26px; padding: 15px; position: relative; top: 5px; color: #fff;}
	li.resMenuItem.inloggen a {display: none;} */

	.account li.inloggen .titel {display: none;}
	li.resMenuItem.inloggen a {color: #fff!important;     margin-top: 4px;}

	li.resMenuItem.uitloggen { list-style: none; }
	li.resMenuItem.uitloggen a { color: #fff!important; }

	.artikel.detail .prijsEnBestel .bestelknop {display: block;}

	div#tabMeebestellenInhoud .shopLijst .artikel { width: 50%; }

.volledigGallery .carousel-cell-groot .verhouding { padding-bottom: 70%;}

.stap .couponcode a.wButControleer {font-size: 13px;}

.stap .totalen {    width: 100%;}

	
.inschrijvenKolom {flex-direction: column;}
.inschrijvenKolom > .rechts {width: 100%; margin: 0;}

.FCK2kol.strak tr:nth-child(odd) td.FCK2kolTd:nth-child(1) {order: 2;}
.FCK2kol.strak tr:nth-child(even) td.FCK2kolTd:nth-child(1) { order: 0; }
.respWrap {overflow: hidden;}

.lijst.header .homeHeader .tekstHouder {top: 80px !important; left: 40px !important;}

.detailOrderHolder {flex-direction: column;}
.detailOrderHolder .detailOrderBlok {width: calc(100% - 20px);}
.detailOrderHolder .detailOrderBlok table.lijst tr {background: unset; border: 0; padding: 5px; margin: 0;}
.detailOrderHolder .detailOrderBlok table.lijst tr td {display: table-cell; border-bottom: 1px solid #eee;}

}


@media screen and (max-width: 760px)  {
	
	div#tabMeebestellenInhoud .shopLijst .artikel { width: 100%;}
	.shopTegel .artikel 					{width:100%;}

	.bestellen .bestelknop a.knop, a.wButBestel { height: 24px;    margin-bottom: 10px; }
	
	.artikel.detail .prijsEnBestel .bestellen .bestelknop input {height: 44px;}

	.mijnAccountOrderHolder table.lijst tr  {    display: block; margin: 0 0 10px; background: #fafafa; border-radius: 3px; padding: 10px; border: 1px solid #eee; position: relative; }
  .mijnAccountOrderHolder table.lijst tr td { display: block; width: 100%; box-sizing: border-box; border: none; background: none !important; padding: 0; }
	.mijnAccountOrderHolder table.lijst td.knoppenHouder {    position: absolute; right: 0; top: 0; width: auto; padding: 10px; border-left: 1px solid #eee;}
	.mijnAccountOrderHolder	table.lijst tr td.bedrag { text-align: left; font-weight: bold; }
	.mijnAccountOrderHolder table.lijst td.knoppenHouder a { padding: 8px; display: block; }
	.mijnAccountOrderHolder table.lijst tr:first-child { display: none; }

	.adresHolder .adressen .item {flex-basis: 100%;}

	
	.volledigGallery .carousel-cell-groot .verhouding { padding-bottom: 100%;}
	.crumb {padding-bottom: 7px;}

	a.knop.bestaandeKlantKnop {top: 40px !important; right: 4px; left: 0; text-align: center;}
	.stap.twee > .blokholder.algemeneGegevens {    margin-top: 60px;}

	.mijnAccountOrderHolder .item {flex-direction: column;}
	.mijnAccountOrderHolder .item .artikelen {display: flex; width: auto; margin: -5px 0 0 0; padding: 0px 10px 10px;}
	.mijnAccountOrderHolder .item .pijl {display: none;}

	div[class*="grid"]{grid-template-columns: 1fr;}

}




/******************/
/* Mobiele versie */
/******************/
@media screen and (max-width: 660px)  {  
	.resMenubalk {display:block;}
	#resMenu2 {height:80px; display:block !important; background: #fff;}
	.art-Sheet, .bovenkant, .menuLaag2 .art-nav, .pageFooterHolder .pageFooter, .SubfooterHolder, .accountHouder2, .usps, .pageFooterKnoppen {max-width: 640px;}
	.art-Post .FCK2kolTdS, .art-Post .FCK3kolTdS {display:none;}
	.art-Post .FCK2kolTd,  .art-Post .FCK3kolTd {display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 100% !important; }
	.FCK2kol.strak .FCK2kolTd h1, .FCK2kol.strak .FCK2kolTd h2, .FCK2kol.strak .FCK2kolTd h3, .FCK2kol.strak .FCK2kolTd p {margin-left:auto;  margin-right:auto;}

	#cookieHolder .cookie {width: calc(100% - 40px); max-width: 100%; border-radius: 0px; left: auto; right: auto; bottom: 0;}

	/* Filter */
	.filters img {width: auto !important;}

	/* Elementen verwijderen */
	.art-nav, 
	.aLandingMenu, 
	.account, 
	.socialMedia, 
	.art-sidebar1, 
	.knoppenRechts, 
	.footerTable .tussen, 
	.winkelwagenHouder, 
	.bovenkant .zoeken, 
	.ccRechts, 
	.ccLinks, 
	.usps,
	.shopSortMaxPageC,
	.shopSortOptie,
	.shopSortMaxPageA,
	.responsiveWeg
	{display:none !important;}

	body                                    {min-width:320px; -webkit-text-size-adjust: none; text-size-adjust: none;}

	/* Typografie aanpassingen inhoud */
	body, ol, ul                            {font-size: 13px;}
	h1, h2, h3, h4, h5, h6                  {clear:both;}
	h1                                      {font-size:20px;    margin-top: 10px;}
	h2                                      {font-size:17px;}
	h3                                      {font-size:14px;}

	#map-canvas, iframe {width: 100% !important; max-width: 100%; float: none;}
	.dealerLijstHolder {float: none; width: 100%; padding: 10px 0 10px 10px; position: relative; box-sizing: }
	.dealerLijstHolder #knopGeoCoordinaten {margin-left: 0;}
	.dealerLijstAantal {padding: 10px 0;}
	.dealerData {padding: 5px 0;}

	.dealerKaartMap {max-height: 250px;}

	.responsiveMenu                                     {display:block;}
	.bovenkantHeader, .accountHouder, .pageFooterHolder {width:100%; overflow:hidden;}
	.responsiveKnop                                     {display: block;}
	.bovenkantHolder, #art-main                         {min-width: 0; overflow:hidden; border-bottom: 0px solid;}
	.alleenResponsive                                   {display:inline;}


	/* Bovenkant aanpassingen */
	.HeaderHolder {width:100%;}
	.logo         {width:140px; margin: 0 auto; z-index:21; position: relative;}
	.bovenkant    {width:100%; height: 100px; padding: 0;}

	/* Algemene paginaindeling */
	.art-Sheet                      {width:100% !important; padding: 0;}
	.art-contentLayout              {width:100% !important;}
	.art-contentLayout .art-content {width:100% !important;}
	.art-Post                       {width:100% !important; margin:0;}
	.art-Post-body                  {padding: 0 30px;}
	.art-Post img                   {max-width:100%; height: auto !important;}

	/* Sidebar aanpassingen */
	.art-contentLayout .art-sidebar2 {width:100% !important;}
	.art-Block                       {padding:5%; margin:0;}
	.art-Block-body                  {padding:0; margin:0;}
	.art-BlockContent-body           {padding:0; margin:0;}
	.art-Block img                   {max-width:100%; height:auto !important;}

	/* Footer aanpassingen */

	.FooterKnoppen                   {display: block; position: relative; top:auto; text-indent: -1000px; width: 100%;}
	.FooterKnoppen a                 {}
	.copyright                       {right:auto; top:auto; left:auto; right:auto; display: block; float: none;}
	.pageFooterKnoppen               {bottom: auto; padding: 10px; position: relative;}
	.pageFooterHolder                {margin-top:0;}
	.pageFooterKnoppenHolder .pageFooterKnoppen {}
	.pageFooterHolder .pageFooter    {padding:30px;}

	/* Sitemap aanpassingen */
	.sitemap1 .sitemap1ul a, .sitemap1 .sitemapWinkel a, .sitemap1 .sitemapMinisite a    {text-decoration: none;}
	.sitemap1 .sitemap1ul li, .sitemap1 .sitemapWinkel li, .sitemap1 .sitemapMinisite li {display: block; float: none; width: auto;}
	ul.sitemap1ul, ul.sitemap1ul ul, ul.sitemap1ul ul ul, ul.sitemap1ul ul ul ul         {margin: 0;}

	li.STPMenu1li  {width:100%; border:0; list-style-type: none;}
	li.STPMenu2li  {margin-left: 10px;}
	li.STPMenu3li  {margin-left: 20px;}
	li.STPMenu4li  {margin-left: 30px;}
	li.STPMenu5li  {margin-left: 40px;}
	li.STPMenu6li  {margin-left: 50px;}
	li.STPMenu7li  {margin-left: 60px;}
	li.STPMenu8li  {margin-left: 70px;}
	li.STPMenu9li  {margin-left: 80px;}
	li.STPMenu10li {margin-left: 90px;}
	li.STPMenu2li a {font-size: 14px;}
	li.STPMenu3li a {font-size: 13px;}

	/* Standaard Modules geoptimaliseerd */
	.Taalkeuze_vlaggen                                                 {left: auto; position: relative; right: auto; text-align: center; width: 100%;}
	.HeaderHolder .slideshowHolder, .HeaderHolder .slideshowHolder div {width:100% !important;}
	.HeaderHolder .slideshowHolder div img                             {width:100% !important; max-width:100%; height:auto !important;}

	/* Inschrijfformulier */
	.inschrijfformulier_table {}
	.inschrijfformulier_table td {display: block;}

	/* Extra eigen responsive maatwerk */
	.footerTable .td             {display:block;}

	.nieuws .bericht.actief .aankeilerafb {margin-left:0; float: none;}
	img.volledig, img.links-20, img.links-30, img.links-40, img.links-50, img.links-60, img.links-70, img.links-80,
	img.rechts-20, img.rechts-30, img.rechts-40, img.rechts-50, img.rechts-60, img.rechts-70, img.rechts-80 {clear:both; width:100% !important; max-width: none !important; margin:0 0 1em 0;}


	.tijdlijn:before, .tijdlijn tr td:before 	{left: 0;}
	.tijdlijn tr td 	{width:80%;}
	.tijdlijn tr:nth-child(even) td, .tijdlijn tr:nth-child(odd) td  {float:right;}

	.nieuws .bericht.widget {width: 100%;}
	.nieuws .bericht > a {padding:0; margin-bottom:40px}




	/* Shop */
	/* Artikelweergave */
	.artikel .afbeelding 							{width: 100%; height:auto;}

	/* .shopTegel .artikel:nth-of-type(4n+1)			{clear: none;}
	.shopTegel .artikel:nth-of-type(3n+1) 			{clear: none;}
	.shopTegel .artikel:nth-of-type(2n+1) 			{clear: both;} */
	.shopTegel .artikel .inner						{height: auto !important;}
	.shopTegel .artikel .voorraad					{display: block;}
	.shopTegel .artikel .voorraad .image 			{display: none;}
	.shopTegel .artikel .favorieten, .shopTegel .artikel .verlang {display:none;}
	.shopTegel .artikel .favorieten .image, .shopTegel .artikel .verlang .image	{padding-right:0;}
	.shopTegel .artikel .favorieten .toelichting	{display: none;}
	.shopTegel .artikel .verlang .toelichting	{display: none;}
	.shopTegel .artikel .omschrijving h2.titel a 	{height:auto;}
	.shopTegel .artikel .bestellen		{display:none;}
	.shopLijst .artikel .inner .col3    {display: none;}
	.shopCompact .artikel .inner			{table-layout: auto}
	.shopCompact .artikel .inner .col1		{display: none;}
	.shopCompact .artikel .inner .col3		{width:auto; padding:0;}
	.shopCompact .artikel .inner .details	{display: none;}
	.shopCompact .artikel .artikelEenheid	{display: none;}
	.shopCompact .artikel .extrainfo		{display: none;}
	.filters .toelichting h2 {display: none;}

	.artikel .label {width:50px;}

	.artikel.detail .ad-gallery .ad-nav {position: absolute; opacity: 0; height: 0; width: 0;}
	.artikel.detail .ad-gallery .ad-image-wrapper .ad-image	{pointer-events:none;}
	.ad-gallery .ad-next .ad-next-image, .ad-gallery .ad-prev .ad-prev-image {display:block !important; opacity:0.5 !important; background-color:#fff;}
	.shopSortOptieTable                   {}
	.shopSortOptieTable td                {}
	.shopSortOptieTable .shopSortMaxPageB {display: none;}
	.shopSortOptieTable td.shopSortNiks {display: none;}
	.shopSortOptieTable td select       {float:right; margin-left: 20px;}
	.shopSortOptieTable td img          {width: auto;}
	#tell-a-friend table {width: 100%;}
	#tell-a-friend td {display: block; width: 100%;}
	#tell-a-friend td textarea, #tell-a-friend td input {width: 100%;}
	/* Einde artikelweergave */
	
	/* Artikel detail */
	.shopNavigatie {margin: 0 auto; height:auto;}
	.artikel.detail .ad-gallery .ad-image-wrapper {height:340px;}

	  /* Extra scherm winkelmandje */
		#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td {display: block;}
		#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td:first-child {display: none;}
		#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen {padding: 0; width: 100%;}
		#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a {width: 50%; text-align: center; box-sizing: border-box; float: left; margin: 10px 0 0;}
		#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a.doorgaanKassa {border-top-right-radius: 0; border-bottom-right-radius: 0;}
		#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a.verderWinkelen {border-top-left-radius: 0; border-bottom-left-radius: 0;}
	
	
		/* Orderproces */
		/* Stappen */
		.stappenbalk {padding: 0 0 10px; text-align: center;}
		.stappenbalk li {margin: 0;}
		.stappenbalk li .naam {display: none;}
		.stappenKnop li a {font-size: 14px;}
	
		.stap.twee > .blokholder,
		#stap2_factuuruitklap,
		#stap2_bewaaraccount,
		.stap3_betaal.blokholder {float: none !important; width: 100% !important; padding: 0;}

		.tabsV2 .titels {display: block;}
.tabsV2 .titels > div {display: block; float: left; width: calc(50% - 10px); box-sizing: border-box; border-radius: 3px; border: 0; margin: 5px;}
.tabsV2 .titels > div.actief {border: 0; background: #365376; color: #FFF;}
.tabsV2 .inhoud {top: 5px;}
	 
		/* Orderproces Stap 1 */
		/* Snelbestellen */
		.snelbestellenHolder                  {padding: 10px;}
		.snelbestellenHolder .titel           {display: block; width: 100%; padding: 0; margin: 0 0 5px;}
		.snelbestellenHolder .invoer          {display: block;}
		.snelbestellenHolder .invoer .inputArtikelnr   {display: block; width: 75%; float: left; padding: 0;}
		.snelbestellenHolder .invoer .inputAantal      {display: block; width: 25%; float: left; padding: 0;}
		.snelbestellenHolder .invoer .inputArtikelnr input {width:100%; margin: 0; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
		.snelbestellenHolder .invoer .inputAantal input {width:100%; margin: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
		#snelbestellenArtikelomschrijving                 {display: block; white-space: nowrap; max-width:100%; width:100%}
		#snelbestellenPrijs                               {display: block; width: 100%; padding: 0; text-align: left;}
		.snelbestellenHolder .snelbestellenKnop   {width:100%; margin: 5px 0 0; display: block; text-align: left;}
		.snelbestellenHolder .autocomplete-suggestions {width: auto !important; left: 10px; right: 10px; top: 75px !important;}
		.snelbestellenHolder .omschrijving {width: auto; margin-right: .25em;}
		/* Einde Snelbestellen */
	
	
	
		.stap1_artikelen table tr:first-child {display: none;}
		.stap1_couponcode .content {width: 100%; display: table;}
		.stap1_couponcode .titel {display: block; margin-bottom: 10px; margin-right: 0;}
		.blokholder.stap1_couponcode .content a.wButControleer {width: 100px;}
	
		/* Orderproces Stap 3 */
		.dropdown.dealerHolder .plaats 		{float: none;}
		.dropdown.dealerHolder .bedrijf 	{display: block;}
		.dropdown.dealerHolder .keuze .km {padding-right: 10px;}
		
		/* Orderproces Stap 4 */
		.stap.vier .gegevens {padding: 10px;}
		.stap.vier .factuurAfleverHouder .links,
		.stap.vier .factuurAfleverHouder .rechts {width: 100%; display: block; margin-top: 10px;}
		.stap.vier .factuurAfleverHouder .midden {display: none;}
		
		/* Order status */
		.status_td3, .statusB_td3 {display:none;}
		.statusB_td2 a {text-decoration: none; pointer-events:none;}
	
		/*Productcarroussel*/
		.productCarrousselHolder .jcarousel-clip {max-width: 445px;}

	.houderHome .tekst {bottom: 0; left: 0; width: 100%; position: relative; box-shadow: none; box-sizing: border-box; border-bottom: 1px solid #eee; padding: 10px;}
	.houderHome .tekst h1 {left: 0; top: 0; width: 100%; box-sizing: border-box; position: relative;}

	.bovenkantHolder {display: none;}

	.logo {height: auto; left: 0; margin: 0; position: relative; top: 0; width: auto; z-index: 21;}
	.resMenubalkinhoud .logo {position: absolute; top: 7px; left: 15px; width: 64px;}
	.resMenubalkinhoud .logo a {width: auto;  padding: 0;}
	.resMenubalkinhoud .logo img {width: 100%;}

	.breadcrumbs  {padding: 8px 10px 0; line-height: 20px;}
	.crumbSpace {line-height: 20px; padding: 0 5px;}

	/*formulier*/
	#formulier_opties table    {width: 100%;}
	#formulier_opties td       {display: block; width: 100%; }
	#formulier_opties td input {width: 100%;}
	.formulier_textarea        {width: 100%;}
	.formulier_holder .formulier.widget input, .formulier_holder .formulier.widget label {display: block; float: none;}


	.shopNavigatie .button {font-size: 11px !important; padding: 8px 6px 6px !important;}
	.artikel.detail .prijzen {font-family: "Roboto Slab",Helvetica,Arial,sans-serif; font-size: 20px; line-height: 1.25em;}

	.stappenKnop .wButStap1, .stappenKnop .wButStap2, .stappenKnop .wButStap3, .stappenKnop .wButStap4  {box-sizing: border-box; padding: 11px !important; width: 100% !important;}
	.homepage .blok {padding: 30px 0;}

	.resMenubalkinhoud .logo a img {top: 2px; }

	.gbBericht {width: 100%;}

	#gb_A, #gb_B {text-align: center;}



	.stap.twee .stap2_bestaandeKlant .inloggen, .stap.twee .stap2_bestaandeKlant .uitleg {width: 100%;}

	.stap .blokholder > .titel {margin-top: 50px;}
}

@media screen and (max-width: 560px)  {
	/*Productcarroussel*/
	.productCarrousselHolder .jcarousel-clip {max-width: 215px;}
}