/*just for rename cached css file name*/
/* for new home page add at 20220619 */
.col-ts-1,.col-ts-2,.col-ts-3,.col-ts-4,.col-ts-5,.col-ts-6,.col-ts-7,.col-ts-8,.col-ts-9,.col-ts-10{float:left;box-shadow: inset 0 0 1px 0px #b7b7b7;}
.col-ts-1.f-right, .col-ts-2.f-right, .col-ts-3.f-right, .col-ts-4.f-right, .col-ts-5.f-right, .col-ts-6.f-right, .col-ts-7.f-right, .col-ts-8.f-right, .col-ts-9.f-right, .col-ts-10.f-right{float: right;}
.col-md-1.hidden-md, .col-md-2.hidden-md, .col-md-3.hidden-md, .col-md-4.hidden-md, .col-md-5.hidden-md, .col-md-6.hidden-md, .col-md-7.hidden-md, .col-md-8.hidden-md, .col-md-9.hidden-md, .col-md-10.hidden-md{display:none}
.col-sm-1.hidden-md, .col-sm-2.hidden-md, .col-sm-3.hidden-md, .col-sm-4.hidden-md, .col-sm-5.hidden-md, .col-sm-6.hidden-md, .col-sm-7.hidden-md, .col-sm-8.hidden-md, .col-sm-9.hidden-md, .col-sm-10.hidden-md{display:none}
.col-ts-1{width:10%}.col-ts-2{width:20%}.col-ts-3{width:30%}.col-ts-4{width:40%}.col-ts-5{width:50%}.col-ts-6{width:60%}.col-ts-7{width:70%}.col-ts-8{width:80%}.col-ts-9{width:90%}.col-ts-10{width:100%}
.natonic-title h2:before {
  width: 19%;
  border-top: 2px solid #dfdede;
  margin-left: 10%;
}
.natonic-title h2:after {
  width: 19%;
  border-top: 2px solid #dfdede;
  margin-right: 11%;
}
.natonic-title h2.tabs a {
  display: inline-block;
  font-size: unset;
  font-weight: 300;
  text-transform: none;
  float: none;
  line-height: normal;
  color: #ccc;
  font-family: Quicksand,"Helvetica Neue",Helvetica,arial,sans-serif;
}
.natonic-title h2.tabs li {
  display: inline-block;
  padding: 0px 20px;
}
.natonic-title h2.tabs li.splice {
  width: 5px;
  padding: 0;
  margin: 0;
  color: #999;
  font-style: italic;
}
.natonic-title h2.tabs li.active a {
  color: unset;
}
.mobile-horizontal .showon-mobile{
  display: none;
}
.natonic-title.popular h2:after, .natonic-title.popular h2:before {
  width: 19%;
}
.featured-products.mobile-horizontal {
  margin-bottom: 15px;
}
.featured-products.mobile-horizontal ul {
  padding-bottom: 15px;
}
.featured-products.mobile-horizontal .item {
  margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .featured-products .out-of-stock, .featured-products .link-cart {
    font-size: 12px;
    line-height: 20px;
    border-radius: 4px;
  }
  .mobile-horizontal .showon-mobile{
    display: block;
    height: 40vw;
    width: 100vw;
  }
  .mobile-horizontal .hidden-mobile{
    display: none;
  }
  .mobile-horizontal .cnt-horizontal .container {
    width: 320vw;
    min-width: 320vw;
  }
  .mobile-horizontal .cnt-horizontal {
    width: 100vw;
    overflow-x: auto;
    overflow-y: visible;
  }
  .mobile-horizontal .cnt-horizontal .container {
    width: 320vw;
    min-width: 320vw;
  }
  .mobile-horizontal .cnt-horizontal .container li {
    display: table-cell;
    min-width: 40vw;
    float: none;
    width: 40vw;
    max-width: 40vw;
  }
  .featured-products ul.container li.hidden-xs {
    display: none;
  }
  .natonic-title.popular h2:after, .natonic-title.popular h2::before {
    width: 0%;
  }
  .col-xs-1.visble-xs, .col-xs-2.visble-xs, .col-xs-3.visble-xs, .col-xs-4.visble-xs, .col-xs-5.visble-xs, .col-xs-6.visble-xs, .col-xs-7.visble-xs, .col-xs-8.visble-xs, .col-xs-9.visble-xs, .col-xs-10.visble-xs, .col-xs-11.visble-xs, .col-xs-12.visble-xs{ display:block; }
}
@media only screen and (max-width: 767px) {
  .featured-products .item {
      border: none;
  }
  .natonic-title h2.tabs a {
    font-size: 14px;
  }
  .natonic-title h2.tabs li {
    padding: 0px 5px;
  }
  .natonic-title h2.tabs li.splice {
    font-size: 12px;
  }
  .natonic-title.popular h2:after, .natonic-title.popular h2::before {
    width: 0%;
  }
  .col-sm-4.showon-mobile {
    margin-bottom: 28px;
    height: fit-content;
  }
}
@media only screen and (min-width: 768px) {
  .featured-products .absolute img {
      width: 100%;
  }
}
/* for new home page add at 20220619 */