/**
 * RWD
 */
@media all and (max-width: 1200px) {
	#HomeBoxs .Item {
		width: 100%;
	}

	#Compare .cWidth {
		width: 1016px;
	}
}

@media all and (max-width: 1190px) {
	.cWidth {
		padding: 0 10px;
	}
}

@media all and (max-width: 1170px) {
	#HomeBoxs .Item .Info {
		margin-right: -435px;
		width: 453px;
	}

	#HomeBoxs .Item .Image {
		margin-left: -485px;
		width: 467px;
	}

	#HomeBoxsLists .Window,
	#Pricelist .Group .Window {
		max-width: 935px;
	}

	#HomeBoxsLists .Window .Grid,
	#Pricelist .Group .Window .Grid {
		width: 735px;
	}
}

@media all and (max-width: 1050px) {
	#Cars .Item .Info .Buttons .More {
		margin-right: 15px;
	}
}

@media all and (max-width: 1036px) {
	#Compare .cWidth {
		width: 863px;
	}
}

@media all and (max-width: 1005px) {
	#Header h1 span {
		display: none;
	}

	#Logo {
		margin-right: 0px;
	}
}

@media all and (max-width: 990px) {
	#Cars .Item .Image {
		width: 100%;
	}

	#Cars .Item .Info {
		width: 100%;
		text-align: left;
		display: block;
		float: none;
	}

	#Cars .Item .Info .List {
		margin-left: 0;
		margin-right: 20px;
	}
}

@media all and (max-width: 974px) {
	#CarInfo .Gallery .Image {
		height: 500px;
		line-height: 500px;
	}

	#CarInfo .Gallery .Image img {
		max-height: 500px;
	}
}

@media all and (max-width: 940px) {
	#HomeBoxsLists .Window,
	#Pricelist .Group .Window {
		max-width: 700px;
	}

	#HomeBoxsLists .Window .Grid,
	#Pricelist .Group .Window .Grid {
		width: 500px;
	}
}

@media all and (max-width: 890px) {
	#HomeBoxs .Item .Info {
		margin-right: -375px;
		width: 400px;
	}

	#HomeBoxs .Item .Info header {
		font-size: 35px;
	}

	#HomeBoxs .Item .Content {
		margin-right: 170px;
	}

	#HomeBoxs .Item .Content .Price {
		right: -60px;
	}

	#HomeBoxs .Item .Image {
		margin-left: -418px;
		width: 400px;
	}
}

@media all and (max-width: 883px) {
	#Compare .cWidth {
		width: 710px;
	}
}

@media all and (max-width: 850px) {
	#Pricelist .Values .Grid .Item,
	#CarInfo section .Pricelist .Grid .Item {
		margin-bottom: 45px;
		margin-right: 4%;
		width: 48%;
	}

	#Pricelist .Values .Grid .Item:nth-child(2),
	#CarInfo section .Pricelist .Grid .Item:nth-child(2) {
		margin-right: 0px;
	}
}

@media all and (max-width: 820px) {
	#Menu {
		display: none;
	}

	#MobileMenuButton {
		display: block;
	}

	#Menu {
		background: rgba(0,0,0,0.5);
		margin: 0px;
		padding: 0px;
		position: fixed;
		height: auto;
		top: 112px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: 2000;
		-webkit-box-shadow: 0px 0px 0px 500px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px 500px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 0px 500px rgba(0, 0, 0, 0.5);
	}

	#Menu a {
		margin-left: 0px;
		padding: 0px 10px;
		height: auto;
		line-height: 50px;
		text-align: right;
		font-size: 36px;
		display: block;
		float: none;
	}

	#Menu a.Facebook {
		margin-top: 20px;
		margin-right: 10px;
		margin-left: 0px;
		padding: 0px;
		width: 48px;
		height: 48px;
		text-indent: 999px;
		float: right;
	}

	#Menu a.YouTube {
		margin-top: 20px;
		margin-right: 10px;
		margin-left: 0px;
		padding: 0px;
		width: 48px;
		height: 48px;
		text-indent: 999px;
		float: right;
	}

	#Menu a.Google {
		margin-top: 20px;
		margin-right: 10px;
		margin-left: 0px;
		padding: 0px;
		width: 48px;
		height: 48px;
		text-indent: 999px;
		float: right;
	}

	#Menu a.Google,
	#Menu a.Facebook,
	#Menu a.YouTube {
		background-size: 48px 48px;
	}
}

@media all and (max-width: 770px) {
	#HomeBoxs {
		height: 700px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	#HomeBoxs .Item .Info {
		margin-right: -155px;
		width: 310px;
	}

	#HomeBoxs .Item .Info header {
		font-size: 30px;
	}

	#HomeBoxs .Item .Content {
		margin-right: 30px;
	}

	#HomeBoxs .Item .Content .Price {
		display: none;
	}

	#HomeBoxs .Item .Image {
		margin-left: -150px;
		width: 310px;
		height: auto;
		bottom: 0px;
	}

	#CarInfo .Title {
		height: auto;
		overflow: hidden;
	}

	#CarInfo .Title h2 {
		padding-top: 30px;
		height: auto;
		line-height: inherit;
		clear: both;
	}

	#CarInfo .Title a {
		margin-top: 10px;
		margin-bottom: 30px;
		float: left;
		clear: both;
	}
}

@media all and (max-width: 760px) {
	#ReservationImage {
		margin-bottom: 20px;
	}

	#ReservationImage,
	#ReservationForm,
	#Cars .Item .Info,
	#Cars .Item .Image {
		width: 100%;
		float: none;
	}
}

@media all and (max-width: 730px) {
	#Compare .cWidth {
		width: 557px;
	}

	#Footer {
		padding: 0px 15px;
		height: auto;
	}

	#Footer .Left,
	#Footer .Right {
		float: none;
	}

	#Footer .Left .Caption {
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}

	#Footer .Left table.desktop {
		display: none;
	}

	#Footer .Left table.mobile {
		margin: 0 auto;
		width: 320px;
		display: table;
	}

	#Copyright {
		padding-top: 0px;
		padding-bottom: 20px;
		text-align: center;
		float: none;
	}

	#RzetelnaFirma {
		margin: 20px auto;
		float: none;
	}
}

@media all and (max-width: 710px) {

	#HomeBoxsLists .Window,
	#Pricelist .Group .Window {
		max-width: 465px;
	}

	#HomeBoxsLists .Window .Grid,
	#Pricelist .Group .Window .Grid {
		width: 265px;
	}
}

@media all and (max-width: 705px) {
	#CarInfo section .List {
		margin-bottom: 30px;
		width: 100%;
	}

	#CarInfo section .Gallery {
		width: 100%;
	}
}

@media all and (max-width: 700px) {
	#ContactText {
		margin-bottom: 20px;
	}

	#ContactText,
	#ContactForm {
		width: 100%;
		float: none;
	}
}

@media all and (max-width: 680px) {
	#CarInfo .Gallery .Image {
		height: 400px;
		line-height: 400px;
	}

	#CarInfo .Gallery .Image img {
		max-height: 400px;
	}
}

@media all and (max-width: 650px) {
	#WhyMe .Item {
		margin-bottom: 80px;
		margin-right: 0px;
		width: 100%;
	}
}

@media all and (max-width: 600px) {
	#CarInfo section .List {
		margin-right: 0;
		width: 100%;
	}
}

@media all and (max-width: 577px) {
	#Compare .cWidth {
		padding: 0px;
		width: 320px;
	}

	#Compare .Window {
		overflow: visible;
	}

	#Compare .ColumnName {
		width: 180px;
	}

	#Compare .ColumnName .Row {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	#Compare .ColumnSlide {
		margin-left: 180px;
	}

	#Compare .ColumnSlide .RowName .Win,
	#Compare .ColumnSlide .Row .Win {
		margin: 0px;
	}

	#Compare .ColumnSlide .RowName .Win .Space .Column,
	#Compare .ColumnSlide .Row .Win .Space .Column {
		width: 140px;
	}

	#Compare .ButtonPrev,
	#Compare .ButtonNext {
		width: 16px;
	}

	#Compare .ButtonPrev {
		left: -16px;
	}

	#Compare .ButtonNext {
		right: -16px;
	}

	.CompareActive1 .ColumnSlide .Win .Space { left: -140px !important; }
	.CompareActive2 .ColumnSlide .Win .Space { left: -280px !important; }
	.CompareActive3 .ColumnSlide .Win .Space { left: -420px !important; }
	.CompareActive4 .ColumnSlide .Win .Space { left: -560px !important; }
	.CompareActive5 .ColumnSlide .Win .Space { left: -700px !important; }
	.CompareActive6 .ColumnSlide .Win .Space { left: -840px !important; }
	.CompareActive7 .ColumnSlide .Win .Space { left: -980px !important; }
	.CompareActive8 .ColumnSlide .Win .Space { left: -1120px !important; }
	.CompareActive9 .ColumnSlide .Win .Space { left: -1260px !important; }
	.CompareActive10 .ColumnSlide .Win .Space { left: -1400px !important; }
}

@media all and (max-width: 470px) {
	#HomeBoxsLists .Window,
	#Pricelist .Group .Window {
		max-width: 320px;
	}

	#HomeBoxsLists .ButtonPrev,
	#HomeBoxsLists .ButtonNext,
	#Pricelist .Group .ButtonPrev,
	#Pricelist .Group .ButtonNext {
		width: 43px;
	}

	#HomeBoxsLists .Window .Grid,
	#Pricelist .Group .Window .Grid {
		margin-left: 43px;
		margin-right: 43px;
		width: 235px;
	}

	#CarInfo .Title h2 {
		font-size: 32px;
	}

	#Pricelist .Values .Grid .Item,
	#CarInfo section .Pricelist .Grid .Item {
		margin-right: 0;
		width: 100%;
	}
}

@media all and (max-width: 440px) {
	#Cars .Item .Info {
		margin-left: 0px;
		margin-bottom: 20px;
	}

	#Cars .Item .Info header {
		text-align: center;
	}

	#Cars .Item .Info .List {
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 300px;
		float: none;
	}

	#Cars .Item .Info .Last {
		margin-bottom: 20px !important;
	}

	#Cars .Item .Info .Buttons {
		margin: 10px 0 0 0;
		width: 222px;
		height: auto;
	}

	#Cars .Item .Info .Buttons .More {
		margin-right: 0px;
	}
}

@media all and (max-width: 400px) {
	#HomeBoxs .Item .Icon {
		width: auto;
		height: 131px;
		top: 0px;
		bottom: auto;
		left: 0px;
		right: 0px;
	}

	#CarInfo .Promotion .Caption {
		font-size: 36px;
	}

	#CarInfo .Promotion .Text {
		font-size: 16px;
	}

	#CarInfo section .Caption {
		font-size: 34px;
	}

	#CarInfo .Gallery .Images .Window {
		margin: 0 43px;
	}
}

@media all and (max-width: 386px) {
	#CarInfo .Gallery .Image {
		height: 300px;
		line-height: 300px;
	}

	#CarInfo .Gallery .Image img {
		max-height: 300px;
	}
}

@media all and (max-width: 370px) {
	#WhyMe header,
	#Compare header {
		font-size: 24px;
	}
}