/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 15 2025 | 03:56:55 */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:wght@100;300;400;500;600;700;800&family=Golos+Text:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:wght@100;300;400;500;600;700;800&display=swap');

body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  display: inline-block;
  width: 100% !important;
  color: #1c1917;
  /*overflow-x: hidden;*/
  font-weight: 400;
  letter-spacing: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Golos Text", sans-serif !important;
}

input,
button,
select,
textarea {
  outline: none;
}

a,
p,
strong,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

b,
strong {
  font-weight: 600;
}

h1 {
  font-size: 24px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 22px;
}

li {
  list-style: none;
}

a:focus,
input:focus {
  outline: none !important;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.pagewidth {
  float: left;
  width: 100%;
}

.wrappage {
  width: 100%;
}

.wrappage+div {
  display: none;
}

input[type="text"]::-ms-clear {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

input[type="text"]::-ms-reveal {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.input-text,
.sub_search {
  outline: 0px !important;
}

.sub_search {
  border: 0px !important;
}

#Body .tab-content-m {
  float: left;
  width: 100%;
}

select:focus,
button:focus,
option:focus,
select::-moz-focus-inner,
option::-moz-focus-inner {
  outline: none !important;
  border: none !important;
}

code {
  padding: 2px;
  background: #ddd;
}

.max-100 {
  width: 100%;
}

ul li::marker {
  color: #dddddd;
}

img {
  max-width: 100%;
}

#gh-logo {
  max-width: 500%;
}

a.text:hover {
  text-decoration: none;
}

/* Micro reset */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Begin style header */
.header-container {
  display: inline-block;
  width: 100%;
  position: relative;
}

.header-container .nav-trigger {
  display: none;
}

.header-container #nav-trigger+label {
  margin-bottom: 0;
}

.header-content .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-content a {
  color: #111;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-content {
  padding: 33px 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  position: relative;
}

.header-content .text-mobile {
  display: none;
}

.header-content .logo-content {
  float: left;
  /* width: 100%; */
  text-align: center;
  background: #fff;
  font-size: 21px;
  font-weight: 600;
}

.header-content .logo-content img {
  max-height: 45px;
}

.header-center {
  width: 50%;
}

.header-left {
  margin: 0;
  float: left;
  display: flex;
  width: 25%;
}

.header-left a span {
  margin-left: 8px;
}

.header-right {
  margin: 0;
  float: right;
  display: flex;
  width: 25%;
  justify-content: flex-end;
}

.header-right a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* padding-left: 30px; */
}

.header-right a span {
  margin-left: 8px;
  color: #111;
}

.menu-main {
  text-align: center;
  height: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.menu-main ul {
  display: none;
  align-items: center;
  justify-content: center;
}

.menu-main li {
  padding: 0 21px;
}

.menu-main a {
  color: #fff;
}

.main-menu ul {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.main-menu ul li:first-child:before {
  content: "";
}

.main-menu ul li:before {
  content: "|";
  color: #b2b0b0;
}

.main-menu ul li a {
  padding: 0px 20px;
}

.main-menu li a {
  font-size: 16px;
  color: #b2b0b0;
}

.header-content .text-shipping ul {
  display: flex;
}

.header-content .text-shipping a:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -5px;
  margin-right: 8px;
}

.header-content .text-shipping a span {
  text-transform: uppercase;
  display: block;
  color: #131313;
  font-size: 15px;
  line-height: 18px;
}

.header-content .text-shipping a a {
  display: inline-block;
  padding-top: 8px;
  float: right;
}

/* End style header */

.search-container {
  display: inline-block;
  float: left;
}

.search-content {
  width: 580px;
  display: inline-block;
  position: relative;
  margin: 25px 0 0 54px;
  border: 1px solid #d8d8d8;
}

.search-content .v4sbox {
  box-shadow: 0 0 0 !important;
  border-radius: 0px;
  background: #fff !important;
  width: 100%;
  padding: 0px;
  border: 0 !important;
  font-size: 20px;
  line-height: 24px;
  height: 56px;
  color: #666666;
  padding: 4px 56px 2px 22px;
  display: inline-block;
}

.search-content .v4sbox.search-mobile {
  display: none;
}

.search-content .v5sbox {
  width: 56px;
  text-indent: -9999px;
  height: 56px;
  border: 0 !important;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}

.search-content .v5sbox:hover {}

.v4sbox::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #666666;
}

.v4sbox:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666666;
  opacity: 1;
}

.v4sbox::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666666;
  opacity: 1;
}

.v4sbox:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666666;
}

.header-container a span {
  font-weight: 600;
  font-size: 15px;
}

/*.header-container input{display: none}*/
.menu-header {
  width: 100%;
  background: #4a9ed5;
  float: left;
}

.menu-header .container {
  position: relative;
}

.menu-header .menu-container {
  width: 100%;
  display: inline-block;
}

.menu-header ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.menu-header ul li div svg {
  margin-right: 10px;
}

.menu-header ul li {
  display: inline-block;
  position: relative;
}

.menu-header ul li.other {
  display: none !important;
}

.menu-header ul li>div {
  font-size: 12px;
  height: 40px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  padding: 12px 0px;
  align-items: center;
  line-height: 23px;
}

.menu-header ul li.contact-us a {
  font: 400 14px "ProximaNova";
  text-transform: capitalize;
}

.menu-header ul li.contact-us a:before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 20px;
  background: url("../images/Buy-best-icon.png") no-repeat scroll 0px -71px;
  vertical-align: -5px;
}

.menu-header ul li.products {
  padding-right: 10px;
}

.menu-header ul li input,
.menu-header ul li .icon-cat {
  display: none;
}

.menu-header ul .sub-category {
  position: absolute;
  padding: 5px 0;
  top: 40px;
  min-width: 270px;
  background: #fff;
  left: 0;
  z-index: 1;
}

.menu-header ul .sub-category li {
  width: 100%;
}

.menu-header ul .sub-category li a {
  color: #111111;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  padding: 10px 20px;
}

.menu-header ul .sub-category li a:hover {
  color: #fff;
}

.menu-header ul .sub-category,
.menu-header ul .sub-category2 {
  display: none;
}

/* End style header */

/* Begin style details content */
.main-container {
  display: inline-block;
  width: 100%;
  padding-top: 30px;
}

.product-detail-content {
  display: inline-block;
  width: 100%;
}

.product-detail-content .ups ul {
  display: flex;
  justify-content: center;
  margin: 4rem auto;
}

.product-detail-content .ups ul li {
  display: flex;
  flex-direction: column;
  flex-basis: 20%;
  gap: 1rem;
  margin: 0 2rem;
  align-items: center;
  text-align: center;
  font-weight: 600;
}

.product-shop-container {
  width: 40%;
  float: right;
  padding-left: 20px;
}

.box-images-details {
  float: left;
  width: 60%;
  float: left;
  position: relative;
}

.box-images-details .refur-abs {
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 25px;
  z-index: 90;
}

.box-images-details input.check-refur[value=""]+.refur-abs {
  display: none;
}

.product-shop-price-wrap {
  max-width: 162px;
  background: #111;
  color: #fff;
  border-left: 7px solid #0077ff;
  adding: 20px;
}

.product-shop-price-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
}

.product-shop-price {
  padding: 20px;
}

.product-shop-price-value {
  font-size: 20px;
  font-weight: 400;
}

.product-shop-policy-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.product-shop-policy-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product-shop-policy {
  padding-top: 35px;
}

.product-shop-policy .item {
  padding: 5px 0px;
  text-align: center;
  display: flex;
  justify-content: left;
  align-items: center;
  text-align: left;
  width: 48%;
  font-size: 13px;
  font-weight: 600;
  background: #f4f4f3;
  border-left: 4px solid #0077ff;
  margin-bottom: 15px;
}

.product-shop-policy .item .policy-icon {
  margin-right: 5px;
  margin-left: 10px;
}

.product-shop-policy .item .policy-icon img {
  height: 40px;
}

.product-shop-policy p {
  font-size: 16px;
  color: #111111;
  line-height: 20px;
  letter-spacing: 0.8px;
}

.product-shop-sku {
  margin-top: 10px;
}

.product-shop-sku span {
  font-weight: 600;
}

.slider {
  width: 100%;
  display: inline-block;
  position: relative;
}

.slider-wrap-left {
  width: 180px;
  float: left;
}

.slider-wrap-right {
  width: calc(100% - 205px);
  float: right;
}

.slider .grid-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 480px;
  height: 480px;
  margin: 0 auto;
}

.slider .grid-item {
  width: 96px;
  height: 96px;
  position: relative;
  z-index: 16;
  opacity: 0;
  float: left;
  z-index: 9999999;
}

.slider .grid-item:hover:nth-of-type(5n + 1)~.grid-content .img-details p {
  left: 0px;
}

.slider .grid-item:hover:nth-of-type(1n + 1)~.grid-content .img-details p {
  top: 0px;
}

.slider .grid-item:hover:nth-of-type(5n + 2)~.grid-content .img-details p {
  left: -12.5%;
}

.slider .grid-item:hover:nth-of-type(1n + 6)~.grid-content .img-details p {
  top: -12.5%;
}

.slider .grid-item:hover:nth-of-type(5n + 3)~.grid-content .img-details p {
  left: -25%;
}

.slider .grid-item:hover:nth-of-type(1n + 11)~.grid-content .img-details p {
  top: -25%;
}

.slider .grid-item:hover:nth-of-type(5n + 4)~.grid-content .img-details p {
  left: -37.5%;
}

.slider .grid-item:hover:nth-of-type(1n + 16)~.grid-content .img-details p {
  top: -37.5%;
}

.slider .grid-item:hover:nth-of-type(5n + 5)~.grid-content .img-details p {
  left: -50%;
}

.slider .grid-item:hover:nth-of-type(1n + 21)~.grid-content .img-details p {
  top: -50%;
}

/*Last thing remaining is to add transitions*/
.grid-content {
  display: block;
  width: 195px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: absolute;
  top: 0px;
  left: -42%;
  z-index: 99999;
}

.slider .img-details {
  position: absolute;
  left: 100%;
  top: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  text-align: center;
  z-index: 2;
  height: 480px;
  width: 480px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dddddd;
}

.slider .img-details img {
  max-height: 480px;
}

.slider .grid-item~.grid-content .img-details p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider .grid-item~.grid-content .img-details img {
  max-width: 100%;
  max-height: 100%;
}

.slider .grid-item:hover~.grid-content .img-details p {
  width: 150%;
  height: 150%;
}

.slider .grid-item:hover~.grid-content .img-details p img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.slider input[name="slide_switch"] {
  display: none;
}

.slider label {
  /*Lets add some spacing for the thumbnails*/
  padding: 4px;
  cursor: pointer;
  transition: all 0.5s;
  /*Default style = low opacity*/
  opacity: 1;
  float: left;
  min-height: 85px;
}

.slider span {
  /*Lets add some spacing for the thumbnails*/
  width: 80px;
  height: 80px;
  text-align: center;
  display: inline-table;
  background: #fff;
  border: 1px solid #dddddd;
  outline: 1px solid transparent;
}

.slider input[value=""]+label {
  display: none !important;
}

.slider span:has(img[src=""]) {
  display: none;
}

.slider label img {
  max-width: 80px;
  max-height: 80px;
  width: auto;
}

.slider label img[src=""] {
  display: none;
}

/*Time to add the click effects*/
.slider input[name="slide_switch"]:checked+label {
  opacity: 1;
}

.slider input[name="slide_switch"]:checked+label span img,
.slider span:hover img {}

.slider input[name="slide_switch"]:checked+label span {
  border: 1px solid #0077ff;
  outline: 1px solid #0077ff;
}

/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.show-mobile {
  display: none;
}

.slider input[name="slide_switch"]~.img-details {
  opacity: 0;
  display: none;
}

.slider input[name="slide_switch"]:checked+label+.img-details {
  opacity: 1;
  display: block;
  z-index: 13;
  background: #fff;
}

.slider input[name="slide_switch"][value=""]:checked+label+.img-details {
  z-index: 0;
}

.slider input[value*="http"]+label+div {
  opacity: 1;
  display: block;
  z-index: 2;
}

.slider input#id1[value=""]+label+div+input#id2[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value=""]+label+div+input#id4[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value=""]+label+div+input#id4[value=""]+label+div+input#id5[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value=""]+label+div+input#id4[value=""]+label+div+input#id5[value=""]+label+div+input#id6[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value=""]+label+div+input#id4[value=""]+label+div+input#id5[value=""]+label+div+input#id6[value=""]+label+div+input#id7[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value=""]+label+div+input#id4[value=""]+label+div+input#id5[value=""]+label+div+input#id6[value=""]+label+div+input#id7[value=""]+label+div+input#id8[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value=""]+label+div+input#id4[value=""]+label+div+input#id5[value=""]+label+div+input#id6[value=""]+label+div+input#id7[value=""]+label+div+input#id8[value=""]+label+div+input#id9[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value=""]+label+div+input#id4[value=""]+label+div+input#id5[value=""]+label+div+input#id6[value=""]+label+div+input#id7[value=""]+label+div+input#id8[value=""]+label+div+input#id9[value=""]+label+div+input#id10[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value=""]+label+div+input#id4[value=""]+label+div+input#id5[value=""]+label+div+input#id6[value=""]+label+div+input#id7[value=""]+label+div+input#id8[value=""]+label+div+input#id9[value=""]+label+div+input#id10[value=""]+label+div+input#id11[value*="http"]+label+div,
.slider input#id1[value=""]+label+div+input#id2[value=""]+label+div+input#id3[value=""]+label+div+input#id4[value=""]+label+div+input#id5[value=""]+label+div+input#id6[value=""]+label+div+input#id7[value=""]+label+div+input#id8[value=""]+label+div+input#id9[value=""]+label+div+input#id10[value=""]+label+div+input#id11[value=""]+label+div+input#id2[value*="http"]+label+div {
  opacity: 1;
  display: block;
  z-index: 3;
}

.product-view-name {
  font-size: 30px;
  color: #000;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 1.6px;
}

.sub-title {
  color: #7a7a7a;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 25px;
}

.product-view-name-sku .sku {
  font: 400 13px "ProximaNova";
  color: #666;
}

.price {
  display: inline-block;
  padding: 20px 0 20px;
  width: 100%;
}

.price div,
.price p {
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  float: left;
  margin-bottom: 8px;
}

.price .price-old {
  padding-left: 20px;
  color: #e90505;
  line-height: 40px;
  margin-bottom: 0;
}

.price .price-new {
  font-weight: 700;
  clear: left;
  color: #333;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 0;
}

.price input {
  display: none;
}

.price input~.box-price-new {
  display: none;
}

.price input[value=""]~.box-price-new {
  display: inline-block;
}

.price input[value=""]~.box-price-old {
  display: none;
}

.description {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.description,
.description p,
.description a,
.description li,
.description td,
.description th {
  font-size: 14px;
  line-height: 23px;
  color: #333333;
}

.description h1,
.description h2,
.description h3,
.description h4,
.description h5,
.description h6 {
  font-weight: 700;
  color: #333333;
  margin-bottom: 12px;
}

.description h1 {
  font-size: 26px;
  line-height: 33px;
}

.description h2 {
  font-size: 22px;
  line-height: 29px;
}

.description h3 {
  font-size: 18px;
  line-height: 24px;
}

.description h4 {
  font-size: 14px;
  color: #333333;
  margin-bottom: 8px;
}

.description h5,
.description h6 {
  font-size: 14px;
  margin-bottom: 8px;
}

/*Begin Delivery*/
.box-delivery {
  float: left;
  width: 100%;
  display: inline-block;
  position: relative;
  clear: both;
}

.box-delivery .wrap-item {
  margin-left: -15px;
  width: calc(100% + 30px);
  float: left;
  margin-top: 65px;
  margin-bottom: 45px;
}

.box-delivery .wrap-item .item {
  width: calc(33.33% - 30px);
  margin: 0px 15px;
  display: inline-block;
  float: left;
  background: #eeeeee;
  color: #333;
  padding: 26px 0px;
  position: relative;
  padding-left: 115px;
}

.box-delivery .wrap-item .icon {
  background: #4ba2d3;
  width: 83px;
  display: inline-block;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.box-delivery .wrap-item .icon:after {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 44px solid transparent;
  border-bottom: 44px solid transparent;
  border-left: 11px solid #4ba2d3;
  right: -11px;
  top: 0px;
  content: "";
}

.box-delivery .wrap-item .icon:before {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url("../images/Buy-best-icon.png") no-repeat scroll 5px -189px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: inline-block;
}

.box-delivery .wrap-item .delivery .icon:before {
  background: url("../images/Buy-best-icon.png") no-repeat scroll 2px -258px;
}

.box-delivery .wrap-item .support .icon:before {
  background: url("../images/Buy-best-icon.png") no-repeat scroll 3px -335px;
}

.box-delivery .wrap-item .item h3 {
  font: 700 14px/20px "ProximaNova";
  text-transform: uppercase;
}

.box-delivery .wrap-item .item p {
  font: 400 13px/16px "ProximaNova";
  color: #666;
}

.refurbished h3,
.panel-title-custom {
  background: #033d51;
  color: #fff;
  height: 50px;
  text-align: left;
  font-size: 20px;
  padding-left: 15px;
  display: flex;
  font-weight: bold;
  align-items: center;
}

.refurbished .body-refur {
  color: #707070;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0.3px;
}

.refurbished .body-refur a {
  text-decoration: underline;
  color: #111111;
}

.refurbished {
  padding-left: 15px;
}

.refurbished .body-refur li {
  color: #404041;
  list-style: disc;
  padding-bottom: 10px;
  padding-left: 10px;
}

input.check-refur[value=""]+.refurbished {
  display: none;
}

.refurbished p {
  font: 400 13px/18px "ProximaNova";
}

.refurbished .body-refur {
  border-top: none;
  padding-top: 5px;
  padding-bottom: 20px;
}

/* Begin tabs*/
.tabs {
  margin-top: 25px;
  clear: both;
}

.tabs main {
  position: relative;
}

.tabs .line {
  height: 3px;
  background: #111;
  position: absolute;
  top: 58px;
  width: 100%;
}

main {
  width: 100%;
  margin: 17px 5px 0;
  position: relative;
}

main section {
  display: none;
  width: 100%;
  z-index: 0;
  padding: 30px 0 20px 0px;
  background: #fff;
}

main input {
  display: none;
}

main section ul li::marker {
  color: #111;
}

main section ul li {
  color: #111;
  padding-left: 10px;
}

main label {
  display: inline-block;
  color: #333333;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;

  padding: 0;
  float: left;
  cursor: pointer;
  position: relative;
  text-transform: capitalize;
  margin: 0;
}

main input[name="tabs-mobile"]+label {
  display: none;
}

main label span {
  width: 100%;
  display: inline-block;
  padding: 18px 25px;
  position: relative;
  display: flex;
  align-items: center;
}

main label span svg {
  margin-right: 8px;
}

main label span svg path {
  fill: #a4a0a0;
}

main label span:after {
  display: none;
  content: "";
  width: 19px;
  height: 41px;
  position: absolute;
  top: 1px;
  right: 0;
  z-index: 1;
}

main input:checked+label,
main input:checked+label:hover,
main input+label:hover {}

main input:checked+label span {
  /* border-bottom: 5px solid #00BAB8; */

  color: #fff;

  background: #111;
}

main input:checked+label span svg path {
  fill: #111;
}

main input:checked+label span:after,
main input:checked+label:hover span:after {}

main input#tab2+label span:before {
  background-position: -5px -473px;
}

main input#tab3+label span:before {
  background-position: -4px -534px;
}

main input#tab4+label span:before {
  background-position: -2px -598px;
}

main input#tab5+label span:before {
  background-position: -3px -657px;
}

main section td,
main section th {
  padding: 4px 0px;
}

#tab1:checked~#content1,
#tab2:checked~#content2,
#tab3:checked~#content3,
#tab4:checked~#content4,
#tab5:checked~#content5 {
  display: inline-block;
}

.tabs table {
  margin-top: 30px;
  width: 100%;
  max-width: 850px;
}

.tabs table tr th {
  min-width: 212px;
  text-align: right;
  padding-right: 30px;
}

.tabs table tr:nth-child(2n + 1) {
  background: #f2f2f2;
}

main section p {
  max-width: 100%;
}

main section,
main section a,
main section li,
main section p,
main section td,
main section th {
  line-height: 25px;
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

main section th {
  font-weight: 700;
}

main section h1,
main section h2,
main section h3,
main section h4,
main section h5,
main section h6 {
  margin: 0px 0 8px;
  line-height: 27px;
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
}

main section h3 {
  font-size: 18px;
  line-height: 23px;
}

main section h4 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
}

main section h5,
main section h6 {
  font-size: 14px;
  line-height: 20px;
}

main section p {
  margin: 0;
  margin-bottom: 15px;
}

main section a {
  color: #111111 !important;
}

main section a:hover {
  text-decoration: underline;
}

main section a.text,
main section a.text:hover,
main section a.text:active,
main section a.text:focus {
  color: #111111 !important;
  text-decoration: none !important;
}

main section ol {
  margin: 5px 0 0px 0px;
  display: inline-block;
  width: 100%;
}

main section ol {
  margin-left: 5px;
}

main section ol li {
  list-style-type: inherit;
  padding-left: 2px;
}

main section ul {
  margin: 0px;
  display: inline-block;
  width: 100%;
  margin-left: 5px;
  margin-bottom: 15px;
  margin-top: 0px;
}

main section li {
  position: relative;
  padding-left: 0;
  list-style: disc outside;
  margin-left: 12px;
  margin-bottom: 6px;
}

main section ul li:before {
  position: absolute;
  top: 10px;
  left: 4px;
  width: 5px;
  height: 6px;
  z-index: 1;
  content: "";
}

main section img {
  max-width: 100%;
}

/* end tab*/
/* End style details content */
/* Begin footer */
.footer {
  margin-top: 40px;
  background: #334046;
}

.footer .d-flex {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.footer-link-info h3 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
}

.footer-link-info a {
  color: #fff;
}

.footer-link-info li {
  margin-bottom: 10px;
}

.wrap-payment {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: center;
  column-gap: 15px;
  row-gap: 10px;
}

.wrap-payment img {
  max-height: 40px;
}

.footer-logo {
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  color: #fff;
}

.footer-logo img {
  max-width: 280px;
}

.footer-bottom {
  padding: 60px 0px;
}

.footer-copy {
  padding: 6px 0px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-copy .logo {
  padding-bottom: 25px;
  display: block;
}

.footer-copy .logo img {
  height: 75px;
}

.footer-copy .right .content {
  width: 186px;
}

.footer-copy {
  padding: 33px 0px 20px 0px;
}

.footer-copyright {
  background: #f2f2f5;
  padding: 12px 0px;
}

.footer-copyright a {
  color: #1c1917;
}

.footer-copy .title {
  font-size: 20px;
  color: #111;
  text-transform: uppercase;

  margin-bottom: 15px;
  letter-spacing: 0.8px;
}

.footer .copyright a {
  color: #111;
  font-size: 16px;
}

.footer .copyright {
  color: #111;
  margin-bottom: 20px;
}

.footer-copy p a {
  color: #111;
}

.footer-copy p {
  color: #111;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  display: block;
  padding: 5px 0px;
}

.footer-copy .right .title {
  padding-left: 7px;
}

.footer-copy .right {
  display: flex;
  justify-content: flex-end;
}

.footer-copy .right ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.footer-copy .right ul li {
  padding-left: 7px;
  padding-bottom: 7px;
}

.footer-copy .right ul li img {
  width: 55px;
}

.footer-copy p .text {
  margin-right: 15px;
  margin-top: 6px;
  display: inline-block;
}

.footer-copy p.copy {
  margin-top: 15px;
}

.footer-copy p a.text {
  color: #333333 !important;
}

.footer-copy p:first-child {
  float: left;
  padding-top: 10px;
}

.footer-copy .rainstorm img {
  float: right;
}

/* End footer */

/* Begin style home */

#CentralArea {
  display: inline-block;
  width: 100%;
}

.intro-page {
  margin-top: 15px;
}

.main-carousel {
  margin-top: 30px;
}

.cat-box {
  display: inline-block;
  width: 100%;
}

.cat-box ul {
  display: inline-block;
  width: 100%;
}

.cat-box li {
  width: 31.65%;
  float: left;
  margin: 30px 2.5% 0 0;
  position: relative;
}

.cat-box li:nth-child(3n) {
  margin-right: 0;
}

.cat-box li .product-intro {
  display: inline-block;
  width: 100%;
  border: 1px solid #d6d6d6;
}

.cat-box li img {
  max-width: 100%;
}

.featured-head h2 {
  margin-bottom: 20px;
  width: 100%;
  font-weight: 600;
  color: #111;
  display: inline-block;
  font-size: 22px;
  line-height: 26px;
}

.product-list {
  margin-top: 30px;
}

.product-list .featured-head h2 {
  margin-bottom: 20px;
}

.brand-list {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

.pagewidth .footer {
  margin-top: 25px;
}

.block-1 {
  text-align: center;
  margin-top: 30px;
}

.description-product .title {
  font-size: 20px;
  font-weight: bold;
  color: #111111;
  line-height: 21px;
  margin-bottom: 10px;
}

.description-product .title h4 {
  font-weight: bold;
}

.description-product p,
.description-product li {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
  color: #7a7a7a;
}

.tabs main {
  display: flow-root;
  margin-bottom: 50px;
  /* background: #EEEEEE; */
}

.tabs main label span {
  font-size: 14px;
  color: #111111;
  background: #eeeeee;
  letter-spacing: 0.8px;
}

.tabs main label {
  border-right: 1px solid #fff;
  margin-right: 8px;
}

/* END style home */

@media (min-width: 1200px) {
  .product-list2 .container {
    padding: 0px;
  }
}

@media only screen and (min-width: 768px) {
  .product-list2 .slider-product .slides {
    padding: 0 5px;
  }
}

@media (max-width: 1199px) {
  .slider label {
    min-height: 66px;
  }

  /* Begin listing */
  .slider .grid-item {
    width: 80px;
    height: 80px;
  }

  .slider .grid-wrapper,
  .slider .img-details {
    width: 400px;
    height: 400px;
  }

  .grid-content {
    width: 160px;
  }

  .slider-wrap-right {
    width: calc(100% - 130px);
  }

  .slider span {
    width: 62px;
    height: 62px;
  }

  .slider label img {
    max-width: 60px;
    max-height: 60px;
  }

  .footer-bottom .box-footer:last-child,
  .footer-bottom .box-footer:first-child {
    width: auto;
  }

  /* End listing */
  /* Begin home */
  .search-content {
    width: 500px;
  }

  /* End home */
}

@media (max-width: 1140px) {

  /* Begin home*/
  .search-content {
    width: 480px;
  }

  /* End home */
}

@media (max-width: 1024px) {
  /* Begin listing */

  .slider .grid-item {
    z-index: -10;
  }

  .box-images-details {
    width: 100%;
  }

  .product-shop-container {
    width: 100%;
  }

  .product-shop-price-wrap {
    max-width: 100%;
    margin-top: 30px;
  }

  .product-info-container {
    width: 100% !important;
  }

  /* End listing */
}

@media (max-width: 992px) {

  /* Begin listing */
  .slider .grid-item {
    width: 84px;
    height: 84px;
  }

  .slider .grid-wrapper,
  .slider .img-details {
    width: 413px;
    height: 413px;
  }

  .slider .img-details img {
    max-height: 412px;
  }

  .slider span {
    width: 80px;
    height: 80px;
  }

  .slider label img {
    max-width: 78px;
    max-height: 78px;
  }

  /* End listing */
  /* Begin store */
  #LeftPanel {
    width: 200px;
  }

  /* End store */
  .box-delivery .wrap-item {
    margin-left: -7px;
    width: calc(100% + 15px);
  }

  .box-delivery .wrap-item .icon {
    width: 75px;
  }

  .box-delivery .wrap-item .item {
    padding: 20px 0px;
    padding-left: 95px;
    width: calc(33.33% - 15px);
    margin: 0px 7px;
  }

  .box-delivery .wrap-item .item h3 {
    font: 700 12px/20px "ProximaNova";
  }

  .box-delivery .wrap-item .item p {
    font: 400 10px/16px "ProximaNova";
  }

  .box-delivery .wrap-item .icon:after {
    border-top: 38px solid transparent;
    border-bottom: 38px solid transparent;
  }

  main label span {
    padding: 11px 20px 12px 20px;
  }

  main label {
    font-size: 18px;
  }

  .main-container {
    padding-top: 15px;
  }

  .product-shop-policy p {
    font-size: 14px;
    min-height: 44px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .menu-main a {
    font-size: 13px;
  }

  .menu-main li {
    padding: 0 14px;
  }

  .menu-header ul {
    flex-wrap: wrap;
  }

  .menu-header ul li {
    width: 50%;
  }

  /* Begin listing */

  .menu-header ul .menu-header ul li a {
    font-size: 12px;
    padding: 11px 9px 9px;
  }

  .main-menu ul li a {
    padding: 0px 15px;
  }

  .slider .grid-wrapper,
  .slider .img-details {
    width: 422px;
    height: 422px;
  }

  .slider .img-details img {
    max-height: 372px;
  }

  .slider span {
    width: 58px;
    height: 58px;
  }

  .slider label img {
    max-width: 100%;
    max-height: 100%;
  }

  .slider label {
    margin-left: 0px;
  }

  .footer-bottom-content {
    padding: 0 20px 40px;
  }

  .footer-bottom .box-footer h4,
  .footer-bottom .box-footer p a {
    font-size: 18px;
    line-height: 23px;
  }

  .footer-bottom .box-footer p a {
    padding: 7px 15px;
  }

  .footer-bottom .box-footer p,
  .footer-bottom .box-footer a {
    font-size: 14px;
  }

  /* End listing */

  /* Begin home */
  .search-content {
    width: 340px;
    margin-left: 20px;
  }

  .pagewidth .menu-header ul li a {
    font-size: 13px;
    padding: 9px 6px 7px;
  }

  /* Begin  store */
  .pagewidth div.r3_cm {
    padding-top: 15px;
  }

  .v4midBox.v4nfc .v4acp_mid .v4mid .lev1>li,
  .v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li {
    padding-left: 27px;
  }

  .sub-page .col-left input+label {
    font-size: 18px;
  }

  td#CentralArea span.pdmt {
    position: initial;
  }

  .pagewidth div.r3_cm div.rs_box div.ctrlbr {
    padding: 0;
  }

  .pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.label {
    padding-left: 0;
  }

  table.gallery tr td.details {
    padding: 10px 10px;
  }

  table.gallery .mi {
    padding-left: 10px;
  }

  .pagewidth .fpcc .smuy span.matchClass {
    font-size: 17px;
  }

  table.gallery table.fixed tr td .bin.g-b {
    font-size: 12px;
  }

  .v4acp_head .v4title h2,
  .col-left .box-brand h2 {
    font-size: 21px;
  }

  table.gallery table.fixed span.oriprs,
  table.gallery table.prices span.oriprs {
    font-size: 12px;
  }

  table.gallery tr td.details table.fixed img {
    max-width: 50px;
  }

  .pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a {
    margin: 0 5px;
  }

  .pagewidth div.r3_cm div.rs_box .dynpg .m .pager .next a.enabled:last-child {
    margin-left: 10px;
  }

  .pagewidth div.r3_cm div.rs_box .dynpg .m .pager .prev a.enabled:last-child {
    margin-right: 3px;
  }

  /* Begin  subpage */
  .sub-page .col-left {
    width: 30%;
  }

  .subpage-container {
    width: 70%;
  }

  .subpage-container table {
    width: 100%;
  }

  .product-shop-container {
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  .header-container a span {
    font-size: 12px;
  }

  .featured-head h2 {
    font-size: 18px;
    text-align: center;
    padding: 10px 0px;
  }

  .header-content .container {
    /* justify-content: center; */
  }

  .container {
    /* padding-right: 15px; */
    /* padding-left: 15px; */
  }

  .menu-category {
    width: 33.33%;
    padding: 13px 20px;
  }

  .menu-category label {
    margin-bottom: 0px;
  }

  .menu-category span,
  .home-content-sp a,
  .contact-content-sp a {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-bottom: 0px;
  }

  .home-content-sp a {
    justify-content: center;
  }

  .contact-content-sp a {
    justify-content: end;
  }

  .menu-main svg {
    margin-right: 5px;
    min-width: 13px;
  }

  .contact-content-sp {
    width: 33.33%;
    padding-right: 15px;
  }

  .home-content-sp {
    width: 33.33%;
  }

  main section {
    padding-left: 5px;
    padding-right: 5px;
  }

  .refurbished h3,
  .panel-title-custom {
    font-size: 16px;
    line-height: 22px;
    height: 44px;
  }

  .product-shop-price-wrap {
    max-width: 100%;
  }

  .product-shop-policy {
    padding-top: 30px;
  }

  .product-shop-policy .item {
    max-width: 100%;
  }

  .refurbished .body-refur {
    font-size: 14px;
    line-height: 22px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .description-product p,
  .description-product li {
    font-size: 13px;
    line-height: 18px;
  }

  .description-product .title {
    font-size: 16px;
    line-height: 21px;
  }

  .tabs section,
  .tabs section p {
    font-size: 13px;
    line-height: 18px;
  }

  .tabs section li {
    margin-bottom: 3px;
  }

  .tabs main span {
    font-size: 13px;
    padding-left: 20px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 0px;
    border-top: 1px solid #fff;
  }

  .footer-copy .logo {
    padding-bottom: 5px;
  }

  .footer-copy .left {
    width: 100%;
    text-align: left;
    padding-left: 15px;
  }

  .footer-copy .right {
    width: 100%;
    display: block;
    padding-left: 0px;
  }

  .footer-copy .center {
    width: 100%;
  }

  .footer-copy .right .content {
    width: auto;
  }

  .footer-copy .title {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    padding-left: 0px;
    margin-bottom: 10px;
  }

  .footer-copy p {
    text-align: center;
  }

  .footer-copy .logo img {
    width: 99px;
    height: auto;
  }

  .footer .copyright a {
    font-size: 13px;
  }

  .header-content {
    padding: 0;
  }

  .price {
    text-align: center;
  }

  .price div,
  .price p {
    float: none;
  }

  .show-mobile {
    display: inline-block;
  }

  main label {
    font-size: 16px;
  }

  main section {
    border-top: none;
  }

  main input:checked+label:before {
    display: none;
  }

  main input#tab2-mobile+label span:before {
    background-position: -60px -474px;
  }

  main input#tab3-mobile+label span:before {
    background-position: -60px -532px;
  }

  main input#tab4-mobile+label span:before {
    background-position: -60px -596px;
  }

  main input#tab5-mobile+label span:before {
    background-position: -60px -658px;
  }

  .tabs table tr th {
    padding-right: 20px;
  }

  .tabs table tr th {
    min-width: 120px;
  }

  .box-images-details .refur-abs img {
    width: 110px;
  }

  .box-images-details .refur-abs {
    left: 0px;
    top: 5px;
  }

  .box-delivery .wrap-item {
    margin: 0px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .box-delivery .wrap-item .item {
    margin: 0px;
    width: 100%;
    margin-bottom: 10px;
  }

  .table-responsive {
    border: none;
  }

  .product-view-name {
    margin-top: 10px;
    font-size: 24px;
    line-height: 29px;
    text-align: left;
    margin-bottom: 5px;
  }

  .sub-title {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 19px;
  }

  .product-list {
    margin-top: 0px;
  }

  .product-list>.container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .block-3 img {
    padding: 0px 0px;
  }

  .header-content a {
    font-size: 12px;
  }

  .header-content a p {
    margin-top: 5px;
  }

  .header-content .text-mobile {
    display: inline-block;
    float: right;
    height: 61px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .header-content .text-mobile a {
    display: inline-block;
    height: 61px;
    width: 52px;
    text-align: center;
    font: 700 10px "ProximaNova";
    color: #333;
    text-transform: uppercase;
    float: left;
    display: flex;
    align-items: center;
  }

  .product-view-name-sku .sku {
    text-align: center;
  }

  .header-content .text-mobile a.product {
    display: flex;
    align-items: center;
    color: #4a9ed5;
  }

  .header-content .text-mobile a.contacts:before {
    background-position: -60px -73px;
  }

  /* page listing */
  .header-container {
    background: #fff;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #000;
  }

  .header-content {
    margin: 0;
    position: relative;
    text-align: center;
    padding: 5px 0px;
  }

  .header-container .header-content .logo-content img {
    max-height: 48px;
  }

  .header-container .header-content .logo-content svg {
    max-width: 120px;
  }

  .header-content .text-shipping a:first-child {
    display: none;
  }

  .header-content .text-shipping a:last-child {
    padding-right: 0;
  }

  .header-content .text-shipping a span {
    font-size: 14px;
    line-height: 15px;
  }

  .header-content .text-shipping a a {
    padding-top: 0;
  }

  .header-content .text-shipping a a img {
    width: 40px;
    padding-bottom: 4px;
  }

  .menu-main {
    height: inherit;
    padding: 0px 0px;
    font-size: 13px;
    line-height: 18px;
    color: #111;
    background: #fff;
    border-bottom: none;
    position: relative;
    justify-content: space-between;
  }

  .menu-main a {
    color: #111;
  }

  .menu-main ul li a {
    color: #fff;
  }

  .menu-main ul {
    position: absolute;
    background: #111;
    top: 100%;
    /* color: #fff; */
    display: none;
    width: 100%;
    z-index: 999;
    padding: 13px 0px;
  }

  .menu-main ul li {
    padding: 17px 0px;
  }

  .menu-main input[name="checkbox-menu"]:checked~.menu-category {
    background: #111;
    color: #fff;
  }

  .menu-main input[name="checkbox-menu"]:checked~.menu-category svg path {
    fill: #fff;
  }

  .menu-main input[name="checkbox-menu"]:checked~ul {
    display: block;
  }

  /* begin style store*/
  .navigation {
    background: #111;
  }

  /* Navigation Menu - List items */
  /* non-critical appearance styles */
  .nav-item {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #111;
  }

  /* critical styles - hide the checkbox input */
  .nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
  }

  .nav-trigger+label {
    display: block;
    cursor: pointer;
    float: left;
    height: 36px;
    width: 36px;
    float: left;
    position: absolute;
    top: 22px;
    left: 10px;
    margin: 0;
    z-index: 5;
    display: none;
  }

  /* Make the Magic Happen */
  .header-content .menu-header {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    display: none;
  }

  .nav-trigger:checked+label {
    background-position: 0px -229px;
  }

  .nav-trigger:checked~.menu-header {
    filter: alpha(opacity=50);
    opacity: 1;
    display: inline-block !important;
  }

  .menu-header {
    z-index: 19;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0;
    text-align: left;
  }

  .menu-header .menu-container {
    width: 100%;
  }

  .menu-header .container {
    padding: 0;
  }

  .menu-header ul {
    width: 100%;
    padding: 0px 0;
    flex-wrap: wrap;
  }

  @-webkit-keyframes policyAnimation {
    0% {
      opacity: 0;
    }

    2.37%,
    8.3% {
      opacity: 1;
    }

    10.67%,
    100% {
      opacity: 0;
    }
  }

  @-o-keyframes policyAnimation {
    0% {
      opacity: 0;
    }

    2.37%,
    8.3% {
      opacity: 1;
    }

    10.67%,
    100% {
      opacity: 0;
    }
  }

  @keyframes policyAnimation {
    0% {
      opacity: 0;
    }

    2.37%,
    18.3% {
      opacity: 1;
    }

    20.67%,
    100% {
      opacity: 0;
    }
  }

  .menu-header ul li {
    -webkit-animation: policyAnimation 21s infinite;
    -o-animation: policyAnimation 21s infinite;
    animation: policyAnimation 21s infinite;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
    text-align: center;
    margin: 0;
  }

  .menu-header ul li:nth-of-type(1) {
    position: static;
    pointer-events: auto;
    opacity: 1;
    -webkit-animation-delay: -1s !important;
    -o-animation-delay: -1s !important;
    animation-delay: -1s !important;
  }

  .menu-header ul li:nth-of-type(2) {
    -webkit-animation-delay: 5s !important;
    -o-animation-delay: 5s !important;
    animation-delay: 5s !important;
  }

  .menu-header ul li:nth-of-type(3) {
    -webkit-animation-delay: 10s !important;
    -o-animation-delay: 10s !important;
    animation-delay: 10s !important;
  }

  .menu-header ul li:nth-of-type(4) {
    -webkit-animation-delay: 15s !importants;
    -o-animation-delay: 15s !important;
    animation-delay: 15s !important;
  }

  .menu-header ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .menu-header ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 25px;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
  }

  .menu-header ul li a:hover {
    color: #a5c0e8;
  }

  .menu-header ul li .icon-cat {
    display: none;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/Triumph-bg.png) no-repeat 0 -366px;
    margin: 0;
  }

  .menu-header ul li input:checked+.icon-cat {}

  .menu-header ul li input:checked~.sub-category {}

  .menu-header ul li .sub-category,
  .menu-header ul li .sub-category2 {
    width: 100%;
    display: none;
  }

  .menu-header ul li .sub-category li a {
    background: #fff;
    padding: 10px;
  }

  .menu-header ul li .sub-category li a:hover {
    background: #ececec;
    color: #111;
  }

  .box-images-details,
  .product-shop-container {
    width: 100%;
    float: none;
    padding: 0;
  }

  .box-images-details {
    margin-top: 15px;
  }

  .slider, .box-images-details .ups {
    display: none;
  }

  .slider .grid-wrapper {
    width: 500px;
    height: 500px;
  }

  .slider .img-details {
    width: 480px;
    height: 480px;
  }

  .slider .img-details img {
    max-height: 618px;
  }

  .grid-content {
    margin-left: -10px;
  }

  .slider label {
    margin: 10px 0 0 10px;
  }

  .slider span {
    width: 80px;
    height: 80px;
  }

  .slider label img {
    max-width: 78px;
    max-height: 78px;
  }

  .product-shop-policy .item {
    font-size: 13px;
    min-height: 52px;
  }

  .product-shop-policy .item .policy-icon {
    margin-right: 6px;
    margin-left: 5px;
  }

  .product-shop-price-title {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .product-shop-price {
    padding: 12px;
  }

  .product-shop-price-value {
    font-size: 18px;
  }

  .product-shop-price {
    text-align: center;
  }

  .product-shop-policy .item .policy-icon img {
    height: 34px;
  }

  .product-shop-policy p {
    font-size: 14px;
    min-height: 44px;
  }

  main label span {
    padding-left: 0;
  }

  main label span:after {
    position: absolute;
    right: 12px;
    top: 50%;
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/plus-icon.png") no-repeat scroll;
    transform: translateY(-50%);
    background-position: center;
    background-size: contain;
  }

  main input:checked+label span:after,
  main input:checked+label:hover span:after {
    background: url("../images/minus-icon.png") no-repeat scroll;
    background-position: center;
    background-size: contain;
  }

  main input[name="tabs"]+label {
    display: none;
  }

  main input[name="tabs-mobile"]+label {
    display: inline-block;
    width: 100%;
    background: #fff;
    color: #a4a0a0;
    margin-bottom: 0px;
  }

  main section {
    display: none !important;
  }

  main input[name="tabs-mobile"]:checked+label+section {
    display: inline-block !important;
  }

  .tabs main {
    background: #fff;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
  }

  .tabs label[for="tab4-mobile"] span {
    border-bottom: 1px solid #dfdfdf;
  }

  main input:checked+label span {
    background: #111;
    color: #fff;
    border-bottom: 0px;
    height: 61px;
  }

  main input:checked+label span svg path {
    fill: #fff;
  }

  .top-footer {
    margin-top: 30px;
  }

  .footer {
    margin-top: 0px;
  }

  .footer-bottom-content {
    padding: 0 20px 27px;
  }

  .footer-bottom .box-footer {
    width: 50% !important;
    padding-top: 28px;
  }

  .footer-bottom .box-footer:last-child {
    width: 100% !important;
  }

  .footer-copy {
    padding: 17px 0 20px;
  }

  .footer-copy p {
    width: 100%;
    text-align: center;
  }

  .footer-copy p:first-child {
    padding: 0;
  }

  .footer-copy p .text {
    width: 100%;
    text-align: center;
    margin: 0px;
    margin-bottom: 15px;
  }

  .footer-copy a {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 13px;
  }

  .footer-copy .rainstorm img {
    float: none;
  }

  .footer-copy .right ul {
    margin: auto;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 225px;
    justify-content: center;
  }

  .footer-copy .right ul li {
    margin-top: 0px;
    padding-bottom: 0px;
  }

  .footer-copy .txt-copy {
    font-size: 11px;
  }

  /* page home */
  .intro-page {
    margin-top: 0;
  }

  .search-container {
    float: none;
    margin: 0 auto;
  }

  .search-content {
    width: 295px;
    margin: 13px 0 0;
  }

  .search-content .v4sbox {
    height: 35px;
    padding: 4px 45px 2px 10px;
    font-size: 14px;
  }

  .search-content .v5sbox {
    height: 35px;
    width: 35px;
    background-size: 35px;
  }

  .cat-box {
    margin-top: 15px;
  }

  .cat-box li {
    margin: 0px 0 15px 0;
    width: 33.3%;
    padding: 0 5px;
  }

  .cat-box li:nth-child(3n) {
    padding: 0 0 0 10px;
  }

  .cat-box li:nth-child(3n + 1) {
    padding: 0 10px 0 0;
  }

  .brand-list {
    margin-top: 11px;
  }

  .product-list .featured-head h2 {
    font-size: 20px;
    line-height: 42px;
    margin-bottom: 10px;
  }

  .pagewidth .footer {
    margin-top: 30px;
  }

  /* page store */

  table.tb_v4bc tr td {
    padding: 0 10px;
  }

  td#LeftPanel+td {
    display: none;
  }

  td#LeftPanel+td+td {
    display: block;
    width: 100%;
  }

  td#LeftPanel {
    width: 100%;
    padding: 0 10px 10px;
    display: inline-block;
  }

  #LeftPanel .v4acpcont>tbody>tr:first-child+tr {
    display: none;
  }

  #LeftPanel .v4acpcont:hover>tbody>tr:first-child+tr {
    display: block;
  }

  #LeftPanel .v4acpcont table,
  #LeftPanel .v4acpcont tbody,
  #LeftPanel .v4acpcont tr,
  #LeftPanel .v4acpcont td {
    width: 100%;
    display: block;
  }

  table.v4acpcont .v4title h2 {
    position: relative;
    text-align: left;
  }

  table.v4acpcont .v4title h2:after {
    position: absolute;
    top: 1px;
    right: 10px;
    text-align: right;
    width: 30px;
    height: 30px;
    content: "+";
    font-weight: bold;
    font-size: 25px;
    color: #222222;
  }

  table.v4acpcont:hover .v4title h2:after {
    content: "";
  }

  .v4acp_head .v4title h2 {
    padding-bottom: 0;
  }

  table.gallery .mi {
    padding-left: 10px;
  }

  table.gallery tr td.details {
    padding: 10px;
    height: 176px;
  }

  table.v4acpcont {
    margin-bottom: 0px !important;
  }

  .pagewidth div.r3_cm {
    padding: 10px 10px 0 10px;
  }

  .pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur::after {
    right: 0;
  }

  .pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur {
    padding-right: 15px;
  }

  /* subpage*/
  .sub-page {
    padding: 0 10px;
    margin-top: -5px;
  }

  .sub-page .col-left,
  .sub-page .subpage-container {
    display: inline-block;
    width: 100%;
    padding: 0;
  }

  .subpage-content {
    margin-top: 50px;
  }

  .menu-left-subpage ul {
    display: none;
  }

  .menu-left-subpage input:checked~ul {
    display: block;
    padding: 0;
  }

  .menu-left-subpage input+label {
    position: relative;
    width: 100%;
  }

  .menu-left-subpage input+label:after {
    position: absolute;
    top: 0px;
    right: 10px;
    content: "+";
    font-size: 24px;
    font-weight: 700;
    color: #222222;
  }

  .menu-left-subpage input:checked+label:after {
    top: 0px;
    content: "–";
  }

  .sub-page .col-left ul li:last-child {
    border-bottom: 1px solid #eeeadf;
  }

  .subpage-container ol {
    margin-left: 14px;
  }

  .footer-copyright a {
    font-size: 13px;
  }

  .footer-bottom {
    padding: 30px 0px;
  }

  .footer-logo img {
    max-width: 228px;
  }
}

@media (max-width: 736px) {}

@media (max-width: 667px) {}

@media (max-width: 640px) {}

@media (max-width: 639px) {

  /* page listing */
  .header-content {
    text-align: center;
  }

  .header-content .text-shipping {
    margin-top: 19px;
  }

  .header-content .text-shipping a span {
    display: none;
  }

  .header-content .text-shipping a a img {
    width: 22px;
  }

  .header-content .text-shipping a a:last-child {
    padding-right: 12px;
  }

  .product-view-name {
    font-size: 24px;
    line-height: 30px;
    padding: 0;
  }

  .slider .grid-wrapper,
  .slider .img-details {
    width: 460px;
    height: 460px;
  }

  .slider .img-details img {
    max-height: 458px;
  }

  .grid-content {
    margin-left: -10px;
  }

  .slider label {
    margin: 10px 0 0 10px;
  }

  .slider span {
    width: 84px;
    height: 84px;
  }

  .slider label img {
    max-width: 82px;
    max-height: 82px;
  }

  .footer {
    border: 0px;
  }

  .footer-bottom .box-footer {
    width: 100% !important;
    float: left !important;
    padding: 27px 0px 10px;
  }

  .footer .d-flex {
    flex-direction: column;
  }

  .footer-link-info:nth-child(1) {
    margin-bottom: 30px;
  }

  .footer-bottom .box-footer:first-child {
    width: 220px;
  }

  .footer-bottom-content {
    padding: 0 20px 26px;
  }

  .footer-copy {
    padding: 20px 0px;
    text-align: center;
  }

  .footer-copy p:first-child {
    width: 310px;
    margin: 0 auto;
    float: none;
  }

  /* style home*/
  .search-content {
    width: 100px;
  }

  .banner .container {
    padding: 0;
  }

  .cat-box .container {
    padding: 0 10px;
  }

  .cat-box li {
    width: 100%;
    padding: 0 !important;
  }

  .cat-box li img {
    width: 100%;
  }

  /* style store*/
  .pagewidth .menu-header .navigation {
    margin-top: 0;
  }

  .col-left .box-brand ul li {
    width: 50%;
  }

  .pagewidth td.gallery {
    padding: 10px 0 0 !important;
    width: 100%;
    display: block;
  }

  table.gallery tr td.details div.ttl {
    height: auto;
  }

  .box-trustmakers .box p strong {
    font-size: 12px;
    line-height: 15px;
  }

  table.gallery tr td.details div.ttl {
    height: auto;
  }

  table.v4acpcont {
    margin-bottom: 0px !important;
  }

  table.gallery tr td.details {
    height: auto;
  }

  .pagewidth .fpcc,
  .pagewidth div.r3_cm div.rs_box div.ctrlbr {
    text-align: center;
  }

  td#CentralArea span.pdmt {
    position: inherit;
  }

  td#CentralArea div.dynpg .m .pager {
    margin-top: 0;
  }

  .pagewidth table.gallery {
    border: 1px solid #dcdcdc !important;
  }

  .pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a {
    margin: 0 7px;
    font-size: 15px;
  }

  .pagewidth div.r3_cm div.rs_box .dynpg .m .pager .next a.enabled:last-child {
    margin-left: 10px;
    background-size: 27px;
    background-position: 0 -255px;
  }

  .pagewidth div.r3_cm div.rs_box .dynpg .m .pager .prev a.enabled:last-child {
    margin-right: -3px;
    background-size: 27px;
    background-position: 0 -275px;
  }
}

@media (max-width: 568px) {

  /* home */
  .trust-marker .box {
    padding: 0 20px;
  }

  .trust-marker .box p {
    font-size: 15px;
    line-height: 19px;
  }
}

@media (max-width: 480px) {

  /* home */
  .trust-marker-content {
    text-align: center;
    padding: 10px 0;
    margin: 30px 0 0;
  }

  .trust-marker-content>div {
    display: inline-block;
    width: 260px;
    margin: 0 auto;
    text-align: left;
  }

  .trust-marker .box {
    width: 100%;
    padding: 7px 0;
  }

  .trust-marker .box p {
    font-size: 20px;
    line-height: 26px;
  }

  .trust-marker .box img {
    width: 50px;
    margin-right: 15px;
  }
}

@media (max-width: 479px) {

  /* page listing */
  .slider .grid-wrapper {
    width: 300px;
    height: 300px;
  }

  .slider .img-details {
    width: 300px;
    height: 300px;
  }

  .slider .img-details img {
    max-height: 298px;
  }

  .grid-content {
    margin-left: -20px;
  }

  .slider label {
    margin: 20px 0 0 20px;
  }

  .slider span {
    width: 60px;
    height: 60px;
  }

  .slider label img {
    max-width: 58px;
    max-height: 58px;
  }
}

@media (max-width: 414px) {

  /* home */
  .cat-box .featured-head span {
    width: 243px;
    line-height: 24px;
  }

  .cat-box .featured-head h2::before {
    top: 24px;
  }

  .cat-box li {
    width: 100%;
    padding: 0 !important;
  }

  .cat-box li img {
    width: 100%;
  }

  /* store*/
  .pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a {
    font-size: 14px;
    margin: 0 3px;
  }

  #PreviewLayer_olp_pad>div {
    height: auto !important;
  }

  #PreviewLayer {
    max-width: 90% !important;
    display: inline-block;
  }

  #PreviewLayer .ic-w400.ic-m {
    display: inline-block;
    width: 100%;
  }

  #PreviewLayer .ic-w400.ic-m center {
    width: 100% !important;
    height: auto !important;
    display: inline-block;
  }

  #PreviewLayer .ic-w400.ic-m center img {
    width: 100% !important;
    float: left;
    height: auto !important;
  }

  .olp-cnt,
  div.vsc,
  .ic-cp {
    max-width: 310px !important;
  }

  div.vsc table,
  div.vsc tr,
  div.vsc td,
  div.vsc div {
    max-width: 310px !important;
  }

  .ic-w400.ic-m {
    height: auto;
    width: 100%;
  }

  .ic-w400 {
    height: auto;
    width: 98% !important;
    overflow: inherit;
  }

  .ic-cntr .ic-b1 {
    padding: 10px;
    max-width: 310px !important;
    height: auto !important;
    border: 0 !important;
  }

  #v4-56 {
    height: auto !important;
  }

  .ic-cp {
    border: 1px solid #ececec;
    display: inline-block;
    width: 100%;
  }

  .olp-mn.ml-pm {
    margin-left: 10px;
  }
}

@media (max-width: 400px) {

  /* store*/
  .olp-mn {
    margin-left: 0;
  }

  .ml-pm .olp-cnt {
    margin-left: 0px;
  }
}

@media (max-width: 399px) {

  /* store*/
  .olp-mn {
    margin-left: 10px;
  }

  #PreviewLayer>table {
    max-width: 270px !important;
  }

  div.vsc table,
  div.vsc tr,
  div.vsc td,
  div.vsc div {
    max-width: 270px !important;
  }

  .olp-cnt,
  div.vsc,
  .ic-cp {
    max-width: 270px !important;
  }

  .ic-cntr .ic-b1 {
    max-width: 270px !important;
  }

  .tg-tb.tg-clp tr td img {
    width: 23px !important;
    height: 23px !important;
  }

  #gh {
    min-width: 300px;
  }
}

.slider-product-2.slider-product .slides article>div {
  border: none;
  padding: 10px;
}

.product-info-container {
  width: 40%;
  float: right;
  padding-left: 20px;
  margin: 2rem 0;
}

.product-info-accordion-list {
  width: 100%;
  /* border-top: 2px solid black; */
}

.product-info-accordion-item {
  border-top: 2px solid black;
  padding: .5rem 0;
}

.product-info-accordion-item ul li {
  list-style: disc;
  margin-left: 4rem;
}

.product-info-accordion-item .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  cursor: pointer;
  /* background-color: #f0f0f0; */
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}

.product-info-accordion-item .accordion-content {
  display: none;
  padding: 4px 0;
  background-color: #fff;
  /* border-top: 1px solid black; */
}

.product-info-accordion-item input[type="radio"] {
  display: none;
}

.product-info-accordion-item input[type="radio"]:checked ~ .accordion-content {
  display: block;
}

.product-info-accordion-item input[type="radio"]:checked ~ .accordion-header .icon {
  content: "\2212"; /* Minus sign */
}

.product-info-accordion-item .icon::after {
  content: "+"; /* Plus sign */
}

.product-info-accordion-item input[type="radio"]:checked ~ .accordion-header .icon::after {
  content: "\2212"; /* Minus sign */
}