/* MOTORCYCLES *******************************************************************************/
	
	.header-container-3 {
		background-position			: center;
	}
	
	.motocycles-ad-container {
		display						: grid;
		grid-template-columns		: 20% 80%;
		background					: #f2f2f2;
	}
	
	.filter-column {
		display						: block;
		padding						: 24px;
		border-right				: 2px dotted LightGrey;
	}
	
	.filter-column-mobile {
		display						: none;
		width						: 40%;
		margin						: 0 auto;
		margin-top					: 12px;
		padding						: 4px 12px;
		text-align					: center;
		color						: SteelBlue;
		cursor						: pointer;
	}
	
	.filter-container {
		padding						: 12px;
		font-size					: 0.9em;
		border-radius				: 2px;
		color						: #464646;
	}
	
	.filter-container-title {
		margin						: 0 auto;
		padding						: 12;
		color						: #464646;
	}
	
	.filter-clear {
		display						: none;
		width						: 120px;
		margin						: 0 auto;
		margin-top					: 6px;
		margin-bottom				: 12px;
		padding						: 2px;
		text-align					: center;
		border						: 1px Solid #b5b5b5;				
		border-radius				: 2px;
		box-shadow					: inset 0 2px 1px rgba(34,34,34,.09), 2px 2px 2px LightGray;
		background					: #ddd;
		color						: #464646;
		cursor						: pointer;
	}
	
	.filter-clear-icon {
		padding-top					: 2px;
		padding-right				: 10px; 
		border-right				: 2px dotted DimGrey; 
		color						: Crimson;
		opacity						: 0.7;
	}
	
	.filter-group {
		/*
		width						: 90%;
		*/
		padding						: 8px;
		text-align					: left;
		font-size					: 0.9em;
		user-select					: none;
	}
	
	.filter-group-title {
		margin-bottom				: 12px;
		padding						: 4px 12px 2px 12px;
		background					: LightGrey;
		box-shadow					: 1px 2px 2px DimGrey;
	}
	
	.filter-select {
		width						: 100%;
		padding						: 4px;
		font-family					: 'Roboto Condensed', sans-serif;
		font-weight					: lighter;
		font-size					: 1em;
		background					: none;
		border						: 1px Solid #b5b5b5;
		border-radius				: 2px;
		box-shadow					: inset 0 2px 1px rgba(34,34,34,.09),  2px 2px 2px LightGray;
		
	}
	
	.filter-input {
		height						: 24px;
		padding						: 4px 0px 0px 0px;
		border-bottom				: 1px dotted #b5b5b5;
	}
	
	.filter-input-text {
		padding-left				: 12px;
	}
	
	.filter-range {
		width						: 100%;
	}
	
	#years-slider-output {
		margin-left					: 15%;
		margin-right				: 15%;
		margin-bottom				: 12px;
		text-align					: center;
		border						: 1px Solid #b5b5b5;
		border-radius				: 2px;
		box-shadow					: inset 0 2px 1px rgba(34,34,34,.09), 2px 2px 2px LightGray;
	}
	
	#years-slider-range {
		height						: 14px;
		width						: 90%;
		left						: 7.5%;
	}
	
	#years-slider-range .noUi-connect {
		border						: 1px Solid #b5b5b5;
		box-shadow					: inset 0 2px 1px rgba(34,34,34,.09), 2px 2px 2px LightGray;
		background					: SteelBlue;
	}
	
	#years-slider-range .noUi-handle {
		top							: -5px;
		width						:20px;
		height						:20px;
		border-radius				:12px;
	}

	#years-slider-range .noUi-handle:before {
		display						:none;
	}

	#years-slider-range .noUi-handle:after {
		display						:none;
	}

	#year-from-label,
	#year-to-label {
		font-weight					: bold;
		opacity						: 0.75;
	}
	
	.spinner-container {
		width						: 90%;
		height						: 90%;
		background-position			: center center;
		background-repeat			: no-repeat;
	}
	
	.content-column {
		display						: grid;
		grid-template-columns		: 33.3% 33.3% 33.3%;
		padding						: 13px 24px;
	}
	
	.content-grid-3-column {
		display						: grid;
		grid-template-columns		: 33.3% 33.3% 33.3%;
		justify-content				: center;
		align-items					: start;
		user-select					: none;
	}
	
	.content-3-ad {
		height						: 350px;
		margin						: 12px;
		background					: linear-gradient(white 55%, #dfdcdc);
		cursor						: pointer;
	}
	
	.content-3-ad:hover {
		box-shadow					: 3px 3px 6px #8c8c8c;
	}
	
	.content-3-ad-title {
		margin-bottom				: 6px;
		text-align					: center;
		font-size					: 1.0em;
		background					: White;
		white-space					: nowrap;
		text-overflow				: ellipsis;
		overflow					: clip;
	}
	
	.content-3-ad-image-wrapper {
		width						: 100%;
		text-align					: center;
		background					: White;
	}
	
	.content-3-ad-image {
		width						: 100%;
		height						: 200px;
		object-fit					: contain;
	}
	
	.content-3-ad-details {
		padding-left				: 12px;
		padding-right				: 12px;
		border-bottom-left-radius	: 4px;
		border-bottom-right-radius	: 4px;
	}

	.content-3-ad-details table {
		width						: 100%;
		margin						: 0 auto;
		margin-bottom				: 12px;
	}
	
	.content-3-ad-details td {
		width						: 25%;
		text-align					: center;
		
	}
	
	.content-3-td-icon {
		padding						: 6px;
		border-bottom				: 1px dotted DimGrey;
	}
	
	.content-3-td-icon img {
		width						: 38px;
	}
	
	.content-3-td-value {
		width						: 100%;
		text-align					: center;
		font-size					: 0.9em;
		white-space					: nowrap;
	}
	
	.content-3-ad-price-wrapper {
	}
	
	.content-3-ad-price {
		display						: block;
		width						: 55%;
		margin						: 12px auto;
		margin-bottom				: 12px;
		padding						: 2px;
		text-align					: center;
		font-size					: 1.1em;
		font-weight					: bold;
		background					: linear-gradient(5deg, #94b3b0, LightGrey);  
		box-shadow					: 3px 3px DimGrey;
		border-top-right-radius		: 2px;
		border-top-left-radius		: 2px;
		opacity						: 0.9;
	}
	
	.content-3-ad-redirect {
		padding						: 6px 48px 6px 0px;
		text-align					: right;
		background					: #f2f2f2;

	}
	
	.content-3-ad-redirect-link {
		font-style					: italic;
		font-weight					: semi;
		color						: #777;
		cursor						: pointer;
	}
	
	.content-3-ad-redirect-link:hover {
		color						: SteelBlue;
		border-bottom				: 1px dotted SteelBlue;
	}
	
	.pagination-container {
		padding						: 0px 0px 24px 20%;
		text-align					: center;
		background					: #f2f2f2;
	}
	
	.pagination-wrapper {
		width						: 85%;
		margin						: 0 auto;
		padding-top					: 12px;
		border-top					: 2px solid LightGrey;
	}
	
	.pagination-prev,
	.pagination-next {
		display						: inline-block;
		margin						: 4px;
		padding						: 6px 12px 6px 12px;
		text-align					: center;
		color						: #464646;
		cursor						: pointer;
	}
	
	.pagination-item {
		display						: inline-block;
		margin						: 4px;
		padding						: 6px 12px 6px 12px;
		text-align					: center;
		background					: LightGrey;
		border-radius				: 50%;
		color						: #464646;
		cursor						: pointer;
	}
	
	.pagination-item:hover {
		transform					: scale(1.2);
	}
	
	.pagination-item-active {
		font-weight					: bold;
		color						: SteelBlue;
		border						: 1px solid;
		opacity						: 0.5;
	}
	
	.pagination-item-active:hover {
		pointer-events				: none;
	}
	
/*****************************************************************************************************************************************/
@media screen and (min-width: 1200px) and (max-width: 1400px) {
	
	.filter-column {
		display						: block;
	}	

	.filter-group-title {
		width						: 85%;
	}
	
	.content-column {
		grid-template-columns		: 50% 50%;
	}	
}

/*****************************************************************************************************************************************/
@media screen and (min-width: 1060px) and (max-width: 1199px) {
	
	.content-column {
		grid-template-columns		: 50% 50%;
	}	
	
	.filter-column {
		display						: block;
		padding						: 24px 12px;
	}	
	
	.filter-group-title {
		width						: 85%;
	}
}

/*****************************************************************************************************************************************/
@media screen and (min-width: 960px) and (max-width: 1059px) {
	
	.content-column {
		grid-template-columns		: 50% 50%;
	}	
	
	.filter-column {
		display						: block !important;
		padding						: 24px 12px;
	}
	
	.filter-container {
		padding						: 12px;
	}
	
	.filter-group {
		padding						: 12px 2px;
	}
	
	.filter-group-title {
		width						: 85%;
	}
	
	.filter-input {
		paddding					: 4px 0px 0px 4px;
	}
	
	.filter-clear {
		margin						: 8px auto;
	}
}

/*****************************************************************************************************************************************/
@media screen and (min-width: 810px) and (max-width: 959px) {
	
	.motocycles-ad-container {
		grid-template-columns		: 30% 70%;
	}
	
	.filter-column {
		display						: block !important;
		padding						: 24px 12px;
	}

	.filter-group-title {
		width						: 85%;
	}

	.content-column {
		grid-template-columns		: 100%;
	}	
	
	.pagination-container {
		padding						: 12px;
	}
	
	.pagination-container {
		padding						: 0px 0px 24px 30%;
	}
}

/*****************************************************************************************************************************************/
@media screen and (min-width:480px) and (max-width: 809px) {
	
	.motocycles-ad-container {
		grid-template-columns		: 100%;
	}
	
	.filter-column {
		display						: none;
		padding						: 24px 24px 2px 24px;
	}
	
	.filter-column-mobile {
		display						: block;
	}
	
	.filter-group {
		margin-right				: 24px;
	}
	
	.filter-group-title {
		width						: 100%;
	}

	.filter-input {
		display						: inline-block;
		width						: 130px;
		padding						: 8px 0px 0px 12px;
		border-bottom				: none;
	}

	.filter-range {
		margin-left					: 12px;
	}
	
	.filter-clear {
			width					: 30%;
	}

	.content-column {
		grid-template-columns		: 100%;
	}	
	
	.pagination-container {
		padding						: 12px;
	}
	
	.pagination-container {
		padding						: 0px 0px 24px 0%;
	}
}

/*****************************************************************************************************************************************/
@media screen and (max-width: 479px) {
	
	.motocycles-ad-container {
		grid-template-columns		: 100%;
	}
	
	.filter-column {
		display						: none;
		padding						: 24px 24px 2px 24px;
	}
	
	.filter-column-mobile {
		display						: block;
	}
	
	.filter-group {
		margin-right				: 24px;
	}
	
	.filter-group-title {
		width						: 100%;
	}

	.filter-input {
		display						: inline-block;
		width						: 130px;
		padding						: 8px 0px 0px 12px;
		border-bottom				: none;
	}
	
	.filter-range {

		margin-left					: 12px;
	}
	
	.filter-clear {
		width						: 30%;
		font-size					: 0.8em;
	}

	.content-column {
		grid-template-columns		: 100%;
	}	
	
	.content-3-ad {
		height						: 370px;
	}
	
	.content-3-td-value {
		font-size					: 0.75em;
		white-space					: normal;
	}
	
	.pagination-container {
		padding						: 12px;
	}
	
	.pagination-container {
		padding						: 0px 0px 24px 0%;
	}
}