*{margin: 0; padding: 0; box-sizing: border-box;}
/*
font-family: 'Raleway', sans-serif;
*/

body {font-size: 16px; font-family: 'Raleway', sans-serif; color: #000000; line-height: 1.42857143;}
p {font-size: 16px; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #000000; font-weight: 400; }
.section-title{ font-size: 48px; line-height: 68px;}
h1 {font-size: 48px;line-height: 68px; font-weight: 500;}
img { display: block; max-width: 100%; outline: none;margin: 0 auto; }
header, footer, section, article {display: block; }
a:hover{ text-decoration: underline;color: #D2C042;}
.page-heading{color: #000; font-size: 30px; line-height: 40px;font-weight: 600; margin: 0 0 20px 0;}
.d-none{ display: none;}
.d-flex{ display: flex;}
.d-inline-flex{ display: inline-flexbox;}
.direction-columan{ flex-direction: column;}
.row-reverse{ flex-direction: row-reverse;}
.align-center{ align-items: center;}
.align-flex-start{ align-items: flex-start;}
.align-flex-end{ align-items: flex-end;}
.justify-content-center{ justify-content: center;}
.justify-content-end{ justify-content: flex-end;}
.flex-wrap{ flex-wrap: wrap;}
.ml-auto{ margin-left: auto;}
.mlr-auto{ margin-left: auto; margin-right: auto;}
.uppercase{ text-transform: uppercase;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.position-relative{ position: relative;}
.position-absolute{ position: absolute;}
.no-border{ border:0 !important}
.container{ max-width: 1310px; padding-left: 30px; padding-right: 30px; margin: 0 auto;}
.container-fluid{ max-width: 100%; padding-left: 20px; padding-right: 20px;}
.no-pad {padding: 0;}
.no-margin {margin: 0;}
.p-t-0 {padding-top: 0;}.p-t-5 {padding-top: 5px;}.p-t-10 {padding-top: 10px;}.p-t-15 {padding-top: 15px;}.p-t-20 {padding-top: 20px;}.p-t-25 {padding-top: 25px;}.p-t-30 {padding-top: 30px;}.p-t-35 {padding-top: 35px;}.p-t-40 {padding-top: 40px;}.p-t-45 {padding-top: 45px;}.p-t-50 {padding-top: 50px;}
.p-b-0 {padding-bottom: 0px;}.p-b-5 {padding-bottom: 5px;}.p-b-10 {padding-bottom: 10px;}.p-b-15 {padding-bottom: 15px;}.p-b-20 {padding-bottom: 20px;}.p-b-25 {padding-bottom: 25px;}.p-b-30 {padding-bottom: 30px;}.p-b-35 {padding-bottom: 35px;}.p-b-40 {padding-bottom: 40px;}.p-b-45 {padding-bottom: 45px;}.p-b-50 {padding-bottom: 50px;}
.m-t-0 {margin-top: 0;}.m-t-5 {margin-top: 5px;}.m-t-10 {margin-top: 10px;}.m-t-15 {margin-top: 15px;}.m-t-20 {margin-top: 20px;}.m-t-25 {margin-top: 25px;}.m-t-30 {margin-top: 30px;}.m-t-35 {margin-top: 35px;}.m-t-40 {margin-top: 40px;}.m-t-45 {margin-top: 45px;}.m-t-45 {margin-top: 45px;}.m-t-50 {margin-top: 50px;}
.m-b-0 {margin-bottom: 0px;}.m-b-5 {margin-bottom: 5px;}.m-b-10 {margin-bottom: 10px;}.m-b-15 {margin-bottom: 15px;}.m-b-20 {margin-bottom: 20px;}.m-b-25 {margin-bottom: 25px;}.m-b-30 {margin-bottom: 30px;}.m-b-35 {margin-bottom: 35px;}.m-b-40 {margin-bottom: 40px;}.m-b-45 {margin-bottom: 45px;}.m-b-50 {margin-bottom: 50px;}
.error-c{ color: #ff0e00;}
.w-100{ width: 100%;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;} 

/*Header*/
#header{ padding: 10px 0; width: 100%; top: 0; position: sticky;z-index: 99;background: #ffffff;
  box-shadow: 0 0 5px rgba(0,0,0,.25);}
.header-menu-trigger{ display: none;}
.logo img{ max-width: 130px; height: auto; }
.top-menu{ margin: 0 auto; padding: 0; max-width: 90%;}
.top-menu > ul > li{ list-style: none; position: relative; padding: 5px 0;}
.top-menu > ul >:not(:first-child){ margin-left: 10px; padding: 5px 10px;}
.top-menu > ul > li > a{color:#000;font-size: 14px;font-weight: 600; text-decoration: none; position: relative; text-transform: uppercase;}
.top-menu > ul > li.has-submenu{ position: relative;}
.sub-menu-trigger {
  display: none;
}
.submenu-dopdown{ background-color: #fff; position: absolute; left: 0; top: 30px; padding: 15px; width: 250px; display: none; z-index: 5;}
.submenu-dopdown > ul > li{ list-style: none;}
.submenu-dopdown > ul > li a{ display: block; padding: 10px 15px; font-size: 16px; font-weight: 500; color: #000; text-decoration: none;}
.top-menu > ul {
  flex-wrap: wrap;
}
/*cart*/
.cart-overlay{background-color: rgba(0,0,0,.6); height: 100%; left: 0; top:0; width: 100%; position: fixed; z-index: 99; display: none;}
.top-cart{ background-color: #fff; height: 100vh;position: fixed; width: 340px; top: 0; right: -350px; z-index: 100; transition: all .5s ease-in-out;display: flex;flex-direction: column;}

.top-cart.show-cart{ right:0;}
.cart-overlay.show-cart{ display: block;}
div#cart-widget {display: flex;flex-direction: column;flex: 1;overflow: hidden;}
.cart-table-wrapper1 {display: flex;flex-direction: column;overflow: hidden; max-height: 100%; overflow-y: auto; margin-bottom: 105px;}

.close-cart{ position: absolute; right:10px; top:22px; height: 24px; width: 24px; background: #fff url(../images/Close.svg) no-repeat center center; cursor: pointer;}
.cart-header{border-bottom: solid 1px #EFF2F5; padding: 20px 25px 20px 20px; font-size: 24px; font-weight: 600; text-transform: uppercase;} 
.top-cart-list { margin-bottom: 20px;}
.top-cart-list li{ list-style: none; padding: 20px; display: flex; position: relative;}
.top-cart-pro-img{max-width: 110px; width: 100%; margin-right: 20px;}
.top-cart-pro-img img{max-width: 100%; height: auto;}
.top-cart-pro-content{ float: 1;}
.top-cart-pro-content .cart-pro-category-name{text-transform: uppercase; margin-bottom: 15px; font-size: 14px; font-weight: 500; color: #000;}
.top-cart-pro-content .cart-pro-name{font-size: 16px; font-weight: 600; color: #000; margin-bottom: 10px;}
.top-cart-pro-content .cart-pro-num{font-size: 14px; font-weight: 600; color: #000; margin-bottom: 10px;}
.top-cart-pro-content .pro-link a{ font-size: 14px; color: #3D82BF; margin-top: 15px; text-decoration: underline;}
.top-cart-pro-content .pro-link a:hover{cursor: pointer;}
.checkout-btn{ padding: 0 20px 30px; position: absolute; bottom: 0; width: 100%; background: #fff; padding-top: 15px;}
.checkout-btn a{text-transform: uppercase; background-color: #000; border: solid 1px #000; width: 100%; font-size: 16px; font-weight: 700; color: #fff; padding: 15px 10px; display: block; text-align: center; text-decoration: none;}

.header-right{ flex:1;}
.header-right-links a{ display: inline-block;}
.header-right-links a{color:#000; font-size: 18px; font-weight: 600; text-decoration: none;margin-left: 20px; position: relative;}
.header-redeem{ margin-left: 24px; position: relative;}
.redeem-count{ position: absolute; border-radius: 50%; height: 16px; width: 16px; display: flex; align-items: center; justify-content: center; background-color: #EBE5BA; color: #000; font-size: 10px; bottom: -5px; right: -5px;}

.redeem-count-warning{ background-color: #f00000; color: #fff;font-weight: 600;}

/*Home Page Top Banner*/
.home-banner img { min-height: 200px; position: relative; opacity: 0;} 
.top-info{ text-align: center;}
.top-info p{ margin: 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #000;}
.search { width: 100%;}
.search input{background: #EFF2F5 url(../images/search-icon.svg) no-repeat center right 10px; padding: 14px 36px 14px 25px; border: none; font-size: 16px; width: 100%; appearance: none;}
.left-container{flex: 1; margin-right: 70px;}
.product-list{ margin-top: 30px;}
.select-products-form .carousel-wrapper {
  width: 100%;
}
.product-list .single-product{ list-style: none; margin-right: 30px; width: calc(33.33% - 60px/3); margin-bottom: 30px; position: relative;}
.product-list .single-product:nth-child(3n){ margin-right: 0;}

.product-img{ width: 100%; max-height: 290px; height: auto; overflow: hidden; min-height: 223px;}
.product-img{ width: 100%; height:auto;background-color: #fff;}
.product-name{ font-size: 16px; font-weight: 600; color: #000; margin-top: 10px;}
.product-list .single-product a{ text-decoration: none;}
.product-list .single-product a:hover .product-name{ text-decoration: underline;color: #D2C042;}
 .pro-cta {
  display: none;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 160px;
  text-align: center;
  width: 75%;
  justify-content: space-between;
  
}
.cat_button_wrapper {
  text-align: center;
  margin-bottom: 30px;
}
a.child_cat_button, a.child_tab_button {
  display: inline-block;
  padding: 10px 25px;
  background: #d2c042;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
}
.child-product-wrapper h3 {
  margin-top:20px;
}
.choose-btn {
  background-color: #333333;
  border: solid 1px #333333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  padding: 10px 20px 8px;
  cursor: pointer;
}
.info-btn{background-color: #fff;
color: #333333;
font-size: 16px;
font-weight: 700;
padding: 10px 20px 8px;
border: solid 1px #333333
}
.info-btn:hover{
  cursor: pointer;
}
.product-list .single-product:hover .pro-cta{ display: flex;}

.pre-next-btns{ margin-top: 30px; margin-bottom: 30px; justify-content: space-between;}
.prev-next-btn{ background-color: #D2C042; cursor: pointer; font-size: 16px; font-weight: 700; color: #fff; padding-top: 12px; padding-bottom: 12px; text-align: center; min-width: 150px; border: 0; text-transform: uppercase;}
.prev-btn{ background-image: url(../images/Previous.svg); background-repeat: no-repeat; background-position: left 15px center;}
.next-btn{ background-image: url(../images/Next.svg); background-repeat: no-repeat; background-position: right 15px center;}

.right-container{ width: 250px; margin-left: auto;}
.img-mobile,.img-logo-mobile{ display: none;}
section.main-section {
  margin-bottom: 150px;
  margin-top: 25px;
}
#header-right{
  display: none;
}
/*Footer*/
footer{
  position: fixed;
  bottom: 0;
  width: 100%;
}
.payment-cart{
  padding-left: 21px;
  color: #3D82BF;
  font-size: 14px;
  text-decoration: underline;
}
.payment-cart:hover{cursor: pointer;}
.stock-status-indicator.stock-external{
  background-image: url(../images/stock_dots/yellow.png);
}
.stock-status-indicator.stock-internal {
  background-image: url(../images/stock_dots/green.png);
}
.stock-status-indicator {
  width: 7px;
  height: 7px;
  display: inline-block;
  background-repeat: no-repeat;
  position: absolute;
}
input#select_products_form_code,
input#payment_form_code{
  background: #fff url(../images/code_input_bg_full.gif) left top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 273px;
  font-size: 19px;
  letter-spacing: 15px;
  /* font-style: normal; */
  /* font-weight: normal; */
  /* font-variant: normal; */
  font-family: 'Andale Mono', 'Courier New', 'Courier', 'Lucidatypewriter', Fixed, monospace;
  text-indent: 6px !important; 
}
.footer{ margin-top: 70px;}
.footer-top-container{ background-color: #EBE5BA; padding: 5px 15px;}
.footer-menu li{ list-style: none; margin-left: 20px;}
.footer-menu li:first-child{ margin-left: 0;}
.footer-menu li a{ font-size: 12px; color: #fff; font-weight: 600; text-transform: uppercase; text-decoration: none;}
.footer-menu li a:hover{ text-decoration: underline;}
.copyright{ background-color: #000; font-size: 16px;  color: #fff; padding: 5px 10px; text-align: center;}
.copyright p{  font-size: 14px; }

/*Modal Box*/
.s-modal-overlay{ background-color: rgba(0,0,0,.6); height: 100%; left: 0; top:0; width: 100%; position: fixed; z-index: 998;}
.s-modal{height: 100vh;left:0; top:0; width: 100%; position: fixed; z-index: 999;}
.s-modal-container{position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 95%; margin: 0 auto; overflow-y: auto; display: flex; align-items: flex-start; justify-content: center;}
.s-modal-box{ background-color: #fff;border-radius: 5px; /*margin-top: calc(180px + 10%);*/margin-top: 4%; width: 100%; margin-bottom: 50px; position: relative;}
.s-modal-header{ padding: 30px 60px 30px 30px; border-bottom: 1px solid #bbb; position: relative;}
.s-modal-header h3{ font-size: 24px;font-weight: 700;}
.close-s-modal-icon{ background: url(../images/Close.svg) no-repeat center center; background-size: 16px auto; cursor: pointer; height: 30px;width:30px; position: absolute; right:10px;top:10px}
.s-modal-body{ position: relative;}

/*Product Detail*/
#product-detail .s-modal-box{ width: 95%; max-width: 1030px; padding: 50px 20px 80px;}
.product-detail-img{ min-width: 60%; margin-right: 30px;}
.product-detail-content {width: 40%;padding-right: 20px;word-break: break-word;}
.product-details{ flex: 1;}
.pro-detail-title{ font-size: 30px; font-weight: 500; line-height: normal; margin-bottom: 20px;}
.category-name{ font-size: 14px; font-weight: 500; color: #000; text-transform: uppercase; margin-bottom: 20px;}
.stock-status{ margin-bottom: 10px;}
.product-detail-attribut{ margin: 15px 0;}
strong{ font-weight: 600;}
.product-details h5{ font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.pro-detail-cta{ margin-top: 20px;}
.add-to-cart-btn{ background-color: #000; color: #fff; min-width: 250px; text-align: center; padding: 12px 0; font-size: 16px; border: solid 1px #000;}

button.btn.add-to-cart:hover {
  cursor: pointer;
}
.select-products-form .carousel-wrapper .carousel-item {
  list-style: none;
  margin-right: 20px;
  
  margin-bottom: 30px;
  position: relative;
}

 .select-products-form .carousel-wrapper .carousel-page.active {
  display: flex;
}
.select-products-form  .carousel-wrapper .carousel-page {
  display: none; 
}
.cart-text{
  padding: 5px 20px;
}
.cart-empty{
  padding: 0 20px;
} 

ul.form-errors {
  background-color: rgba(255,0,0,.1);
  border-radius: 5px;
  padding: 10px;
  width: 90%;
  margin: 0 auto;
}
.form-errors li:first-child {
  margin-top: 0px;
}
.form-errors li {
  list-style: none;
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
}
.select-products-form {
   margin-bottom: 30px;
}
.select-products-form > div:first-child {
  width: 100%;
}
.select-products-form > div:nth-child(12){
  width: 100%;
  text-align: right;
}
.select-products-form .form-section ~ div label {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
}
.top-menu .active {
  background: #EBE5BA;
}
.default_link {
  padding: 5px 10px !important;
}
.select-products-form .form-section ~ div input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
 
.payment-form .form-section > div {
  margin-bottom: 10px;
}

.payment-form .form-section ~ div label {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.payment-form .form-section ~ div input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.subsection-elements {
  display: flex;
  flex-wrap: wrap;
   justify-content: space-between;
}
.address-wrapper .subsection-elements {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.address-wrapper .shipping-date-info,
.address-wrapper .delivery-message{
  width: 100%;
  margin-bottom: 10px;
}
#select_products_form_submit {
  margin-top: 20px;
}
#select_products_form_back {
  margin-top: 20px;
}
.back-wrapper {
  float: left;
}
.submit-wrapper{
  float: right;
}
.confirm-order-back{
  float: left;
  margin-right: 50px;
}
.gift-code-wrapper h2{
  font-size: 14px;
  font-weight: normal;
}
.gift-code-wrapper .code{
  width: 48%;
}
.address-wrapper .subsection-elements >div{
  width: 48%;
  margin-bottom: 10px;
}
p.contact-info-text {
  width: 100%;
}

p.greeting-text {
  font-size: 19px;
}

p.contact-info-text ~ div {
  width: 45%;
  margin-bottom: 20px;
}

p.contact-info-text ~ div label {
  display: block;
  margin-bottom: 5px;
}

p.contact-info-text ~ div input {
  padding: 8px;
  border: solid 1px #ccc;
  width: 100%;
  border-radius: 3px;
}

.form-section.alternative-section {
  margin-bottom: 20px;
}
.form-subsection.subsection--options{
  width: 100% !important;
}
.form-subsection.subsection--options input{
  width: auto !important;
  position: relative;
  top: 3px;
}
.form-subsection.subsection--options label{
  width: auto !important;
  display: inline-block !important;
}
.form-subsection.subsection--options .element-type-radio, 
.form-subsection.subsection--options .element-type-checkbox
{
  display: flex;
  align-items: flex-start;
}
.form-subsection.subsection--options .element-type-checkbox input{
  margin-left: 5px;
}
.form-subsection.subsection--options .subsection-elements{
  display: block !important;
  width: 100% !important;
}
.question-mark {
  display: inline-block;
  margin: 0 5px;
}
#payment_form_submit {
  margin-bottom: 50px;
}
.payment-form .form-section{
  margin-bottom: 30px;
}
.payment-form p.contact-info-text{
  margin-bottom: 20px;
}
.payment-form .shipping-address li{
list-style: none;
}
.payment-form .entry-code{
  position: relative;
}
.payment-form .entry-code .question-mark{
position: absolute;
right: 0;
top: 35px;
}

.payment-form .entry-code input{
  width: 90% !important;
}

div#ui-datepicker-div {
  background: #fff;
  padding: 15px;
  box-shadow: 0 0 10px #ccc;
}

div#ui-datepicker-div table tr td { 
}

.loader-contener {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: rgba(255,255,255,.5);
  z-index: 999;
}

.loader-contener .loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #3498db; /* Blue */
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.overlay{
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: rgba(255,255,255,.5);
  z-index: 999;
  top: 0;
  left: 0;
}

.overlay .overlay-bg {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  }

  /*Checkout page*/
  .address-wrapper label,
  .gift-code-wrapper .subsection-label,
  .payment-form label{font-weight: 600; display: block; margin-bottom: 5px;}
  .cart-table-wrapper {
    background-color: #EBE5BA;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    padding: 15px;
    margin-top: 20px;
    border-radius: 5px;
}
.gift-code-wrapper {
  background-color: #EBE5BA;
  padding: 20px 20px 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gift-code-wrapper .subsection-label{ margin-right: 20px;}
.ppd label, .send-sms label, .send-tracking-code label, .send-receipt label, .send-newsletter label {
    font-weight: normal !important;
}
.question-mark {
  background: #EBE5BA;
  display: inline-block;
  border-radius: 50%;
  color: #000;
  padding: 1px 0px;
  width: 24px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.ppd,.send-tracking-code {
  margin-bottom: 20px;
}
form.payment-form{ display: block; position: relative;}
.confirm-order-back{ margin-bottom: 20px; }
.cart-table-wrapper table{ width: 100%;}
.cart-table-wrapper table td:last-child{ text-align: right;}
.gift-code-wrapper{background-color: #EBE5BA;padding: 20px 20px 15px;border-radius: 5px;}
.product-info .stock-status-indicator {margin-top: 7px; display: block;}
.product-info span.product-model { padding-left: 15px;}

.img-logo{
  margin: 0 auto;
  padding-bottom: 20px;
}
/*************Thank you page **********/
form[name="order_reciept_form"] .form-section:first-child {
  text-align: center;
  background: #00A583;
  margin: 0 auto 50px;
  padding: 50px;
  color: #fff;
}
form[name="order_reciept_form"] .form-section:first-child p{ max-width: 500px; margin:0 auto; text-align: center;}
form[name="order_reciept_form"] .form-section:first-child h2.subsection-label{color: #fff;
  margin-bottom: 20px;
  font-size: 48px;}
form[name="order_reciept_form"] .form-section:first-child p.contact-info-text{
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}
form[name="order_reciept_form"]  .form-subsection.reciept--class-head {
  margin-top: 15px;
}
form[name="order_reciept_form"] p.contact-info-text{ margin-bottom: 15px;}
form[name="order_reciept_form"] .subsection-elements{justify-content: flex-start; align-items: center;}
form[name="order_reciept_form"] .element-widget.fancy-button{background-color: #333333;
  border: solid 1px #333333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  padding: 12px 25px 8px;
  cursor: pointer;}  
  form[name="order_reciept_form"] .element-widget.fancy-button-hide{display: none;}

form[name="order_reciept_form"]  .email + .element-widget.fancy-button{
  background-color: #fff;
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 25px 8px;
  border: solid 1px #333333;
  margin-left: 20px;
}
form[name="order_reciept_form"] .form-section.reciept--class .form-subsection.subsection--contact:nth-child(2){ margin-bottom: 50px;}
form[name="order_reciept_form"]  p.contact-info-text ~ div input{ padding: 12px;}
form[name="order_reciept_form"]  p.contact-info-text ~ div label{ margin-bottom: 0;}
#uglipop_content_fixed {overflow: inherit !important;}

/**************************/
/******Media Query*********/
/**************************/

@media (min-height:768px) and (max-height:900px) {
  .right-box-wrapper > div:nth-last-child(2){ max-height: 370px; overflow: hidden;}
} 

@media (min-height:568px) and (max-height:700px) {
  .right-box-wrapper > div:first-child,.right-box-wrapper > div:last-child{ max-width: 190px; overflow: hidden;}
} 

@media (min-width:1400px){
    .container-fluit{ padding-left: 30px; padding-right: 30px;}

}
@media (min-width:1200px){
  .top-menu a:hover{color:#D2C042}
  .top-menu > ul > li.has-submenu > a{background: url(../images/ExpandMore.svg) no-repeat right center;  padding-right: 15px;}
  .top-menu > ul > li.has-submenu > a:hover{ background: url(../images/ExpandMore-hover.svg) no-repeat right center; }
  .top-menu > ul > li.has-submenu:hover .submenu-dopdown{ display: block; }
  .submenu-dopdown > ul > li a:hover{ background-color: #EBE5BA; color: #000; text-decoration: none;}

  .submenu-dopdown-hide{display: none;}

  .close-menu{ display: none;}

  .select-products-form .carousel-wrapper .carousel-item {
    width: calc(25% - 60px/4);
  }
  .select-products-form .carousel-wrapper .carousel-item:nth-child(4n) {
    margin-right: 0;
  
  }

  .select-products-form .carousel-wrapper .carousel-item.six-child,
  .select-products-form .carousel-wrapper .carousel-item.six-child:nth-child(4n)
  {
    margin-right: 10px;
    width: calc(16.66% - 50px/6);
  }
  .select-products-form .carousel-wrapper .carousel-item.six-child:nth-child(6n) {
    margin-right: 0;
  }
  
  .select-products-form .carousel-wrapper .carousel-item.six-child .pro-cta{top: 140px;}
  .select-products-form .carousel-wrapper .carousel-item.six-child .choose-btn{font-size: 14px; padding: 10px 10px 8px;}
  .select-products-form .carousel-wrapper .carousel-item.six-child .info-btn{font-size: 14px; padding: 10px 10px 8px;}
    
}
@media (max-width:1199px){
  
  .header-menu-trigger{ display: block; margin-right: 30px;}
  .header-menu-trigger{ width: 30px; height: 20px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer; display: block; z-index: 9;}
  .header-menu-trigger span {display: block;position: absolute;height: 2px; width: 100%;background: #394f9c;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out;transition: .25s ease-in-out;width: 24px; left: 0; right: 0; margin: 0 auto;}
  
  
   .header-menu-trigger span:nth-child(1) {top: 0px;}
   .header-menu-trigger span:nth-child(2) {top: 8px;}
   
   /*.header-menu-trigger.menu-open span{ background-color:#fff;}*/
   .header-menu-trigger.menu-open span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
   
   .header-menu-trigger.menu-open span:nth-child(2) {top: 8px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);}

   .top-menu{ background-color: #fff; height: 100vh;padding-top: 110px; position: fixed; width: 340px; top: 0; left: -350px; z-index: 100; transition: all .5s ease-in-out;}
   .top-menu.show-menu{ left: 0;}
   .top-menu > ul{ flex-direction: column; padding: 0 20px 40px;  height: calc(100vh - 110px);  overflow-y: auto; justify-content: flex-start;flex-wrap: nowrap; }
   .top-menu > ul > li{ padding: 0;}
   .top-menu > ul >:not(:first-child) {margin-left: 0;}
   .top-menu > ul > li > a{ border-bottom: solid 1px #333333; padding: 17px 0; font-size: 18px; display: block}

   .top-menu > ul > li.has-submenu > a{padding-right: 15px;}
   .submenu-dopdown{ position: static; padding: 0; margin-top: 0;}
   .submenu-dopdown-hide{display: none;}
   .menu-overlay{ background-color: rgba(0,0,0,.6); height: 100vh; width: 100%; left: 0; top: 0; z-index: 99; position: fixed; display: none;}
   .menu-overlay.show-menu{ display: block;}
   .close-menu{ position: absolute; top: 37px; left: 30px;}
   /** product list***/
   
   .choose-btn, .info-btn{padding: 7px 10px 3px;}
   .sub-menu-trigger {
    height: 24px; width: 24px;background: #EBE5BA url(../images/plus-icon.svg) no-repeat right center; position: absolute; right: 5px; top: 20px; display: block; z-index: 10;
    }
    .top-menu > ul > li.has-submenu .sub-menu-trigger.spanned{background: #EBE5BA url(../images/minus-icon.svg) no-repeat right center;}
<<<<<<< HEAD

    .select-products-form .carousel-wrapper .carousel-item{ width: calc(33.33% - 60px/3);}
=======
>>>>>>> design-update

}

@media (max-width:1023px){

  .product-detail-img{ min-width: 50%;}
  .left-container{margin-right:20px;}
  .right-container{width: 150px;}
  .pro-cta{width:100%;}
  
}
@media (max-width:991px) and (orientation: landscape){
   
}
@media (max-width:767px){
   
  .container { padding-left: 20px;  padding-right: 20px;}
  .main-container{ flex-direction: column;}
  .home-banner img {min-height: inherit;}
  .top-info{ padding: 10px 0; margin: 0;}
  .left-container{ margin-right: 0;}
  .product-list{ justify-content: space-between;}
  .select-products-form .carousel-wrapper .carousel-item,
  .select-products-form .carousel-wrapper .carousel-item:nth-child(3n){ width: 48%; margin: 0 0 30px 0;}
  .product-name{ min-height: 48px;}
  .pro-cta{ display: flex; align-items: center; justify-content: space-between; position: static; margin-top: 5px;}
  .info-btn,.choose-btn{ display: inline-block; width: 45%;}
  
  .right-container{ width: 100%; text-align: center; margin-bottom: 10px;}
  .img-desktop, .img-logo{ display: none;}
  .img-mobile,.img-logo-mobile{ display: block; margin: 0 auto;}
  .footer-menu{ flex-direction: column;}
  .footer-menu li{ text-align: center; margin-bottom: 15px;}

  /*Product detail Modal*/
  #product-detail .s-modal-box{ padding-bottom: 20px;}
  .select-products-form > div .choose-btn{width: 48%;}
  footer{position: static;}
  .product-name {
    min-height: 70px;
  }
  .cart-table-wrapper1 {
    margin-bottom: 0px;
      } 
    .checkout-btn {
      position: static;
    }  
    .top-cart p, .top-cart .form-errors li {
      line-height: 16px;
      font-size: 13px;
    }

    .breadcrum ul{ flex-wrap: nowrap !important;
      overflow-x: auto;
      white-space: nowrap;
      padding-bottom: 15px;
    }
  
        
}

@media (max-width:500px){
  .logo img{max-width: 98px;}
  /*Product List*/
  .select-products-form .carousel-wrapper .carousel-item, .select-products-form .carousel-wrapper .carousel-item:nth-child(3n) {width: 100%;display: flex;flex-wrap: wrap;}
  .product-img {width: 50%;}
  .product-name {width: 50%;display: flex;align-items: center;padding-left: 10px; margin-top: 0;}
  .pro-cta {width: 100%; margin-top: 10px;}

  /*Product Details modal*/
 
  .product-details{ flex-direction: column;}
  .product-detail-img,
  .product-detail-content{ width: 100%;}
  .product-detail-img{ margin-right: 0;}
  .product-detail-content{ margin: 30px 0 0 0;}
  .add-to-cart-btn{ width: 100%;}
  .select-products-form{margin-bottom: 50px;}
  .select-products-form > div{width: 100%;}
  .select-products-form > div .choose-btn{width: 45%;}
  .payment-form p.contact-info-text ~ div,
  .address-wrapper .subsection-elements >div,
  .gift-code-wrapper .code{width: 100%;}
  .confirm-order-back,.confirm-order{ margin: 0px auto 20px; width: 70%; display: block; float: none;}
  
  /********* Thank you page ****/
  form[name="order_reciept_form"] { margin-bottom: 50px;}
  form[name="order_reciept_form"]  p.contact-info-text ~ div{ width: 100%;}
  form[name="order_reciept_form"]  .email + .element-widget.fancy-button{ margin-left: 0; margin-bottom: 50px;}
  form[name="order_reciept_form"] .element-widget.fancy-button{ width:100%}
  form[name="order_reciept_form"] .element-widget.fancy-button-hide{ display: none;}

  /********* Checkout page *******/
  .gift-code-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.breadcrum {
  margin-top: 30px;   
}
.breadcrum ul { flex-wrap:wrap;}
.breadcrum ul li {
  list-style: none;
  margin-right: 10px;
  font-weight: bold;
}

.breadcrum ul li a {
  background-color: #EBE5BA;
  color: #000;
  padding: 5px 10px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: normal;
}