/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\

    This file combines all the files in the /wctnz/ folder into one.
    You should not be adding any styles to this sheet, add them via
    imports below in an appropriate location. Alternatively add 
    your styles in the existing sheets in the wctnz folder.

\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
            CITYTECH SOFTWARE PVT. LTD. 
                    09/09/2020

\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

.visible-print {
  display: none !important;
}


.visible-print-inline {
  display: none !important;
}


.visible-print-block {
    display: none !important;
}
@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}
@media print {
    .visible-print-block {
        display: block !important;
    }
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
}
.visible-print-inline-block {
  display: none !important;
}

/*@font-face {
  font-family: 'helvetica';
  src: url('HelveticaNeueLTPro-Lt.woff2') format('woff2'), url('HelveticaNeueLTPro-Lt.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'helvetica';
  src: url('HelveticaNeueLTPro-Bd.woff2') format('woff2'), url('HelveticaNeueLTPro-Bd.woff') format('woff');
  font-weight: 400;
}*/

body {
    font-family: 'Roboto', sans-serif;
    font-size:14px;
}
.html-checkout-page body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
}
/* * * * * * * * * * * * * *\
|       General styles      |
\* * * * * * * * * * * * * */
.required {
    color: #f00;
    left: -15px;
}
.inputs > .required {
  right: auto;
}

/* * * * * * * * * * * * * *\
|      Checkbox styles      |
\* * * * * * * * * * * * * */
input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
input[type="checkbox"]:checked + label:before {
  top: 0 !important;
  left: 1px !important;
  width: 8px !important;
  height: 13px !important;
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  -webkit-transform: rotateZ(37deg) !important;
  transform: rotateZ(37deg) !important;
  -webkit-transform-origin: 100% 100% !important;
  transform-origin: 100% 100% !important;
}
input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a !important;
  border-radius: 1px;
  margin-top: 2px;
  transition: 0.2s;
}
input[type="checkbox"]:checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #038b49;
  background-color: #038b49;
  z-index: 0;
}
input[type="checkbox"] + label:before,
[type="checkbox"] + label:after {
  content: '';
  left: 0;
  position: absolute;
  z-index: 1;
}
input[type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: inherit;
  line-height: 25px;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
input[type="checkbox"]:checked + label:before {
  margin-left: 0px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  box-shadow: none !important;
  border: 3px solid #fff;
  background-color: transparent !important;
}
input[type="checkbox"]:checked ~ label:before {
  top: 0 !important;
  left: 1px !important;
  width: 8px !important;
  height: 13px !important;
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  -webkit-transform: rotateZ(37deg) !important;
  transform: rotateZ(37deg) !important;
  -webkit-transform-origin: 100% 100% !important;
  transform-origin: 100% 100% !important;
}
input[type="checkbox"] ~ label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a !important;
  border-radius: 1px;
  margin-top: 2px;
  transition: 0.2s;
}
input[type="checkbox"]:checked ~ label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #038b49;
  background-color: #038b49;
  z-index: 0;
}
input[type="checkbox"] ~ label:before,
[type="checkbox"] ~ label:after {
  content: '';
  left: 0;
  position: absolute;
  z-index: 1;
}
input[type="checkbox"] ~ label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: inherit;
  line-height: 25px;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      color: #000;
    font-weight: 400;
}
input[type="checkbox"]:checked ~ label:before {
  margin-left: 0px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  box-shadow: none !important;
  border: 3px solid #fff;
  background-color: transparent !important;
}

.bg-green {
  background-color: #95c539;
  color: white;
}
/* Nav and header menu styles*/

#billing-buttons-container,
#shipping-buttons-container,
#shipping-method-buttons-container,
#payment-method-buttons-container,
#payment-info-buttons-container,
#confirm-order-buttons-container {
  align-items: center;
  justify-content: space-between;
}
#billing-buttons-container .please-wait-button,
#shipping-buttons-container .please-wait-button,
#shipping-method-buttons-container .please-wait-button,
#payment-method-buttons-container .please-wait-button,
#payment-info-buttons-container .please-wait-button,
#confirm-order-buttons-container .please-wait-button {
  align-items: center;
  justify-content: center;
  margin: 0;
}
#billing-buttons-container .please-wait-button span,
#shipping-buttons-container .please-wait-button span,
#shipping-method-buttons-container .please-wait-button span,
#payment-method-buttons-container .please-wait-button span,
#payment-info-buttons-container .please-wait-button span,
#confirm-order-buttons-container .please-wait-button span {
  flex-grow: 1;
}
#billing-buttons-container .please-wait-button .please-wait-spinner,
#shipping-buttons-container .please-wait-button .please-wait-spinner,
#shipping-method-buttons-container .please-wait-button .please-wait-spinner,
#payment-method-buttons-container .please-wait-button .please-wait-spinner,
#payment-info-buttons-container .please-wait-button .please-wait-spinner,
#confirm-order-buttons-container .please-wait-button .please-wait-spinner {
  flex-grow: 0;
  margin-right: 10px;
}
/*#co-shipping-form {
  min-height: 220px;
}*/
#checkout-steps .buttons ::before,
#checkout-steps .buttons ::after {
  font-family: inherit;
}
#eway-payment-info-container {
  max-width: 70%;
  margin: 0 auto;
}

#eway-payment-info-container .sp-flex .inner {
  flex: 0 0 50%;
}
#eway-payment-info-container .container-fluid .row {
  margin-bottom: 15px;
}
#eway-payment-info-container select,
#eway-payment-info-container option,
#eway-payment-info-container input {
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
}
.newsletter-subscribe-block .options {
  margin-top: 10px;
}
.inputs {
  font-size: 15px;
}
#instructions {
  width: 100%;
  max-width: 100%;
  min-height: 100px;
}
#char-limit-display {
  font-size: 12px;
}
.page.order-details-page {
  padding-top: 50px;
}
/* Homepage */

.slick-track {
  margin: 0 auto;
}
.sub-category-item > .item-box .picture > a img {
  height: auto !important;
  width: 190% !important;
}
.product-grid > .item-box .picture > a img {
  height: auto !important;
  width: 100% !important;
}
.page-title {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.page-title h1 {
     text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;

}
.user-testimonials-demo-2 .two-boxes {
  background: #f4f4f4;
  box-shadow: 2px 2px 7px 4px rgba(0, 0, 0, 0.03);
  padding: 10px;
}
.user-testimonials-demo-2 .testimonial .testimonial-name .name {
  background: #f4f4f4;
}
.product-review-box {
  display: block;
}
.button-2 {
  background-color: #95c539;
  color: #fff;
  font-weight: 400;
  letter-spacing: 1px;
}
.item-box .btn-wrapper button::before {
  /* Fix icons not properly aligning in catalog when product is hovered on*/
  padding-left: 0;
}
/*Home page style migration from 4.0*/
/*todo: clear unnecessary styling*/
.center-1 .nop-jcarousel.manufacturer-grid {
  margin: 0 !important;
}


.home-special-product.markasnew h2:after{
    display:none;
}
.markasnew-wrapper .home-special-product.markasnew .spc-header ul li.tab.loaded.active {
    background-color: transparent;
    color: #000;
    font-size: 32px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}
.header-links a{
    text-decoration:none !important;
}
/* Product pages*/
.category-description p,
.manufacturer-description,
.vendor-description,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p,
.ui-dialog-content p {
    font-weight: 600;
    color: #000;
}
/*Home page style migration from 4.0*/
/*todo: clear unnecessary styling*/
/*Home page image*/

.button {
    display: inline-block;
    background: #e41327;
    padding: 16px 50px;
    border-radius: 80px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    /* letter-spacing: 2px; */
    margin: 15px 15px 15px 0px !important;
    width: auto;
    text-align: left;
}
.button:hover {
  background: #bb091a;
}

.cck p {
  display: block;
}
.hero .cck h1 { 
  text-align: left;
  font-size: 42px;
  color: #fff; 
  font-weight: 600;
  text-transform: none;
}
.hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 1;
}
.hero > * {
  z-index: 100 !important;
  position: relative;
}
.hero .in {
  display: table;
  vertical-align: middle;
  max-width: 1200px;
  width: 100%;
  height: 100%;
}
.hero .cck {
  display: table-cell;
  vertical-align: middle;
}
.hero .half {
  margin: 0 auto;
}
.hero .cck p {
  font-size: 24px;
  color: #fff;
  font-weight: 300;
  line-height: 25px;
  margin: 0 auto;
  padding: 0px;
  margin-bottom: 12px;
}
.cck:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.half {
  width: 50%;
  float: left;
  padding: 10px;
}
h1 {
  color: #444;
  font-weight: 400;
}
h1 {
  margin-top: 20px;
  margin-bottom: 20px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.txtc {
  text-align: center;
  margin: 0 auto;
}
.txtc h2,
.txtc p {
  text-align: center;
  margin: 0 auto;
}

.grey-section {
  background-color: #EAEAEA;
  text-align: center;
}

/***HOME PAGE DOMESTIC & CORPORATE ***/


.cck-left {
  background-color: #47B7B2;
  background-image: url(/images/domestic-bg.jpg);
  background-position: center center;
  background-size: cover; 
  position:relative;
  flex:1;
}
.cck-left:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #09928ce0;
}
.cck-right {
  background-color: #8ABA2F;
  background-image: url(/images/commercial-bg.jpg);
  background-position: center center;
  background-size: cover;
  position:relative;
  flex:1;
}
.cck-right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5a9426e0;
}


.home-n-business-content .cck-inner {
    position: relative;
    padding: 42px 0;
}
.home-n-business-content .cck-inner h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom:32px;
}
.home-n-business-content .cck-inner .overview-business {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
     margin:0;
    padding:0;
    line-height:normal;
}
.home-n-business-content .cck-inner .small-desc{
    font-size:16px;
    font-weight:400;
    color:#fff;
    margin:0;
    padding:0;
    line-height:normal;
}
.wctnz-home-description {
    padding-bottom: 32px;
   
}
.home-n-business-content .toilet-options {
    padding:0;
    margin:0;
}

.home-n-business-content .toilet-options li {
  display: block;
  width: 100%;
  background-image: url(/images/arrow-02.svg);
  background-position: center right;
  background-repeat: no-repeat;
  padding-bottom: 16px;
  padding-top: 16px;
  padding-left: 16px;
  
 
}
.home-n-business-content .toilet-options li:not(:last-child){
border-bottom: 1px solid #ffffff38;
}


.home-n-business-content .toilet-options li a .option-right h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}
.home-n-business-content .toilet-options li a .option-right span{
    font-size:16px;
    color:#fff;
}
ul.toilet-options li:hover {
  background: rgba(255, 255, 255, 0.2);
  background-image: url(/images/arrow-02.svg);
  background-position: center right;
  background-repeat: no-repeat;
  color: #fff; 
  transition:0.4s;
}
ul.toilet-options li a {
  max-width: 450px;
  display: block;
}
.category-icon {
  width: 80px;
  height: 80px;
}
img.category-icon {
  max-width: 80px;
  margin-left: 0;
}


.toilet-options span {
  display: block;
}


/*** SIGNATURE MANUFACTURER ***/



.signature-product-grid .sign-item .sp-description h4 {
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 16px;
}



.signature-product-grid .sign-item {
     border: 1px solid #dcdcdc;
    padding: 24px;
    text-align: center;
}
.signature-product-content .signature-products h2 {
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    font-size: 32px;
    text-align: center;
    padding-bottom: 48px;
}
.signature-product-content .signature-products h2:after, .markasnew-wrapper .home-special-product.markasnew .spc-header ul li.tab.loaded.active:after {
    content: '';
    height: 5px;
    background-color: #95c539;
    display: block;
    width: 75px;
    margin: 0 auto;
    margin-top: 10px;
}
.overlay {
  position: absolute;
  bottom: 0;
  background-color: #47B7B2;
  background-image: url(/images/arrow-02.svg);
  background-repeat: no-repeat;
  background-position: 0px -60px;
  overflow: hidden;
  width: 0;
  height: 100%;
  opacity: 0;
  background-blend-mode: screen;
  transition: 0.3s ease;
  z-index: 0;
}
.overlay-text {
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.one-third:hover {
  cursor: pointer;
}
.cck h2 {
  margin: 0 0 25px;
  text-align: center;
  font-size: 32px;
  color: #000;
  font-weight: 700;
  text-transform:uppercase;
}
.cck p {
  display: block;
}
.cck:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.two-thirds {
  width: 66.66%;
  float: left;
  padding: 10px;
}
h2 {
  font-size: 1.5em;
  line-height: 1.7em;
}
h2 {
  color: #444;
  font-weight: 400;
}

.sp-image img{
    max-width:100%;
    height:auto;
}
.sp-description {
  padding: 0px;
}
.sp-description h4 {
  color: #1b4e5d;
  font-weight: 400;
  margin-bottom: 12px;
}
.sp-description p {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.21px;
}
/*** TESTIMONIALS HOME PAGE ***/


.btn {
  margin: 0 auto;
  text-align: center;
  min-width: 100%;
  max-width: 100%;
  display: table;
  min-width: 250px;
  color: #fff;
}
.testimonial {
  display: table;
  box-shadow: 1px 1px 1px #ccc;
  border-top: 1px solid #eee;
  margin-bottom: 20px;
  background: rgba(0, 0, 0, 0.03);
}
.testimonials {
  background-color: #95c539;
  padding: 60px 0px;
}
.testimonial-wrapper p {
  color: #000;
  font-size: 16px !important;
  line-height: 1.5em;
  letter-spacing: 0.22px;
  font-weight: 400;
  margin-bottom: 20px;
}

.testimonial-wrapper {
  text-align: center;
  margin: 0 auto;
  max-width: 909px;
}
.testimonial-wrapper {
  max-width: 1060px;
  padding-top: 20px;
}
.testimonial-wrapper img {
  width: 100px;
  height: 100px;
  background-size: cover;
  border-radius: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}
.user-testimonials-demo-2 {
  margin: 30px auto;
}
.user-testimonials-demo-2 .testimonial {
  position: relative;
  border-bottom: 1px solid #d3d2d2;
  margin-bottom: 60px;
  margin-top: 20px;
}
.user-testimonials-demo-2 .two-boxes {
  float: left;
  margin-right: 3%;
  width: 46.5%;
  height: 207px;
}
.user-testimonials-demo-2 .testimonial .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0;
}
.user-testimonials-demo-2 .testimonial .thumbnail img {
  width: 94px;
  height: 94px;
  padding: 11px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  position: relative;
  top: 2px;
}
.user-testimonials-demo-2 .testimonial .testimonial-text {
  margin-left: 136px;
  min-height: 130px;
}
.user-testimonials-demo-2 .testimonial .testimonial-text p {
  margin: 6px 0 0;
}
.user-testimonials-demo-2 .testimonial .testimonial-name {
  float: right;
  height: 20px;
  text-align: right;
}
.user-testimonials-demo-2 .testimonial .testimonial-name .name {
  font-family: 'Shadows Into Light Two', sans-serif !important;
  background: #fff;
  padding-left: 10px;
  font-size: 1.4em;
  float: right;
  margin: 0;
}
.user-testimonials-demo-2 .testimonials-show-all-button {
  clear: both;
}
.user-testimonials-demo-2 .testimonials-show-all-button a {
  border: 2px solid;
  padding: 10px 40px;
  font-size: 20px;
  width: 100%;
}

.hpc-wrapper {
  text-align: left; 
}

.hpc {
  padding: 60px 0px;
  background-size: cover;
}
.hpc > * {
  z-index: 100 !important;
  position: relative;
}
.hpc h4 {
  color: #fff;
  max-width: 712px;
  font-size: 32px;
  font-weight: 700; 
  line-height: 44px;
  text-align: left;
  margin-bottom: 19px;
  text-transform:uppercase;
}
.hpc p {
     color: #fff;
    max-width: 712px;
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
}
.hpc::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}

.html-home-page h3 {
  line-height: 28px;
  margin-bottom: 8px;
}


.full-width {
  padding-top: 62px;
  padding-bottom: 62px;
}
.full-width .in {
  margin: 0 auto;
}
.full-width .in {
  box-sizing: content-box;
}
.fw {
  width: 100%;
  display: table;
}


.full-width .in {
  padding-top: 0;
  padding-bottom: 40px !important;
}
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.no-padding {
  padding: 0px !important;
}
.no-padding .in {
  padding: 0px !important;
}

.full-width .in,
.full-width .cck {
  margin: 0 auto;
}
.full-width .in {
  box-sizing: content-box;
}


/*.jCarouselMainWrapper .slick-next:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  height: auto;
  width: 40px;
  margin: auto;
  color: #576750 !important;
  font-size: 40px !important;
}*/
.center-1 .jCarouselMainWrapper .slick-next,
.center-1 .jCarouselMainWrapper .slick-prev {
  background: none !important;
  border: none !important;
  background-color: inherit;
}
/*.jCarouselMainWrapper .slick-prev:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0 !important;
  left: 0px;
  height: auto;
  width: 40px;
  margin: auto;
  color: #576750 !important;
  font-size: 40px !important;
}*/
.slick-prev:hover:before,
.slick-next:hover:before {
  color: #95c539 !important;
}

.nop-jcarousel.manufacturer-grid .item-box .picture img,
.nop-jcarousel.vendor-grid .item-box .picture img {
  opacity: 1 !important;
}
/*.jCarouselMainWrapper .slick-prev {
  left: 20px !important;
}
.jCarouselMainWrapper .slick-next {
  right: 20px !important;
}*/
.overview .prices {
  margin: 0;
}
.compare-products .add-to-compare-list-button:before {
  display: none;
}

.dropdown categories fullWidth boxes-5 {
  text-align: left;
}

.overview .add-to-wishlist {
  margin-left: 0px;
  width: 100%;
}
.overview .add-to-wishlist button {
  font-size: 15px;
  width: 100%;
}
.compare-products .add-to-compare-list-button {
  margin-bottom: 5px;
  background-color: #f1f1f1;
  padding: 0 15px;
  font-size: 15px;
  width: 100%;
  float: left;
  height: 45px;
}
.compare-products .add-to-compare-list-button:hover {
  background-color: #eaeaea;
  color: #8c8c8c !important;
}
.compare-products .add-to-compare-list-button:before {
  content: "\59";
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  font-size: 20px;
  color: #8c8c8c;
  font-weight: normal;
  text-transform: none;
  transition: all 0.2s ease !important;
  z-index: 1;
}
.attributes-wrapper > div {
  max-width: inherit;
}
.width-twenty {
  width: 20% !important;
  text-align: left !important;
}
.overview .add-to-wishlist button {
  font-size: 15px;
  width: 100%;
}
.compare-products .add-to-compare-list-button {
    margin-bottom: 8px;
    background-color: #dedede;
    padding: 0 0;
    font-size: 14px;
    width: 100%;
    float: left;
    height: 48px;
}
.compare-products .add-to-compare-list-button:hover {
  background-color: #eaeaea;
  color: #8c8c8c !important;
}
.compare-products .add-to-compare-list-button:before {
  content: "\59";
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  font-size: 20px;
  color: #8c8c8c;
  font-weight: normal;
  text-transform: none;
  transition: all 0.2s ease !important;
  z-index: 1;
}
.attributes-wrapper > div {
  max-width: inherit;
}

.item-box .product-title,
.item-box .title {
  max-height: 45px;
  height: 45px;
}
.full-width.hero {
  background-repeat: no-repeat;
  background-size: cover;
}
.overview .prices > div,
.variant-overview .prices > div {
  padding: 0;
}

.tax-shipping-info a {
  color: #576750 !important;
}
.tax-shipping-info a:hover {
  color: #576750;
  text-decoration: underline;
}
/*.product-review-box .rating {
  float: right;
}*/
.product-name h1 {
  margin-top: 0px;
}
.attributes dt,
.attributes .attribute-label,
.giftcard label {
  white-space: normal;
}
.attribute-description {
  font-weight: 300;
}
.types-available-button {
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 15px;
}
/*div#payment-info-buttons-container {
  float: right;
  text-align: right;
}*/
#newsletter-subscribe-block .newsletter-email > * {
  margin-top: 10px;
}
.newsletter-email .options label {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
}
.product-prices-box-content {
    margin-bottom: 16px;
}
.ui-tabs .ui-state-active.ui-tabs-active a {
    border-color: #576750;
  /*  background-color: #98c63f;*/
    color: #000;
}
.full-description h2 {
    /*font-size: 14px;*/
    font-weight: 600;
    color: #000;
    text-align: left;
}
.half {
    width: 50%;
    float: left;
    padding: 10px;
}


/*** _PRODUCTBOX ***/
.ajax-cart-button-wrapper .product-box-add-to-cart-button{  
    width: 64%;
}
.product-grid .ajax-cart-button-wrapper .add-to-cart-qty-wrapper {
    width: 36%;
}
/*** MAIN FOOTER ***/
.top-footer {
    background: #95c539;
    padding: 16px 0;
}

.top-footer .footer-row {
    align-items: flex-start;
}

.top-footer .footer-row .footer-block:first-child span {
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding-bottom: 16px;
}
.top-footer .footer-row .footer-block:first-child img {
    height: 55px;
    width: 200px;
}


.top-footer .footer-row .footer-block:nth-child(2) span.talktous {
    font-size: 14px;
    display: block;
    margin-bottom: 14px;
}
.top-footer .footer-row .footer-block:nth-child(2) span {
    font-size: 14px;
    font-weight: 600;
    display:block;
}
.top-footer .footer-row .footer-block:nth-child(2) p {
    font-size: 14px;
    font-weight: 600;
    padding: 0 14%;
    margin-bottom:16px;
}

.top-footer .footer-row .footer-block:last-child span {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.main-footer {
    background: #576750;
    width:100%;
    padding:32px 0;
}
.main-footer .footer-item .title {
    font-size: 16px;
    text-transform: capitalize;
    color:#fff;
    font-weight:600;
    margin-bottom:16px;
}

.main-footer .footer-item ul li {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color:#fff;
}
.html-checkout-page .main-footer .footer-item ul li a {
    color: #fff;
    text-decoration:none;
}
.html-checkout-page .main-footer .footer-item ul li:hover a {
    text-decoration: none;
    color: #47B7B2;
}
.socials-and-payments.footer-item .title {
    text-align: center;
}
.follow-us.footer-item .title {
    text-align: center;
}
.footer-block a:hover {
    color: #cc8a97;
}
.main-footer .newsletter {
    text-align: center;
}
.main-footer .social-sharing {
    text-align: center;
}
.footer-lower {
    background-color: #fff;
    padding: 25px 20px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}
.footer-disclaimer, .footer-tax-shipping {
    display: inline-block;
}
.footer-block a:hover {
  color: #47B7B2;
}
.required-label label {
    margin-bottom: 14px !important;
}


.newsletter .title strong {
  font-weight: normal;
}
.newsletter-email {
  display: block;
  overflow: hidden;
  max-width: 100%;
 }
.newsletter-email .newsletter-subscribe-text {
  width: calc(100% - 47px);
  height: 47px;
  border-radius: 3px 0 0 3px;
  border-right: 0;
  padding:0 16px;
}
.newsletter-email .newsletter-subscribe-text:focus {
  border-color: #e7e7e7;
}
.newsletter-email .newsletter-subscribe-text::-webkit-input-placeholder {
  color: #959595;
}
.newsletter-email .newsletter-subscribe-text::-moz-placeholder {
  color: #959595;
}
.newsletter-email .newsletter-subscribe-text:-ms-input-placeholder {
  color: #959595;
}
.newsletter-email .newsletter-subscribe-text:-moz-placeholder {
  color: #959595;
}
.newsletter-email .newsletter-subscribe-button {
  width: calc(100% - 47px);
  margin: auto;
  border: none;
  background: #cc8a97 url(/Themes/Emporium/Content/img/subscribe-button.png) center center no-repeat;
  background-position-x: 30%;
  padding-left: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.newsletter-email .newsletter-subscribe-button:hover {
  background-color: #e8af00;
}
.newsletter-validation,
.newsletter-result {
  margin: 10px 0;
  line-height: 20px;
  font-size: 13px;
  color: #fff;
}
.newsletter-validation .please-wait {
  display: none !important;
}

.footer-middle .social-icons,
.footer-middle .pay-options {
  margin-top: 40px;
}
.pay-options img {
  margin: 0 2px;
}
.social-sharing li {
  display: inline-block;
  margin: 0 3px;
}
.social-sharing a {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.social-sharing a:before {
  display: block;
  font-size: 22px;
  color: #fff;
  transition: color 0.2s ease;
}
.social-sharing a:hover:before {
  color: #fff !important;
}

.social-sharing .facebook:before {
  content: "n";
}
.social-sharing .twitter:before {
  content: "o";
}
.social-sharing .youtube:before {
  content: "r";
}
.social-sharing .rss:before {
  content: "s";
}

.field-validation-valid,
.footer-block a:hover,
.social-sharing a:hover:before,
.footer-block .title:before,
.footer-block .title:after,
.manufacturer-item:hover .title a {
  color: #97c300;
}
.button-1,
.newsletter-email .newsletter-subscribe-button {
  background-color: #eebe00;
}
.button-1:hover,
.newsletter-email .newsletter-subscribe-button:hover {
  background-color: #c59d00;
}

.footer-powered-by a,
.footer-designed-by a {
  color: #cc8a97;
}
.footer-powered-by a:hover {
  text-decoration: underline;
}
.footer-lower > div > div.footer-store-theme {
  display: block;
  margin: 15px 0 0;
}

.footer-powered-by a,
.footer-designed-by a {
  color: #47B7B2;
}
.opc {
  margin: 20px auto;
}

/*** QUICK VIEW ***/
.quickViewWindow .add-to-cart-qty-wrapper {
    margin-right: 0;
    margin-bottom:16px;
}
.add-to-cart-qty-wrapper span.plus {
    position: absolute;
    top: 50%;
    transform: translate(12px, -50%);
}
.add-to-cart-qty-wrapper .qty-input {
    width: 100%;
}
.add-to-cart-qty-wrapper span.minus {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-14px, -50%);
}
/*.item-box input[type="button"] {
    background-image: url(../img/cart-ico.png);
 
    background-repeat: no-repeat;
    background-position: 8px center;
}*/

/*** PRODUCT DETAILS PAGE   ***/

.html-product-details-page .master-column-wrapper {
    padding-top: 0;
}
.next-prev-wrapper {
    width: 100%;
}
.prev-next-holder{
    box-shadow:none;
}
.next-prev-wrapper {
    width: 100%;
    background-color: #ececec;
    padding: 16px 6vw;
}
.previous-product a, .next-product a{
    background-color:transparent;
}
.previous-product a, .next-product a {
    padding: 10px 5px;
    background-color:transparent !important;
}
.next-prev-wrapper .breadcrumb li > * {
    height: auto;
    padding: 0;
}
.next-prev-wrapper .previous-product a, .next-prev-wrapper .next-product a {
    height: auto;
    padding: 0;
    line-height: normal;
}
.next-prev-wrapper .previous-product a:before, .next-product a:before {
    position: static;
}
.next-prev-wrapper .next-prev-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.next-prev-wrapper .next-prev-container .previous-product {
    order: 1;
}
.next-prev-wrapper .breadcrumb {
    padding: 0;
    order: 2;
}
.next-prev-wrapper .next-prev-container .next-product {
    order: 3;
}
.next-prev-wrapper .next-product a {
    padding-right: 0;
}
.next-prev-wrapper .next-product a:after{
        content: "\57";
        font-size:10px;
}
.next-prev-wrapper .next-product a:before {
    display:none;
}
.acc {
  margin: 0 auto;
  max-width: 800px;
}

.acc__card {
  margin: 0;
  position: relative;
}

.acc__title {
  background: #fff;
  box-shadow: 0 0 2px #00000059;
  color: #212121;
  cursor: pointer;
  display: block;
  padding: 1em 1.5em;
  position: relative;
  text-align: left;
  border-bottom:0;
  font-weight:600;
}
.acc__title::after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #4a6e78;
  border-bottom: 1px solid #4a6e78;
  position: absolute;
  right: 10px;
  content: " ";
  top: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.acc__title.active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.acc__panel {
  background: #f1f1f1;
  color: #212121;
  display: none;
  margin: 0;
  padding: 24px;
  text-align: left;
      border: 1px solid #c7c7c7;
    border-top: 0;
    border-bottom: 0;
}
.overview .reviews-and-compare {
    width: 100%;
    text-align: left;
    float: left;
}
.product-reviews-overview {
    margin-bottom: 15px;
    text-align: left;
}
.product-price-wrap {
    padding: 0 30px;
}
.html-product-details-page .jCarouselMainWrapper {
    margin-bottom: 45px;
}
/*.related-products-grid .item-box {
    margin-left: -1px;
}*/

/*---*/
.bg-color{
	background-color: #333;
}
.signup-step-container{
	padding: 150px 0px;
	padding-bottom: 60px;
}

.wizard {
    width: 80%;
    margin: 0 auto;
}


    .wizard .nav-tabs {
        position: relative;
        margin-bottom: 0;
        border-bottom-color: transparent;
    }

    .wizard > div.wizard-inner {
            position: relative;

    text-align: center;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 24px;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 48px;
    height: 48px;
    line-height: 45px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 50%;
    text-align: center;
    font-size: 22px;
    color: #0e214b;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: 22px;
    color: #0e214b;
    font-weight: 600;
    border: 1px solid #ddd;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #9cc744;
    color: #000;
    border-color: #679012;
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}
.wizard .nav-tabs > li.active > a i {
    color: #9cc744;
}

.wizard .nav-tabs > li {
    width: 14.28%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
}



.wizard .nav-tabs > li a {
    /*  width: 30px;
    height: 30px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
      top: 0;
  */
    position: relative;
    text-decoration:none;
}
/*.wizard .nav-tabs > li a i{
	position: absolute;
    top: -15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    color: #000;
}*/

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }
    .wizard .nav-tabs > li a i {
        margin-top: 55px;
        display: inline-flex;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        font-style: normal;
    }
.wizard .tab-pane {
    position: relative;
    padding-top: 20px;
}


.wizard h3 {
    margin-top: 0;
}
.prev-step,
.next-step{
    font-size: 13px;
    padding: 8px 24px;
    border: none;
    border-radius: 4px;
    margin-top: 30px;
}
.next-step{
	background-color: #0db02b;
}
.skip-btn{
	background-color: #cec12d;
}
.step-head{
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}
.term-check{
	font-size: 14px;
	font-weight: 400;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 40px;
    margin: 0;
    opacity: 0;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 38px;
    padding: .375rem .75rem;
    line-height: 2;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}
.footer-link{
	margin-top: 30px;
}
.all-info-container{

}
.list-content{
	margin-bottom: 10px;
}
.list-content a{
	padding: 10px 15px;
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
    color: #565656;
    font-weight: 400;
    border-radius: 4px;
}
.list-content a[aria-expanded="true"] i{
	transform: rotate(180deg);
}
.list-content a i{
	text-align: right;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: 0.5s;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fdfdfd;
}
.list-box{
	padding: 10px;
}
.signup-logo-header .logo_area{
	width: 200px;
}
.signup-logo-header .nav > li{
	padding: 0;
}
.signup-logo-header .header-flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-inline li{
    display: inline-block;
}
.pull-right{
    float: right;
}
/*-----------custom-checkbox-----------*/
/*----------Custom-Checkbox---------*/
input[type="checkbox"]{
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
input[type="checkbox"]::before,
input[type="checkbox"]::after {
    position: absolute;
    content: "";
    display: inline-block;   
}
input[type="checkbox"]::before{
    height: 16px;
    width: 16px;
    border: 1px solid #999;
    left: 0px;
    top: 0px;
    background-color: #fff;
    border-radius: 2px;
}
input[type="checkbox"]::after{
    height: 5px;
    width: 9px;
    left: 4px;
    top: 4px;
}
input[type="checkbox"]:checked::after{
    content: "";
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
}
input[type="checkbox"]:checked::before{
    background-color: #18ba60;
    border-color: #18ba60;
}

.contact-page .contact-wrapper, .contact-map {
    width: 100%;
}


.html-category-page .master-wrapper-content, .html-product-details-page .master-wrapper-content {
    padding: 0;
}
.sub-category-grid .item-grid .sub-category-item .title{
    text-align:center;
}
.html-product-details-page .master-column-wrapper .product-details-page{
    padding-top:0 !important;
}
.checkout-page .page-title {
    border: 0;
    text-align: left;
}
.checkout-page .page-title h1 {
    text-align: left;
}

.checkout-page .select-billing-address label {
    display: block;
    width: 100%;
}
.checkout-page .select-billing-address select, .checkout-page .shipping-addresses select {
    width: 100%;
    border: 1px solid #bfbfbf;
    height: 48px;
}
.checkout-page .select-billing-address, .checkout-page .select-shipping-address {
    border: 1px solid #d4d4d4;
    padding: 24px;
}
.checkout-page .new-billing-address, .checkout-page .new-shipping-address {
    border: 1px solid #d4d4d4;
    border-top: 0;
    padding: 24px;
}
.shipping-instructions {
    padding: 24px;
    border: 1px solid #d8d8d8;
}
.shipping-instructions h3 {
    font-size: 18px;
    font-weight: 600;
}
/*#co-payment-method-form {
    border: 1px solid #d63e3ea8;
    background-color: #fdeaea;
    padding: 15px;
    text-align: center;
    color: #d61616;
    font-weight: 600;
    font-size: 16px;
}*/
.new-billing-address .inputs select {
    height: 48px;
    border: 1px solid #969696;
}

.inputs.custom-attributes {
    margin: 0;
    margin-bottom:10px;
}
#billing-buttons-container {
    margin-bottom: 32px;
    margin-top: 32px;
}
.shipping-method .method-description, .payment-method .payment-description{
    color:#000;
}
#checkout-step-confirm-order .checkout-data {
    width: 100%;
}
.billing-info {
    text-align: left;
}
.billing-info-wrap {
    padding: 0 !important;
    margin: 0 !important;
    width:48%;
}
.billing-info .title {
    padding: 16px 24px;
    border-bottom: 1px solid #ddd;
    text-align:left !important;
}
.billing-info .info-list {
    padding: 24px;
}
.next-btn-wrapper{
    display:flex;
    justify-content:space-between;
       margin:0 auto;
    padding:16px 0;
}
#CardCode {
    width: 60px !important;
}
.shipping-info-wrap {
    padding: 0 !important;
    width:48%;
}
.shipping-info-wrap .shipping-info .title {
    border-bottom: 1px solid #ddd;
    padding: 16px 24px;
    text-align:left;
}
.payment-method-info {
    text-align: left;
    padding: 24px;
}
.payment-method-info .title {
    text-align: left !important;
}
.shipping-method-info {
    text-align: left;
    padding: 24px;
}
.shipping-method-info .title {
    text-align: left !important;
}
.shipping-info ul.info-list {
    text-align: left;
    padding: 24px;
}
#checkout-step-confirm-order .buttons.next-btn-wrapper {
    width: 100%;
}
#checkout-step-confirm-order .terms-of-service {
    margin: 0 0 30px;
    text-align: left;
}
.product-list .item-box .prices {
    height: auto;
}
.variant-overview .attributes-wrapper .attributes .acc {
    margin: 0;
}
@media (max-width: 767px) {
    .sign-content h3{
		font-size: 40px;
	}
	/*.wizard .nav-tabs > li a i{
		display: none;
	}*/
	.signup-logo-header .navbar-toggle{
		margin: 0;
		margin-top: 8px;
	}
	.signup-logo-header .logo_area{
		margin-top: 0;
	}
	.signup-logo-header .header-flex{
		display: block;
	}
    .nop-jcarousel {
        padding: 0 30px;
    }
}




@media all and (min-width: 360px) {
    .html-home-page .nop-jcarousel .carousel-title {
        padding: 0;
        display: none !important;
    }

    .html-home-page .nop-jcarousel {
        margin: 0;
    }

    .html-home-page .jCarouselMainWrapper .slick-prev,
    .html-home-page .jCarouselMainWrapper .slick-next {
        top: 40%;
        transform: translateY(-40%);
        border: none;
    }

    .html-home-page .manufacturer-grid .title {
        display: none !important;
    }

    .html-home-page .manufacturer-grid .picture {
        border: none;
    }
   
}
@media all and (min-width: 481px) {
    .home-n-business-content .toilet-options li a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
        .home-n-business-content .toilet-options li a .option-left {
            padding-right: 16px;
        }
    .center-2 .product-grid .item-grid, .sub-category-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
   /* .center-2 .product-grid .item-grid, .sub-category-grid .item-grid, .related-products-grid .item-grid, .shopping-cart-page .product-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }*/
    .html-category-page .breadcrumb ul {
        padding: 0 2vw;
    }

    
}
@media all and (min-width: 769px) {
    #eway-payment-info-container {
        max-width: 50%;
    }
    .html-home-page .master-wrapper-content,
    .html-account-page .master-wrapper-content {
        padding: 0px 0 !important;
    }
    .sp-flex.responsive {
        display: none !important;
    }

    .footer-row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .top-footer .footer-row .footer-block:first-child {
        width: 20%;
        text-align: center;
    }
    .top-footer .footer-row .footer-block:nth-child(2) {
        width: 60%;
        text-align: center;
    }

    .top-footer .footer-row .footer-block:last-child {
        width: 20%;
        text-align: center;
    }
    .home-n-business-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }

   
    .signature-product-content .signature-products {
        width: 100%;
        margin: 0 auto;
        padding: 0 3%;
    }
    .signature-product-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }
    
    .center-2 .product-grid .item-grid, .sub-category-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    /*.center-2 .product-grid .item-grid, .sub-category-grid .item-grid, .related-products-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }*/
    .category-selector {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .shopping-cart-page .product-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .contact-page .page-body .contact-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .featured-product-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .order-review-data {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 42px;
        grid-row-gap: 42px;
    }
    .checkout-data {
        width: 800px;
        margin: 0 auto;
    }
    .wizard > div.wizard-inner {
        margin-bottom: 50px;
    }
    .next-btn-wrapper{
        width:800px;
    }
}
@media all and (min-width: 1025px) {
    .inputs-group {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 16px;
    }

        .inputs-group .inputs {
            width: 48%;
            margin: 0;
        }
    .master-column-wrapper {
        padding-top: 35px;
    }

    .home-page-body .master-column-wrapper {
        padding-top: 0;
    }

    .page.topic-page,
    .page.contact-page {
        padding-bottom: 50px;
    }

    .topic-page .page-body {
        line-height: normal;
    }

    .header-menu-parent {
        background-color: #586752;
    }

    .desktop {
        display: block;
    }

    .spc-products {
        width: 0 auto;
        width: 100%;
    }
    /* Header */
    .admin-header-links {
        background-color: #fff;
        text-align: center;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
       
        box-shadow: 1px 1px 1px #ccc;
        margin-bottom:15px;
    }

    .header-logo a img {
        max-height: 100px;
    }

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

    .header-menu {
        margin: 0;
        padding: 0 6vw;
        color: #fff;
        background-color: transparent;
    }

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

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

        .header-menu > ul {
            background-color: transparent;
            margin: 0 auto;
        }

            .header-menu > ul > li > a,
            .header-menu > ul > li > span {
                display: block;
                padding: 0 15px;
                height: auto;
               /* line-height: 45px;*/
                font-size: 14px;
                cursor: pointer;
                text-transform: uppercase;
                color: #fff;
                font-family: 'helvetica', sans-serif;
                letter-spacing: normal;
                border-top: 2px transparent solid;
                font-weight: 600;
            }

                .header-menu > ul > li > a:hover,
                .header-menu > ul > li > span:hover {
                    color: #fff;
                    background: #95c539;
                  
                }

        .header-menu .category-navigation-list-wrapper {
            height: auto;
            border-right: none;
            float: left;
            padding-top: 0;
            padding-bottom: 0;
            text-align: left;
        }

    .home-page .topic-block-title h2 {
        font-size: 35px;
        font-weight: 400;
    }

    .category-navigation-title {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 45px;
    }

        .category-navigation-title ::before {
            color: #fff;
            font-size: 16px;
        }

    .category-navigation-list-wrapper {
        color: #fff;
    }

        .category-navigation-list-wrapper:hover {
            background-color: #95c539;
            /* border-bottom: 1px solid #95c539;*/
        }

    .cck-inner .top-part {
        height: 150px;
    }

    .spc.spc-products .tab {
        background-color: #d2d2d2;
        color: #929090;
        padding: 16px 32px;
        border-radius: 2px;
    }

        .spc.spc-products .tab.active,
        .spc.spc-products .tab.active:hover {
            background-color: #95c539;
            color: #fff;
        }
    /* Shopping Cart */
    #shopping-cart-form .shipping-collaterals + .title:hover {
        background-color: #95c539;
        color: #fff;
    }

    #shopping-cart-form .deals + .title:hover {
        background-color: #95c539;
        color: #fff;
    }

    #shopping-cart-form .option-name,
    #shopping-cart-form .option-description {
        display: block;
    }
    /* Login Page */
    .login-page .customer-blocks {
        max-width: 75%;
        margin: 50px auto;
    }

    .login-page .topic-block {
        width: 90%;
    }

        .login-page .topic-block table {
            text-align: left;
        }
    .center-1 .jCarouselMainWrapper .slick-next,
    .center-1 .jCarouselMainWrapper .slick-prev {
        background: none;
    }
    .section-four {
        padding-bottom: 30px !important;
        height: 800px;
    }

/*** CONTAINER SECTION ***/

    .master-wrapper-content {
        padding: 0px 3vw;
    }

    .main-footer .footer-grid {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
    .footer-block.Information.footer-item {
        padding-right: 60px;
    }

    .home-n-business-content .cck-left {
        padding-left: 3vw;
        padding-right: 0;
    }

    .home-n-business-content .cck-right {
        padding-right: 3vw;
        padding-left: 0;
    }
    .nop-jcarousel.manufacturer-grid, .hpc-wrapper {
        padding: 32px 3vw;
    }
    .html-category-page .breadcrumb ul {
        padding: 0 3vw;
    }
    .bestseller-featured-content .slick-track {
        width: 100% !important;
    }
        .bestseller-featured-content .slick-track .slick-slide {
            width: 25% !important;
        }
    .signature-product-grid {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
    }
    .ajax-cart-button-wrapper .product-box-add-to-cart-button {
        width: 40%;
    }

    .product-grid .ajax-cart-button-wrapper .add-to-cart-qty-wrapper {
        width: 60%;
    }
    .product-list .item-box input,
    .product-list .item-box .btn-wrapper .button-2 {
        width: 45px;
        height: 45px;
    }
    .contact-left {
        text-align: left;
        flex: 1;
    }

    .contact-right {
        flex: 1;
        padding:0 30px;
    }

    .home-n-business-content .cck-inner {
        padding: 42px 20px;
    }
   
    .markasnew-wrapper, .best-feature-section .bestseller-featured-content {
        padding: 0 3vw;
    }
    .product-selectors > div.filters-button-wrapper{
        margin:0;
    }
    .category-selector {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .product-selectors {
        margin: 0 0 20px;
        text-align: center;
        font-size: 0;
        border-top: 0;
        padding-top: 16px;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
}
@media all and (min-width: 1281px) {
    .master-wrapper-content {
        padding: 0px 6vw;
    }
    .html-category-page .breadcrumb ul, .html-product-details-page .breadcrumb ul {
        padding: 0 6vw;
    }

    .html-account-page .master-wrapper-content, .html-category-page .master-column-wrapper, .html-product-details-page .master-column-wrapper .product-details-page {
        padding: 24px 6vw;
    }
   
    .overview-business {
        white-space: nowrap;
    }

    .nop-jcarousel.manufacturer-grid, .hpc-wrapper {
        padding: 70px 6vw;
    }

    .hpc-wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }

    .bestseller-featured-content .slick-track {
        width: 100% !important;
    }

        .bestseller-featured-content .slick-track .slick-slide {
            width: 25% !important;
        }

    .bestseller-featured-content .spc-products .slick-slide {
        padding-right: 30px;
    }

    .bestseller-featured-content .item-box .details-rtl .buttons {
        height: 48px;
    }

    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }

    .visible-lg-block {
        display: block !important;
    }

    .visible-lg-inline {
        display: inline !important;
    }

    .visible-lg-inline-block {
        display: inline-block !important;
    }
       .topic-page .page-body {
        max-width: 100%;
    }

    .home-n-business-content .cck-left {
        padding-left: 6vw;
        padding-right: 42px;
    }

    .home-n-business-content .cck-right {
        padding-right: 6vw;
        padding-left: 42px;
    }

    .newsletter-email {
        margin: 0;
    }
    .best-feature-section .bestseller-featured-content, .footer-container, .markasnew-wrapper {
        padding: 0px 6vw;
    }
    .signature-product-content .signature-products {
        width: 100%;
        max-width: 1672px;
        margin: 0 auto;
        padding: 0 10%;
    }
    .signature-product-grid {     
        grid-column-gap: 48px;
        grid-row-gap: 48px;
    }
    .sale-of-the-day-offer .item-gallery .ribbon-position.top-left {
        top: 5px;
        left: 106px;
    
    }
    .shopping-cart-page .product-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }
    .featured-product-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }
    .productbox-buttons {
        display: flex;
        align-items: center;
        justify-content:center;
    }
        .productbox-buttons .buttons {
            order: 2;
        }

    .product-list .productbox-buttons{
        display:block;
    }
    .home-n-business-content .cck-inner {
        position: relative;
        padding: 42px 0;
    }
    .wctnz-home-description {      
        min-height: 120px;
    }

    .item-box .details {
        padding: 7px;
    }
    .wctnz-home-description{
        min-height:120px;
    }
    .overview .add-to-cart-qty-wrapper + .add-to-cart-button{
        margin-bottom:14px;
    }
    .owl-theme .owl-nav button.owl-prev {
        left: -48px;
        position: absolute;
        top: 50%;
        margin: 0;
        height: 48px;
        display: block;
        width: 48px;
        padding: 0;
        line-height: 48px;
    }

    .owl-theme .owl-nav button.owl-next {
        right: -48px;
        position: absolute;
        top: 50%;
        font-size: 50px;
        background-color: transparent;
        margin: 0;
        height: 48px;
        display: block;
        width: 48px;
        padding: 0;
        line-height: 48px;
    }

        .owl-theme .owl-nav button.owl-prev span, .owl-theme .owl-nav button.owl-next span {
            font-size: 0;
        }

        .owl-theme .owl-nav button.owl-next:before {
            font-family: "emporium-icons";
            display: block;
            color: #000;
            font-size: 28px;
            transition: all .2s ease;
            text-transform: none;
            content: "\6a";
            width: 48px;
            line-height: 48px;
        }

    .owl-theme .owl-nav button.owl-prev:before {
        font-family: "emporium-icons";
        display: block;
        color: #000;
        font-size: 28px;
        line-height: 0;
        transition: all .2s ease;
        text-transform: none;
        content: "\6b";
        height: 48px;
        line-height: 48px;
    }

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
    }
}
@media all and (min-width: 1366px){
    .ajax-cart-button-wrapper .product-box-add-to-cart-button {
        width: 50%;
    }

    .product-grid .ajax-cart-button-wrapper .add-to-cart-qty-wrapper {
        width: 50%;
    }


     
}
@media all and (min-width: 1601px){

    .center-2 .product-grid .item-grid, .sub-category-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    /*   .center-2 .product-grid .item-grid, .sub-category-grid .item-grid, .related-products-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }*/
    .shopping-cart-page .product-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(5,1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .item-box .details {
        padding: 24px;
    }
   
}

@media all and (max-width: 1280px) {
    .nop-jcarousel.manufacturer-grid, .hpc-wrapper {
        padding: 32px 4vw;
    }
    .overview .add-to-cart-qty-wrapper + .add-to-cart-button{
        margin-bottom:0;
    }
    .full-width {
        padding: 0;
    }
    .product-price-wrap {
        padding: 0 30px;
        display: flex;
        flex-direction: column;
        width: 50%;
        justify-content: center;
        margin: 0 auto;
    }
    .overview .compare-products, .overview .add-to-wishlist, .compare-products .add-to-compare-list-button, .overview .add-to-wishlist button {
        display: block;
        width: 100%;
    }
    .overview .add-to-cart {
        max-width: 100%;
        display: block;
    }
    .overview .compare-products {
        margin-bottom: 0;
    }
    .center-1 .slick-carousel {
        /* max-width: calc(100% - 60px);*/
        /*margin-left: 30px;*/
    }

    .hero {
        background-position: center !important;
    }

        .hero::after {
            opacity: 0.5;
        }

    .quick-view-button a, .item-box .btn-wrapper .button-2 {
        width: 42px !important;
    }
    .item-box .btn-wrapper{
        margin-top:16px;
    }
    .wctnz-home-description{
        min-height:140px;
    }
    .home-n-business-content .cck-inner .overview-business{
        font-size:16px;
    }
    .item-box .btn-wrapper{
        justify-content:center;
    }
    .item-box .details {
        min-height: 290px;
    }
    .also-purchased-products-grid, .related-products-grid {
        width: 90%;
    }
    .owl-theme .owl-nav button.owl-prev {
        left: -48px;
        position: absolute;
        top: 50%;
        margin: 0;
        height: 48px;
        display: block;
        width: 48px;
        padding: 0;
        line-height: 48px;
    }

    .owl-theme .owl-nav button.owl-next {
        right: -48px;
        position: absolute;
        top: 50%;
        font-size: 50px;
        background-color: transparent;
        margin: 0;
        height: 48px;
        display: block;
        width: 48px;
        padding: 0;
        line-height: 48px;
    }

        .owl-theme .owl-nav button.owl-prev span, .owl-theme .owl-nav button.owl-next span {
            font-size: 0;
        }

        .owl-theme .owl-nav button.owl-next:before {
            font-family: "emporium-icons";
            display: block;
            color: #000;
            font-size: 40px;
            transition: all .2s ease;
            text-transform: none;
            content: "\6a";
            width: 48px;
            line-height: 48px;
        }

    .owl-theme .owl-nav button.owl-prev:before {
        font-family: "emporium-icons";
        display: block;
        color: #000;
        font-size: 33px;
        line-height: 0;
        transition: all .2s ease;
        text-transform: none;
        content: "\6b";
        height: 48px;
        line-height: 48px;
    }

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
    }
    .product-social-buttons {
        display: flex;
        justify-content: center;
    }
    .product-review-box {
        text-align: center;
        display: block;
    }
    .attributes-wrapper .attributes select {
        width: 100%;
    }
    .header-menu > ul > li > a, .header-menu > ul > li > span {
        padding: 0 10px;
    }
    .attributes-wrapper {
        max-width: 100%;
        margin: 0 auto 30px;
    }
    .variant-overview .attributes-wrapper .attributes .acc {
        margin: 0;
        max-width: 100%;
    }
    .variant-overview .product-prices-box .product-price-wrap {
        padding: 0;
    }
    .productTabs-body .custom-tab {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 35px;
        height: 0;
        overflow: hidden;
    }
        .productTabs-body .custom-tab iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    .variant-overview .add-to-cart-panel{
        display:block;
    }
    .variant-overview .add-to-cart-button {
        padding: 0 14px;
        width: 100%;
        margin: 16px 0;
    }
    .variant-overview .attributes-wrapper{
        padding:0;
    }
    .shipping-options label {
        margin-bottom: 14px;
    }

}
@media all and (max-width: 1024px) {
    .wctnz-home-description {
        min-height: 160px;
    }
    .home-n-business-content .toilet-options li a .option-right span{
        font-size:14px;
    }
    .home-n-business-content .toilet-options li a .option-right h3{
        font-size:16px;
        font-weight:600;
    }
    .home-n-business-content .cck-inner .small-desc{
        font-size:14px;
    }
    .home-n-business-content .cck-inner .overview-business {
        font-size: 14px;
    }
    .home-n-business-content .cck-inner h2{
        font-size:24px;
    }
    .home-n-business-content .toilet-options li {
        padding-bottom: 8px;
        padding-top: 8px;
    }
    .sp-description p{
        font-size:14px;
    }
    .signature-product-content .signature-products h2 {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .html-home-page .half {
        width: 100%;
        float: none;
        padding-right: 10px !important;
        text-align: center;
    } 
   

  /*  .html-home-page .full-width {
        padding: 20px 10%;
    }*/

    .user-testimonials-demo-2 .two-boxes {
        width: 100%;
        clear: both;
    }

    .half {
        float: none;
        width: 100%;
    }

    .cck p {
        text-align: center;
    }

    .one-third {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    #ph-topic .page-title {
        margin-top: 15px;
    }

    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }

    .visible-sm-block {
        display: block !important;
    }

    .visible-sm-inline {
        display: inline !important;
    }

    .visible-md-inline-block {
        display: inline-block !important;
    }

    .visible-md-inline {
        display: inline !important;
    }

    .visible-md-block {
        display: block !important;
    }

    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }

    .visible-sm-inline-block {
        display: inline-block !important;
    }

    .follow-us.footer-item {
        width: 100%;
        margin: 0 auto;
        border-bottom: 1px solid #ffffff5e;
        padding: 0 30%;
        padding-bottom:30px;
    }
    .follow-us.footer-item {
        padding: 0 0 16px 0;
    }
    .main-footer .Information .title {       
        padding: 0;
        margin-bottom:0;
    }

    .main-footer .footer-block .list {
        display: none;
    }
    .main-footer .footer-block {
        border-bottom: 1px solid #ffffff45;
        padding: 0 30px;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 16px;
        padding-top: 16px;
    }
    .newsletter-email .newsletter-subscribe-text, #newsletter-subscribe-block .newsletter-email > * {
        width: 100%;
    }
    .socials-and-payments.footer-item {
        text-align: center;
        padding-top: 16px;
    }
    .main-footer .footer-item .title{
        margin-bottom:0;
    }
    .socials-and-payments.footer-item .title {
        margin-bottom: 16px;
    }
    .newsletter-email .options {
        padding-bottom: 10px;
    }
    .main-footer .footer-item .title.open {
        margin-bottom: 16px;
    }
    .footer-container {
        padding: 0 2vw;
    }
    .top-footer .footer-row {
        align-items: flex-start;
    }
    .home-n-business-content .toilet-options li .option-right {
        padding-right: 50px;
    }
    .home-n-business-content .cck-inner h2 {
        padding: 0 32px 32px 32px;
    }
    .category-icon {
        width: 60px;
        height: 60px;
    }
    .wctnz-home-description {
        /* padding-bottom: 32px; */
        padding: 0 30px 30px 30px;
    }
    .home-n-business-content .cck-inner .overview-business{
        margin-bottom:16px;
    }
    .product-list .item-box input .button-2.product-box-add-to-cart-button {
        width: 100% !important;
    }
    .product-list .details-rtl .buttons {
        min-height: 48px;
    }
    .block-wrapper .block {
        width: 100%;
    }
    .newsletter-email .newsletter-subscribe-button {
        background-position-x: 44%;
    }

    .wctnz-home-description {
        min-height: 140px;
    }
    .nop-jcarousel.product-grid {
        width: 90%;
        margin: 0 auto !important;
    }
    .also-purchased-products-grid.product-grid, .related-products-grid.product-grid {
        width: 90%;
    }
    .jCarouselMainWrapper:last-child .nop-jcarousel{
        margin: 0 auto;
    }
    .nop-jcarousel.manufacturer-grid, .hpc-wrapper {
        padding: 32px 4vw;
    }
    .markasnew-wrapper, .best-feature-section .bestseller-featured-content {
        padding: 0 4vw;
    }
    .product-list .item-grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
    .center-2 .product-grid .item-grid, .sub-category-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 30px;
        grid-row-gap: 0;
    }
    .product-selectors {
        display: flex;
        justify-content: center;
    }
    .filters-button-wrapper {
        margin: 0 !important;
    }
    .product-grid.featured-product-grid{
        width:95%;
    }
    .product-list {
        width: 95%;
        margin: 0 auto;
    }
    .fns-reviewrewards-simple img {
        max-width: 100%;
        width: inherit !important;
        height: auto;
    }
    .fns-reviewrewards-simple {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }
        .fns-reviewrewards-simple p{
            margin:0 20px;
        }
    .block-wrapper .block {
        width: 98%;
    }
    .admin-header-links a{
        color:#fff;
    }
    .product-selectors.infinite-scroll-enabled .product-sorting {
        margin-left: 0;
        width: 100%;
    }

    .product-list .item-grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
    .center-2 .product-grid .item-grid, .sub-category-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 30px;
        grid-row-gap: 0;
    }
    .inputs-group .inputs {
        width: 100%;
        margin: 0;
    }
    .inputs.custom-attributes{
        text-align:left;
    }

}

@media all and (max-width: 768px) {
    .product-price-wrap {
        padding: 0 30px;
        display: block;
        flex-direction: column;
        width: 100%;
        
        margin: 0 auto;
    }
    .sp-one,
    .sp-two,
    .sp-three {
        text-align: center !important;
        margin: 0 auto !important;
        margin-top: 30px !important;
        max-width: 450px;
    }

  

    .category-icon {
        width: 60px;
        height: 60px;
    }

    .hpc {
        padding: 70px 20px !important;
    }

    .in {
        max-width: 100%;
    }

    .sp-flex.desktop {
        display: none !important;
    }

    .testimonial-wrapper p {
        font-size: 16px !important;
        line-height: 1.4em;
    }

    .testimonials {
        padding: 70px 20px;
    }

    .in {
        max-width: 100%;
    }

    .hero {
        background-position: center center !important;
        background-size: cover;
    }

        .hero .in {
            width: 100%;
            max-width: 100%;
        }

    .in {
        max-width: 100%;
    }

    .half {
        width: 100%;
        float: none;
        padding-right: 10px !important;
    }

    .hero .cck h1 {
        text-align: center;
        width: 100%;
        font-size: 26px;
        font-weight: 400;
        line-height: 1.1em;
    }

    .hero .cck p {
        text-align: center;
    }

    .hero::after {
        opacity: 0.5;
    }

    div.lpad {
        padding: 70px 20px;
    }

    .in {
        max-width: 100%;
    }

    .hpc {
        padding: 70px 20px !important;
    }

    .testimonial-wrapper h4 {
        color: #000;
        margin-bottom: 16px;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.2em !important;
        letter-spacing: 0.22px;
    }

    .testimonial-wrapper p {
        font-size: 16px !important;
        line-height: 1.4em;
    }

    .sp-flex {
        display: block !important;
    }

    .cck-inner h3,
    .cck-inner span {
        text-align: left;
        padding-left: 20px;
        padding-right: 60px;
    }

    .cck-inner span {
        font-size: 14px;
        line-height: 1.1em;
    }


      
    div.lpad {
        padding: 70px 20px;
    }

    .testimonials {
        padding: 70px 20px;
    }

    .hero {
        background-position: center center !important;
        background-size: cover;
    }

        .hero .in {
            width: 100%;
            max-width: 100%;
        }

    .in {
        max-width: 100%;
    }

    .half {
        width: 100%;
        float: none;
        padding-right: 10px !important;
    }

    .hero .cck h1 {
        text-align: center;
        width: 100%;
        font-size: 26px;
        font-weight: 400;
        line-height: 1.1em;
    }

    .hero .cck p {
        text-align: center;
    }

    .hero::after {
        opacity: 0.5;
    }

    .html-home-page .item-box .picture a:before {
        padding-top: 100%;
    }

    .center-1 .slick-carousel {
        max-width: 100%;
       /* margin-left: 30px;*/
    }

    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }

    .visible-xs-inline-block {
        display: inline-block !important;
    }

    .visible-xs-inline {
        display: inline !important;
    }

    .visible-xs-block {
        display: block !important;
    }

    .main-footer .footer-block, .follow-us.footer-item {
        width: 100%;
    }
    .follow-us.footer-item{
        padding:0;
    }
    .top-footer .footer-row .footer-block:first-child, .top-footer .footer-row .footer-block:nth-child(2), .top-footer .footer-row .footer-block:last-child {
        width: 100%;
        text-align: center;
    }
    .top-footer .footer-row .footer-block {
        margin-bottom: 24px;
    }
    .nop-jcarousel.manufacturer-grid, .hpc-wrapper{
        padding-top:32px;
        padding-bottom:32px;
    }

    .signature-product-content .signature-products {
        width: 100%;
        margin: 0 auto;
        padding: 5% 5%;
    }
    .signature-product-grid{
        display:none;
    }
    .selector.checkbox-wrapper {
        text-align: left;
    }
    .home-intro .topic-block-body h2 {
        font-size: 20px;
        font-weight: 300;
        color: #000;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 24px;
    }
    .home-page .topic-block-title h2 {
        font-size: 26px;
        color: #000;
    }
    .home-intro {       
        padding: 32px 0;
    }
    .best-feature-section {
        margin-top: 30px;
    }
    .overview .add-to-cart{
        width:100%;
        max-width:100%;
    }
    button.slick-prev.slick-arrow {
        left: -42px;
        top: 34%;
    }

    button.slick-next.slick-arrow {
        right: -42px;
        top: 34%;
    }

   /* .nop-jcarousel {
        padding: 0 30px 0 38px !important;
    }*/
    .owl-theme .owl-nav button.owl-next {
        right: -42px;
    }
    .owl-theme .owl-nav button.owl-prev {
        left: -42px;
    }
    .variant-overview .add-to-cart-panel{
        display:block;
    }
    .variant-overview .add-to-cart-button {
        padding: 0 14px;
        width: 100%;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .variant-overview .add-to-wishlist{ 
        margin-bottom:16px;
    }
    .variant-overview .attributes {
        padding:0;
    }
    .wizard .nav-tabs > li {
        width: 14%;
        margin-bottom: 14px;
    }

        .wizard .nav-tabs > li a i {
            font-size: 12px;
            margin-top: 36px;
        }
    span.round-tab {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
    }
    .connecting-line {
        top: 16px;
    }
    .billing-info-wrap, .shipping-info-wrap {
        width: 100%;
    }
    .section.order-completed {
        width: 90%;
        margin: 0 auto;
    }
        .section.order-completed .title {
            margin-bottom: 16px;
        }
    .order-completed .buttons {
        margin-bottom: 30px;
    }
    .order-completed-page .page-title h1 {
        text-align: center;
    }
    .admin-header-links a, .admin-header-links span{
        color:#fff;
    }
    .required-label label{
        margin-right:0;

    }
}
@media all and (max-width: 480px){
    .product-social-buttons{
        display:flex;
        justify-content:center;
    }
    .product-selectors{
        display:block;
    }
    .newsletter-email .newsletter-subscribe-button {
        background-position-x: 40%;
    }
    .home-n-business-content .toilet-options li{
        background-image:none;
    }
    .category-icon {
        width: 80px;
        height: 80px;
    }
    .home-n-business-content .toilet-options li .option-right {
        padding-right: 0;
    }
    .cck-inner h3, .cck-inner span {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .center-2 .product-grid .item-grid, .sub-category-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-column-gap: 0;
        grid-row-gap: 10px;
    }
   /* .center-2 .product-grid .item-grid, .sub-category-grid .item-grid, .related-products-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-column-gap: 0;
        grid-row-gap: 24px;
    }*/
    .checkout-page .page-title{
        padding-top:16px;
    }
   
    .hero .cck p {
        font-size: 18px;
    }
    .jCarouselMainWrapper .slick-next:before, .jCarouselMainWrapper .slick-prev:before{
        font-size:20px !important;
    }
    .spc-products .slick-slide {
        padding-right: 0;
    }

    ul.toilet-options li:hover{background-image:none;}
    .home-n-business-content .toilet-options li {
         padding-left: 0; 
    }
    .product-review-box{
        text-align:center;
    }
    .attributes-wrapper .attributes select {
        width: 100%;
    }
    .next-prev-wrapper .next-prev-container {
        display: block;
        justify-content: space-between;
        align-items: center;
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .next-prev-wrapper .breadcrumb {        
        display: block;
       /* border-top: 1px solid #ddd;*/
        padding: 20px 0
    }
    .next-prev-wrapper{
        padding:0;
    }
   /* .item-box .picture{
        height:auto;
    }*/
    .also-purchased-products-grid.product-grid, .related-products-grid.product-grid {
        width: 80%;
    }
    .fns-reviewrewards-simple {
        display: block;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }
    .product-list .item-grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .center-2 .product-grid .item-grid, .sub-category-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 30px;
        grid-row-gap:30px;
    }
    .item-box .picture {
        min-height: 160px;
        height:auto;
    }
    .product-grid .item-box {
        margin-bottom: 14px;
    }
    .manufacturer-description {
        padding: 0 14px;
    }
        .manufacturer-description h3 {
            display: inline-block;
        }
        .manufacturer-description h2 {
            color: #000;
            font-weight: 600;
            display: block;
            width: 100%;
            font-size: 16px;
        }
    .productTabs-header ul li a {
        display: block;
        width: 100%;
        border-bottom: 1px solid #e0e0e0 !important;
    }
    .productTabs.ui-tabs .ui-tabs-nav li.active a {
        color: #97c300;
        border-bottom: 2px solid #576750 !important;
    }
    .contact-map {
        padding: 0 14px;
    }

    .wizard .nav-tabs > li {
        width: 33%;
        margin-bottom: 14px;
    }
    .connecting-line{
        display:none;
    }
    .payment-info .info td input[type="text"] {
        width: 100% !important;
        max-width: 100%;
    }
    .payment-info .info td {
        padding: 0;
        display: block;
        text-align: left !important;
    }
    .payment-info .info td select.dropdownlists {
    width: 100%;
    max-width: 100% !important;
}
    .payment-info .info table{
        border:0;
    }
    .payment-info .info tr:last-child td {
        padding-bottom: 0;
    }
    .payment-info .info tr:first-child td{
        padding-top:0;
    }
}
@media all and (max-width: 360px) {
    .product-list .item-grid {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-column-gap: 0;
        grid-row-gap: 30px;
    }

    .center-2 .product-grid .item-grid, .sub-category-grid .item-grid {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
    }
}