.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
}

#wrapper {
margin: 0 auto;
max-width: 1390px;
padding-top: 50px;
padding-right: 20px;
padding-left: 20px;
font-family: 'Lato', sans-serif;
text-decoration: none;
}

.clearer {
clear: both;
}

.header {
margin-bottom: 30px;
position: relative;
}

.header a,
.header a:visited {
text-decoration: none;
color: #8c8c8e;
}

.logoHelper img {
max-width: 280px;
max-height: 180px;
width: auto;
height: auto;
}

.logoHelper {
display: inline-block;
vertical-align: top;
margin-left: 40px;
}

.navHelper {
display: block;
margin-top: 25px;
vertical-align: top;
border-top: 2px solid #FFBF00;
border-bottom: 2px solid #FFBF00;
background-color: #FFBF00;
height: 50px;
}

.navHelper ul {
padding: 0 0 0 20px;
margin: 0;
line-height: 50px;
display: inline-block;
vertical-align: top;
}

.navHelper ul li {
display: inline-block;
color: #fff;
font-weight: 400;
margin-left: 40px;
font-size: 16px;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
/** SEARCH FORM **/

#searchformContainer {
display: inline-block;
text-align: right;
vertical-align: top;
line-height: 45px;
float: right;
margin-right: 10px;
}

#searchform {
border-radius: 3px;
padding: 0;
}

#searchText {
background-color: #fff;
border: 1px solid #dbdbdb;
border-right: none;
margin: 0;
width: 150px;
height: 31px;
color: #333;
padding-left: 10px;
}

::-webkit-input-placeholder {
color: #ccc;
}

:-moz-placeholder {
color: #ccc;
}

::-moz-placeholder {
color: #ccc;
}

:-ms-input-placeholder {
color: #ccc;
}

#searchButton {
display: inline-block;
padding: 8px 15px;
margin: 9px 0 0 -4px;
height: 31px;
vertical-align: top;
border: 0px solid #ddd;
border-left: none;
border-left: 1px solid #ddd;
background-color: #fff;
color: #fafafa;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#searchButton:hover {
cursor: pointer;
}

#searchButton i {
color: #ccc;
}

#searchButton:hover {
background-color: #666;
color: #207cca;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#searchButton:hover i {
color: #ebebeb;
}

#searchText:focus,
#searchButton:focus {
outline: none;
}

.header ul li:hover {
text-decoration: underline;
;
cursor: pointer;
}

.header ul li a:hover {
color: #000;
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;
}

.header h1 {
color: #FFBF00;
}

.upperBody {
margin-bottom: 50px;
overflow: auto;
padding-bottom: 10px;
}

.upperBody h1 {
font-size: 26px;
font-weight: 400;
color: #333;
}

.underline {
height: 3px;
width: 20px;
background-color: #333;
margin-bottom: 5px;
}

#gallery {
float: left;
width: 44%;
}

#bigPic {
width: 100%;
height: 530px;
text-align: center;
position: relative;
}

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

.galleryThumbContainer {
display: inline-block;
margin-right: 1%;
width: 22%;
height: 120px;
text-align: center;
font: 0/0 a;
vertical-align: middle;
}

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

.galleryThumbContainer:before {
display: inline-block;
height: 100%;
content: '';
vertical-align: middle;
}

.galleryThumb:hover {
cursor: pointer;
opacity: 0.7;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.galleryThumb {
width: 100%;
text-align: center;
vertical-align: middle;
display: inline-block;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.galleryThumb img {
height: auto;
width: auto;
max-height: 100px;
max-width: 100%;
vertical-align: middle;
}

#galleryNav {
padding-top: 15px;
text-align: center;
}

.leftContainer {
float: none;
width: auto;
}

.overview {
float: left;
}

.overviewHeading {
padding-top: 0;
max-width: 410px;
}

.overviewHeading h1 {
font-size: 32px;
color: #000;
-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;
}

.overviewHeading h3 {
margin-top: 17px;
color: #aaa;
font-weight: 300;
font-size: 14px;
text-decoration: line-through;
}

.overviewHeading h2 {
margin-top: 5px;
color: #FF5C26;
font-size: 26px;
font-weight: normal;
}

.overviewDetail {
float: left;
}

.overviewDetail p {
line-height: 1.5;
font-size: 16px;
color: #666;
max-width: 400px;
}

.overviewDetail ul {
display: inline-block;
padding: 0;
list-style: none;
line-height: 1.5;
margin-bottom: 30px;
}

.overviewDetail span {
color: #a0a0a0;
margin-right: 80px;
width: 65px;
display: inline-block;
}

#variationContainer {
font-family: 'montserrat', sans-serif;
width: 345px;
margin: 20px 0 0 0;
padding-bottom: 45px;
padding-left: 0px;
}

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

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

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

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

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

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

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

.priceTagBox {
width: 410px;
height: 135px;
background-color: #22313F;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 25px 0 0 20px;
font-family: 'Lato', sans-serif;
}

.priceTagBox h1 {
color: #FFBF00;
font-weight: normal;
display: inline-block;
padding: 0;
margin: 0;
}

.priceTagBox h2 {
color: #fff;
font-size: 14px;
font-weight: normal;
margin: 0 0 0 2px;
padding: 0;
}

.priceTagBox h3 {
color: #fff;
font-weight: normal;
font-size: 14px;
padding-top: 15px;
margin: 0;
}

.priceTagBox h3 img {
width: 12px;
height: 12px;
margin: 0 5px 0 4px;
}

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

.uiButton {
display: block;
text-decoration: none;
-moz-border-radius: 3px;
border-radius: 3px;
width: 195px;
height: 37px;
background-color: #2C3E50;
box-shadow: 0px 3px 0px #22313F;
cursor: pointer;
-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;
float: left;
margin: 10px 10px 0 0;
}

.uiButton:hover {
background-color: #E8AE00;
box-shadow: 0px 3px 0px #D49F00;
-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;
}

.uiButton:active {
text-decoration: none;
background-color: #d35400;
box-shadow: 0px 3px 0px #d35400;
-webkit-transition: all 0.0s ease-in-out;
-moz-transition: all 0.0s ease-in-out;
-o-transition: all 0.0s ease-in-out;
transition: all 0.0s ease-in-out;
}

.innerbox {
height: 37px;
width: 40px;
background-color: #fff;
float: left;
-moz-border-radius: 0px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.uiButton i,
#buyItNowButton i {
font-size: 22px;
position: relative;
left: -30px;
top: 8px;
float: left;
color: #ffffff;
}

#buyItNowButton i {
font-size: 24px;
position: relative;
top: 5px;
left: -32px;
}

.uiButton p,
#buyItNowButton p {
height: 40px;
padding-top: 5px;
color: #fff;
font-size: 14px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
font-family: 'Lato', sans-serif;
text-transform: uppercase;
position: relative;
left: -10px;
margin: 0;
line-height: 28px;
}

#buyItNowButton {
display: inline-block;
float: right;
margin-right: 20px;
margin-top: 2px;
text-decoration: none;
-moz-border-radius: 3px;
border-radius: 3px;
width: 185px;
height: 35px;
background-color: #E8AE00;
cursor: pointer;
-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;
}

#buyItNowButton .innerbox {
height: 35px;
}

#buyItNowButton p {
padding-top: 3px;
font-size: 14px;
}

#buyItNowButton:hover {
background-color: #D49F00;
-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;
}

#buyItNowButton:active {
text-decoration: none;
}

.rightContainer {
width: 215px;
padding-left: 20px;
border-left-style: solid;
border-left-color: #EBEBEB;
border-left-width: 1px;
float: right;
}

.rightContainerCircle {
width: 40px;
height: 40px;
border-radius: 500px;
background-color: #FFBF00;
display: block;
margin: 0 auto;
float: left;
margin-right: 10px;
text-align: center;
}

.rightContainerCircle i {
color: #ffffff;
font-size: 18px;
line-height: 40px;
}

.circle {
width: 76px;
height: 76px;
border-radius: 500px;
background-color: #FFBF00;
display: block;
margin: 0 auto;
position: relative;
top: -38px;
}

.circle i {
color: #ffffff;
font-size: 36px;
margin-top: 20px;
}

.brandView {
text-align: center;
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-color: #EBEBEB;
border-bottom-style: solid;
border-bottom-width: 1px;
}

.brandView img {
max-width: 150px;
width: auto;
max-height: 74px;
height: auto;
}

.brandView span {
margin-top: 12px;
font-size: 18px;
font-weight: 700;
}

.trustViewDescription {
clear: both;
font-size: 16px;
margin-bottom: 15px;
overflow: auto;
text-align: center;
}

.trustViewDescription a {
text-decoration: none;
color: #000;
-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;
}

.trustViewDescription:hover a {
color: #FFBF00;
-webkit-transition: all 0.1s ease-in-osut;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

.trustViewDescriptionText {
display: inline-block;
vertical-align: top;
padding-top: 1px;
}

.trustViewDescription p {
padding: 0;
margin: 0;
}

.tabContainer {
padding-bottom: 80px;
font: 15px Lato;
}

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

.tablinks {
left: 0 !important;
width: 100%;
height: 70px;
padding: 0;
list-style: none;
}

.tablinks li {
float: left;
width: 24.0%;
height: 35px;
background-color: #EFF0EB;
display: inline-block;
text-align: center;
font-size: 18px;
font-family: 'Lato', sans-serif;
color: #666666;
padding-top: 10px;
margin-right: 1%;
-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;
}

.tablinks li:hover {
color: #fff;
background-color: #FFBF00;
cursor: pointer;
-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;
text-decoration: none;
}

.tablinks li span {
width: 100%;
height: 35px;
background-color: #FFBF00;
display: inline-block;
text-align: center;
font-size: 18px;
font-family: 'Lato', sans-serif;
color: #fff;
padding-top: 10px;
}

.tabContent {
font: 16px Lato;
color: #222;
text-align: left;
line-height: 1.5;
}

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

.tabContent p {
margin: 0;
padding: 0;
}

.tabContent a {
color: #FFBF00
}

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

.tabContent h1,
.tabContainer h1 {
font-size: 28px;
font-weight: lighter;
font-family: 'Lato', sans-serif;
-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;
}

.tabContent h1:hover,
.tabContainer h1:hover {
color: #FFBF00;
cursor: default;
-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;
}

.tabContent ul,
.tabContent ol {
overflow: auto;
}

.tabtitle {
padding: 15 5 5 5;
border-bottom: 0;
font-size: 12px;
text-transform: uppercase;
}

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

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

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

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

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

.tabContainer ul,
.tabContainer ol {
font: 16px Lato;
}

.contentImgLeft {
float: left;
margin-top: 0;
margin-right: 25px;
margin-bottom: 15px;
margin-left: 0px;
width: 45%;
height: auto;
}

.contentImgRight {
float: right;
margin-top: 0;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 25px;
width: 50%;
height: auto;
}

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

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

.features {
width: 100%;
overflow: hidden;
position: relative;
padding: 30px 0;
background-color: #FFBF00;
margin: 30px 0 0 0;
}

.featuresBlockContainer {
text-align: center;
margin: 0 auto;
display: block;
}

.featuresBlock {
width: 16%;
min-height: 335px;
padding: 0 1%;
background-color: #fff;
border-radius: 5px;
display: inline-block;
vertical-align: top;
margin-left: 2%;
margin-right: 2%;
margin-top: 35px;
margin-bottom: 40px;
position: relative;
-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;
text-align: center;
}

.featuresBlock:hover {
color: #FFBF00;
cursor: default;
-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;
}

.features h1 {
font-family: 'Roboto Slab', serif;
font-size: 36px;
color: #fff;
font-weight: 500;
text-align: center;
}

.featuresBlock h2 {
margin-top: 0px;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: 500;
text-align: center;
}

.featuresBlock p {
margin-top: 25px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #666666;
}

.bestsellerContainer {
clear: both;
text-align: left;
width: 100%;
margin-top: 60px;
}

.bsItem:hover h2,
.bsItem:hover p,
.bsItem:hover a {
color: #FFBF00;
-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;
}

.bestsellerContainer a:hover,
.bestsellerContainer a:visited,
.bestsellerContainer a {
text-decoration: none;
color: inherit;
}

.bestsellerContainerHeading {
border-bottom: 3px solid #333;
padding: 0;
}

.bestsellerContainer h1 {
font-size: 24px;
width: auto;
display: inline-block;
color: #333;
text-transform: uppercase;
font-weight: 400;
padding: 0 0 8px 0;
margin: 0;
border-bottom: 3px solid #FFBF00;
position: relative;
top: 3px;
}

.bsItem {
overflow: hidden;
display: inline-block;
width: 22.2%;
height: 300px;
margin-top: 30px;
margin-right: 3%;
padding: 0;
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;
vertical-align: top;
}

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

.bsItemImgContainer {
width: 100%;
height: 230px;
text-align: center;
cursor: pointer;
position: relative;
}

.bsItem img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
-ms-interpolation-mode: bicubic;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

.bsItem a {
text-decoration: none;
color: #000;
}

.bsItem span {
float: left;
width: 100%;
text-align: center;
margin-top: 9px;
}

.bsItem h2 {
font-size: 16px;
padding: 0;
margin: 0;
color: inherit;
-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;
}

.bsItem p {
font-size: 15px;
padding: 0;
margin-top: 7px;
color: inherit;
-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;
}

#footerContainer {
background-color: #22313F;
width: 100%;
height: 220px;
margin: 80px 0 0 0;
padding: 40px 0 0 0;
}

.priceTagBox {
width: 380px;
}

#footerContainer h1 {
font-family: 'montserrat';
font-size: 17px;
border-bottom: 2px solid #FFBF00;
padding: 0 0 8px 0;
color: #f0f0f0;
margin: 0 0 26px 0;
font-weight: 400;
text-transform: uppercase;
}

#footerContainer i {
color: #ffffff;
font-size: 22px;
float: left;
line-height: 30px;
}

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

#footerColumn1 {
float: left;
width: 220px;
height: 180px;
margin-left: 60px;
}

#footerColumn2,
#footerColumn3 {
float: left;
width: 205px;
height: 180px;
margin-left: 55px;
}

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

#footerColumn1 p {
font-size: 12px;
color: #D6D6D6;
margin: 0 0 0 40px;
margin-bottom: 0;
padding: 0;
}

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

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

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

#copyright {
float: right;
color: #D6D6D6;
font-size: 9px;
margin: 85px 40px 0 0;
}

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

@media only screen and (max-width: 1215px),
only screen and (max-width: 1215px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1215px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 1215px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1215px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1215px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 1215px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1215px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1215px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1215px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1215px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 1215px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1215px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1215px) and (-webkit-min-device-pixel-ratio: 1.5) {
#gallery {
width: 40%;
}
.navHelper ul li {
font-size: 15px;
}
}

@media only screen and (max-width: 1135px),
only screen and (max-width: 1135px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1135px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 1135px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1135px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1135px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 1135px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1135px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1135px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1135px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1135px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 1135px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1135px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1135px) and (-webkit-min-device-pixel-ratio: 1.5) {
.rightContainer {
width: 160px;
padding-left: 10px;
}
.navHelper ul li {
font-size: 14px;
}
}
/*****************/
/* TABLET 1024px */
/*****************/

@media only screen and (max-width: 1024px),
only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
#searchformContainer {
display: none;
}
.navHelper ul {
width: 100%;
}
.logoHelper {
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
}
#gallery {
display: block;
width: 70%;
margin: 0 auto;
float: none;
}
.navHelper {
width: 100%;
margin: 25px auto 0 auto;
padding: 0;
display: block;
height: auto;
background-color: #fff;
}
.navHelper ul {
padding: 0;
}
.navHelper ul li {
margin: 0 auto;
;
padding: 0;
color: #FFBF00;
height: auto;
display: block;
text-align: center;
border-bottom: 1px solid #ddd;
}
.navHelper ul a last-child {
border-bottom: none;
}
.leftContainer {
float: none;
width: 100%;
margin: 0 auto;
}
#bigPic {
height: 530px;
}
#bigPic img {
max-height: 530px;
}
.priceTagBox {
margin: 0 auto;
max-width: 380px;
padding: 20px 0 0 30px;
}
.overview {
width: 100%;
margin: 0 auto;
float: none;
}
.underline {
margin: 15px auto 0 auto;
}
.uiButton {
float: none;
display: inline-block;
}
#questionBtn {
margin: 10px 0 0 0;
width: 202px;
}
#watchlistBtn {
width: 202px;
margin: 10px 0 0 0;
}
.overviewDetail {
float: none;
}
.overviewHeading {
margin-right: auto;
margin-left: auto;
}
.uiButtonContainer {
text-align: center;
margin: 0 auto;
}
#buyItNowButton {
margin-left: 20px;
min-width: 40%;
}
.overviewHeading h1 {
margin: 20px auto 0 auto;
text-align: center;
}
.overviewDetail {
width: 410px;
margin: 0 auto;
}
.overviewDetail p {
text-align: center;
}
#variationContainer {
text-align: center;
width: auto;
}
.rightContainer {
max-width: 100%;
clear: both;
float: none;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin: 40px auto 0 auto;
border: none;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.brandView {
text-align: center;
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 0px;
border: none;
}
.trustViewDescription {
margin: 0 auto 15px auto;
width: auto;
}
.trustViewDescription p {
vertical-align: top;
margin: 0;
}
.tabContainer {
max-width: 100%;
margin: 0;
text-align: left;
}
.features {
max-width: 100%;
padding-right: 30px;
}
.bestsellerContainer {
width: 90%;
margin: 0 auto;
margin: 0 auto;
padding-top: 60px;
padding-right: 30px;
}
.featuresBlock {
width: 30%;
}
.bestsellerContainer {
width: 100%;
}
.bsItem {
width: 21%;
}
.rightContainer {
width: auto;
padding-top: 50px 0 0 0;
}
}

@media only screen and (max-width: 830px),
only screen and (max-width: 830px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 830px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 830px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 830px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (device-aspect-ratio: 9/16),
only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 1.5) {
#bigPic {
height: 290px;
width: auto;
}
#bigPic img {
width: auto;
max-width: 95%;
max-height: 300px;
vertical-align: middle;
}
#bigPic {
width: 100%;
text-align: center;
vertical-align: middle;
display: inline-block;
}
.contentImgLeft,
.contentImgRight {
margin: 0 auto;
text-align: center;
float: none;
clear: both;
width: auto;
max-width: 100%;
}
.contentImgLeft img,
.contentImgRight img {
margin-bottom: 10px;
}
#footerContainer {
height: 700px;
}
#footerColumn1,
#footerColumn2,
#footerColumn3 {
float: none;
margin-left: 50px;
margin-bottom: 50px;
}
}
/* SMARTPHONE 660px*/

@media only screen and (max-width: 660px),
only screen and (max-width: 660px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 660px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 660px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (device-aspect-ratio: 9/16),
only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 1.5) {
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(0)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(0)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(0)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(0)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.overviewDetailList {
text-align: center;
}
.overviewDetail ul {
display: inline-block;
width: auto;
text-align: left;
}
#footerColumn1,
#footerColumn2,
#footerColumn3 {
float: none;
display: block;
clear: both;
margin: 0 auto;
margin-bottom: 40px;
text-align: left;
padding: 0;
width: 55%;
}
#footerContainer {
height: 700px;
}
#wrapper {
padding: 20px 0 0 20px;
}
.features {
padding: 0;
width: 100%;
}
.featuresBlock {
width: 90%;
}
.bestsellerContainer {
width: 100%;
}
.bsItem {
display: block;
width: 80%;
text-align: center;
margin: 0 auto;
padding-top: 50px;
}
.bsItem:last-child {
margin-right: auto;
}
#bsthumb1 {
text-align: center;
}
.tabContainer {
display: block;
}
#tab1,
#tab2,
#tab3,
#tab4,
#tab5 {
display: block !important;
margin-top: 50px;
}
.tablinks {
display: none;
}
}
/* SMARTPHONE 480px*/

@media only screen and (max-width: 480px),
only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (device-aspect-ratio: 9/16),
only screen and (device-width: 480px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) {
.logoHelper {
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
}
#bigPic {
height: 230px;
}
#bigPic img {
width: auto;
max-width: 95%;
max-height: 230px;
vertical-align: middle;
}
.logoNavHelper {
margin: 0 auto;
}
#gallery {
display: block;
width: 100%;
margin: 0 auto;
float: none;
}
.overview {
display: block;
width: 90%;
margin: 0 auto;
}
.overviewDetail {
clear: both;
padding-left: 0px;
width: 100%;
}
.overviewHeading h1 {
margin: 0 auto;
text-align: center;
}
.trustViewDescription {
display: block;
margin: 0 auto;
width: 60%;
}
.priceTagBox {
width: 340px;
}
#buyItNowButton {
width: 155px;
}
#watchlistBtn {
width: 160px;
display: inline-block;
}
#questionBtn {
width: 160px;
display: inline-block;
}
#questionBtn p {
font-size: 13px;
}
.priceTagBox {
width: 250px;
height: 180px;
padding: 20px 0 0 0;
}
.trustViewDescription {
margin-bottom: 15px;
}
.uiButton {
display: block;
}
#watchlistBtn {
margin-right: 0;
width: 250px;
}
#questionBtn {
margin-top: 10px;
width: 250px;
}
.uiButtonContainer {
text-align: center;
}
#buyItNowButton {
width: 200px;
text-align: center;
margin-right: 26px;
margin-bottom: 20px;
margin-top: 10px;
}
.priceTagBox h1 {
margin-left: 50px;
}
.overview {
width: 100%;
}
.featuresBlock {
width: 80%;
min-height: 300px;
padding: 0 1%;
margin: 0 auto;
margin-top: 60px;
background-color: #fff;
border-radius: 5px;
display: block;
}
.priceTagBox h2 {
text-align: center;
margin: 0 auto;
}
.priceTagBox h3 {
text-align: center;
margin: 0 auto;
}
.tabContainer {
display: block;
}
#tab1,
#tab2,
#tab3,
#tab4,
#tab5 {
display: block !important;
margin-top: 50px;
}
.tablinks {
display: none;
}
}

@media only screen and (max-width: 350px),
only screen and (max-width: 350px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 350px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 350px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 350px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 350px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 350px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (device-aspect-ratio: 9/16),
only screen and (max-width: 350px) and (-webkit-min-device-pixel-ratio: 1.5) {
#bigPicContainer {
height: 200px;
}
#bigPic img {
max-height: 200px;
}
}