/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 1300 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

	.lm25{
		width: 25%;
	}

	.lm33{
		width: 33.333%;
	}

	.lm50{
		width: 50%;
	}

	.lm100{
		width: 100%;
	}

	label {
	  font-size: 1.5vw;
	}

}

@media (min-width: 1000px) and (max-width: 1300px){


		.BoxDescript h2 {
			font-size: 20px;
		}

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

		#logo {
	    margin: 10px 25px;
		}

		.headSlogan {
	    margin-right: 25px;
		}

		#flags{
			right: 25px;
		}

		#flags .flag-icon{
			width: 1.8vw;
		}

		#menu #languages > a:first-child {
		    padding: 0px 1.9vw;
		}

		#cart-icon {
		background-image: none;
		}

		#quickSearchOverlay {
    	right: 40px;
		}

    #animation .info {
	left: 6vw;
	}

		#website {
		width: 100%;
	   }

		#content{
			padding: 20px;
		}

		/*#contentDetails,
    #contentDetailsPackage{
			padding: 0 20px;
		}*/

		#vehicleListSort h2 {
			font-size: 1.5vw;
			padding: 0;
		}

   	#footerWrap {
    	width: 900px;
  	}

  	#searchBarWrap {
	    width: 100%;
	    padding:0 20px;
		}

		.close_x:before{
		right: 20px;
		}

		.BoxDescript,
		.BoxPrices{
			font-size: 1em;
		}

		.BoxPrices {
    min-height: 235px;
		}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 999 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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



.l40.m60{
	width: 60%;
}

.l60.m40{
	width: 40%;
}

.l-hide.m-show{
	display: block !important;
}

/* ------------- FLAGS -------------- */

#flags{
	display: none;
}

#flags.logout{
	display: block;
	left: 0;
	right: auto;
	top: 5px;
	position: absolute;
}

.flag-icon {
    font-size: 16px;
}

#menu .LngSelecter a{
	display: flex;
	display: -webkit-flex;
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	justify-content: flex-end;
}

#menu .LngSelecter span.flag-icon{
	margin: 0 10px 0 0;
}

	span.lngTeaserText,
	span.selectedLng{
		display: inline-block;
	}

/* ------------- HEADER -------------- */

.wrapper{
width:100%;
}

.close_x:before{
	right: 20px;
}

		#logo{
			float: none;
			margin: 2px 1% 0 0;
			padding: 10px;
			text-align: center;
			display: block;
		}

		#logo img{
		height:100%;
		}

		#menu{
			-webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.41);
			-moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.41);
			box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.41);
		}

		#userMenu{
		float:left;
		}

			#userMenu div.clear{
			display:none;
			}

		#userMenu #login{
		background:#e67037;
		padding:0 20px;
		position: inherit;
		margin:1px;
		}

		#userMenu #login.basket{
		padding: 10px 20px;
		height:30px;
		margin:1px 0;
		}

		#userMenu #login,
		#userMenu #mobileUserMenuOpen{
		height:30px;
		}

		#userMenu #mobileUserMenuOpen{
		padding: 0 25px;
		}

		#userMenu .clear{
		margin:0;
		padding:0;
		}

		#login, #languages, #basketIcon{
		margin:0 0 1px 0;
		}

			#login #einloggen_auf{
			color:#ffffff;
			}

		#loginPopup{
		left:0;
		min-width: 100%;
		}

		#loginPopup .loginInner{
		width:100%;
		box-sizing:border-box;
		float:left;
		padding:20px 20px 100px 20px;
		}

			#login a.loging{
			padding:0;
			}

		#userMenu > a{padding:0;}

		#quickSearchOverlay{
		height:auto;
		top:0;
		}

.headSlogan{
font-size:10px;
margin: 9px 20px 0 0;
}


/* ------------- DETAIL SEARCH -------------- */

#searchBar{
padding:0 20px;
}

#searchBar #antrieb .ChackerDiv,
#searchBar #auktion .ChackerDiv{
width: 50%;
}

.right_ss{
margin-top:20px;
}

.right_ss br{
display:none;
}

.slider_width{
width:100%;
}

.middel_ss{
padding:0 10px;
}

/* ------------- MENU -------------- */

#menu{
display:none;
}

/* ------------- MOBILE MENU -------------- */

#menu{
	top: 0;
	width: 100%;
	z-index: 1000;
	height: auto;
	background: #ffffff;
	position: absolute;
}

	#menu a{
		display: block;
		width: 100%;
		padding: 0 20px;
		/* border-bottom: 1px solid #636363; */
		float: none;
		padding: 5px;
	}

	.menu-container {
		position: inherit;
		background:inherit;
		padding:0;
		width: inherit;
		height: inherit;
		top: -53px;
	}



	#menu .LngSelecter a{
		float: none;
	}

	#menu a:first-child,
	#menu #languages > a:first-child,
	#menu .LngSelecter a{
		padding:5px;
	}

	#languages{
	width: 100%;
	float: none;
	}

		#menu .LngSelecter{
			position: relative;
			top: inherit;
			background: #636363;
		}

			#menu .LngSelecter a{
				background: none;
				line-height: 60px;
				border-bottom: 1px solid #333;
			}




	/* ########################## */

#mobileMenu {
display: block;
}

		.mobileMenuButton {
		height: 30px;
		width: 40px;
		cursor: pointer;
		display: block;
		right: 10px;
		top: 12px;
		position: absolute;
                z-index: 1000;
		}

			.mobileMenuButton div{
			width:100%;
			background:#fff;
			margin-bottom:6px;
			}

				#mobileMenuContent {
				background: #333333;
				}

					#mobileMenuContent a{
					display:block;
					padding:15px;
					box-sizing: border-box;
					color:#ffffff;
					font-size:16px;
					border-bottom: 1px solid #707070;
					}

/* ------------- MOBILE SUBMENU -------------- */

					#userMenu div#languages{
					display:none;
					}

					#mobileMenuContent a.mobileLanguages,
					#mobileMenuContent a.mobileStocks{
					background: #5d5d5d;
			    padding-left: 15px;
			    border-bottom:1px solid #333333;
			    position:relative;
					}

					.mobileLanguages span:before,
					.mobileStocks span:before{
						font-family: FontAwesome;
						content: "\f0d7";
						margin-right: 15px;
					}

						.mobileLanguages span.active:before,
						.mobileStocks span.active:before{
							content: "\f0d8";
						}

/* ------------- SELECTED LANG -------------- */

					.mobileLanguages div.selectedLng{
					width:24px;
					height:20px;
					float: right;
					}

					.mobileStocks div.selectedLng{
					width:auto;
					height:20px;
					float: right;
					}

					#aSub,
					#StockSelecterMobile{
					background:#777;
					}

					#aSub a{
			    padding-left: 55px;
			    border-bottom:1px solid #333333;
					}

					#StockSelecterMobile a{
			    padding-left: 15px;
			    border-bottom:1px solid #333333;
					}

						#aSub .en,
						#aSub .en:hover{
						background:url(flags/4x3/us.svg) no-repeat 15px;
						}

							div.selectedLng.en{
							background:url(flags/4x3/us.svg) no-repeat;
							}

						#aSub .us,
						#aSub .us:hover{
						background:url(flags/4x3/us.svg) no-repeat 15px;
						}

							div.selectedLng.us{
							background:url(flags/4x3/us.svg) no-repeat;
							}

						#aSub .fr,
						#aSub .fr:hover{
						background:url(flags/4x3/fr.svg) no-repeat 15px;
						}

							div.selectedLng.fr{
							background:url(flags/4x3/fr.svg) no-repeat;
							}

						#aSub .nlbe,
						#aSub .nlbe:hover{
						background:url(flags/4x3/be.svg) no-repeat 15px;
						}

							div.selectedLng.nlbe{
							background:url(flags/4x3/be.svg) no-repeat;
							}

						#aSub .de,
						#aSub .de:hover{
						background:url(flags/4x3/de.svg) no-repeat 15px;
						}

							div.selectedLng.de{
							background:url(flags/4x3/de.svg) no-repeat;
							}

						#aSub .se,
						#aSub .se:hover{
						background:url(flags/4x3/se.svg) no-repeat 15px;
						}

							div.selectedLng.se{
							background:url(flags/4x3/se.svg) no-repeat;
							}

						#aSub .es,
						#aSub .es:hover{
						background:url(flags/4x3/es.svg) no-repeat 15px;
						}

							div.selectedLng.es{
							background:url(flags/4x3/es.svg) no-repeat;
							}

						#aSub .pt,
						#aSub .pt:hover{
						background:url(flags/4x3/pl.svg) no-repeat 15px;
						}

							div.selectedLng.pt{
							background:url(flags/4x3/pl.svg) no-repeat;
							}

						#aSub .it,
						#aSub .it:hover{
						background:url(flags/4x3/it.svg) no-repeat 15px;
						}

							div.selectedLng.it{
							background:url(flags/4x3/it.svg) no-repeat;
							}


		.mobile{
		border-top: 50px solid #333;
		}


/* ------------- MOBILE MENU - MY AREA -------------- */

#MyAreaMenu{
	position: absolute;
	z-index: 800;
	background: #fff;
	width: 100%;
	padding: 0 20px;
	margin-left: -20px;
}

#MyAreaMenu.UserOutside{
	margin: 31px 0 0 0;
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.41);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.41);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.41);
}

	#MyAreaMenu h2{
		padding: 10px 0;
	}

	.my_account_right{
		float: none;
		height: auto;
	}

	#MyAreaMenu .button.small.gardient2{
		margin-right: 20px;
	}

/* ------------- DETAIL SEARCH -------------- */

#searchBarWrap{
width:100%;
}


/* ------------- ANIMATION -------------- */

	#animation{
		position: relative;
		height: 250px;
	}


		#animation .animationSlide{
			min-height: inherit;
		}

		#animation img {
			height: 100%;
		}

		#headImage #animation .infoWrap{
			top: 4%;
			left: auto;
		}

		#headImage #animation .info{
			top: auto;
			left: auto;
			width: 100%;
			text-align: center;
		}

			#animation .imgHeadline,
			#animation .imgSubline{
				font-size: 4vw;
			}

			#animation .imgHeadline span,
			#animation .imgSubline span{
				background: rgba(255,255,255,0.7);
				padding: 0 10px;
			}

			#animation .imgSubline{
			  margin: 5px 0 0 0px;
                          width: 100%;
			}

			#headImage{
			width:100%;
			height:auto;
			}

	#headImage{
		display: flex;
		display: -webkit-flex;
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
	}




/* ------------- QUICK SEARCH -------------- */

                .searchBox.button.small.forwards {
                        width: 66.666%;
                        margin-top: 37px;
                }

		#quickSearchOverlay{
		position:relative;
		width:100%;
		}

			.quickSearchInner{
			box-sizing:border-box;
			}

		.searchBox{
		padding-right: 20px;
		float:left;
		}

		.searchBox.one,
		.searchBox.twoA,
		.searchBox.twoB{
		width:33.333%;
		}

		.searchBox.three{
		width:33.333%;
		}

		.quickSearchInner .searchBox.twoB{
		padding-left:0;
		padding-right:0;
		}

			.quickSearchInner .searchBox.three{
			padding-right: 20px;
			}

		.quickSearchInner .searchBox.button.small.gardient2{
		float:left;
		width:33.333%;
		margin-top:37px;
		line-height:43px;
		height:43px;
		}


		#quickSearchOverlay .button.small.gardient2 span{
		line-height:37px;
		}

		#vehicleListSort .column, #quickLinks2 .column {
			margin-bottom: 10px;
		}

		#vehicleListSort h2 {
			font-size: 1.5vw;
			padding: 0;
		}

	#website,
	#footerWrap{
	width:100%;
	}

/* ------------- MY AREA -------------- */

	.my_account_left{
		display:none;
	}

	.my_account_right{
		width:100%;
	}

	#userMenu #mobileUserMenuOpen{
		margin-top:1px;
	}

	#userMenu #mobileUserMenuOpen,
	#userMenu #mobileMy_account_menu{
		display:block;
	}

 /* ------------- CONTENT-------------- */

#content{
padding: 20px;
width: 100%;
}

#contentDetails,
#contentDetailsPackage{
	/*padding: 0 20px;*/
	width: 100%;
}

/* ------------- VEHICLE LIST BOX VIEW -------------- */

#vehicleListBox{
	border-top: 2px solid #ccc;
}

	.BoxDescript h2 {
		font-size: 20px;
	}

	.BoxName h3{
		width: 250px;
	}

.BoxPrices {
  min-height: inherit;
}

.BoxButton {
  margin-bottom: 10px;
}

.BoxPricePositions {
  margin-bottom: 20px;
}

.BoxTime{
	position: relative;
	padding: 0;
}

#vehicleListBox .button.small.mobile{
	margin-top: 10px;
	max-width: 100px;
}

.BoxDescript,
.BoxPrices {
  font-size: 14px;
}

/* ---------- REGISTRATION ------------*/

	div.mainForm {
		display: contents;
	}

	div.companyData,div.upload{
		width:100%;
	}

	label.custom-file-upload span.inputTitle {
		font-size: 1.5em;
	}

/* ------------- FOOTER -------------- */

	#footerWrap{
	width:100%;
	}

	#footerRight{
	float:none;
	text-align: center;
	}

	#back-top a:hover{
		background:#6c7073;
	}

	#back-top a:focus,
	#back-top a:active{
		background:#e67037;
	}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 1010 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

	.vehicleDetailBidEngines.bidEnginesOne .bid button.small,
	.vehicleDetailBidEngines.bidEnginesOne .fastBid button.small,
	.vehicleDetailBidEngines.bidEnginesOne .highestBid button.small{
		font-size: 1.5vw;
	}


}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 1000 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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


   .m-hide{
   display: none;
   }

   .m25{
   width:25%;
   }

   .m33{
   width:33.333%;
   }

   .m40{
   width:40%;
   }

	 .m50{
   width:50%;
   }

   .m67{
   width: 66.777%;
   }

    .m75{
   width: 75%;
   }

   .m100{
   width:100%;
   }

   .vehicleListLang,
   #vehicleListHead div:nth-child(3){
   display:none;
   }

   .vehicleListLangMobile{
   display:block;
   }

   #quickLinks .m50  #content{
   font-size: 14px;
   margin-top: 0;
   }

   /*.m100 .button.small.gardient2{
   width:100%;
   max-width: 100%;
   }*/

   #vehicleListSort .graphical-select.m50:nth-child(2) div{
   margin-right:0px;
   margin-bottom:20px;
   }

      /* ------------- DETAIL SEARCH -------------- */

      #searchBar .searchBarInner{
      padding: 0 0 20px;
      }

      #searchBar .search_hd{
      font-weight: bold;
      }

      #searchBar .right_ss.,
      #searchBar .middel_ss.two{
      margin-top:20px;
      }

      #searchBar .clearfix{
      display: block;
      }

      body #searchSlide{
      color:#fff;
      }

      .backoverview{
      margin:20px 0;
      }

      #quickLinks2 .button.small.l25.m50 {
      width: 50%;
      }

		#basketform .vehicleListLang{
			display: block;
			position: absolute;
			left: 0px;
			padding-top: 10px;
		}

.vehicleListDescript span{
    display: block;
    width:100%;
}

.vehicleListDescript .clock:before{
    margin-left: 0;
}

.package .vehicleListPic{
    width: 100%;
    margin-bottom: 10px;
}

.package .vehicleListDescript{
    width: 100%;
}

.package .vehicleListPic img{
    min-width: 100%;
    max-width: 100%;
    width: 100%;
}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 920 ::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (max-width:920px) {
	label {
		font-size: 2vw;
	}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 828 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

	.CenterMainer{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.vehicleDetailData{order:1;width: 100%;}
	.vehicleDetailSlider{order:2;width: 100%;}
	.showroom-price{order:3;width: 100%;}
	.showroom-price.net{order:4;width: 100%;}
	.VAT{order:5;width: 100%;}
	.carEquipment{order:6;width: 100%;}

/* ------------- VEHICLE LIST -------------- */

      #vehicleListSort select:first-child{
      width:58%;
      float:left;
      }

      #vehicleListSort select:nth-child(2){
      width:40%;
      float:right;
      }

      #vehicleListSort select:last-child{
      width:100%;
      margin-top:10px;
      clear:both;
      }

/* ------------- VEHICLE DETAILS-------------- */

			.pic-container{
				position: relative;
			}

			.Pics {
		    height: auto;
		}

      .vehicleDetailBidEngines,
      .vehicleDetailSlider{
      width:100%;
      clear:both;
      padding:20px 0;
      }

      .vehicleDetailData,
      .vehicleDetailSlider{
      clear:both;
      width:100%;
      }

      .vehicleDetailData,
      .vehicleDetailBidEngines.bidEnginesTwo{
      padding: 20px 0 20px 0px;
      }

		.vehicleDetailBidEngines.bidEnginesOne .bid button.small,
		.vehicleDetailBidEngines.bidEnginesOne .fastBid button.small,
		.vehicleDetailBidEngines.bidEnginesOne .highestBid button.small,
		.vehicleDetailBidEngines.bidEnginesOne div.bid span span{
		font-size: 12px;
		}

		.vehicleDetailBidEngines.bidEnginesOne button,
		.vehicleDetailBidEngines.bidEnginesOne .button.small{
			min-width: 100%;
		}

		.vehicleDetailBidEngines.bidEnginesTwo{
			border-top: 1px solid #cccccc;
		}

	 .showroom-price.net, .VAT, .carEquipment {
		 padding:5px 0;
	 }


	/* ------------- VEHICLE LIST BOX VIEW -------------- */



	.BoxPic img{
		max-height:195px;
	}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 812 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

/* ------------- QUICK SEARCH -------------- */

        .searchBox.button.small.forwards {
                width: 50%;
        }

      .searchBox.one{
      width:100%;
      padding-right:0;
      }

      .searchBox.twoA,
      .searchBox.twoB{
      width:50%;
      }

      .searchBox.twoB{
      padding-right:0px;
      }

      .searchBox.three{
      padding-right:0;
      width:50%;
      }

      .quickSearchInner .searchBox.button.small.gardient2{
      width:50%;
      }

/* ------------- SIMILAR VEHICLES -------------- */

	.vehicleDetailSimilarBox > div{
	box-sizing:border-box;
	width:33.333%;
	}

         .vehicleDetailSimilarBox > div:nth-child(3n){
         border:none;
         padding-right:0;
         }

         .vehicleDetailSimilarBox > div:nth-child(4n+1) {
         padding-left: 20px;
         clear: none;
         }

         .vehicleDetailSimilarBox > div:nth-child(2n) {
         border-right: 1px solid #d8d8d8;
         padding-right: 20px;
         }

         .vehicleDetailSimilarBox > div:nth-child(6n) {
         border: none;
         }

         .vehicleDetailSimilarBox > div:nth-child(3n+1){
         padding-left:0;
         border-right: 1px solid #d8d8d8;
         clear:both;
         }

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 800 ::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (max-width:800px) {
		span.plattformHeadline {
	    width: 100%;
	    display: block;
		}
		span.plattformLogo {
	    width: 100%;
	    display: block;
		}
		.plattformLogo img{
			float:none;
			padding-top:10px;
		}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 760 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

/* ------------- VEHICLE LIST -------------- */

   #vehicleListHead{
   display:none;
   }

   #vehicleList div.vehicleListBuyNow{
   padding:0;
   }

       .vehicleListStartPrice span,
       .vehicleListHighestBid span,
       .vehicleListBuyNow span,
       .vehicleListPackagePrice span{
       display:block;
       }

   #vehicleList .button.small.gardient2{
   width:100%;
   min-width:100%;
   position:relative;
   margin-bottom:10px;
   }

	label {
		font-size: 2.5vw;
	}

	/* ------------- REGISTRATION -------------- */

	label.custom-file-upload span.inputTitle {
		font-size: 2em;
	}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 700 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

   .s-hide{
   display: none;
   }

	 .s20{
    width:20%;
    }

   .s25{
    width:25%;
    }

    .s33{
    width:33.333%;
    }

    .s50{
    width:50%;
    }

    .s67{
    width: 66.777%;
    }

     .s75{
    width: 75%;
    }

		.s80{
	 width: 80%;
	 }

    .s100{
    width:100%;
    }

		.m60.s40{
			width: 40%;
		}

		.m40.s60{
			width: 60%;
		}

		.FinanceTransport{
			clear: both;
		}

		.showroom label{
			margin: 10px 0;
			display: block;
			font-weight: bold;
		}

/* ------------- DETAIL SEARCH -------------- */

   #searchBar #antrieb .ChackerDiv,
   #searchBar #auktion .ChackerDiv{
   width: 33.333%;
   }

   .left_ss {
   padding-right: 0;
   }

	 .middel_ss{
		padding-top: 10px;
	 }

   .middel_ss,
   .right_ss{
   margin-top: 20px;
   padding-bottom:10px;
   border-top: 10px solid #d8d8d8;
   }

	.graphical-select, .graphical-text input {
		width: 100%;
	}


/* ------------- VEHICLE LIST -------------- */

	#vehicleListSort h2 {
		font-size: 3.5vw;
	}

      #quickLinks2 .button.small.l25.m50.s100 {
      width: 100%;
      }

   #vehicleListSort .graphical-select.s100 div{
   margin-right:0px;
   margin-bottom:20px;
   }

   #quickLinks2 .QuicklinkBackground {
       padding: 10px 20px;
   }

   #vehicleListSort div:first-child{
   padding-bottom: 10px;
   }


   .vehicleListPic img{
   max-width: 100%;
   }

   #vehicleList div.vehicleListPic{
   padding-bottom:10px;
   }

   #vehicleList div.vehicleListStartPrice,
   #vehicleList div.vehicleListHighestBid,
   #vehicleList div.vehicleListBuyNow,
   #vehicleList div.vehicleListPackagePrice{
   padding:5px;
   }

	.vehicleListStartPrice,
	.vehicleListHighestBid,
	.vehicleListBuyNow,
	.vehicleListPackagePrice{
	clear:both;
	width:100%;
	text-align:left;
	font-size:14px;
	}

	.vehicleListHighestBid{}

	/*.vehicleListBuyNow,
	.vehicleListPackagePrice{
	background:#e67037;
	color:#ffffff;
	}*/

	.vehicleListStartPrice br,
	.vehicleListHighestBid br,
	.vehicleListBuyNow br,
	.vehicleListPackagePrice br{
	display:none;
	}

	.vehicleListStartPrice span,
	.vehicleListHighestBid span,
	.vehicleListBuyNow span,
	.vehicleListPackagePrice span,
	.vehicleListPackagePrice p{
	float:left;
	padding-right:10px;
	}

	.insidePackage{
		min-width: 100%;
	}

	.display{
	display:none;
	}

	/* ------------- VEHICLE LIST BOX VIEW -------------- */


	.BoxPic img {
		width: 100%;
	  max-height:none;
	}




/* ------------- USER AREA -------------- */

   .my_account_right .m100 .button.small.gardient2 {
   margin-bottom:20px;
	 width:100%;
   max-width: 100%;
   }

	 .m100 .button.small{
   width:100%;
   max-width: 100%;
   }

	#vehicleList2{
   padding:10px 0;
   }

   #vehicleList2 div.vehicleListPricesUserArea{
      float: none !important;
      clear: both;
      width: 100%;
      padding-top: 15px;
   }

   #vehicleList2 div.vehicleListPic,
   #vehicleList2 div.vehicleListDescript{
      padding:0 20px;
      width:50%;
   }

   #vehicleList2 div.vehicleListPic,
   #vehicleList2 div.vehicleListPricesUserArea{
      padding-left: 0px;
   }

   #vehicleList2 div.vehicleListDescript,
   #vehicleList2 div.vehicleListPricesUserArea{
      padding-right: 0px;
   }

   #vehicleList2 .vehicleListPricesUserArea div.spacer span.euroToSek{
      padding-bottom: 15px;
   }

  #vehicleList2 .vehicleListPricesUserArea div{
   padding: 0;
  }

   #vehicleList2 div.vehicleListPricesUserArea .vehicleListBuyNow.spacer span.euroToSek{
      padding-bottom: 0;
  }

	.BoxDescript,
	.BoxPrices {
		font-size: 16px;
	}

/* ------------- VEHICLE DETAILS -------------- */

.vehicleDetailHeadline{
	padding: 10px 0;
}

.vehicleDetailBidEngines.bidEnginesOne div span:first-child{
font-weight: bold;
}

.vehicleDetailBidEngines.bidEnginesOne div.bid span.bidLine,
.vehicleDetailBidEngines.bidEnginesOne div.fastBid span.bidLine,
.vehicleDetailBidEngines.bidEnginesOne div.highestBid span.bidLine,
.vehicleDetailBidEngines.bidEnginesOne div.buyNow span.bidLine{
	font-size: 24px;
	font-weight: normal;
}

	.vehicleDetailBidEngines.bidEnginesOne div.buyNow span.bidLine{
		margin-bottom: 10px;
		display: block;
	}

.vehicleDetailBidEngines.bidEnginesOne div span:nth-child(2n){
padding-bottom:5px;
}

.vehicleDetailBidEngines.bidEnginesOne div.bid .gardient2,
.vehicleDetailBidEngines.bidEnginesOne div.highestBid .button.small{
max-width: 100%;
}

.vehicleDetailBidEngines.bidEnginesOne div.fastBid .gardient2 span{
	text-align: center;
}

.vehicleDetailBidEngines.bidEnginesOne div.fastBid .gardient2,
.vehicleDetailBidEngines.bidEnginesOne div.bid .gardient2,
.vehicleDetailBidEngines.bidEnginesOne div.buyNow .gardient2{
margin-bottom:10px;
}

.vehicleDetailBidEngines .button.small.gardient2{
max-width:100%;
}

.vehicleDetailBidEngines .fastBid{
	margin-top: 25px;
}


		/* VEHICLE NOTEPAD */

		.vehicleDetailNotepad div:nth-child(2n-1),
		.vehicleDetailNotepad div:nth-child(2n){
		 padding-right: 0px;
		 padding-left: 0px;
		}

		.vehicleDetailNotepad div{
		 padding-bottom: 10px!important;
		}

	#vehicleDetail input{
		margin-bottom: 10px;
	}

	.vehicleDetailDataList{
		margin-top: 0;
	}

		h3.vehicleDetailFeatures{
		font-size: 24px;
	}


/* ------------- USER AREA -------------- */

	.vehicleListPricesUserArea{
	font-size: 14px;
	}

	.vehicleListPricesUserArea .vehicleListLastBid{
	background:#e67037;
	color:#ffffff;
	}

	#vehicleList > div.vehicleListPricesUserArea{
	float:none;
	padding:0;
	}

		.vehicleListPricesUserArea div{
		width: 100%;
		padding:5px;
		}

   .my_account_right .userInfoForm > div:nth-child(2n){
   padding-left:0px;
   }

/* ------------- QUICKLINKS -------------- */

   #quickLinks > div.s100:nth-child(2){
   padding-left:0;
   }

/* ------------- BASKET -------------- */

.basket.button{
   width: 100%;
}

.userAreaList .vehicleListBuyNow,
#basketform .userAreaList .vehicleListBuyNow{
	width: 100%;
}

/* ------------- PACKAGES -------------- */

.packages h5 div:nth-child(1) span:nth-child(2){
		text-align: left;
	}

	.packages h5 div:nth-child(1) span,
	.packages h5 div:nth-child(2) span{
		width: 100%;
	}

	.packages h5 div:nth-child(2) span{
		width: 100%;
	}


	.packages h5 div:nth-child(2){
		padding: 10px 0 0;
	}

	.packages h5 div:nth-child(2) > span:nth-child(1){
		padding: 0 10px 10px 10px;
	}

	.packages h5 div:nth-child(2) span:nth-child(2){
		padding: 10px;
		color: #fff;
	}

	body .packages h5 div:nth-child(2) span:nth-child(2):after{
		color: #fff;
	}

	.packages h5 div:nth-child(2) span:nth-child(2){
	background: #333;
}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 680 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

      /* ------------- GENERAL FORMS -------------- */

      #generalForm .inputWrap,
      #generalForm .checkboxWrap,
      #generalForm .textareaWrap{
      width: 100%;
      padding-bottom: 10px;
      }

      /* ------------- LOGIN -------------- */

      #LoginLayer #footer{
      position:relative;
      }





}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 615 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

/* ------------- QUICK SEARCH -------------- */

	.searchBox.one,
	.quickSearchInner .searchBox.three{
	width: 100%;
	padding:0;
	}

	.quickSearchInner .searchBox.button.small.gardient2{
	width: 100%;
	}

	#quickLinks select{
	width:100%;
	clear:both;
	}

/* ------------- VEHICLE DETAILS -------------- */

	.vehicleDetailHeadline .highestBid{
	background:#cccccc;
	padding:5px;
	}

	.vehicleDetailHeadline .buyNow,
	.vehicleDetailHeadline .packagePrice{
	background:#e67037;
	color:#ffffff;
	padding:5px;
	}

	/* ------------- REGISTRATION -------------- */

	label.custom-file-upload span.inputTitle {
		font-size: 2.5em;
	}


}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 600 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

   #LoginLayer .centerBox{
   max-width: 100%;
   padding:20px;
   border-right:none;
   border-left:none;
   }

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 580 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

/* ------------- VEHICLE LIST -------------- */

   #vehicleListSort select:first-child,
   #vehicleListSort select:nth-child(2),
   #vehicleListSort select:last-child{
   width:100%;
   clear:both;
   }

   #vehicleListSort select:nth-child(2){
   margin-top:10px;
   }

/* ------------- USER AREA CRITERIA -------------- */

   .alertFields{
   width:100%;
   }

   .searchCriteria a{
   padding:10px;
   margin-top:10px;
   }

       .searchCriteria a:hover{
       text-decoration:none;
       opacity:0.5;
       }

/* ------------- DETAIL SEARCH -------------- */

	#searchBar .button.small.white,
	#searchBar .button.small.gardient2{
		max-width: 100%;
		width: 100%;
	}

	#searchBar .button.small.gardient2{
		margin-top: 20px;
	}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 540 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

	#animation {
    	position: relative;
    	height: 160px;
	}

/* ------------- LOGIN -------------- */

   #LoginLayer .centerBox {
   margin: 20px auto 0;
   height: 100%;
   min-height: 400px;
   }

   #LoginLayer .headerWrap{
   height:auto;
   padding-bottom: 4px;
   }

   #LoginLayer .Buttons div,
   #LoginLayer .Buttons div .button.small.gardient2{
   width:100%;
   }

   #LoginLayer .Buttons div:nth-child(2){
   text-align:center;
   margin-top:20px;
   }

/* ------------- HEADER -------------- */

   .headerWrap{
	 height: auto;
	}

   #headImage{
   width:100%;
   height:auto;
   }

	#header #logo {
	float: none;
	padding: 10px 0 5px;
	display: block;
	margin: 0;
	text-align: center;
	width: auto;
	}

       #logo img{
       float:none;
       width:auto;
		height: 4%;
       }

   .headSlogan{
   font-size:14px;
   margin-bottom: 15px;
   text-align: center;
   display:block;
   float: none;
   width:100%;
   }

   #flags.logout{
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
        display: block;
        position: relative;
        width: 100%;
        padding-top: 10px;
        text-align: center;
   }

   #userMenu{
   float:none;
   }

   #userMenu #login.basket{
		width:22%;
		margin:0;
		padding:6px 10px 0;
		border-right: 1px solid #fff;
   }

   #userMenu #login{
		width: 33%;
		margin:0;
		padding:0 10px;
		text-align:center;
		border-right: 1px solid #fff;
   }

   #userMenu #mobileUserMenuOpen{
		width:100%;
		margin:0;
		padding:10px 10px;
		text-align:center;
		font-size:15px;
		height:auto;
		border-top:1px solid #bf511e;
   }

   #mobileMy_account_menu #mobileUserMenu{
		top:125px;
   }

   #footer {
		margin-top: 0px;
   }

	 body #searchSlide{
		border-top:10px solid #333;
		height: 41px;
	 }

/* ------- MOBILE MENÜ - MY AREA --------- */

	 #MyAreaMenu .button.small.gardient2{
		max-width: 200px;
		min-width: inherit;
		margin-bottom: 56px;
	}

	#MyAreaMenu.UserOutside{
		margin: 50px 0 0 0;
	}


/* ------------- QUICK SEARCH -------------- */

.searchBox.three {
        width: 100%;
}

.quickSearchInner .searchBox.three {
        padding-right: 0;
}

.searchBox.button.small.forwards {
        width: 100%;
        margin-top: 30px;
}

/* ------- USER AREA VEHICLE LIST --------- */

   #vehicleList2 div.vehicleListPic,
   #vehicleList2 div.vehicleListDescript,
   #vehicleList2 div.vehicleListPricesUserArea{
      padding:0;
      width:100%;
   }

   #vehicleList2 div.vehicleListDescript{
      padding-top:10px;
   }

	label {
		font-size: 3vw;
	}

/* ------- VEHICLE DETAILS --------- */

	.vehicleDetailHeadline > div:first-child span{
		font-size: 24px;
	}

	.vehicleDetailHeadline .green,
	.vehicleDetailHeadline .red{
		font-size: 14px;
	}

	.vehicleDetailHeadline{
		padding: 10px 0 20px;
	}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 520 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

/* ------------- ANIMATION -------------- */

.imageNavigator{
	display: none;
}

/* ------------- VEHICLE LIST -------------- */

   #vehicleList div.vehicleListPic,
   #vehicleList div.vehicleListDescript{
   width:100%;
   clear:both;
   }

   #vehicleList div.vehicleListDescript{
   padding:0;
   }

	 #vehicleList .button.small {
    display: none;
	}

	 #vehicleList .button.small.mobile {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block;
	}

	#vehicleDetail {
		padding: 20px 10px;
	}

/* ------------- MY AREA -------------- */

	 	.vehicleListPricesUserArea .delete{
		position: absolute;
		top: auto;
		bottom: 0;
		right: 0;
	}

/* ------------- VEHICLE LIST BOX VIEW -------------- */

	#vehicleListBox .button.small.mobile{
		margin-top: 10px;
		max-width: 100%;
	}

	/* ------------- REGISTRATION -------------- */

	label.custom-file-upload span.inputTitle {
		font-size: 3em;
	}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 480 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

/* ------------- USER MENU -------------- */

	#userMenu #mobileMy_account_menu{
		clear:both;
	}

	#mobileUserMenu{
	top: 82px;
	}

	/* ------------- VEHICLE LIST BOX VIEW -------------- */


}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 450 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

h2, h4 {
font-size: 22px;
}

#contact-main .buttonBar .button.small,
#contact-main .buttonBar .button.small.gray,
#SendAFriend-main .buttonBar .button.small,
#SendAFriend-main .buttonBar .button.small.gray {
    width: 100%;
    max-width: 100%;
    text-align:left;
    margin-bottom:5px;
}

/* ------------- VEHICLE DETAIL -------------- */

   /*.vehicleDetailBidEngines.bidEnginesOne div.bid a,
   .vehicleDetailBidEngines.bidEnginesOne div.highestBid a,
   .vehicleDetailBidEngines.bidEnginesOne div.buyNow a{
   float:none;
   clear:both;
   width:100%;
   }*/

   .vehicleDetailBidEngines.bidEnginesOne .bid span,
   .vehicleDetailBidEngines.bidEnginesOne .highestBid span,
   .vehicleDetailBidEngines.bidEnginesOne .buyNow span{
   float:none;
   }

   .vehicleDetailBidEngines.bidEnginesOne .bid > span,
   .vehicleDetailBidEngines.bidEnginesOne .highestBid > span,
   .vehicleDetailBidEngines.bidEnginesOne .buyNow > span,
   .vehicleDetailBidEngines.bidEnginesOne .bid a,
   .vehicleDetailBidEngines.bidEnginesOne .highestBid a,
   .vehicleDetailBidEngines.bidEnginesOne .buyNow a{
   width: 50%;
   margin-bottom:10px;
   }

   .vehicleDetailBidEngines.bidEnginesOne .bid > span:first-child,
   .vehicleDetailBidEngines.bidEnginesOne .highestBid > span:first-child,
   .vehicleDetailBidEngines.bidEnginesOne .buyNow > span:first-child{
   margin:0;
   }

   .vehicleDetailBidEngines.bidEnginesOne button{
   width:100%;
   margin-bottom:10px;
   }

/* ------------- SIMILAR VEHICLES -------------- */

	.vehicleDetailSimilarBox > div{
	box-sizing:border-box;
	width:50%;
	}

			.vehicleDetailSimilarBox > div:nth-child(2n){
			border:none;
			padding-right:0;
			padding-left:20px;
			clear:none;
			}

			.vehicleDetailSimilarBox > div:nth-child(2n+1){
			padding-left:0;
			border-right: 1px solid #d8d8d8;
			clear:both;
		}

/* ------------- USER AREA  -------------- */

	.userEdit.userLoginData input{
		width:80%;
		float:right;
		}

        .userListHeadContent {
                display: none;
        }

        .my_inhalt .userList .userListHeadName {
                width: 35%;
        }

        .my_inhalt .userList div div.userListName {
                width: 35%;
        }

        .my_inhalt .userList div div.userListIcon {
                width: 15%;
        }

 /* ------------- DETAIL SEARCH  -------------- */

   #searchBar #antrieb .ChackerDiv,
   #searchBar #auktion .ChackerDiv{
   width: 50%;
   }

   .middel_ss,
   .left_ss,
   .right_ss{
   padding: 20px 0;
   }

   .button.small.white,
   .button.small.gardient2{
   min-width: 100%;
   overflow: hidden;
   }

	#logo img{
		height: 3%;
	}


	/* ------------- REGISTRATION  -------------- */

	#generalForm .inputTitle {
		display: block;
		padding-bottom: 6px;
		width: 35%;
	}

	/* ------------- VEHICLE LIST BOX VIEW -------------- */

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 400 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

	.headSlogan{
		font-size: 3.8vw;
	}

	/* ------------- VEHICLE LIST BOX VIEW -------------- */

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 370 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

	#vehicleDetail input{
		max-width: 90px;
	}

	.requestInner h2{
		font-size: 7.5vw;
	}

	label {
		font-size: 4.5vw;
	}

	/* ------------- REGISTRATION  -------------- */

	label.custom-file-upload span.inputTitle {
		font-size: 3.5em;
	}

	span.l50.information{
		font-size: 14px;
	}


}

/*::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA SCREEN 320 ::::::::::::::::::::::::::::::::::::::::::::::::*/

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

   .LoginBoxTop div,
   #LoginLayer #msg_login{
   width: 100%;
   text-align: center;
   }

   .LoginBoxTop img{
   display: none;
   }

   #LoginLayer .centerBox{
   padding: 10px 20px;
   }

	 /* ------------- VEHICLE LIST BOX VIEW -------------- */


}