/* ------------------------------------------------------------------------------

MINIMALIST EBAY TEMPLATE MADE BY PIXELSAFARI.NET

Template Name: Minimalist
Description: Minimalist eBay Template by Pixelsafari.net
Author: Daniel Kolb
Author URI: http://pixelsafari.net
Version: 2.5

	1. Wrapper
	2. Header & Navigation
	3. Top Content
	4. Gallery
	5. Short Description
	6. Price Container & Button
	7. Feedback
	8. Tab Bar
	9. Best Sellers
	10. Footer

	11. Max width 820px (Tablet)
	12. Max width 480px (Smartphone)

------------------------------------------------------------------------------ */


/* 1. Wrapper */

a.rollover {
	background: url("http://ooutdoor.de/minimal/Bilder/02.jpg");
	display: block;
	width: 800px;
	height: 180px;
	margin: auto;
	max-width: 100%;
}

a.rollover:hover {
	background-position: -800px 0px;
}

.wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0 40px 80px;
	max-width: 1390px;
	background-color: #fafafa;
	border-style: solid;
	border-width: 125px 29px 42px;
	-moz-border-image: url(/package/img/wrapperBorder/wrapperborder.png) 125 29 42 round;
	-webkit-border-image: url(/package/img/wrapperBorder/wrapperborder.png) 125 29 42 round;
	-o-border-image: url(/package/img/wrapperBorder/wrapperborder.png) 125 29 42 round;
	border-image: url(/package/img/wrapperBorder/wrapperborder.png) 125 29 42 round;
}

.jdstrat_logo_top_logo_container {
	margin-top: -90px;
	margin-bottom: 30px;
	text-align: center;
}

.jdstrat_logo_top_logo_container img {
	max-width: 100%;
	max-width: 290px;
	max-height: 100px;
}

#headContent {
	margin-bottom: 60px;
	text-align: center;
	margin: auto;
	position: relative;
}

#headContent h2 {
	margin-bottom: 45px;
	font-weight: 700;
	font-size: 44px;
	font-family: 'Lato', sans-serif;
	text-align: center;
	text-decoration: underline;
}

#headContent p {
	font-size: 20px;
	line-height: 1.5;
	font-family: 'Lato', sans-serif;
	max-width: 940px;
	padding: 0 20px;
	margin: 40px auto 30px;
}

#headContent ol,
#headContent ul {
	display: inline-block;
	margin: 0;
	padding-left: 20px;
	text-align: left;
	line-height: 1.5;
}

#headContent .manufacturer img {
	max-width: 120px;
}

#headContent .manufacturer {
	position: absolute;
}

#headContent .manufacturer:nth-child(2) {
	right: 0;
}

.clearer {
	clear: both;
}


/* 2. Header & Navigation */

#header {
	margin-bottom: 40px;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#header h2 {
	margin-bottom: 15px;
	font-weight: 300;
	font-size: 54px;
	font-family: 'Cardo', serif;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#header h2:hover {
	color: #BF392B;
	cursor: default;
}

#header a,
#header a:visited {
	color: inherit;
	text-decoration: none;
}

#header img {
	margin-bottom: 20px;
	max-width: 100%;
	max-height: 120px;
}

#navigation {
	margin-bottom: 50px;
	border-bottom: 3px solid #333;
}

.navList {
	margin: 0;
	padding: 0;
}

.navList li {
	display: inline-block;
	margin: 0 40px 0 0;
	color: #000;
	font-weight: 700;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	line-height: 60px;
}

.navList li:hover,
.navList li a:hover {
	text-decoration: underline;
}

.navList a,
.navList a:visited {
	text-decoration: none;
}


/* 3. Top Content */

#upperBody {
	margin-bottom: 50px;
	margin-left: 55%;
	padding-top: 1px;
	padding-left: 25px;
	font-family: 'Lato', sans-serif;
}

#upperBody h2,
#upperBody h4 {
	margin-top: 10px;
	margin-bottom: 0px;
	color: #1F1F1F;
	font-weight: 400;
	font-size: 30px;
	font-family: 'montserrat', sans-serif;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#upperBody h3 {
	margin-top: 7px;
	color: #1F1F1F;
	font-weight: 400;
	font-size: 25px;
	font-family: 'montserrat', sans-serif;
	text-decoration: underline;
}

#upperBody p,
#upperBody ul,
#upperBody ol,
#upperBody li,
{
	color: #555555;
	font-weight: 400;
	font-size: 15px;
	font-family: 'open sans', sans-serif;
}


/* 4. Gallery */

.gallery {
	height: 750px;
	width: 50%;
	float: left;
	margin-bottom: 160px;
}

.bigPic {
	position: relative;
	width: 100%;
	height: 630px;
	text-align: center;
	margin: 0;
	background-color: #fff;
}

.bigPic .borderContainer {
	border: 10px solid #333;
	border-radius: 5px;
	height: 610px;
	position: relative;
	background-color: #fff;
}

.bigPic img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.galleryNav {
	padding-top: 15px;
	padding-left: 0;
	text-align: left;
	height: 100px;
}

.galleryThumb {
	position: relative;
	display: inline-block;
	margin-right: 1%;
	margin-left: -4px;
	width: 24.25%;
	height: 100px;
	text-align: center;
	margin-bottom: 5px;
	/*background-color: #fff;*/
}

.galleryThumb:nth-child(1),
.galleryThumb:nth-child(5) {
	margin-left: 0;
}

.galleryThumb:nth-child(4n) {
	margin-right: 0;
}

.galleryThumb .borderContainer {
	height: 100px;
	display: block;
	position: relative;
	/*background-color: #fff;*/
}

.galleryThumb:last-child {
	margin-right: 0;
}

.galleryThumb:hover {
	opacity: 0.7;
	cursor: pointer;
	transition: all 0.2s;
}

.galleryThumb img {
	position: absolute;
	border: 3px solid #333;
	border-radius: 5px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

#picsNavContainer {
	display: inline-block;
}


/* 5. Short Description */

#shortdescription {
	overflow: hidden;
	padding-right: 15px;
	max-width: 670px;
	line-height: 1.6;
}

#shortdescription h3 {
	margin-bottom: 10px;
}

#shortdescription ul {
	margin: 0 0 30px;
	padding-left: 20px;
	font-size: 18px;
}

#variationContainer {
	margin: 20px 0 0 0;
	padding-bottom: 45px;
	padding-left: 25px;
	max-width: 345px;
	border-top: 1px solid #ddd;
	font-family: 'montserrat', sans-serif;
}

#variationContainer h5 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 14px;
}

.varList1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.varList1 li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px 10px;
	border: 1px solid #333;
	background-color: fff;
	color: #333;
	font-size: 12px;
}

.varList1 li:hover {
	background-color: #000;
	color: #fff;
	cursor: default;
}

.varList2 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.varList2 li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px 10px;
	border: 1px solid #333;
	color: #333;
	font-size: 12px;
}

.varList2 li:hover {
	background-color: #000;
	color: #fff;
	cursor: default;
}


/* 6. Price Container & Button */

#priceContainer {
	margin: 0 0 35px 0;
	padding-top: 25px;
	padding-left: 25px;
	width: 345px;
	height: 100px;
	background-color: #eee;
}

#priceContainer h4 {
	display: inline-block;
	color: #333;
	font-size: 32px;
	font-family: 'lato', sans-serif;
}

#priceContainer h5 {
	position: relative;
	top: 15px;
	left: -25px;
	display: inline;
	color: #333;
	font-weight: 400;
	font-size: 12px;
	font-family: 'lato', sans-serif;
}

#priceContainer sup {
	color: #333;
	font-size: 14px;
	font-family: 'lato', sans-serif;
}

#buyItNowButton {
	display: inline-block;
	margin-left: 0px;
	padding: 0 5px;
	width: 125px;
	height: 45px;
	border: 2px solid #000;
	background-color: #fff;
	text-align: center;
	line-height: 45px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#buyItNowButton a,
#buyItNowButton a:hover,
#buyItNowButton a:visited {
	color: inherit;
	text-decoration: none;
}

#buyItNowButton:hover {
	background-color: #333;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#buyItNowButton:hover h4 {
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#buyItNowButton h4 {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 16px;
	font-family: 'montserrat', sans-serif;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* 7. Feedback */

#feedbackContainer {
	display: inline-block;
	margin-left: 20px;
	padding: 0px 20px 20px 0px;
	max-width: 490px;
}

#feedbackContainer h4 {
	color: #444444;
	font-size: 21px;
	font-family: 'cardo', sans-serif;
	line-height: 1.5;
}

.underline {
	margin: 13px 0;
	width: 20px;
	height: 3px;
	background-color: #000;
}

.feedback {
	font-family: 'lato', sans-serif;
}

.feedback p {
	padding: 10px 10px;
	color: #333;
	font-size: 14px;
}

.feedback i {
	position: relative;
	top: 20px;
	left: -40px;
	padding-top: 5px;
	font-style: italic;
	font-size: 12px;
}

.feedback span {
	position: relative;
	top: 5px;
	left: 25px;
	font-style: italic;
	font-size: 12px;
}


/* 8. Tab Bar */

.tabContent h1,
.tabBar h2,
.tabContent h2,
.tabBar h2 {
	color: #333;
	font-weight: 300;
	font-size: 28px;
	font-family: 'cardo';
}

.tabContent ol,
.tabContent ul {
	margin: 0;
	padding-left: 20px;
	text-align: left;
	line-height: 1.5;
}

.tabContent ul li{
	margin-bottom: 8px;
}

#tab2,
#tab3,
#tab4,
#tab5,
#tab6 {
	display: none;
}

.tabContent {
	clear: both;
	overflow: auto;
}

.tabBar input[type=radio] {
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
}

.tablinks:first-child {
	margin-left: 0;
}

.tablinks {
	display: inline-block;
	width: 150px;
	background-color: #EFF0EB;
	color: #666666;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	line-height: 40px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	border: 1px solid #EFF0EB;
	position: relative;
	left: -3px;
}

.tablinks:hover {
	border: 1px solid #D6D6D6;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #000;
	cursor: pointer;
}

#tab1-btn:checked + .tablinks,
#tab2-btn:checked + .tablinks,
#tab3-btn:checked + .tablinks,
#tab4-btn:checked + .tablinks,
#tab5-btn:checked + .tablinks,
#tab6-btn:checked + .tablinks {
	border: 1px solid #D6D6D6;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #000;
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 150px;
	height: 40px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	top: 1px;
}

#tab1-btn:checked ~ #tab1 {
	display: block;
}

#tab1-btn:checked ~ #tab2,
#tab1-btn:checked ~ #tab3,
#tab1-btn:checked ~ #tab4,
#tab1-btn:checked ~ #tab5,
#tab1-btn:checked ~ #tab6 {
	display: none;
}

#tab2-btn:checked ~ #tab2 {
	display: block;
}

#tab2-btn:checked ~ #tab1,
#tab2-btn:checked ~ #tab3,
#tab2-btn:checked ~ #tab4,
#tab2-btn:checked ~ #tab5,
#tab2-btn:checked ~ #tab6 {
	display: none;
}

#tab3-btn:checked ~ #tab3 {
	display: block;
}

#tab3-btn:checked ~ #tab1,
#tab3-btn:checked ~ #tab2,
#tab3-btn:checked ~ #tab4,
#tab3-btn:checked ~ #tab5,
#tab3-btn:checked ~ #tab6 {
	display: none;
}

#tab4-btn:checked ~ #tab4 {
	display: block;
}

#tab4-btn:checked ~ #tab1,
#tab4-btn:checked ~ #tab2,
#tab4-btn:checked ~ #tab3,
#tab4-btn:checked ~ #tab5,
#tab4-btn:checked ~ #tab6 {
	display: none;
}

#tab5-btn:checked ~ #tab5 {
	display: block;
}

#tab5-btn:checked ~ #tab1,
#tab5-btn:checked ~ #tab2,
#tab5-btn:checked ~ #tab3,
#tab5-btn:checked ~ #tab4,
#tab5-btn:checked ~ #tab6 {
	display: none;
}

#tab6-btn:checked ~ #tab6 {
	display: block;
}

#tab6-btn:checked ~ #tab1,
#tab6-btn:checked ~ #tab2,
#tab6-btn:checked ~ #tab3,
#tab6-btn:checked ~ #tab4,
#tab6-btn:checked ~ #tab5 {
	display: none;
}

.descriptionFeaturesList {
	margin: 0 auto !important;
	padding: 0 0 0 20px;
	max-width: 380px;
	list-style: none;
	text-align: left;
}

.descriptionFeatures h1,
.descriptionFeatures h2 {
	font-size: 40px;
}

.descriptionFeaturesList li {
	margin-bottom: 10px;
}

.descriptionFeaturesList i {
	margin-right: 8px;
}

#descriptionFeatures {
	margin: 50px 0 70px 0;
	padding: 30px 0 60px 0;
	background-color: #f0f0f0;
	text-align: center;
	font-size: 18px;
}

#descriptionFeatures h2 {
	font-size: 40px;
}

.tabBar {
	clear: both;
	padding-bottom: 80px;
}

.contentBorder {
	border: 1px solid #D6D6D6;
}

.tabContent {
	margin: 0;
	padding: 25px 50px 85px 90px;
	color: #555555;
	text-align: left;
	font: 17px 'Lato', sans-serif;
	line-height: 1.5;
	background-color: #fff;
}

.tabContent a {
	color: #BF392B;
}

.tabContent a:hover,
.tabContent a:visited {
	color: #c0392b;
}

.tabContent img {
	margin: 5px;
	max-width: 100%;
	height: auto;
}

.videoWrapperContainer {
	margin: 0 auto;
	width: 50%;
}

.videoWrapper {
	position: relative;
	padding-top: 25px;
	padding-bottom: 56.25%;
	height: 0;
}

.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	margin: 20px auto 0 auto;
	width: 100%;
	height: 100%;
}

.contentImgLeft {
	float: left;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 0px;
	max-width: 50%;
}

.contentImgRight {
	float: right;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
	width: 40%;
}

.contentImgLeft img,
.contentImgRight img {
	max-width: 100%;
}

.contentImgInline {
	display: inline-block;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}


/* 9. Best Sellers */

.bsItem,
.bsItem1,
.bsItem2,
.bsItem3 {
	display: inline-block;
	margin-bottom: 5px;
	padding: 10px;
	width: 29%;
	border: 1px solid #fff;
	vertical-align: top;
	text-align: center;
	font-weight: 300;
	font-family: 'cardo', 'open sans';
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.bsItem img,
.bsItem1 img,
.bsItem2 img,
.bsItem3 img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.bsItem h3,
.bsItem1 h3,
.bsItem2 h3,
.bsItem3 h3 {
	margin-bottom: 7px;
	color: #333;
	font-weight: 400;
	font-size: 22px;
}

.bsItem h4,
.bsItem1 h4,
.bsItem2 h4,
.bsItem3 h4 {
	margin-top: 0;
	color: #BF392B;
	font-weight: 400;
	font-size: 18px;
	font-family: 'lato';
}

.bsItem a,
.bsItem a:hover,
.bsItem a:visited,
.bsItem1 a,
.bsItem1 a:hover,
.bsItem1 a:visited,
.bsItem2 a,
.bsItem2 a:hover,
.bsItem2 a:visited,
.bsItem3 a,
.bsItem3 a:hover,
.bsItem3 a:visited {
	color: inherit;
	text-decoration: none;
}

.bsItem sup,
.bsItem1 sup,
.bsItem2 sup,
.bsItem3 sup {
	color: #BF392B;
	font-size: 13px;
}

.bsItem:hover img,
.bsItem1:hover img,
.bsItem2:hover img,
.bsItem3:hover img {
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.bsItem:hover,
.bsItem1:hover,
.bsItem2:hover,
.bsItem3:hover {
	border: 1px solid #BF392B;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#crossSellerContainer {
	overflow: hidden;
	margin-top: 10px;
	text-align: center;
}

.linethrough {
	margin-top: 20px;
	width: 100%;
	height: 1px;
	background-color: #333;
}

#crossSellerContainer h2 {
	position: relative;
	top: -23px;
	z-index: 9999;
	display: inline-block;
	margin: 0 20px;
	padding: 5px 10px 0 10px;
	background-color: #fafafa;
	font-weight: 400;
	font-size: 24px;
	font-family: 'cardo', "open sans";
}

.bsItem1 {
	margin-left: 10px;
}

.bsItem2 {
	margin: 0 auto;
}

.bsItem3 {
	margin-right: 10px;
}


/* 10. Footer */

#footerContainer {
	margin: auto;
	padding: 30px 30px 20px 30px;
	width: 50%;
	height: 40px;
	background-color: #222222;
	font-family: 'Lato', sans-serif;
	border-radius: 15px;
}

#footerContainer h2 {
	margin: 0 0 26px 0;
	padding: 0;
	color: #fff;
	font-weight: 300;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
}

#footerContainer i {
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	font-size: 22px;
	line-height: 30px;
	margin-right: 15px;
}

#footerContainer a {
	color: #D6D6D6;
	text-decoration: none;
}

#footerColumn1 {
	float: left;
	margin-left: 10px;
	width: 30%;
	text-align: center;
}

.footerRow {
	margin-bottom: 20px;
	height: 28px;
}

#footerColumn1 p {
	margin: 0 0 0 0;
	margin-bottom: 0;
	padding: 0;
	color: #D6D6D6;
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

#footerColumn2 p {
	display: block;
	float: left;
	margin: 5px 0 0 15px;
	color: #D6D6D6;
	font-size: 12px;
}

#footerColumn3 p {
	clear: both;
	color: #D6D6D6;
	font-size: 12px;
}

#footerColumn3 span {
	margin-top: 5px;
	font-weight: 400;
}

.jdstrat_ebay_shop {
	text-align: center;
	margin: 50px 0;
}

.jdstrat_ebay_shop img {
	max-width: 250px;
}

.jdstrat_footer {
	height: 2px;
	background-color: #ebebeb;
	margin-top: 80px;
	text-align: center;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(235, 235, 235, 1);
	-moz-box-shadow: 0px 2px 7px 0px rgba(235, 235, 235, 1);
	box-shadow: 0px 2px 7px 0px rgba(235, 235, 235, 1);
}

.jdstrat_footer img {
	width: 150px;
	margin-top: -22px;
}

#copyright {
	float: left;
	margin: 10px 0 0 0;
	color: #D6D6D6;
	font-size: 9px;
}

#copyright a {
	color: #ffffff;
	text-decoration: none;
}

@media only screen and (max-width: 1280px) {
	#headContent .manufacturer img {
		max-height: 80px;
	}
	.contentImgRight{
		width: auto;
		max-width: 50%;
	}
	
}

@media only screen and (max-width: 1150px) {
	.tablinks:hover,#tab1-btn:checked + .tablinks, #tab2-btn:checked + .tablinks, #tab3-btn:checked + .tablinks, #tab4-btn:checked + .tablinks, #tab5-btn:checked + .tablinks, #tab6-btn:checked + .tablinks{
		border: none;
		margin-bottom: 10px;
	}
	
}


/****************/


/**** TABLET ****/


/****************/


/* 11. Max width 820px (Tablet) */

@media only screen and (max-width: 820px) {
	a.rollover {
	display:none;
}
	#header img {
		max-width: 100%;
	}
	#navigation {
		height: auto;
	}
	.navList {
		padding-left: 0;
	}
	#navigation li {
		display: block;
		padding: 0px;
		width: 100%;
		border-top: 1px solid #ddd;
	}
	#navigation li:first-child {
		border-top: none;
	}
	.gallery {
		clear: both;
		width: 100%;
	}
	#upperBody {
		clear: both;
		margin-bottom: 50px;
		margin-left: 0;
		padding: 0;
		text-align: center;
	}
	#shortdescription {
		padding-right: 0;
		max-width: 820px;
	}
	#upperBody ul,
	#upperBody ol {
		text-align: left;
		display: inline-block;
	}
	#variationContainer {
		margin-right: auto;
		margin-left: auto;
		padding-left: 0;
	}
	#priceContainer {
		margin: 0 auto;
		margin-bottom: 40px;
		padding: 10px 10px 40px 10px;
		width: auto;
		height: auto;
	}
	#buyItNowButton {
		position: relative;
		right: 15px;
		margin-top: 30px;
	}
	#feedbackContainer {
		display: block;
		margin-right: auto;
		margin-left: auto;
		max-width: 360px;
	}
	#feedbackContainer h4 {
		text-align: center;
	}
	.underline {
		margin-right: auto;
		margin-left: auto;
	}
	#tablinks {
		margin-bottom: 0;
		min-width: auto;
		height: auto;
	}
	#tablinks li {
		margin-right: 1%;
		margin-bottom: 1%;
		margin-left: -4px;
		width: 49%;
	}
	#tab1,
	#tab2,
	#tab3,
	#tab4,
	#tab5,
	#tab6,
	#tab7,
	#tab8 {
		clear: both;
	}
	#tablinks li:nth-child(2n) {
		margin-right: 0;
		margin-left: 1%;
	}
	.tabContent {
		clear: both;
		padding: 15px;
	}
	.tabContent img {
		margin: 0;
		max-width: 100%;
		max-height: auto;
		width: auto;
		height: auto;
	}
	.tablinks,
	.tablinks:hover,
	#tab1-btn:checked + .tablinks,
	#tab2-btn:checked + .tablinks,
	#tab3-btn:checked + .tablinks,
	#tab4-btn:checked + .tablinks,
	#tab5-btn:checked + .tablinks,
	#tab6-btn:checked + .tablinks {
		width: 49%;
		display: inline-block;
		margin-right: -4px;
		margin-bottom: 5px;
		vertical-align: top;
		font-size: 14px;
		font-family: 'Lato', sans-serif;
		border: none !important;
	}
	.tablinks:nth-child(4),
	.tablinks:nth-child(8),
	.tablinks:nth-child(12) {
		margin-left: 2px;
	}
	.contentImgLeft,
	.contentImgRight {
		float: none;
		clear: both;
		margin: 0 auto;
		max-width: 100%;
		width: auto;
		text-align: center;
	}
	.contentImgLeft img,
	.contentImgRight img {
		margin-bottom: 10px;
	}
	.descriptionFeaturesList {
		padding-right: 10px;
		padding-left: 10px;
	}
	.videoWrapperContainer {
		width: 90%;
	}
	.bsItem1,
	.bsItem2,
	.bsItem3 {
		float: none;
		clear: both;
		margin: 0 auto;
		width: 90%;
	}
	#footerColumn1,
	#footerColumn2,
	#footerColumn3 {
		display: block;
		float: none;
		clear: both;
		margin: 0 auto;
		margin-bottom: 40px;
		padding: 0;
		width: 200px;
		text-align: left;
	}
	#footerColumn1 p {
		margin-bottom: 0;
		padding: 0;
		color: #D6D6D6;
		font-size: 12px;
	}
	#footerContainer {
		height: auto;
	}
	.footerRow{
		width: 175px;
	}
}

@media only screen and (max-width: 650px) {
	#headContent .manufacturer img {
		max-width: 70%;
		max-height: 100px;
	}
	#headContent .manufacturer {
		position: static;
	}
	#headContent .manufacturer:nth-child(2) {
		display: none;
	}
}


/*********************/


/**** SMARTPHONES ****/


/*********************/


/* 11. Max width 480px (Tablet) */

@media only screen and (max-width: 480px) {
	#headContent h2{
		font-size: 30px;
	}
	#shortdescription h3{
		font-size: 20px;
	}
	.tablinks,
	.tablinks:hover,
	#tab1-btn:checked + .tablinks,
	#tab2-btn:checked + .tablinks,
	#tab3-btn:checked + .tablinks,
	#tab4-btn:checked + .tablinks,
	#tab5-btn:checked + .tablinks,
	#tab6-btn:checked + .tablinks {
		width: 49%;
		display: inline-block;
		margin-right: -4px;
		margin-bottom: 5px;
		vertical-align: top;
		font-size: 14px;
		font-family: 'Lato', sans-serif;
		border: none !important;
	}
	.tablinks:nth-child(4),
	.tablinks:nth-child(8),
	.tablinks:nth-child(12) {
		margin-left: 0px;
	}
	#headContent p {
		font-size: 16px;
		max-width: 100%;
	}
	.jdstrat_logo_top_logo_container {
		margin-bottom: 40px;
		margin-top: -90px;
	}
	.jdstrat_logo_top_logo_container img{
		max-width: 100%;
	}
	.gallery {
		height: 450px;
		margin-bottom: 140px;
	}
	.bigPic .borderContainer {
		height: 300px;
	}
	.galleryThumb {
		width: 24%;
	}
	.galleryThumb .borderContainer {
		height: 80px;
	}
	#buyItNowButton {
		right: 0;
	}
	.bigPic {
		margin-bottom: 5px;
		height: 350px;
	}
	.galleryThumb {
		width: 23%;
		height: 90px;
	}
	#footerContainer {
		width: 80%;
		padding-bottom: 10px;
	}
	#footerColumn1 {
		display: block;
		float: none;
		clear: both;
		margin: 0 auto;
		margin-bottom: 40px;
		padding: 0;
		width: 100%;
		text-align: left;
	}
}


/*ANIMATIONS*/

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(10px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(10px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(10px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}