/** Custom Font **/
@font-face {
  font-family: 'Conv_Jd-clsr';
  src: url('fonts/Jd-clsr.eot');
  src: local('☺'), url('fonts/Jd-clsr.woff') format('woff'), url('fonts/Jd-clsr.ttf') format('truetype'), url('fonts/Jd-clsr.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* font-family:'Conv_Jd-clsr',Sans-Serif; - use the custom font this way */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track {
    width: 2px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    width: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: url("images/wk-thumb.png"); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255,0,0,0.4); 
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
  font: 13px/1.5 'Lucida Sans Unicode', Helvetica, Helvetica Neue, Arial, sans-serif;
background: url("images/bg-pattern.jpg") top center no-repeat;
  background-color: #fff7ef;
  color: #222222;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
}

h1, h2 {
  font-weight: 700;
  font-family:'Conv_Jd-clsr'; 
}

h2, .h2 {
  font-size: 18px;
}

h3 { letter-spacing: 2px; }

.page_description_header_main {
font-family:'Conv_Jd-clsr',Sans-Serif;
font-size: 32px;
letter-spacing: 2px;
padding-bottom: 10px;

}

/* Our CSS will go here */
.logo {
  position: absolute;
  top: 50px;
  left: 10%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 6;
  opacity: 1;
}

.hide {
display: none;
}
.headFx { margin-left: 0 !important; }
.bcg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hero {
  position: absolute;
  height: 100%;
  width: 100%;
}

.top {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.homeSlide {
  position: absolute;
  width: 100%;
  height: 100%;
}
.homeSlide.slide01 {
  background: url(../../files/blue-uniform-man.jpg) no-repeat bottom center;
  background-size: cover;
}
.homeSlide.slide02 {
  background: url(../../files/mooncake-large.jpg) no-repeat bottom center;
  background-size: cover;
}
.homeSlide.slide03 {
  background: url(../../files/mooncake-batter.jpg) no-repeat bottom center;
  background-size: cover;
}
.homeSlide.slide04 {
  background: url(../../files/grandparents-kids.jpg) no-repeat bottom center;
  background-size: cover;
}
.homeSlide.slide05 {
  background: url(../../files/chef-baking.jpg) no-repeat bottom center;
  background-size: cover;
}

.homeSlide h5 {
  color: #ffffff;
  font-weight: 300;
  position: absolute;
  bottom: 50%;
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 24px;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

/* Product Grid */
.products-grid{
margin-top: 20px;
}

.product img {
  display: block;
  width: 100%;
}

.product_price {
font-family:'Conv_Jd-clsr',Sans-Serif;
margin-top: 12px;
font-size: 12px;
font-weight: bold;
letter-spacing:2px;
}

.divider {
  z-index: 3;
  position: fixed;
  top: 50%;
  margin-top: -40px;
  left: -200px;
  right: -200px;
  height: 40px;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(34, 34, 34, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(34, 34, 34, 0) 100%);
}

.bottom {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 30px;
  right: 30px;
  bottom: 30px;
  border: 1px rgba(255, 255, 255, 0.2) solid;
  border-width: 0 1px 1px 1px;
}
.bottom p {
  font-size: 20px;
  color: #ffffff;
  font-weight: 300;
  opacity: 0.7;
  text-align: center;
}
.bottom a {
  color: #fff;
}

#slideNav {
  z-index: 5;
  position: fixed;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

#slideNav ul {
  list-style: none;
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  margin: 0;
  padding: 0;
}

#slideNav li {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: rgba(0, 0, 0, 0.7);
  margin-bottom: 1px;
}

#slideNav a {
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #ffffff;
}

.slideNavPrev {
  float: left;
  margin-left: 50px;
}

.slideNavNext {
  float: right;
  margin-right: 50px;
}

/* body */
.content-inner-page {
  width: 100%;
  max-width: 1024px;
  min-height: 500px;
  margin: 300px auto 100px;
}

.content-inner-page h3 {
font-family:'Conv_Jd-clsr',Sans-Serif;
/*margin-left: 175px;*/
font-size: 32px;
text-align: center;
}

.add_to_cart {
    background: #e8c25b;
    padding: 6px;
    width: 45%;
    margin: 0 auto;
    border-radius: 16px;
}

.products-grid .add_to_cart a {
font-weight: bold;
color: #ffffff;
font-size:0.8em;
}

#product_listing_sortby_box {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ead3a5;
text-align: right;
}

/* Breadcrumbs */
.breadcrumbs {
background: url(images/breadcrumbs-bg.png) no-repeat top center;
    display: block;
    float: left;
    width: 100%;
    clear: both;
margin-top: -115px;
}

.breadcrumbs ul {
text-align: center;
padding: 14px 0;
}

.breadcrumbs ul li, .breadcrumbs div.category1 {
display: inline;
padding: 4px 2px;
margin: 0 20px;
}

.breadcrumbs ul li a, .breadcrumbs div.category1 a {
font-family:'Conv_Jd-clsr',Sans-Serif;
font-size: 12px;
color: #000000;
letter-spacing:2px;
}

/* Front Menu */
.front-menu {
  float: right;
  position: absolute;
  right: 80px;
  top: 100px;
}

.front-menu li {
  float: left;
  margin: 0 10px; 
  list-style-type: none;
}

.front-menu li a {
font-size: 13px;
color: #000000;
font-weight: 500;
letter-spacing: 1px;
text-decoration: none;
}

.front-menu li a:hover {
  border-bottom: 2px solid #000000;
}

.front-menu ul li ul {
  position:absolute;
margin-top:-.1em;
  margin-left:-3.5em;
  display:none;
}

.front-menu ul ul li, .front-menu ul ul div.category1 {
width: 100%;
  margin:3px 0 0;
  padding: 2px 0;
  display: block;
  clear: both;
background: #ffffff;
  /* border: none; */
}

.front-menu ul ul a, .front-menu ul ul div.category1 a {
  padding: 2px 8px;
}

.front-menu ul li:hover ul, .front-menu ul li.over ul {
  display:block;
}

/* Shopping Cart */
/* CD Cart */

.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

#cd-cart {
  width: 320px;
  position: fixed;
  top: 0;
  right: -100%;
  background: #FFF;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 999;
}
#cd-cart.speed-in {
  right: 0;
}
#cd-cart > * {
  padding: 0;
}
#cd-cart h2 {
  font-size: 14px;
  margin: 1em;
}
#cd-cart .cd-cart-items {
    max-height: 86vh;
    overflow-y: scroll;
    padding: 0;
}
#cd-cart .cd-cart-items li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  height: 100px;
  border-top: 1px solid #e0e6ef;
}
#cd-cart .cd-cart-items li:last-child {
  border-bottom: 1px solid #e0e6ef;
}
#cd-cart .cd-cart-items li a { color: #000; text-decoration: none; }
#cd-cart .cart-quantity, #cd-cart .cart-name, #cd-cart .cart-price, #cd-cart .cart-image {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  padding-right: 5px;
  padding-left: 4px;
}
#cd-cart .cart-name { font-size: 0.9em; letter-spacing: 0.2px; ms-text-overflow: ellipsis; text-overflow: ellipsis;  white-space: nowrap; max-width: 100%; overflow: hidden;}
#cd-cart .cart-quantity { font-size: 0.7em; border: 1px solid #ebebeb; }
#cd-cart .cart-image {
    height: 100%;
    border-right: 1px solid #ebebeb;
    text-align: center;
    overflow: hidden;
}
#cd-cart .cart-image img {
  max-width: 100%;
  width: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#cd-cart .cd-qty, #cd-cart .cd-price {
  color: #a5aebc;
}
#cd-cart .cd-price {
  margin-top: .4em;
}
#cd-cart .cd-item-remove {
  position: absolute;
  right: 1em;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: url(./images/cd-remove-item.png) no-repeat center center;
}
.no-touch #cd-cart .cd-item-remove:hover {
  background-color: #e0e6ef;
}
#cd-cart .cd-cart-total {
  padding: 1em;
  font-weight: bold;
}
#cd-cart .cd-cart-total span {
  float: right;
  font-weight: bold;
}
#cd-cart .cd-cart-total::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#cd-cart .viewcart-btn {
  background: #54524e;
}
#cd-cart .checkout-btn {
  background: #e8c25b;
}
#cd-cart .checkout-btn, #cd-cart .viewcart-btn {
  display: block;
  float: left;
  width: 50%;
  height: 45px;
  line-height: 45px;
  color: #FFF;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}
.no-touch #cd-cart .checkout-btn:hover {
  background: #a2dda8;
}
#cd-cart .cd-go-to-cart {
  text-align: center;
  margin: 1em 0;
}
#cd-cart .cd-go-to-cart a {
  text-decoration: underline;
}

#cd-cart-trigger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10; 
}

#cd-cart-trigger a {
  width: 58px;
  height: 47px;
  margin-top: 80px;
  background: #ffffff url(./images/shopping-cart.png);
  background-repeat: no-repeat;
  background-position: center center;
}

#cd-cart .close-cart {
  display: none;
}

/* Shadow Layer */
#cd-shadow-layer {
  position: fixed;
  min-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(67, 87, 121, 0.6);
  cursor: pointer;
  z-index: 17;
  display: none;
}

#cd-shadow-layer.is-visible {
  display: block;
  -webkit-animation: cd-fade-in 0.3s;
  -moz-animation: cd-fade-in 0.3s;
  animation: cd-fade-in 0.3s;
}

.bottom-menu {
  position: fixed;
  z-index: 5;
  bottom: 3%;
  width: 100%;
  margin: 0 auto;
  font-size: 0.8em;
  color: #ffffff;
}

.bottom-menu-general {
  position: relative;
  bottom: 0;
  height: 3%;
  width: 100%;
  margin: 100px auto 0;
  padding-top: 50px;
  padding-left: 5%;
  padding-right: 20px;
  padding-bottom: 50px;
  font-size: 0.8em;
  background: #1a1a1a;
  color: #ffffff;
}

.bottom-menu li, .bottom-menu-general li {
  display: inline;
  padding: 0 5px;
}
.bottom-menu .left-bottom-menu, .bottom-menu-general .left-bottom-menu {
  width: 21%;
  font-size: 14px;
  float: left;
  text-transform: uppercase;
}
.bottom-menu .left-bottom-menu li a, .bottom-menu-general .left-bottom-menu li a {
  color: #ffffff;
}

.bottom-menu .left-bottom-menu li:after, .bottom-menu-general .left-bottom-menu li:after {
  content: '|';
  font-weight: bold;
  margin: 0 -10px 0 5px; 
}

.bottom-menu .left-bottom-menu li:last-child:after, .bottom-menu-general .left-bottom-menu li:last-child:after {
  content: '';
}

.bottom-menu .right-bottom-menu, .bottom-menu-general .right-bottom-menu {  
  text-transform: capitalize;
  float: right;
}

.bottom-menu .right-bottom-menu li, .bottom-menu-general .right-bottom-menu li {
  background-image: url("images/flower.png");
  background-position: left; 
  background-repeat: no-repeat;
  padding-left: 25px
}
.bottom-menu .right-bottom-menu li a {
color: #ffffff;
font-size: 16px;
}

.bottom-nested-menu div {
    display: inline-block;
    margin: 0 10px;
}

.bottom-menu .right-bottom-menu li .bottom-nested-menu li a, .bottom-nested-menu div a {
  color: #000 !important;
}

.bottom-menu-general .right-bottom-menu li a {
color: #ffffff;
font-size: 16px;
}

.bottom-menu-general .right-bottom-menu li.submenu li a {
  color: #000000;
}

/* Bottom Nested Menu */
.bottom-nested-menu {
    position: absolute;
    width: 520px;
    bottom: 40px;
    margin-left: -70px;
    background: #fff;
    padding: 8px 12px;
}

/* Pagenation */
ul.pagenation {
  display: block;
  clear: both;
  margin: 70px auto 0;
  float: right;
  list-style: none;
}
ul.pagenation li {
  float: left;
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
  list-style: none;
  font-size: 14px;
}
ul.pagenation li a {
  color: #000;
  display: block;
  padding: 4px 8px;
  text-decoration: none;
  font-size: 0.7125em;
  text-transform: uppercase;
}
ul.pagenation li.active a, ul.pagenation li a:hover {
  background: #3C3038;
  color: #fff;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -o-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
}

/* Gen Content Wrapper Something like DintaiFung */
.gen-wrapper {
  height:100%;
  width: 100%;
}
/*
.gen-wrapper img {
  width: 95%;
}*/

#shopping_cart_info {
    margin-top: 20px;
    min-width: 1170px;
}

#shopping_cart_info tr {
    border-bottom: 1px solid #ebebeb; 
}

#shopping_cart_info tr:first-child td {
    padding: 0;
}

#shopping_cart_info tr td {
    padding: 15px 0;
}

#shopping_cart_info tr:nth-last-child(1), #shopping_cart_info tr:nth-last-child(2), #shopping_cart_info tr:nth-last-child(3), #shopping_cart_info tr:nth-last-child(4) {
    border-bottom: transparent;
}

/* show cart */
.shopping-cart-info { width: 100%; margin: 20px auto;}
.shopping-cart-title {
    display: block;
    width: 100%;
    float: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}
.header-name {
  width: 63%;
  display: inline-block;
  padding-left: 17%;
}

.header-price-qty {
  width: 12%;
  padding-left: 1%;
    display: inline-block;
}

.header-qty {
  width: 10%;
  padding-left: 15px;
  display: inline-block;
}

.header-points {
    float: right;
    font-size: 0.8em;
    padding: 2px 10px;
    margin-bottom: 5px;
    background: #ddd;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
}

.header-price {
  width: 10%;
    display: inline-block;
    padding-left: 4%;
}

.shopping-cart-content {
    margin-top: 20px;
}
.content-item { width: 100%; margin: 10px auto; border-bottom: 1px solid #EBEBEB; vertical-align: middle; padding: 10px 0; max-height: 120px; overflow: hidden; }
.content-item:first-child { border-top: 1px solid #EBEBEB; }
.cart-content-item td {padding:5px 0;} 
.content-item-img { width: 15%; margin: 0; display: inline-block; vertical-align: middle; max-height: 100px; overflow: hidden; }
.content-item-img img { max-width: 100%;}
.content-item-name { display: inline-block; margin: 0 2%; width: 40%;}
.content-item-price-qty { display: inline-block; width: 15%; text-align: center;}
.content-item-qty { display: inline-block; vertical-align: middle; text-align: center; width: 10%;}
.content-item-qty  input { text-align: center;}
.content-item-qty br { display: none; }
.content-item-price { display: inline-block; width: 15%; text-align: center;}
.shopping-cart-summary { display: inline-block; width: 100%;}
.cart-remove-all { width: 79%; display: inline-block;}
#cart_remove2 { font-size: 0.8em; color: #555; }
.shopping-cart-total-qty { display: inline-block; width: 5%; text-align: center;}
.shopping-cart-total-price { display: inline-block; width: 15%; font-weight: bold; text-align: center;}
.shopping-cart-apply-discount { margin: 20px auto;}
.shopping-cart-apply-discount td { padding-left: 0;}
.cart-description p { display: none;}
.ShowCartCheckOutBtn { border: 0;}
.ShowCartChangeQtyBtn { background: #3f3f3f; color: #fff; border: 0;/* border-radius: 2px;*/}
.ShowCartContinueBtn { background: #8a8a8a; color: #fff; border: 0; /*border-radius: 2px;*/}
.shopping-cart-buttons { margin: 20px auto; text-align: right;}
.ShowCartContinueBtn, .ShowCartChangeQtyBtn, .ShowCartCheckOutBtn { font-weight: 700; padding: 1% 2%;}
.ShowCartCheckOutBtn { text-transform: uppercase; }
.mobile-shopping-cart-buttons { text-align: right; margin-bottom: 20px; }
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { display: none;}
.DiscountCouponButton{ background: #000; color: #fff; border: 0;}
.primary_button { border: 0;}
.paymentlist { display: inline; }

.shopping-cart table tbody tr:nth-last-child(3) {
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-top: 1px solid #ccc;
}

.content-item-qty input[type="text"] {
    width: 50%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.cart_no_items {
    margin: 10px 0;
    display: block;
    font-size: 1.2em;
}

.ShowCartContinueBtn, .ShowCartChangeQtyBtn, .ShowCartCheckOutBtn {
    color: #fff; 
    border: none;
    padding: 10px 20px;
}

.cart-no-item { margin: 0 auto; display: block; background: transparent; }
.cart_total_value2,.cart_total_currency_type2 {
    font-size: 1.4em;
}

#mobile-search-button {
    display: none;
}

.cart_redeem_link {
    float: right;
    margin-top: -20px;
}

#shipping_calculator table tr td table tr td .label { color: #000; }
#shipping_calculator table tr td table tr td {
  color: #000; 
  display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 3px 0;
}

#shipping_calculator table tr td table tr { padding: 5px 0; }
.ShippingCalculatorButton { background: #3f3f3f; color: #fff; font-weight: 700; border: none; padding: 10px 20px; }
.discount-item { width: 60%; padding: 10px 0; border-bottom: 1px solid #ebebeb
; }
.discount-item div { width: 12%; display: inline; padding-right: 50px; border-right: 1px solid #ebebeb;padding-left: 35px;padding-right: 35px;}
.discount-item div:first-child { padding-left: 0; }
.discount-item div:last-child { text-align: right; border-right: 1px solid transparent; }

/* Checkout */
/* checkout */
.checkout1-form{ display:none; }
#logincheckout1{ display:none; }
.checkout-form{ width:49%;display:inline-block;vertical-align:top;margin-left:50px; border-right: 1px solid transparent; }
.checkout-form *:focus { outline: none; }
.checkout-form input[type="text"], .checkout-form input[type="password"]{ border:0px;padding:5px;width:95%;margin:1px;background: transparent;}
.checkout-form select{ border:0px;padding:2px 5px;width:95%; margin-top: -2px; }
.checkout-form .formlabel{ display:block;text-align:left;font-size:14px;color:#999;padding-left:5px;white-space:nowrap; }
.checkout-form .formpair{border:1px solid #ccc;border-radius:0;padding:0px;margin:5px;width:47.3%;height:50px;vertical-align:top;}
.checkout-form .checkoutform{border:0px;padding:0px;}
.checkout-form .input{width:100%;}
.border-blue{border:1px solid #1990c6!important;}
.checkout-form #shiptodifferentaddress{display:none;}
.checkout-form #customer_registration_link{display:none;}
.checkout-form #customer_registration{display:block;}
.checkout-form #checkout_cart{display:none;}
.checkout-form #checkoutagreement{margin-left:10px;}
.checkout-form .buttonprimarycluster{padding-right:35px;text-align:right;}
.checkout-form .primary_button{border:0px;padding: 10px 40px !important; background-color: #cd282f; color: #fff; font-family:'Conv_Jd-clsr'; }
.checkout-form .secondary_button{border:0px;background:none;}
.checkout-form .secondary_button:hover{text-decoration:underline;}
.loginsection{text-align:center;}
.checkout-form .subscribenewsletter{display:none;}
.shopping-cart{ width:45%;display:inline-block;vertical-align:top;padding-top: 18px;margin-top: 54px; border: 1px solid #ccc; background: #fff; padding-right: 10px; }
.shopping-cart table{width:100%;}
.shopping-cart table tr:first-child{display:none;}
.shopping-cart #coupon{text-decoration:underline;cursor:pointer;padding:10px;}
.shopping-cart .coupon{padding:10px;}
.shopping-cart .applycouponid{text-decoration:underline;}
.shopping-cart #discount-coupon-field{padding:5px;}
.shopping-cart .discount-result {display:none;}
.shopping-cart .discount-result, .shopping-cart #discount-coupon-form {text-align: left;} 
.shopping-cart input[type="button"], .shopping-cart input[type="submit"]{display:none;}
.shopping-cart .cart_remove2{display:none;}
.shopping-cart .cart_empty_cart2{display:none;}
.shopping-cart .cart_discount_remove2{display:none;}
.register-now{text-align:center;cursor:pointer;padding:10px;}
.register-now:hover{text-decoration:underline;}
.extra-login-option{text-align:center;padding:30px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:60%;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.extra-login-option i{background-color:#ccc;width: 40px;height: 40px;text-align: center;padding: 5px;border-radius: 5px;cursor:pointer;margin:5px;}
.fa-facebook:hover{background:#3765A3;color:white;}
.fa-amazon:hover{background:#231F20;color:white;}
.fa-google:hover{background:#DD5044;color:white;}
.guest{text-align:center;padding:10px;width:60%;margin:0 auto;cursor:pointer;}
.guest:hover{text-decoration:underline;}
.checkoutform{min-width:auto!important;}
.checkout-form h1{text-align:center;}
/* the size of the name, quantity and price */
.content-item-name, .content-item-price-qty, .content-item-price { font-size: 0.9em; }
.or{text-align:center;font-weight:bold;}
#parsley-id-multiple-checkout_agreement{position:absolute;margin-top:50px;}
.cart-tax{padding-right:20px;}

/* checkout 2 */
#multi_cur_form{text-align:right;display:none; float: none !important; padding: 0 !important; }
.checkout2-form h2{font-size:20px;padding-top:0px;}
.checkout2-form{width:49%;display:inline-block;vertical-align:top;margin-left:15px;padding:10px;padding-top:0px; min-height: 502px; margin-top: 58px;}
.shipping-to-info{list-style-type:none;}
.shipping-method{margin-bottom:30px;}
.shipping-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.shipping-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.shipping-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.shipping-method input[type='Radio']{margin-right:10px;}
.payment-method{margin-bottom:30px;}
.payment-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.payment-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.payment-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.payment-method input[type='Radio']{margin-right:10px;}
.billing-address label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.billing-address label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.billing-address label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.billing-address input[type='Radio']{margin-right:10px;}
#CheckoutForm2 table{display:none;}
.billing-address .checkout-form h4{display:none;}
.billing-address .checkout-form{width:100%;margin:0px;border:0px;display:none;}
.billing-address #checkoutagreement{display:none;}
.billing-address .buttonprimarycluster{display:none;}
.checkout2-form-submit{text-align:right;padding:10px;}
.checkout2-form .primary_button{border:0px;padding:10px!important; margin-right: 10px;}
.cart-shipping-method{text-align:right;padding-right:20px;}
.cart-grand-total{text-align:right;padding-right:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:5px;padding-bottom:5px;margin-top:10px;font-size:25px;display:none;}
.cart-tax{text-align:right;font-size:14px;}

/* Payment */
.payment-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;padding:10px;padding-top:0px;}
.payment-shopping-cart #coupon{display:none;}
img[src='images/border1.gif'],img[src='images/border2.gif'],img[src='images/border5.gif'],img[src='images/border6.gif']{display:none;}
td[background='images/border1_bg.gif'],td[background='images/border3_bg.gif'],td[background='images/border4_bg.gif'],td[background='images/border5_bg.gif'],.border1_bg_td,.border3_bg_td,.border4_bg_td,.border5_bg_td{
background:none!important;
}
.payment-form .form-horizontal .control-label{width:100%;text-align:left;font-weight:normal;}

#newlogin h3,#userlogin h3 {
  color: #000;
    font-size: 20px;
    padding-bottom: 18px;
    margin-left: 0;
    font-weight: 600;
}
#newlogin p,#userlogin  p {
  color: inherit;
  display: block;
  font-size: 14px;
  margin: 0 0 2em 0;
  line-height: 2em;
}
#userlogin input[type="submit"]:hover{
  opacity: 0.8;
  text-decoration:none;
}
#newlogin form, #userlogin form {
  padding: 1em 0;
}
#newloginform div,#userlogin form div {
  padding: 0 0 2em 0;
}
#newlogin span, #userlogin span {
  color: #555;
  font-size:1em;
  padding-bottom: 0.2em;
  display: block;
  text-transform: uppercase;
        font-weight:normal;
}
#userlogin input[type="text"] {
  border: 1px solid #CCC;
  outline-color:#CACACA;
  width: 96%;
  font-size:13px;
  padding: 8px;
}
#userlogin input[type="password"] {
  border: 1px solid #CCC;
  outline-color:#CACACA;
  width: 96%;
  font-size:13px;
  padding: 8px;
}
#userlogin input[type="submit"] {
  background: #1a1a1a;
  color: #FFF;
  font-size: 1em;
  padding: 0.7em 1.2em;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  display: inline-block;
  text-transform: uppercase;
  border:none;
  outline:none;
}

#userlogin input[type="button"] {
background-color:transparent;
border:0px;
color:#337AC4;
}
#userlogin input[type="button"]:hover{
text-decoration:underline;
}

#newlogin{display:inline-block;width:49%;vertical-align:top;}
#newlogin .orDiv {
    padding-left: 10px;
}
#userlogin{display:inline-block;width:49%;vertical-align:top;}
#userlogin td{padding:10px 0; background: transparent;}
#showQuestion{display:inline-block;}
#maincontent{padding:10px;}

#userlogin span.label{display:none;}
#userlogin table{width:100%;}

form[action="login1.cfm"] {
    padding: 30px 0 0;
}
#newlogin input[value="New Customer"], #newlogin input[value="Rate/Review Products Without Registering"] {
    display: block;
    padding: 12px 18px;
    float: left;
    clear: both;
    background: #1a1a1a;
    color: #FFF;
    border: 0;
}
.registration-form {
  padding: 60px 0;

}
.registration-form h2 {
    font-weight: 600;
    text-transform: uppercase;
  color: #000;
    font-size: 20px;
    padding-bottom: 18px;
}
.reg p{
  color: #CAC9C9;
  margin: 0px 0 0 0;
  font-size: 14px;
  line-height: 1.8em;
}
.col-md-6.reg-form {
  padding: 0;
}

.reg p:nth-child(2) {
  margin:0;
}
.reg form {
  margin-top: 32px;
}
.reg p a{
  text-decoration:none;
  color:#000;
}
.reg p a:hover{
  color: #000;
  transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  -moz-transition: .5s all;
}
.reg form tr { display: inline-block; width: 100%; margin-bottom: 20px; }
.reg form td { background: transparent; display:inline; }
.reg .tableheader { color: #000000; font-size: 13px; text-transform: capitalize; margin: 0px; }
.reg .tableheader2 { font-size: 18px; color: #000; }
.reg input[type="button"] {
    background-color: transparent;
    border: 0px;
    color: #337AC4;
}
.reg select {
    width: 100%;
    color: #000;
    margin: 10px 23px 23px 0px;
    font-size: 14px;
    padding: 12px 10px;
    outline: medium none;
    border: 1px solid #ccc;
}
.reg ul {
  padding:0;
  margin:0 0 22px 0;
}
.reg ul li {
  display: inline-block;
  width: 58%;
}
.reg ul li.text-info{
  width: 38%;
  color: #AB1156;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 0px 0;
  font-weight: bold;
}
.reg form input[type="text"],.reg form input[type="password"] {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #ccc;
  outline: none;
  color: #000;
}
.reg-form{
  float:left;
  width:50%
}
.reg-right{
  float:right;
  width:47%
}
p.click a{
  display: inline-block;
  color:#AB1156;
}
p.click a:hover{
  color: #000;
  transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  -moz-transition: .5s all;
}
.reg form input[type=submit]{
  background: #1a1a1a;
  border: 1px solid #1a1a1a;
  color: #ffffff;
  padding: 9px 35px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  margin: 0 0 32px 0;
  border-top: none;
  border-left: none;
  border-right: none;
}
.reg form input[type=reset]{
  background: #ebebeb;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  padding: 9px 35px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  margin: 0 0 32px 0;
}
.reg form input[type=submit]:hover {
  background:#000;
  transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  -moz-transition: .5s all;
}
.reg ul:nth-child(6) {
  margin: 0 0 32px 0;
}
.reg ul li:nth-child(2){
  margin-left: 3%;
}
.reg-right p{
  color: #CAC9C9;
  margin: 0 0 30px 0;
  font-size: 14px;
  line-height: 1.8em;
}
form[action="change_password1.cfm"] table { width: 100%; }
form[action="change_password1.cfm"] tr { display: block; margin-bottom: 10px; float: left; clear: both; }
form[action="change_password1.cfm"] td { text-align: left; }
form[action="change_password1.cfm"] tr td:nth-child(1) { float: left; width: 80px; }
form[action="change_password1.cfm"] tr td:nth-child(2) { float: right; width: 200px; }
form[action="change_password1.cfm"] tr:nth-child(3) td {
    margin-left: 45px;
    width: 100%;
}
form[action="change_password1.cfm"] td input { 
    float: right;
    padding: 8px 4px;
}
form[action="change_password1.cfm"] span.label {
    display: block;
    padding: 13.5px 0;
    font-size: 12px;
    text-align: left;
    color: #000;
}
form[action="change_password1.cfm"] td input[type="submit"] {
    background: #1a1a1a;
    border: 1px solid #1a1a1a;
    float: right;
    color: #fff;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}


.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {background-color: transparent;}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#sidebar-wrapper {
    z-index: 1000;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #e8c259;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#sidebar-wrapper.toggled {
    width: 220px;
}


/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li:nth-child(2):before {
    background-color: #ec1b5a;   
}
.sidebar-nav li:nth-child(3):before {
    background-color: #79aefe;   
}
.sidebar-nav li:nth-child(4):before {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(5):before {
    background-color: #279636;   
}
.sidebar-nav li:nth-child(6):before {
    background-color: #7d5d81;   
}
.sidebar-nav li:nth-child(7):before {
    background-color: #ead24c;   
}
.sidebar-nav li:nth-child(8):before {
    background-color: #2d2366;   
}
.sidebar-nav li:nth-child(9):before {
    background-color: #35acdf;   
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 10px 15px 10px 30px;    
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 20px;
    line-height: 44px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #fdedc1;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: relative;
  top: 20px;  
  z-index: 999;
  display: none;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-open {
  margin-left: 250px;
}

.men-chin {
  display: none;
}

.men-jap {
  display: none;
}

.iesbackgroundcolor3 { background-color: #e8c259; }

.c-table {
  overflow-x: scroll;
  display: block;
  border-left: 1px solid #CEAD4F;
  border-bottom: 1px solid #CEAD4F;
  margin-bottom: 20px;
}

.c-table .c-tablehead { background: #FFDC7B; border: 1px solid #CEAD4F; font-weight: bold; letter-spacing: 1px; }
.c-table td { vertical-align: top; padding: 5px 10px; border-right: 1px solid #CEAD4F; }

/* Contact Us Form */
#contactUsForm {
  padding: 10px 0;
  text-align: left;
}
.contact-form { display: inline-block; }
.contact-form td { background: transparent; }
.contact-form input[type=submit] {
  border:none;
  color: #ffffff;
  margin-left: 17px;
  padding: 13px 43px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  background:#000000;
}
.contact-form input[type=submit]:hover {
  opacity: 0.8;
  transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  -moz-transition: .5s all;
}

.contact-form input[type=reset] {
  border:none;
  color: #ffffff;
  padding: 13px 43px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  background:#222222;
}
.contact-form input[type=reset]:hover {
  opacity: 0.6;
  transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  -moz-transition: .5s all;
}

.contact-form input[type=text] {
  margin-left: -113px;
  margin-bottom: 4px;
  border: 1px solid #dddddd;
  color: #000;
  padding: 12px 12px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  background: transparent;
}

.contact-form textarea {
  margin-left: 17px;
  margin-bottom: 10px;
  border: 1px solid #dddddd;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  background: transparent;
}

.contact-form select {
  padding: 8px;
  margin-left: -113px;
  margin-bottom: 4px;
  border: none;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  background: #dddddd;
}
/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 1;
}

.public-content-wrapper .breadcrumbs {
    margin-top: 115px;
}
#adminpanel_border html {
    background: transparent;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
      #cd-cart-trigger a {
        margin-top: 15px; 
      }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
      .content-inner-page {
         margin-top: 175px;
         padding: 0 15px;
      }
      .hamburger {
        display: block;
      }
      .front-menu {
        display: none !important;
      }
      .right-bottom-menu {
        display: none !important;
      }
      .bottom-menu-general { padding-left: 0; margin-left: 0; }
      .left-bottom-menu { width: 100% !important; padding: 0; text-align: center; }
      .logo {
        top: 0;
        left: 50%;
        /*background: #fff;*/
        padding: 15px 5px;
      }
      .content-inner-page h3 { margin-left: 0; }

      .logo img { width: 70%; display: block; margin: 0 auto; }
      .breadcrumbs { margin-top: 115px; }
      .breadcrumbs ul { padding: 8px 0; }
      .breadcrumbs ul li { 
        padding: 2px 2px;
        margin: 0 3px;
      }
      .breadcrumbs ul li a { letter-spacing: 1px; }
      .add_to_cart { 
          padding: 3px;
          width: auto;
       }
       .content-inner-page img { max-width: 100%; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
      .homeSlide h5 {
        bottom: 45%;
      }
      #slideNav {
        top: 75%;
      }
      #slideNav li {
        height: 100px;
      }
      #slideNav a {
        height: 100px;
        padding-top: 25px;
      }
      .slideNavPrev {
        margin-left: 0;
      }
      .slideNavNext {
        margin-right: 0;
      }
      .content-inner-page h3 { font-size: 20px; }

      .checkout-form .formpair{ width: 96%; }
      .shopping-cart{display:none;}
      .shopping-cart-info { width: 80%;}
      .checkout-form, .checkout2-form, .payment-form{border-width:0px;display:block;margin:0 auto;width:49%;}

      #newlogin{width:100%;}
      #userlogin{width:100%;}
      #userlogin table{width:100%;}
      .reg td{display:table;width:100%;}
      .reg .tableheader{font-size:14px;}
      .checkout1-form ul li{width:100%!important;}
      .checkout1-form ul li:first-child{border:0px!important;}
      .checkout1-form ul li:last-child{margin-top:100px;}
      .checkout2_div1{width:100%!important;}
      .checkout2_div2{width:100%!important;border:0px!important;padding-left:0px!important;margin-left:0px!important;margin-top:100px;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
      .product { height: 205px; margin-bottom: 5px; }
      .checkout-form, .checkout2-form, .payment-form { width: 100%; }
      .shopping-cart-info { width: 100%;} 
      .header-name {
        width: 57%;
        display: inline-block;
        padding-left: 17%;
      }
      .header-price-qty {
        width: 19%;
        padding-left: 1%;
        display: none;
      }
      .header-qty {
        width: 23%;
        padding-left: 25px;
        display: inline-block;
      }
      .header-price {
        width: 14%;
        display: inline-block;
        padding-left: 0;
      }
      .content-item-qty, .content-item-price { width: 20%; }
      .content-item-price-qty { display: none; } 
      .cart-remove-all { width: 60%; }

      .ShowCartContinueBtn { width: 100%; float: left;}
      .ShowCartChangeQtyBtn { width: 100%; float: left; margin-top: 5px; }
      .ShowCartCheckOutBtn { width: 100%; margin: 20px auto; padding: 1em 0;}
      .mobile-shopping-cart-buttons .ShowCartCheckOutBtn { padding: 0.7em 0; width: 100%; margin-top: -10px;}
      .mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { margin-top: 4em; margin-bottom: 5%; float: right;}
      .mobile-shopping-cart-buttons .ShowCartContinueBtn { margin-top: 4em; margin-bottom: 5%;}
      .paymentlist { float: none; padding-left: 0; }

      .right-sidebar { width: 100% !important; text-align: center; }
      .largeimg { margin-left: -10px !important; }
      .optiongroup .option { text-align: left; }
      .optiontitle .prod_group_name { padding-left: 0; }
      .selectbox { display: block; }
      .mydds1 { width: 100%; padding: 8px 0; margin-bottom: 10px; }
      ul.tabs li a { padding: 7px 6px !important; font-size: 10px !important; }
      #social_network { display: inline-block; margin: 20px auto 0; }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }