@media only screen and (width: 1920px) {

	body {

	}

	.menu-top + .carousel {
		margin-top: -1px;
	}
}

@media only screen and (width: 1200px) {

	.carousel {
		min-height: 450px;
	}

		.carousel .carousel-inner {
			height: 450px;
		}

			.carousel .item a > div {
				width: 100%%;
				zoom: 1.25;
			}

			.carousel .item a.background > div {
				width: 100%%;
				zoom: 1;
			}

				.carousel .item a.background .bg-container {
					height: 450px;
					background-position: center;
					background-repeat: no-repeat;
					background-size: auto 100%;
				}

			.carousel .item h2 {
				font-size: 1.1em;
			}

			.carousel .item p,
			.carousel .item ul {
				font-size: 0.75em !important;
			}

		.carousel .carousel-indicators li {
			width: 2em !important;
		}

		.carousel .carousel-control {
			opacity: 0.25;
		}

			.carousel .carousel-control > span {
				font-size: 2em !important;
			}

				.carousel-control .glyphicon-chevron-left {
					margin-left: -0.4em;
				}

}

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

	.container {
		width: 100%;
	}

	.menu-top .nav > li > a {
		padding: 0.5em 0.75em;
		font-size: 0.95em;
	}

	.carousel {
		min-height: 350px;
	}

		.carousel .carousel-inner {
			height: 350px;
		}

			.carousel .item a.background > div {
				width: 100%;
			}

				.carousel .item a.background .bg-container {
					height: 350px;
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% auto;
				}

			.carousel .item h2 {
				font-size: 1.1em;
			}

			.carousel .item p,
			.carousel .item ul {
				font-size: 0.75em !important;
			}

		.carousel .carousel-indicators li {
			width: 2em !important;
		}

		.carousel .carousel-control {
			opacity: 0.75;
			font-size: 2.5em;
		}

	.models {
		min-height: 160px;
		margin-top: 2em;
		padding-top: 0;
		}

		.models .jcarousel-wrapper {
			width: 92%;
			padding: 0 5px;
			margin: 0 4%;
		}

		.models ul {
			margin: 0;
		}

			.models .jcarousel > ul > li > a {
				width: 260px;
				height: 170px;
			}

				.models .jcarousel > ul > li > a > img {
					width: 100%;
					height: auto;
				}

		.models .jcarousel-control-block {
			opacity: 0.5;
			font-size: 0.75em;
			top: 37%;
		}

		.content h1 {
			padding-top: 0;
		}
			.content h1 > b {
				font-size: 0.75em;
			}

	#top ul > li:nth-child(6),
	#top ul > li:nth-child(7) {
		display: none !important;
	}

		#list ul > li .infobox {
			width: 250px;
		}

	.content h4.part {
		font-size: 1.1em;
	}

	#compare_view > span {
		width: 53px;
		height: 53px;
	}

	#formCompare .clear {
		padding-left: 0;
		padding-right: 0;
	}

	#myTab > li > a {
		font-size: 0.85em !important;
	}

	#zoom {
		height: auto !important;
	}

}

/* Medium Devices, Desktops */

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

	.menu-top .nav > li > a {
		padding: 0.3em 0.8em;
	}

	html{
		width: 100%;
		overflow-x: hidden;
		font-size: 14px;
	}

	body {
		overflow-x: hidden;
	}

		.container {
			width: 100%;
		}

	.offer img {
		width: 100% !important;
	}
}

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

	html{
		width: 100%;
		overflow-x: hidden;
		font-size: 14px;
	}

	.menu-top .nav > li > a {
		padding: 0.5em 0.9em;
	}

	.offer .row > div:last-child > b {
		font-size: 1em;
	}

		.offer .row > div:last-child > b + b {
			font-size: 1.5em !important;
		}

	.carousel {
		min-height: 350px;
	}

		.carousel .carousel-inner {
			height: 350px;
		}

			.carousel .item a.background > div {
				width: 100%;
			}

				.carousel .item a.background .bg-container {
					height: 350px;
					background-position: center;
					background-repeat: no-repeat;
					background-size: auto 100%;
				}

			.carousel .item h2 {
				font-size: 1.1em;
			}

			.carousel .item p,
			.carousel .item ul {
				font-size: 0.75em !important;
			}

		.carousel .carousel-indicators li {
			width: 2em !important;
		}

		.carousel .carousel-control {
			opacity: 0.75;
			font-size: 2.5em;
		}

	.models {
		min-height: 160px;
		margin-top: 2em;
		padding-top: 0;
		}

		.models .jcarousel-wrapper {
			width: 92%;
			padding: 0 5px;
			margin: 0 4%;
		}

		.models ul {
			margin: 0;
		}

			.models .jcarousel > ul > li > a {
				width: 260px;
				height: 170px;
			}

				.models .jcarousel > ul > li > a > img {
					width: 100%;
					height: auto;
				}

		.models .jcarousel-control-block {
			opacity: 0.5;
			font-size: 0.75em;
			top: 37%;
		}

	.vservice {
		margin-bottom: 1em;
	}

	.rightbar { padding-top: 0; }

}

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

	html{
		width: 100%;
		overflow-x: hidden;
	}

	.header {
		text-align: center;
		margin: 0.75em 0 0.5em 0;
		}

		.header .logo {
			padding-top: 4.25em;
			min-width: 16em;
		}

			.header .logo .slogan {
				font-size: 1em;
			}

		.header .contacts-menu { text-align: right; }

		.navbar-toggle {
			border-radius: 0;
			margin-top: 0.2em;
			font-size: 1.25em;
		}

		.navbar-toggle .icon-bar {
			height: 8px;
			width: 100%;
		}

		.header .xs-menu {
			padding: 0;
			margin-bottom: 1em;
		}

			.header .xs-menu ul {
				padding: 0.45em 0.5em 0.25em 0.5em;
				border-bottom: 1px solid #ddd;
				background-color: #eee;
				text-align: left;
				margin: 0;
			}

				.header .xs-menu > ul > li {
					display: inline-block;
					margin: 0 0.5em;
					vertical-align: middle;
				}

					.header .xs-menu > ul > li > a  {
						color: #888;
						text-decoration: none;
					}

						.header .xs-menu > ul > li > a > i {
							font-size: 1.5em;
						}

					.header .xs-menu > ul > li > button,
					.header .xs-menu > ul > li > b {
						float: none;
						vertical-align: middle;
						border-radius: 0;
						color: #888;
					}

		.navbar-collapse > ul.navbar-nav {
			border-radius: 0 0 4px 4px;
			background-color: rgba(0,0,0,0.1);
		}

		.navbar-collapse li > a {
			padding: 7px 15px 6px 20px;
			border-bottom: 1px solid #fff;
		}

		.menu-top .nav > li:first-child > a {
			padding: 0.5em 0.9em;
		}

		.navbar-collapse li:last-child > a {
			border-bottom: none;
		}

		.navbar-collapse li > a:hover,
		.navbar-collapse li > a:focus {
			border-bottom: 1px solid #fff;
		}

			.navbar-collapse .collapse-icons {
				font-size: 2.25em;
				padding-top: 0.8em;
			}

				.navbar-collapse .collapse-icons > a {
					text-decoration: none;
					margin: 0.5em 0 0.875em 0;
					display: block;
					color: #fff;
				}

	.menu-top {
		background-color: #5f5f5f;
		border-top: 3px solid #f57f20;
	}

		.menu-top:before {
			display: none;
		}

	.offer img {
		width: 100% !important;
	}

	.carousel {
		min-height: 275px;
		}

		.carousel .carousel-inner{ height: 275px; }

		.carousel .item a > div > div > div {
			width: 45%;
			display: inline-block;
			vertical-align: top;
		}

		.carousel .item .preview {
			padding: 0;
			text-align: right;
			margin-bottom: -0.5em;
			width: 100%;
		}

			.carousel .item .preview > img {
				width: 80%;
			}

			.carousel .item h1 {
				font-size: 1.75em;
				text-align: center;
				margin-right: 0;
				float: none;
			}

				.carousel .item h2 {
					font-size: 0.75em;
					text-align: center;
				}

				.carousel .item p {
					font-size: 0.8em;
					line-height: 1.1em;
					text-align: left;
				}

		.carousel .item a.background .bg-container {
			height: 273px;
			margin-top: 1px;
			margin-bottom: 1px;
			width: 100%;
			background-position: left center;
		}

		.carousel .carousel-indicators li {
			width: 0.5em !important;			
		}

		.carousel  .carousel-control {
			font-size: 3em;
			opacity: 0.75 !important;
			width: 10% !important;
		}

		.carousel-control .icon-prev,
		.carousel-control .icon-next {
			top: 40%;
		}

	.models {
		min-height: 150px;
		margin-top: 1.25em;
		padding-top: 0;
		}

		.models .jcarousel-wrapper {
			width: 94%;
			padding: 0 5px;
			margin: 0 3%;
		}

		.models ul {
			margin: 0;
		}

			.models .jcarousel > ul > li > a {
				width: 86%;
			}

				.models .jcarousel > ul > li > a > img {
					width: 100%;
					height: auto;
				}

		.models .jcarousel-control-block {
			opacity: 0.75;
			font-size: 0.75em;
			top: 36%;
		}

	.content {
		margin-top: 1em;
	}

		.breadcrumb {
			font-size: 0.85em;
		}

		.content h1 {
			font-size: 1.5em;
			text-align: center;
			padding-bottom: 0.2em;
			border-bottom: 2px solid #eee;
			margin-bottom: 0.5em;
		}

			.content h1:before { display: none; }

			.content h1 > b { background: none; }

		.rightbar { padding-top: 0; }

		.vservice {
			margin-bottom: 1em;
		}
		
			.vservice i {
				margin: 0.2em;
				font-size: 3em;
			}

		#top > ul > li,
		#list > ul > li {
			width: 50%;
			padding: 0 2px;
			margin: 0.75em -0.5% 0.5em -0.5% !important;
		}

		#top li > .infobox,
		#list li > .infobox {
			max-width: 100% !important;
			display: inline-block !important;
			width: 94% !important;
			position: relative;
			background-color: #fff;
		}

			#list li.check:before {
				top: -0.5em;
				z-index: 3;
			}

			#list li.check:after {
				box-shadow: none;
			}

			#top li > .infobox h4,
			#list li > .infobox h4 {
				background-color: #eee;
				margin: 0.525em -0.5em 0.5em 1em;
				border-bottom: 1px solid #bbb;
				position: relative;
				padding: 0.5em 1.75em 0.5em 0.25em;
			}

				.infobox h4:after {
					content: '';
					border-color: transparent;
					border-style: solid;
					border-width: 0.4em 0.6em 0.4em 0;
					-moz-transform: rotate(90deg);
					-ms-transform: rotate(90deg);
					-webkit-transform: rotate(90deg);
					-o-transform: rotate(90deg);
					transform: rotate(90deg);
					border-bottom-color: #bbb;
					position: absolute;
					z-index: 2;
					right: -0.275em;
					bottom: -0.725em;
				}

			#top li > .infobox p,
			#list li > .infobox p {
				text-align: left;
				font-size: 0.85em;
			}

	#directions dl > dd {
		margin-top: -1.4em;
	}

	.jimages > ul > li {
		width: 88px !important;
		height: 64px !important;
	}

	.jimages > ul > li > a {
		width: 82px;
		height: 58px;
	}

	.zoom-phone {
		display: block !important;
		min-height: 100px;
		margin-bottom: 5px;
	}

		.zoom-phone .jcarousel {
			position: relative;
			overflow: hidden;
			min-height: 100px;
			width: 100%;
		}

		.zoom-phone .jcarousel-wrapper {
			margin-left: -0.3em;
		}

		.zoom-phone .jcarousel ul {
			padding: 0;
			margin: 0;
		}

		.zoom-phone li {
			padding-top: 5px;
			padding-bottom: 5px;
		}

			.zoom-phone .jcarousel > ul > li {
				margin: 0;
			}

		.zoom-phone li a {
			display: inline-block;
			border: 12px solid #fff;
			margin-left: 7px;
			width: 80%;
		}

			.zoom-phone li a > img {
				width: 100%;
			}

		.zoom-phone .jcarousel-control {
			top: 42%;
			position: absolute;
		}

		.zoom-phone .jcarousel-control {
			text-decoration: none !important;
			font-size: 1.5em;
			color: #ccc !important;
		}

		.zoom-phone .jcarousel-control.prev { left: 5%; }

		.zoom-phone .jcarousel-control.next { right: 5%; }

		.zoom-phone:before {
			content: "Tap to zoom";
			font-size: 0.75em;
			display: block;
			text-align: center;
			width: 100%;
			z-index: 2;
			color: #aaa;
			position: absolute;
			margin: 0;
			left: 0;
			top: -0.5em;
		}


	.zoom-screen {
		display: none;
	}

	.panel-group {
		margin-left: -10px;
		margin-right: -10px;
	}

	.panel-title > a {
		padding-left: 1.5em;
		position: relative;
		font-weight: bold;
		text-decoration: none !important;
	}

	.panel-title > a.collapsed { font-weight: normal; }

		.panel-title > a:before {
			content: "\e082";
			font-family: 'Glyphicons Halflings';
			font-style: normal;
			font-weight: 400;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			display: inline-block;
			position: absolute;
			color: #aaa;
			top: 0.2em;
			left: 0;
		}

		.panel-title > a.collapsed:before {
			content: "\e081";
		}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		overflow-x: auto;
		width: 100%;
	}

	.panel-body {
		padding: 10px !important;
	}

		.panel-body table tr > th {
			background-color: #fafafa;
		}

		.panel-body table tr1 > td:first-child {
			border-right: none !important;
		}

	table tr:first-child > th {
		border-top: none;
	}

	.vservice {
		min-height: 10em;
	}

		.vservice h4 {
			font-size: 1em;
		}

		.content .breadcrumb {
			margin-bottom: 0;
		}

		.rightbar {
			padding-top: 0;
			margin-bottom: 0.5em;
		}

		.rightbar #compareForm {
			padding-top: 0;
			position: relative;
			background-color: #fff;
			padding-bottom: 0.5em;
			margin-bottom: 1.5em;
		}

			#compareForm:before {
				content: "";
				position: absolute;
				left: 5%;
				bottom: 0.25em;
				width: 96%;
				height: 2em;
				border-radius: 50%;
				background-color: #fff;
				box-shadow: 0 0 1.25em rgba(0,0,0,0.25);
				z-index: -1;
			}

		.rightbar #formCompare {
			margin: 0;
			border-top: none;
			padding-top: 0;
			text-align: right;
			margin-left: -15px;
			padding-right: 14px;
		}

			.rightbar #formCompare .clear {
				border: 1px solid #eee;
				margin-bottom: 0.75em;
			}

			.rightbar #formCompare .clear,
			.rightbar #formCompare button {
				width: 90%;
				text-align: center;
			}

			.rightbar #formCompare button {
				padding-top: 1em;
				padding-bottom: 1em;
			}

		.rightbar #compare_view {
			text-align: left;
			padding-left: 2.125em;
		}

		.rightbar #compare_view > span {
			width: 30%;
			height: 85px;
			background-size: 70% auto;
		}

	.slink {
		padding: 0 30px;
	}

		.slink button {
			max-width: 300px;
			margin: 0.75em auto;
			width: 100%;
		}

	.qmessage {
		padding-left: 1em;
	}

		.qmessage #message {
			height: 5em;
		}

	.qcontact {
		background-color: transparent;
		padding-top: 0;
		padding-right: 1.5em;
	}

	.qcontact:before { display: none; }

	#zoomPix {
		box-shadow: none;
		border-radius: 0;
		overflow: hidden;
		margin-bottom: 10px;
	}

		#zoomPix .modal-dialog,
		#zoomPix .modal-content {
			width: 96% !important;
			border: none !important;
			margin-left: 2%;
			height: 94%;
			box-shadow: none;
			background-color: transparent !important;
		}

		#zoomPix .modal-content {
			background-color: transparent !important;
			height: 100%;
		}

		#zoomPix .modal-header {
			background-color: #444851;
			padding: 10px;
			color: #fff;
		}

		#zoomPix .modal-body {
			border-radius: 0;
			box-shadow: none;
			overflow: hidden;
			padding: 0;
			margin-bottom: 5px;
			border: 3px solid #fff;
			background-color: #fff;
			height: 100% !important;
		}

			#zoomPix #prezoomImg {
				background-size: auto 100%;
				background-position: center;
				background-repeat: no-repeat;
				position: absolute;
				border: 3px solid #ccc;
				top: 0;
				bottom: 0px;
				left: 0;
				right: 0;
			}

			#zoomPix .modal-body #zoomImg {
				display: none;
			}

			#zoomPix .modal-body .zoomup {
				position: absolute;
				display: inline-block;
				font-size: 1.75em;
				top: 6px;
				left: 10px;
				z-index: 2101;
			}

				#zoomPix .modal-body .zoomup > i,
				#zoomPix .modal-content .wclose > i {
					color: #fff;
					text-shadow: 0 0 30px rgba(0,0,0,0.75);
					cursor: pointer;
				}

		#zoomPix .modal-content .wclose {
			margin-top: 0;
			position: absolute;
			display: inline-block;
			opacity: 1;
			font-size: 1.5em;
			top: 10px;
			right: 13px;
			z-index: 2101;
		}

	.footer {
		margin-top: 1em;
	}
}

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

	.models .jcarousel-control-block {
		top: 34%;
	}
}

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

	.models {
		height: 170px;
	}

	.models .jcarousel {
		min-height: 150px;
	}
}

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

	html{
		width: 100%;
		overflow-x: hidden;
	}

	.header {
		margin: 1.25em 0 0.8em 0;
		}

		.header .logo {
			padding-top: 3.1em;
			min-width: 12em;
		}

			.header .logo .slogan {
				font-size: 1em;
			}

		.header .contacts-menu { text-align: right; }

		.navbar-toggle {
			border-radius: 0;
			margin-top: 0.15em;
		}

		.navbar-toggle .icon-bar {
			height: 5px;
			width: 100%;
		}

		.header .xs-menu {
			padding: 0;
			margin-bottom: 1em;
		}

			.header .xs-menu ul {
				padding: 0.45em 0.5em 0.25em 0.5em;
				border-bottom: 1px solid #ddd;
				background-color: #eee;
				text-align: left;
				margin: 0;
			}

				.header .xs-menu > ul > li {
					display: inline-block;
					margin: 0 0.5em;
					vertical-align: middle;
				}

					.header .xs-menu > ul > li > a  {
						color: #888;
						text-decoration: none;
					}

						.header .xs-menu > ul > li > a > i {
							font-size: 1.5em;
						}

					.header .xs-menu > ul > li > button,
					.header .xs-menu > ul > li > b {
						float: none;
						vertical-align: middle;
						border-radius: 0;
						color: #888;
					}

		.navbar-collapse > ul.navbar-nav {
			border-radius: 0 0 4px 4px;
			background-color: rgba(0,0,0,0.1);
		}

		.navbar-collapse li > a {
			padding: 7px 15px 6px 20px;
			border-bottom: 1px solid #fff;
		}

		.menu-top .nav > li:first-child > a {
			padding: 0.5em 0.9em;
		}

		.navbar-collapse li:last-child > a {
			border-bottom: none;
		}

		.navbar-collapse li > a:hover,
		.navbar-collapse li > a:focus {
			border-bottom: 1px solid #fff;
		}
			.navbar-collapse .collapse-icons {
				font-size: 2.25em;
				padding-top: 0.8em;
			}

				.navbar-collapse .collapse-icons > a {
					text-decoration: none;
					margin: 0.5em 0 0.875em 0;
					display: block;
					color: #fff;
				}

	.menu-top:before { display: none; }

	.offer img {
		width: 100% !important;
	}

	.carousel {
		min-height: 175px;
	}

		.carousel .carousel-inner{ height: 175px; }

		.carousel .item {
			font-size: 0.75em;
		}

		.carousel .item a > div > div > div {
			width: 47%;
			display: inline-block;
			vertical-align: top;
			padding-left: 5px;
			padding-right: 5px;
		}

		.carousel .item .preview {
			text-align: right;
		}

		.carousel .item a.background .bg-container {
			height: 173px;
			margin-top: 1px;
			margin-bottom: 1px;
			width: 100%;
			background-position: left center;
		}

			.carousel .item ul {
				padding-left: 10px;
			}

			.carousel .carousel-control {
				font-size: 1.5em;
			}

	.models {
		min-height: 200px;
		margin-top: 1.25em;
		padding-top: 0;
		}

		.models .jcarousel {
			min-height: 230px;
		}

		.models ul {
			margin: 0;
		}

			.models .jcarousel > ul > li > a {
				width: 80%;
			}

				.models .jcarousel > ul > li > a > img {
					width: 100%;
					height: auto;
				}

		.models .jcarousel-control-block {
			opacity: 0.85;
			font-size: 0.6em;
			top: 37%;
		}

	.content {
		margin-top: 1em;
	}

		.content .col-print {
			width: 100%;
		}

		.breadcrumb {
			font-size: 0.75em;
		}

			.breadcrumb li {
				display: block;
			}

		.content h1 {
			font-size: 1.5em;
			text-align: center;
			margin-top: 0;
			padding-bottom: 0.2em;
			border-bottom: 2px solid #eee;
			margin-bottom: 0.5em;
		}

			.content h1:before { display: none; }

			.content h1 > b { background: none; }

			.rightbar #compare_view > span {
				width: 28%;
				height: 52px;
			}

			.rightbar #formCompare {
				margin: 0;
				border-top: none;
				padding-top: 0;
				text-align: right;
				margin-left: -15px;
				padding-right: 14px;
			}

				.rightbar #formCompare .clear, .rightbar #formCompare button {
					width: 100%;
					text-align: center;
				}

				.rightbar #formCompare .clear {
					padding: 0.1em 0 0 0;
					margin-bottom: 0.5em;
					font-size: 0.75em;
				}

					.rightbar #formCompare .clear > span {
						display: none;
					}

				.rightbar #formCompare button {
					padding: 0.25em;
				}

		.zoom-phone .jcarousel-wrapper {
			margin-left: -0.425em;
		}

		.zoom-phone .jcarousel-control {
			top: 37%;
		}

		.zoom-phone li a {
			width: 100%;
			margin-left: 0;
		}

			.zoom-phone li a > img {
				width: 96%;
				margin-left: 5px;
		}

		.vservice {
			margin-bottom: 1em;
		}
		
			.vservice i {
				margin: 0.2em;
				font-size: 3em;
			}

		#top > ul > li, #list > ul > li {
			width: 100%;
			padding: 0 2px;
		}

		#top li > .infobox,
		#list li > .infobox {
			width: 100% !important;
			max-width: 300px;
			right: -3px;
			margin-bottom: -0.75em;
		}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		overflow-x: auto;
		width: 100%;
	}

	.panel-body {
		padding: 10px !important;
	}

		.panel-body table tr > th {
			background-color: #fafafa;
		}

		.panel-body table tr1 > td:first-child {
			border-right: none !important;
		}

	table tr:first-child > th {
		border-top: none;
	}

	.text-comment p {
		text-align: left;
		font-size: 0.75em;
	}

    #directions dl > dd {
		margin-top: -1.4em;
	}

	.zoom-screen {
		display: none;
	}

	.vservice {
		min-height: 3em;
	}

		.vservice h4 {
			font-size: 1em;
		}

		.vservice strong {
			font-size: 0.75em;
		}

	.qmessage {
		padding-left: 1em;
	}

		.qmessage #message {
			height: 5em;
		}

	.qcontact {
		background-color: transparent;
		padding-top: 0;
		padding-right: 1.5em;
	}

	.qcontact:before { display: none; }

	.compare {
		overflow-x: auto;
	}

		.compare table tr > td {
			min-width: 140px;
		}

	.nav-tabs { border-bottom: none; }

		.nav-tabs > li {
			position: relative;
			margin-bottom: 6px;
		}

		.nav-tabs > li:after {
			content: "";
			position: absolute;
			width: 400px;
			height: 1px;
			display: block;
			border-bottom: 1px solid #ddd;
			bottom: 1px;
			left: -30px;
			z-index: -1;
		}

	.tab-content #spec {
		overflow-x: auto; 
	}

	.footer .logo {
		min-width: 100%;
		margin-top: 2.3em;
	}

	.footer small {
		display: inline-block;
		padding-left: 1em;
	}

}

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

	.models {
		min-height: 170px;
	}

	.models .jcarousel {
		min-height: 150px;
	}

	.footer small {
		font-size: 0.75em;
		padding-left: 0;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.zoom-phone {
		display: block !important;
		min-height: 100px;
		margin-bottom: 5px;
	}

		.zoom-phone .jcarousel {
			position: relative;
			overflow: hidden;
			width: 100%;
		}

		.zoom-phone .jcarousel-wrapper {
			margin-left: -0.3em;
		}

		.zoom-phone .jcarousel ul {
			padding: 0;
			margin: 0;
		}

		.zoom-phone li {
			padding-top: 5px;
			padding-bottom: 5px;
		}

			.zoom-phone .jcarousel > ul > li {
				margin: 0;
			}

		.zoom-phone li a {
			display: inline-block;
			border: 12px solid #fff;
			margin-left: 7px;
			width: 80%;
		}

			.zoom-phone li a > img {
				width: 100%;
			}

		.zoom-phone .jcarousel-control {
			top: 42%;
			position: absolute;
		}

		.zoom-phone .jcarousel-control {
			text-decoration: none !important;
			font-size: 1.5em;
			color: #ccc !important;
		}

		.zoom-phone .jcarousel-control.prev { left: 5%; }

		.zoom-phone .jcarousel-control.next { right: 5%; }

		.zoom-phone:before {
			content: "Tap to zoom";
			font-size: 0.75em;
			display: block;
			text-align: center;
			width: 100%;
			z-index: 2;
			color: #aaa;
			position: absolute;
			margin: 0;
			left: 0;
			top: -0.5em;
		}

	#zoomPix {
		box-shadow: none;
		border-radius: 0;
		overflow: hidden;
		margin-bottom: 10px;
	}

		#zoomPix .modal-dialog,
		#zoomPix .modal-content {
			width: 96% !important;
			border: none !important;
			background-color: transparent !important;
			margin-left: 2%;
			box-shadow: none;
		}

		#zoomPix .modal-header {
			background-color: #444851;
			padding: 10px;
			color: #fff;
		}

		#zoomPix .modal-body {
			border-radius: 0;
			box-shadow: none;
			overflow: hidden;
			padding: 0;
			border: 3px solid #fff;
			background-color: #fff;
			height: 100% !important;
			position: relative;
			line-height: 1;
		}

			#zoomPix .modal-body .zoomup {
				position: absolute;
				display: inline-block;
				font-size: 3.325em;
				top: 17px;
				left: 20px;
				z-index: 2101;
			}

				#zoomPix .modal-body .zoomup > i,
				#zoomPix .modal-content .wclose > i {
					color: #fff;
					text-shadow: 0 0 30px rgba(0,0,0,0.75);
					cursor: pointer;
				}

		#zoomPix .modal-content .wclose {
			margin-top: 0;
			position: absolute;
			display: inline-block;
			opacity: 1;
			font-size: 3em;
			top: 11px;
			right: 20px;
			z-index: 2101;
		}


	.zoom-screen {
		display: none;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.zoom-phone {
		display: block !important;
		min-height: 100px;
		margin-bottom: 5px;
	}

		.zoom-phone .jcarousel {
			position: relative;
			overflow: hidden;
			width: 100%;
		}

		.zoom-phone .jcarousel-wrapper {
			margin-left: -0.3em;
		}

		.zoom-phone .jcarousel ul {
			padding: 0;
			margin: 0;
		}

		.zoom-phone li {
			padding-top: 5px;
			padding-bottom: 5px;
		}

			.zoom-phone .jcarousel > ul > li {
				margin: 0;
			}

		.zoom-phone li a {
			display: inline-block;
			border: 12px solid #fff;
			margin-left: 7px;
			width: 80%;
		}

			.zoom-phone li a > img {
				width: 100%;
			}

		.zoom-phone .jcarousel-control {
			top: 42%;
			position: absolute;
		}

		.zoom-phone .jcarousel-control {
			text-decoration: none !important;
			font-size: 1.5em;
			color: #ccc !important;
		}

		.zoom-phone .jcarousel-control.prev { left: 5%; }

		.zoom-phone .jcarousel-control.next { right: 5%; }

		.zoom-phone:before {
			content: "Tap to zoom";
			font-size: 0.75em;
			display: block;
			text-align: center;
			width: 100%;
			z-index: 2;
			color: #aaa;
			position: absolute;
			margin: 0;
			left: 0;
			top: -0.5em;
		}

	#zoomPix {
		box-shadow: none;
		border-radius: 0;
		overflow: hidden;
		margin-bottom: 10px;
	}

		#zoomPix .modal-dialog,
		#zoomPix .modal-content {
			width: 96% !important;
			border: none !important;
			margin-left: 2%;
			box-shadow: none;
			background-color: transparent !important;
		}

		#zoomPix .modal-content {
			background-color: transparent !important;
		}

		#zoomPix .modal-header {
			background-color: #444851;
			padding: 10px;
			color: #fff;
		}

		#zoomPix .modal-body {
			border-radius: 0;
			box-shadow: none;
			overflow: hidden;
			padding: 0;
			margin-bottom: 5px;
			border: 3px solid #fff;
			background-color: #fff;
			height: 100% !important;
		}

			#zoomPix .modal-body .zoomup {
				position: absolute;
				display: inline-block;
				font-size: 3.325em;
				top: 17px;
				left: 20px;
				z-index: 2101;
			}

				#zoomPix .modal-body .zoomup > i,
				#zoomPix .modal-content .wclose > i {
					color: #fff;
					text-shadow: 0 0 30px rgba(0,0,0,0.75);
					cursor: pointer;
				}

		#zoomPix .modal-content .wclose {
			margin-top: 0;
			position: absolute;
			display: inline-block;
			opacity: 1;
			font-size: 3em;
			top: 11px;
			right: 20px;
			z-index: 2101;
		}

	.zoom-screen {
		display: none;
	}
}


@media only screen and (height : 800px) and (height : 750px) and (max-width : 1280px) and (min-width : 1230px) {
	#zoomPix .modal-dialog,
	#zoomPix .modal-content {
		width: 90% !important;
		background-color: transparent !important;
		margin-left: 5%;
	}
}

@media only screen and (max-height : 600px) and (min-height : 550px) and (max-width : 1024px) and (min-width : 974px) {
	#zoomPix .modal-dialog,
	#zoomPix .modal-content {
		width: 90% !important;
		background-color: transparent !important;
		margin-left: 5%;
	}
}

@media only screen and (max-height : 417px) and (min-width : 482px){
	#zoomPix .modal-dialog,
	#zoomPix .modal-content {
		width: 86% !important;
		background-color: transparent !important;
		margin-left: 8%;
	}
}