@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,700|Catamaran:400,700|Lato:400,700');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
body { margin: 0; font-size: 15px; background: #FFF; color: #333; font-family: 'Catamaran', 'cwTeXHei', '微軟正黑體', sans-serif; }
* { box-sizing: border-box; outline: none !important; border: 0; }
:focus { outline: 0 !important; outline: none !important; text-decoration: none !important; }
*:focus { outline: 0 !important; outline: none !important; text-decoration: none !important; }
button:focus { outline: 0 !important; outline: none !important; text-decoration: none !important; }
img, video { max-width: 100%; border: 0; }
.clear { clear: both; }
a { text-decoration: none; color: #666; outline: none; text-decoration: none; }
a:hover, a:active, *:hover a, *:active a { color: #000; text-decoration: none; }

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    display: block !important;
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 3500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}


@media print {
    a[href]:after { content: none !important; }
}
h1, h2, h3, h4, h5, h6 { margin: 0; }
ul { list-style: outside none none; margin: 0; padding: 0 }
input::-webkit-input-placeholder {
    color: #000;
}
input::-moz-placeholder {
    color: #000;
}
input:-moz-placeholder {
    color: #000;
}
input:-ms-input-placeholder {
    color: #000;
}
header, nav, content, footer { display: block; }
hr { border-top: 0; background: url(../images/title_line3.png) top center no-repeat; width: 100%; height: 10px; }
.img-responsive { margin: 0 auto; }
#wrapper { }
.m-tb-10 { margin: 10px auto; }
.lato { font-family: "Lato", sans-serif; }
/* Slick Slider */
.slick-prev, .slick-next { z-index: 999999; cursor: pointer; position: absolute; }
.slick-prev { left: -40px; }
.slick-next { right: -40px; }
.slick-prev:before, .slick-next:before { width: 25px; height: 55px; }
.slick-prev:before { content: ""; display: block; background: url(../images/prev.png) no-repeat; }
.slick-next:before { content: ""; display: block; background: url(../images/next.png) no-repeat; }
.igslider .slick-prev, .igslider .slick-next { background: rgba( 255, 255, 255, 0.5 ); padding: 0 18px; height: 100%; }
.igslider .slick-prev { left: 0px; }
.igslider .slick-next { right: 0px; }
.igslider .slick-prev:before, .igslider .slick-next:before { padding-left: 10px; padding-right: 10px; position: absolute; top: 40%; right: 0; }
.ig_slider { line-height: 30px; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; }
.ig_slider h1 { font-style: italic; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; font-weight: normal; }
.slick-slide img { display: inline-block; }
/************Header**************/
.header { position: fixed; top: 0; margin: 0 auto; width: 100%; z-index: 9999999; background: url(../images/headerbg.jpg); }
.footer { margin: 0 auto; width: 100%; background: url(../images/headerbg.jpg); }
.header .main_logo { margin: 0 auto;    z-index: 9999999999999999; }
.header .main_logo .logo { width: 200px; margin: 0 auto 30px; }
.header .main_menu { margin-top: 0; margin-bottom: 0; text-transform: uppercase; }
.product-name_3 { display: table-cell }
.product-name_3m { display: none }
@media (max-width: 991px) {
    .header .account, .header .main_menu { margin: 10px auto 0; }
}
.navbar-default { background: #FFF; border: 0; box-shadow: none; margin-bottom: 0; border-top: 1px solid #909090; border-bottom: 1px solid #909090; border-radius: 0; }
.header .account .content { font-family: "Lato", sans-serif; line-height: 42px; }
.header .account .content .slash { float: left; padding: 0 10px; }
.header .account .content .items { font-size: 13px; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; font-weight: bold; }
.header .account .content .items:last-child { border: none; }
.header .account .content .items a::after { content: "|"; padding: 0 10px; }
.header .account .content .head-last a::after { display: none; }
.header .account .content .social { float: left; padding: 0 0 0 10px; }
.header .account .content .lang { margin-top: 13px; overflow: hidden; background: #353934; border-radius: 5px; color: #FFF; line-height: 14px; padding: 3px 5px; font-size: 12px; display: inline-block; }
.header .account .content .lang a { color: #FFF; }
.header .main_menu .menu { float: left; }
.header .main_menu .menu .items { float: left; text-transform: uppercase; padding: 0px 15px; font-size: 14px; font-family: "Catamaran", serif; }
.search { border: 1px solid #ccc; height: 22px; }
.search img { float: right; width: 30px; height: 20px; position: relative; padding: 5px; }
@media (max-width: 991px) {
    .search img { margin-left: 1px; }
}
.search .left { float: left; }
.search .left input { height: 15px; width: 180px; padding: 0 5px; font-size: 12px; font-family: "Lato", serif; }
.search .right { float: right; }
.search .right .button { width: 28px; height: 20px; cursor: pointer; background: url(../images/go.jpg) center no-repeat; }
.header .sub_menu { padding: 14px 0; }
.header .sub_menu .items { padding: 0px 14px; font-size: 13px; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; font-weight: bold; }
.header .sub_menu .items:first-child { padding: 0 14px 0 0; }
.header .sub_menu .items:last-child { padding: 0 0 0 14px; }
.navbar-default .navbar-collapse { border: 0; }
.header .sub_menu .items a { color: #000; padding: 0; white-space: nowrap; }
.header .sub_menu .items .dropdown-menu { font-weight: normal; }
.header .sub_menu .items .dropdown-menu .col-xs-6 > div:nth-child(1) { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #000; margin-bottom: 10px; min-width: 220px; }
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .header .sub_menu .items .dropdown-menu .col-xs-6 > div:nth-child(1) { min-width: 240px; }
    .aromatherapy_series { max-height: calc(100vh - 200px); }
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background: transparent; box-shadow: none; }
.navbar-nav>li>.dropdown-menu { margin-top: 16px; padding: 10px 20px; border: 1px solid #ccc; width: -moz-max-content; width: -webkit-max-content; width: -ms-max-content; width: max-content; border-radius: 0; }
/*.navbar-nav>li>.dropdown-menu ul b, .navbar-nav>li>.dropdown-menu ul li { line-height: 30px; }*/
.navbar-nav>li>.dropdown-menu ul li { text-transform: capitalize; }
.navbar-nav>li>.dropdown-menu .col-xs-6:nth-child(2) { border-left: 1px solid #999; }
@media (max-width: 992px) {
    .navbar-toggle { display: block; }
    .navbar-header { float: right; }
    .navbar-collapse .sub_menu .items { padding-top: 10px; padding-bottom: 10px; margin-top: 10px; }
    .header .sub_menu .items:last-child { padding: 0 14px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse { display: none !important; }
    .navbar-collapse.collapse.in { display: block !important; }
    .navbar-header .collapse, .navbar-toggle { display: block !important; }
    .navbar-header { float: none; }
    .navbar-nav>li { float: none; }
}
/************Header**************/
/************Footer**************/
.footer { padding: 35px 0; }
@media (max-width: 991px) {
    .footer { padding: 0 0 35px 0; }
}
.footer .main { margin: 0px auto; ; }
.footer .left { float: left; }
.footer .footermenu { font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; margin-top: 130px; font-weight: bold; }
@media (max-width: 768px) {
    .footer .footermenu { margin-top: 0px; }
}
.footer .footermenu li { list-style: none; text-transform: uppercase; }
.footer .footermenu li:nth-child(2) { margin: 10px; }
.footer .footermenu li a { color: #000; font-size: 13px; line-height: 40px; text-transform: uppercase; font-weight: bold; }
.footer .footermenu li a:hover { color: #666; }
/*.footer .footermenu li:first-child { font-size: 22px; border-bottom: 1px solid #666; padding-bottom: 10px; }*/
.footer .backtop a, .footer .backleft a { line-height: 50px; font-size: 13px; text-transform: uppercase; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; font-weight: bold; }
.footer img.img_backleft { width: 27px; height: 27px; margin-right: 10px; }
.footer img.img_backtop { width: 27px; height: 27px; margin-left: 10px; }
.footer .backtop, .footer .backleft { position: relative; top: 105px; }
@media (max-width: 991px) {
    .footer .backleft { float: none; top: 0; position: inherit; }
}
.popover-content { padding: 10px; border: 1px solid #999; }
.popover { border-radius: 0; padding: 3px; box-shadow: 0 0 20px rgba(9, 9, 9, 0.3); background: rgba(255, 255, 255, 0.8); }
.popover.left { -webkit-margin-start: -35px; margin-top: -40px; }
.footer .main .terms { font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; font-size: 12px; font-weight: bold; }
.footer .main .terms .items { float: left; font-size: 13px; }
.footer .main .terms .slash { float: left; padding: 0 8px; }
.footer .main .rights { font-size: 13px; margin: 10px auto; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; text-align: center; font-weight: bold; }
.footer .search .left input { width: 150px; }
.footer .search img { margin-left: -50px; }
@media (max-width: 991px) {
    .footer .search img { margin-left: 1px; }
    /*.product-thumbnail, th.product-remove { display: none; }*/
    .product-thumbnail { display: none; }
    .product-name_3m { display: table-cell }
    .product-name_3 { display: none }
}
/************Footer**************/
/************Index**************/
.ig_slider { margin-top: 0; }
.main_banner .wrapper { width: 1200px; height: 540px; margin: 0 auto; }
.main_banner img { width: 100%; }
.index { margin: 10px auto 0; }
.inner { margin: 166px auto 0; }
@media (max-width:1024px) {
    .main_banner, .inner { margin-top: 52px; }
    .index { margin: 0 auto 0; }
}
.index .width33 { /* width: 380px;*/ height: 458px; border: 3px solid #4f4d4e; }
.index .width67 { /* width: 800px;*/ margin-right: 20px; }
.index .width38 { width: 38%; }
.index .width62 { width: 62%; }
.index .block { float: left; }
@media (max-width: 768px) {
    .index .block { float: none; }
}
.index .subscribe { margin: 0px auto; width: 100%; }
.index .subscribe .enter { width: 100%; margin: 0px auto; border: 1px solid #666; background-color: #fff; }
.index .subscribe .enter input { width: 100%; min-height: 35px; font-size: 18px; font-family: "Catamaran", sans-serif; text-align: center; padding: 10px 0; color: #666; }
.index .subscribe .enter input::-moz-placeholder {
    color: #666;
}
.index .lines .block .subscribe .enter input::-moz-placeholder {
    font-family: "Catamaran", sans-serif;
    font-size: 16px;
}
.index .lines .block .subscribe .button { height: 32px; width: 124px; margin: 20px auto 0; cursor: pointer; background-image: url("../images/btn-join.png"); }
.index .lines .block .subscribe .button:hover { background-position: 0 -32px; }
.index .lines .block .images { padding: 1% 0; }
.product { height: 400px; }
.productslider { width: 100%; max-width: 800px; height: 360px; float: right; margin: 20px; background: #FFF; padding: 20px 40px; }
@media (max-width: 991px) {
    .productslider { margin: 20px auto; }
}
.productslider .slick-prev { left: 20px; }
.productslider .slick-next { right: 20px; }
.productslider .slick-slide { margin: 0 10px; }
.productslider .image-wrapper { height: 320px; }
.productslider .image-wrapper a img, .all-pros .image-wrapper a img { display: block; height: auto; max-height: 100%; }
.all-pros .image-wrapper a img { display: inline-block; text-align: center; padding-top: calc(10%); padding-bottom: calc(10%); }
.all-pros .image-wrapper a .text-center img { padding-top: 0px; padding-bottom: 0px; }
.productslider .image-wrapper a, .all-pros .image-wrapper a { display: block; position: relative; }
.all-pros .image-wrapper, .all-pros .image-wrapper a { text-align: center; }
.productslider .image-wrapper a .related-product-caption, .all-pros .image-wrapper a .related-product-caption { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -moz-align-items: center; align-items: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; opacity: 0; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(247,247,247,.9); color: #66605b; transition: all .5s ease; height: 100%; width: 100%; text-align: center; max-width: 250px; margin: 0 auto; }
.productslider .image-wrapper:hover .related-product-caption, .all-pros .image-wrapper:hover .related-product-caption { opacity: 1; }
.productslider .image-wrapper a .related-product-caption .short-description, .all-pros .image-wrapper a .related-product-caption .short-description { font-family: 'Catamaran', sans-serif; font-size: 14px; color: #66605b; text-align: center; padding: 0 10px; white-space: pre-wrap; word-wrap: normal; display: block; width: 100%; max-height: 140px; overflow: hidden; }
.productslider .image-wrapper a .related-product-caption .underline, .all-pros .image-wrapper a .related-product-caption .underline { margin: 20px 0; width: 50px; /*border-bottom: 1px solid #3e3a39;*/ height: 1px; background: rgba(208,208,208,1); background: -moz-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(208,208,208,1)), color-stop(30%, rgba(208,208,208,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ffffff', GradientType=1 );
}
.tab-content.editor .all-pros .image-wrapper a img { width: 230px; height: 320px; }
.editor-for .slick-slide { width: 100%; border: 1px solid #d0d0d0; }
.editor-nav .slick-slide img { max-height: 247px; }
.editor-for .slick-slide img, .all-pros .image-wrapper .editor-for .slick-slide img, .tab-content.editor .all-pros .image-wrapper .modal.fade.in a img { width: 280px; height: 390px; margin: 0 auto; padding-top: 0; padding-bottom: 0; }
.editor-nav { margin-left: -5px; margin-right: -5px; }
.editor-nav .slick-slide { margin-top: 10px; margin-left: 4px; margin-right: 4px; width: auto; height: auto; border: 1px solid #d0d0d0; text-align: center; }
/*.editor-nav .slick-slide::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}*/
.editor-nav .slick-slide:nth-child(1) { margin-left: 5px; }
.editor-nav .slick-slide:nth-child(3) { margin-left: 3px; }
.editor-nav .slick-slide img { vertical-align: middle; display: inline-block; }
.editor .underline { margin: 10px auto; width: 20px; border-bottom: 1px solid #656666; text-align: center; }
.productslider .image-wrapper .related-product-caption p, .all-pros .image-wrapper .related-product-caption p { padding: 0; margin: 0; }
.productslider .image-wrapper .product-name, .all-pros .image-wrapper .feature, .all-pros .image-wrapper .product-name { font-family: 'Catamaran', sans-serif; font-size: 18px; margin-bottom: 3px; text-align: center; color: #909090; }
.productslider .image-wrapper .product-name { font-size: 15px; font-weight: normal; height: 40px; overflow: hidden; }
.all-pros .image-wrapper .additional .product-name { text-transform: capitalize; min-height: 60px; overflow: hidden; line-height: 20px; }
.productslider .price, .all-pros .price { text-align: center; color: #909090; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; }
.productslider .price { font-size: 13px; }
.productslider .price .fa.fa-dollar, .all-pros .price .fa.fa-dollar { font-size: 13px; }
.all-pros { animation-delay: 500ms; animation-duration: 0.5s; margin-bottom: 10px; margin-top: 10px; overflow: hidden; position: relative; }
.all-pros-2 { animation-delay: 200ms; animation-duration: 0.5s; color: #909090; }
.all-pros .image-wrapper { /*border: 1px solid #e1e1e1;*/ }
.all-pros .image-wrapper a { height: 350px; overflow: hidden; }
.all-pros .image-wrapper .more4 a { height: auto; overflow: hidden; }
.all-pros .image-wrapper .additional { margin: 30px auto; }
.all-pros-2 .modal .image-wrapper .additional { width: 100%; float: left; margin: 10px auto; }
.editor .image-wrapper .additional { width: 100%; float: left; margin: 23px auto 17px; }
@media (max-width: 1024px) {
    .editor .image-wrapper .additional { margin: 17px auto; } }
.all-pros-2 .modal .image-wrapper .additional .product-name { min-height: auto; max-height: 60px; }
.editor .image-wrapper .additional .product-name { min-height: 40px; max-height: 60px; }
.all-pros-2 .modal .feature .product-name, .editor .feature .product-name { font-family: "Lato", serif; font-weight: bold; text-transform: uppercase; }
.editor .modal .col-md-6:nth-child(2) .col-xs-12 .text-center a img { max-height: 375px; width: auto !important; max-width: 100%; margin-left: auto; margin-right: auto; }
.editor .product_img { width: 230px; height: 285px; }
.index .top_picks .message .line h1 { margin: 20px 0px 5px; font-size: 46px; font-family: "Book Antiqua"; font-weight: 100; }
.index .top_picks .message .line .left { float: left; width: 80%; font-family: "Book Antiqua"; }
.index .top_picks .message .line .right { float: right; width: 20%; }
.index .top_picks .message .line .right .button { background: #8C9CA1 none repeat scroll 0% 0%; color: #E0F0F5; font-weight: bold; font-size: 16px; line-height: 16px; padding: 15px 26px; max-width: 220px; text-align: center; font-family: "Book Antiqua"; float: right; text-transform: uppercase; }
.index .top_picks .message .line .right .button:hover { background: #77888E none repeat scroll 0% 0%; }
.index .top_picks .message .line .right .button img { width: 11px; padding: 0px 2px; margin: 0 4px; }
.index .top_picks .box { border: 1px solid #A1A496; background-color: #FFF; padding: 40px; margin: 20px 0 0; }
.index .top_picks .box .items { width: 25%; padding: 0px 1%; float: left; }
.index .top_picks .box .items .heading, .index .top_picks .box .items .product { max-width: 70%; margin: 0px auto; min-height: 80px; }
.index .top_picks .box .items .details { font-family: "Book Antiqua"; font-size: 13px; line-height: 18px; }
.index .top_picks .box .items .details p { margin: 0; }
.index .top_picks .box .items .star { width: 35%; }
.index .top_picks .box .items .star .object { float: left; width: 20%; padding: 0 1%; }
.product_menu { position: fixed; top: 250px; left: 50px; padding: 3px; box-shadow: 0 0 20px rgba(9, 9, 9, 0.3); background: rgba(255, 255, 255, 0.8); z-index: 9999; font-family: "Lato", sans-serif; }
.product_menu_border { border: 1px solid #999; padding: 10px; }
.product_menu .title { font-size: 16px; line-height: 1.42857143; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #999; font-weight: bold; text-transform: uppercase; }
.product_menu #toggle-menu a { font-size: 14px; }
.more, .more2 { display: inline-block; line-height: 18px; position: relative; top: -3px; }
.more, .more a, .more2, .more2 a, .more3 a, .more4 a { background: #898989; color: #FFF; font-size: 13px; }
.more a, .more2 a, .more3 a, .more4 a { padding: 3px 10px; }
.more2, .more2 a { font-size: 20px; }
.more3 a { font-size: 18px; }
.more3::before { content: ''; background: rgba(208,208,208,1); background: -moz-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(208,208,208,1)), color-stop(30%, rgba(208,208,208,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ffffff', GradientType=1 );
    width: 50px; height: 1px; display: block; margin: 15px 0 25px 0; }
.more4 a { font-size: 16px; }
.editor_line::before { content: ''; background: rgba(208,208,208,1); background: -moz-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(208,208,208,1)), color-stop(30%, rgba(208,208,208,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ffffff', GradientType=1 );
    width: 50px; height: 1px; display: block; margin: 10px auto; }
.inner .shop_area .tab-content #home { margin-bottom: 100px; }
.desp { padding: 3px; width: 100%; }
.desp-box { padding: 10px; width: 100%; border: 1px solid #FFF; height: 79px; overflow: hidden; }
.editor .desp-box { height: 120px; }
@media (max-width: 768px) {  .editor .desp { margin-bottom: 30px; } }
.elavator_area .desp { padding: 10px 20px; width: 100%; }
.elavator_area .desp:nth-child(2) { margin-top: 0px; }
.elavator_area .desp-box { padding: 20px 10px; width: 100%; border: 1px solid #FFF; }
.modal { z-index: 999999999; }
@media (min-width: 1201px) {
    .modal-dialog { width: 100%; max-width: 1200px !important; margin: 30px auto; }
    .modal-content { border-radius: 0; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    .modal-dialog { width: 100%; max-width: 1000px !important; margin: 30px auto; }
    .modal-content { border-radius: 0; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .modal-dialog { width: 100%; max-width: 950px !important; margin: 0px auto; }
    .modal-content { border-radius: 0; }
}
.editor .modal-content button.close { opacity: 1; }
.editor .modal-content button.close .fa-times::before { content: ''; background: url(../images/close.png); width: 11px; height: 11px; display: block; }
#menuPanelListGroup .fa-minus::before { content: ''; background: url(../images/minus.png); width: 11px; height: 21px; display: block; }
#menuPanelListGroup .fa-plus::before { content: ''; background: url(../images/plus.png); width: 11px; height: 21px; display: block; }
.nav-toggle-menu .fa-chevron-up:before { content: ''; background: url(../images/chevron-up.png); width: 21px; height: 11px; display: block; }
.nav-toggle-menu .fa-chevron-down:before { content: ''; background: url(../images/chevron-down.png); width: 21px; height: 11px; display: block; }
.productdetail.desp { min-height: 400px; }
.productdetail.desp .desp-box { height: auto; }
/*
catagory area start
*/
.category-widget-menu { border: 1px solid #e1e1e1; margin-top: 10px; margin-bottom: 30px; overflow: hidden; }
.category-widget-menu .cat-menu-title { margin: 10px; font-size: 18px; }
hr { border-top: 0; background: url(../images/title_line3.png) top center no-repeat; width: 100%; height: 10px; }
.expandable > a { position: relative; }
.expandable > a::before { content: "\f067"; }
.expandable > a::before, .expandable > a.submenu-active::before { color: #adadad; font-family: fontawesome; position: absolute; right: 23px; transition: all 0.3s ease 0s; font-size: 10px; }
.expandable > a.submenu-active::before { content: "\f068"; }
ul.menu-categories { padding: 0; list-style: outside none none; margin: 0; }
.menu-categories > li { position: relative; }
.category-sub.submenu-active { max-height: 600px; transition: max-height 0.5s ease 0s; }
.category-sub { max-height: 0; padding: 0; transition: max-height 0.5s ease 0s; }
.my_account_area .menu-categories li, .menu-categories li a { font-family: "Lato", sans-serif; background-color: #fff; line-height: 20px; padding: 0px 10px 5px 10px; text-transform: uppercase; display: block; font-weight: 400; }
.my_account_area .menu-categories li { font-family: 'Catamaran', sans-serif; text-transform: capitalize; }
.menu-categories li a:hover { color: #333; }
ul.category-sub { border: medium none; padding: 0 0 0 20px; list-style: outside none none; margin: 0; }
ul.category-sub li a { border: medium none; text-transform: capitalize; }
.feature-carousel-2.owl-theme:hover .owl-controls .owl-buttons { opacity: 1; }
.navi_area ul { padding: 0; list-style: outside none none; margin: 0 auto; width: 12%; }
.navi_area li a:hover, .navi_area li.active a { background: #bbb none repeat scroll 0 0; color: #fff; border: 1px solid transparent; text-decoration: none; }
.navi_area li { float: none; margin: 0 auto; }
.navi_area li a { background: #fff none repeat scroll 0 0; color: #ccc; display: inline-block; font-size: 12px; height: 42px; line-height: 40px; margin-top: 50px; padding: 0 5px; text-align: center; width: 100px; font-weight: 700; border: 1px solid#e1e1e1; margin: 50px auto 0; text-decoration: none; }
.navi_area { margin: 0 auto; }
.navi_area::before { background-color: #e1e1e1; content: ""; height: 1px; position: absolute; left: 0; top: 55px; width: 43%; }
.navi_area::after { background-color: #e1e1e1; content: ""; height: 1px; position: absolute; right: 0; top: 55px; width: 43%; }
.navi_area.navi_area_zq::after { width: 978px; }
.navi_area.navi_area_tf::after { width: 978px; }
.navi_area ul li.active-2 a { background: #bbb none repeat scroll 0 0; color: #ffffff; border: 1px solid transparent; }
/*----------------------------------------*/
/*  7. Catagory area
/*----------------------------------------*/
.favtabs > li { display: inline-block; }
.favtabs > li > a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #dfdfdf !important; border-radius: 3px; display: block; font-size: 13px; height: 33px; line-height: 31px; margin: 1; padding: 0 15px; position: relative; transition: all 0.3s ease 0s; color: #666; }
.favtabs li a:hover { background: #666; color: #fff; border-color: #666 !important; border-width: 1px 1px 2px !important; text-decoration: none; }
.favtabs > li.active > a { background: #333; color: #fff; border-color: #333!important; border-image: none !important; border-style: solid !important; border-width: 1px 1px 2px !important; text-decoration: none; }
.indicator-brand-3.owl-theme .owl-controls .owl-buttons div { background-color: #fff; border: 1px solid #ededed; border-radius: 100%; box-shadow: 0 2px 0 #ededed; color: #333; cursor: pointer; display: inline-block; font-size: 17px; height: 35px; line-height: 25px; margin: 26px 2px; text-align: center; transition: all 300ms ease 0s; width: 35px; opacity: 1; }
.indicator-brand-3.owl-theme .owl-controls .owl-buttons { opacity: 0; }
.feature-carousel:hover.indicator-brand-3.owl-theme .owl-controls .owl-buttons { opacity: 1; }
.indicator-brand-3.owl-theme .owl-controls .owl-buttons { position: absolute; top: 137px; width: 100%; }
.indicator-brand-3.owl-theme .owl-controls .owl-buttons div.owl-prev { left: 14px; position: absolute; right: 0; }
.indicator-brand-3.owl-theme .owl-controls .owl-buttons div.owl-next { position: absolute; right: 15px; }
.indicator-brand-3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover { border-color: #f85332; box-shadow: 0 2px 0 #f85332; background: #fa7c63; color: #fff; }
.indicator-brand-3.owl-theme .owl-controls .owl-buttons div.owl-next:hover { border-color: #f85332; box-shadow: 0 2px 0 #f85332; background: #fa7c63; color: #fff; }
/*----------------------------------------*/
/*  24. Simple product area
/*----------------------------------------*/
.elv_heading h3 { font-weight: normal; font-family: 'Catamaran', sans-serif; text-align: left; margin: 10px auto; text-transform: capitalize; position: relative; height: 55px; overflow: hidden; color: #909090; font-size: 20px; }
.elv_heading h3::before { background-color: #e1e1e1; content: ""; height: 1px; position: absolute; left: 0; top: 13px; width: 33%; }
.elv_heading h3::after { background-color: #e1e1e1; content: ""; height: 1px; position: absolute; right: 0; top: 13px; width: 33%; }
.elv_heading.product_detail h3::before { display: none; }
.elv_heading.product_detail h3::after { display: none; }
#gallery_new a { padding-bottom: 15px; }
.last_button_area_px { margin: -14px 0 8px; }
.cramb_area_5 > li::after { content: ""; }
.cramb_area.cramb_area_5 { margin-top: 20px; }
.cramb_area_5 { border-bottom: 1px solid#e1e1e1; margin-left: 4px; }
.cramb_area.cramb_area_2 { border-bottom: 0 none; }
.cramb_area.cramb_area_2 > li::after { display: none; }
.cramb_area.cramb_area_2.cramb_area_3 { border-bottom: 1px solid #e1e1e1; }
.shop_menu_2 ul li.br-active { color: #fa7c63; }
.zoomContainer { border: 1px solid #e1e1e1; }
#gallery_new a { float: left; width: 25%; margin-top: 25px; }
.elavator_area { margin-top: 10px; overflow: hidden; }
.evavet_description { margin-top: 20px; color: #909090; }
.productset .elv_heading h3, .productset .evavet_description { color: #000; }
.productset .elv_heading h3 { height: auto; }
.elavetor_social { border-top: 1px solid #d2d2d2; margin: 15px 0 0; padding: 15px 0 0; }
.widget-title { display: inline-block; font-size: 11px; margin: 0 5px 5px 0; text-transform: capitalize; color: #909090; }
ul.social-link { display: inline-block; list-style: outside none none; margin: 0 5px 5px 0; padding: 0; }
.social-link li { display: inline-block; }
.social-link li { padding: 0 10px; font-family: 'Catamaran', sans-serif; }
.elav_info { margin-top: 10px; font-family: 'Catamaran', sans-serif; }
.elavetor .slider-nav .slick-slide { border: 1px solid #ddd; margin: 0 5px !important; }
.elavetor .slider-nav .slick-list { padding: 0 20px !important; }
.product_heading2 .elavetor img, .col-xs-6 .elavetor img.img-responsive { max-height: 350px; }
.product_name > h2 > a { color: #000; font-size: 14px; font-weight: 600; margin-left: -211px; transition: .5s; }
.product_name > h2 > a:hover { color: #14bfcc; }
.price_box { font-size: 15px; margin-top: 3px; min-height: 25px; position: relative; z-index: 2; color: #909090; }
.price_box select, .price_box .setprice { margin-left: 10px; background: #efefef; font-weight: normal; }
.price_box .setprice { margin-left: 10px; padding: 3px 5px; }
.price_box .setprice span, .price_box .setprice .fa.fa-dollar { font-size: 13px; }
.old-.price-2 { font-size: 16px; color: #909090; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; }
.spical-price-2 { color: #fa7c63; font-size: 20px; font-weight: 600; }
.cart-btn-area { margin: 10px 0; }
.cart-btn-area > input[type="number"] { font-size: 15px; height: 27px; line-height: 27px; padding: 3px 5px; text-align: center; width: 50px; margin-left: 10px; background: #efefef; color: #909090; }
.fa.fa-dollar { font-size: 16px; color: #909090; }
.addtocart { margin-top: -5px; }
/*.cart-btn-area > input[type=number]::-webkit-inner-spin-button, .cart-btn-area > input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}*/
.button_act.button_act_ct { margin-bottom: 8px; }
button.add-tocart { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #467ecb none repeat scroll 0 0; border-color: #3060a3; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px 1px 2px; box-shadow: none; color: #ffffff; display: inline-block; font-size: 18px; font-weight: normal; height: 55px; padding: 0 20px !important; text-shadow: none; text-transform: uppercase; transition: all 0.3s ease 0s; white-space: nowrap; margin-left: 8px; }
button.add-tocart:hover { background: #CCC; color: #fff; border-color: #CCC; }
.comapre_area { margin-left: 21px; margin-top: 10px; }
.show-2 { margin-left: 9px; }
.new_meta { border-top: 1px solid #d2d2d2; margin: 20px 0 0; padding: 10px 0 0; }
.sku_wrapper { display: block; font-weight: bold; margin: 0 5px 5px 0; text-transform: capitalize; }
.sku_wrapper span { font-weight: normal; text-transform: none; }
.tagged_as { display: block; font-weight: bold; margin: 0 5px 5px 0; text-transform: capitalize; }
.tab_area_start { padding: 20px 0; }
.favtabs-2 > li { margin: 2px; }
.favtabs-2 > li > a { background: #eee; height: 50px; line-height: 50px; padding: 0 18px; text-transform: uppercase; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 300; }
.tb_desc { border: 1px solid #e1e1e1; border-radius: 0; box-shadow: none; padding: 20px; margin-top: 7px; text-align: left; overflow: hidden; }
.tb_desc > h2 { font-size: 20px; font-weight: normal; margin: 0 0 20px; }
.favtabs.favtabs-2::after { background: #333 none repeat scroll 0 0; color: #ff0000; content: ""; height: 1px; left: 2px; position: absolute; top: 51px; width: 100%; z-index: 99999; }
.another_icon.fa.fa-heart { border: 2px solid #dedede; border-radius: 3px; font-size: 18px; height: 40px; line-height: 37px; margin-right: 8px; text-align: center; width: 40px; margin-bottom: 10px; color: #999999; }
.add_defi > a:hover .another_icon.fa.fa-heart { background: #CCC; border: 2px solid #CCC; color: #fff; }
.add_defi, .add_defi_2 > a { font-weight: 400; text-transform: uppercase; }
.another_icon.fa.fa-refresh { border: 2px solid #dedede; border-radius: 3px; font-size: 18px; height: 40px; line-height: 37px; margin-right: 8px; text-align: center; width: 40px; color: #999999; }
.add_defi_2 > a:hover .another_icon.fa.fa-refresh { background: #fa7c63; border: 2px solid #CCC; color: #fff; }
.review_area_heading #comnt h2 { font-size: 25px; font-weight: normal; margin: 0 0 20px; }
.review_area_heading #comnt ol.commentlist li img.avatar { background: #ebe9eb none repeat scroll 0 0; border: 1px solid #e4e1e3; box-shadow: none; float: left; height: auto; left: 0; margin: 0; padding: 3px; position: absolute; top: 0; width: 32px; }
.review_area_heading #comnt ol.commentlist li .comment-text { border: 1px solid #e4e1e3; border-radius: 4px; margin: 0 0 0 50px; padding: 1em 1em 0; }
.star-rating { float: right; font-size: 1em; height: 1em; line-height: 1; overflow: hidden; position: relative; width: 5.4em; }
.review_area_heading #comnt ol.commentlist { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; list-style: outside none none; margin: 0; width: 100%; }
.review_area_heading #comnt ol.commentlist li { background: rgba(0, 0, 0, 0) none repeat scroll 0 center; border: 0 none; margin: 0 0 20px; padding: 0; position: relative; }
.review_area_heading #comnt ol.commentlist li img.avatar { background: #ebe9eb none repeat scroll 0 0; border: 1px solid #e4e1e3; box-shadow: none; float: left; height: auto; left: 0; margin: 0; padding: 3px; position: absolute; top: 0; width: 32px; }
.price_rating_2 > a > i { color: #666; font-size: 12px; }
#comnt { float: left; width: 60%; padding-right: 20px; }
.review_form_area { border-color: #e1e1e1; border-style: solid; border-width: 0 0 0 1px; float: left; padding: 0 0 0 30px; width: 40%; }
.revew_form_content { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; margin: 0; padding: 0; position: static; width: auto; }
#reply-title { font-size: 20px; font-weight: normal; margin: 0 0 20px; }
#commentform p label { display: block; font-weight: normal; }
.price_rating_3 > a > i { color: #666; font-size: 14px; }
.price_rating_3 > a > i:hover { color: #CCC; }
.mix_type input:not([type]), .mix_type input[type="text"], .mix_type input[type="password"], .mix_type input[type="date"], .mix_type input[type="datetime"], .mix_type input[type="datetime-local"], .mix_type input[type="month"], .mix_type input[type="week"], .mix_type input[type="email"], .mix_type input[type="number"], .mix_type input[type="search"], .mix_type input[type="tel"], .mix_type input[type="time"], .mix_type input[type="url"], .mix_type input[type="color"], textarea { background: #fff none repeat scroll 0 0; border: 1px solid #e1e1e1; height: 40px; padding: 5px; transition: all 0.3s ease 0s; }
textarea { width: 100%; height: 200px; }
#commentform input { border: 1px solid #e1e1e1; max-width: 500px; padding: 5px 10px; width: 100%; }
#commentform p.form-submit input { height: 35px; line-height: 35px; padding: 0 10px; }
.revew_form_content textarea { box-sizing: border-box; width: 100%; }
.revew_form_content #comment { height: 75px; }
.comment { font-weight: normal; }
#commentform p label { display: block; font-weight: normal; }
.form-submit input { border: none; background-color: #ebe9eb; font-weight: 700; color: #515151; }
.form-submit input:hover { background-color: #dad8da; color: #515151; text-decoration: none; }
.price_rating.price_rating_2.price_rating_3 { margin-top: -1px; margin-bottom: 18px; }
.required_menu { color: #666; }
.comment-form-comment, .comment-form-author, .comment-form-email { margin-bottom: 14px; }
.brand.brand-2 { margin-top: 0; }
/*----------------------------------------*/
/*  25. Variable product area
/*----------------------------------------*/
.bar_box_3 select { border: 1px solid #eaeaea; background-color: #f7f7f7; color: #666; height: 28px; line-height: 28px; width: 310px; padding: 0 10px; margin-left: 15px; }
.bar_box.bar_box_3 label { font-weight: normal }
form.cart { margin: 20px 0; }
.bar_box_4 select { margin-left: 22px; margin-bottom: 30px; }
.favtabs.favtabs-2.favtabs-3 { right: 731px; }
table.shop_attributes { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(0, 0, 0, 0.1) -moz-use-text-color -moz-use-text-color; border-image: none; border-style: dotted none none; border-width: 1px 0 0; margin-bottom: 1.618em; width: 100%; }
table.shop_attributes th { font-weight: 700; padding: 8px; width: 150px; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); border-top: 0 none; line-height: 1.5; margin: 0; }
table.shop_attributes td { font-style: italic; padding: 0; }
table.shop_attributes td p { margin: 0; padding: 8px 0; }
table.shop_attributes .alt td, table.shop_attributes .alt th { background: rgba(0, 0, 0, 0.024) none repeat scroll 0 0; }
table th, table td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 8px; }
.cramb_area li { display: inline-block; position: relative; }
.cramb_area li a { color: #7d7d7d; display: block; font-size: 13px; transition: all 0.5s ease 0s; margin-bottom: 10px; margin-top: 5px; }
.cramb_area { border-bottom: 1px solid#e1e1e1; margin-bottom: 10px; }
.cramb_area > li::after { bottom: 8px; color: #7d7d7d; content: ">"; position: absolute; right: -15px; }
.cramb_area li a:hover { color: #fa7c63; }
.cramb_area > li:last-child::after { content: ""; }
.cramb_area_5 > li::after { content: ""; }
.cramb_area.cramb_area_5 { margin-top: 20px; }
.cramb_area_5 { border-bottom: 0; margin-left: 0px; }
.cramb_area.cramb_area_2 { border-bottom: 0 none; }
.cramb_area.cramb_area_2 > li::after { display: none; }
.cramb_area.cramb_area_2.cramb_area_3 { border-bottom: 1px solid #e1e1e1; }
.product_heading, .productdetail_heading, .product_heading2, .product_heading4, .product_heading6 { font-family: "Lato", sans-serif; font-weight: bold; }
.product_heading .favtabs { margin: 0; position: absolute; right: 25px; top: 15px; }
.product_heading > span, .productdetail_heading > span, .product_heading2 > span, .product_heading4 > span, .product_heading6 > span { /*border-bottom: 2px solid #f2f2f2; color: #666666;*/ display: block; font-size: 22px; font-weight: bold; line-height: 80px; position: relative; text-transform: uppercase; }
.productdetail_heading > span { font-size: 15px; line-height: 30px; color: #e36f1d; }
.product_heading > span .and { font-family: 'Catamaran', sans-serif; }
.product_heading_tf > span { margin-left: 15px; }
.product_heading.product_heading_tf > span { border-bottom: medium none #000080; }
.product_heading.product_heading_tf > span::before { background: #e1e1e1 none repeat scroll 0 0; border-bottom: medium none; bottom: -2px; color: #000000; content: ""; height: 1px; left: 0; position: absolute; width: 1067px; }
.product_heading > span::after, .productdetail_heading > span::after, .product_heading2 > span::after, .product_heading3 > span::after, .product_heading4 > span::after, .product_heading6 > span::after, .product_heading7 > span::after { /*border-bottom: 2px solid #A1A496;*/ background: url(../images/title_line.jpg) left top no-repeat; bottom: -2px; content: ""; left: 0; position: absolute; width: 530px; height: 1px; }
.product_heading2 > span::after { background: url(../images/title_line2.png) top center no-repeat; width: 100%; height: 10px; }
.product_heading3 > span::after { background: url(../images/title_line4.png) top left no-repeat; width: 100%; height: 10px; left: 10px; }
.product_heading4 > span { line-height: 30px; }
.product_heading4 > span::after { background: none }
.product_heading5 > span::after { background-position: top center; width: 100%; height: 10px; }
.product_heading6 > span::after { background: url(../images/title_line6.png) top left no-repeat; width: 100%; }
.product_heading7 > span::after { background: url(../images/title_line_treatment.jpg) top center no-repeat; width: 100%; height: 1px; }
/*----------------------------------------*/
/*  22. Wishlist area
/*----------------------------------------*/
.shopping_cart_area { float: right; min-width: 250px; position: relative; }
.cramb_area_3 { border-bottom: 1px solid#e1e1e1; }
.wish_head { margin: 40px 0 17px; }
.wish_head > h3 { font-size: 30px; }
.wishlist-table table { border-color: #e8e8e9; border-radius: 0; border-style: solid; border-width: 1px 0 0 1px; margin: 20px 0 33px; width: 100%; text-align: center; }
.wishlist-table table { }
.wishlist-table table th, .wishlist-table table td { border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; font-size: 10px; text-transform: uppercase; }
.wishlist-table table th { font-weight: bold; }
.wishlist-table table .product-remove { padding: 20px 17px; width: 50px; line-height: 0px; }
.wishlist-table table .product-thumbnail { width: 80px; }
.wishlist-table table td.product-price .amount { font-weight: 700; }
.wishlist-table table td.product-price { text-transform: none; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; }
.wishlist-table table .wishlist-in-stock { color: #297e29; font-size: 14px; font-weight: normal; margin-left: 55px; text-transform: capitalize; }
tbody tr img { width: 60px; }
.product-name > a { font-size: 14px; text-transform: capitalize; }
.amount-list { font-size: 15px; }
.button_act_3 { margin-left: 13px; }
.btn.btn-default.btn-default-pps { margin-bottom: 6px; margin-top: 0; }
.cdown.hour, .cdown.days, .cdown.minutes > p { }
/*----------------------------------------*/
/*  23. Shopping cart area*
/*----------------------------------------*/
.dm_content_2 { margin-top: 36px; }
.new_act_4 { margin-top: 20px; margin-left: -15px }
.cramb_area_4 { margin-left: -19px; }
.button_act.button_act_3.button_act_333 { margin-left: 94px; margin-top: 2px; }
.button_act.button_act_3.button_act_333 i.fa-check { color: #4BA24B; }
.button_act.button_act_3.button_act_333 i.fa-times { color: #D55D5A; }
.button_act.button_act_3.button_act_333:hover i.fa-check, .button_act.button_act_3.button_act_333:hover i.fa-times { color: #FFF; }
.wishlist-table-2 table th, .wishlist-table-2 table td { font-size: 17px; text-align: center; text-transform: uppercase; }
.wishlist-table-2 table td { font-size: 15px; text-transform: none; }
.wishlist-table-2 table td.product-stock-status { font-family: "Lato", serif; }
.wishlist-table-2 table td.product_name { font-family: 'Catamaran', sans-serif; }
.wishlist-table-2 table .product-thumbnail-2 { width: 195px; }
.product-thumbnail.product-thumbnail-2 img { margin-left: 22px; }
.latest_es_from_2 > input[type="number"] { background: #ffffff none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 0px; font-weight: normal; height: 40px; padding: 0 10px; transition: all 0.3s ease 0s; width: 52px; font-size: 15px; font-family: "Lato", serif; }
.coupon .input-text { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 40px; line-height: 40px; width: 150px !important; border: 1px solid #d3ced2; box-sizing: border-box; float: left; line-height: 1; margin: 0 4px 0 0; outline: 0 none; padding: 6px 11px 5px; font-weight: normal; border-radius: 3px; }
.product-remove.product-remove_2 > a { padding: 0px 5px; }
.cart_totals { margin: 30px 0 0; }
.cart_totals .well-sm { padding: 3px; line-height: 40px; }
.cart_totals h2 { font-size: 20px; margin: 0 0 30px; text-transform: uppercase; }
.shop_table td { border-top: 0 none; padding: 20px 28px; font-family: "Lato", 'cwTeXHei', '微軟正黑體', serif; }
.shop_table td.discount { color: #FF0000; }
.cart_totals .cart-subtotal .amount, .cart_totals .order-total .amount { font-size: 16px; }
.shop_table { border: 1px solid rgba(0, 0, 0, 0.1); border-collapse: separate; border-radius: 5px; margin: 0 -1px 34px 0; text-align: left; width: 100%; }
.shop_table th { font-weight: bold; padding: 9px 12px; }
.coupon { margin-bottom: 10px; line-height: 40px; font-size: 12px; text-transform: none; }
.shop_table .coupon { font-size: 15px; line-height: 20px; margin-top: 10px; }
.account_heading.account_heading_ah { margin: 20px 0; }
.button_act.button_act_3.button_act_6 { height: 35px; line-height: 33px; margin-right: 13px; padding: 0 15px; border-color: #f1f1f1; }
.shop_table>tbody>tr.active>td, .shop_table>tbody>tr.active>th, .shop_table>tbody>tr>td.active, .shop_table>tbody>tr>th.active, .shop_table>tfoot>tr.active>td, .shop_table>tfoot>tr.active>th, .shop_table>tfoot>tr>td.active, .shop_table>tfoot>tr>th.active, .shop_table>thead>tr.active>td, .shop_table>thead>tr.active>th, .shop_table>thead>tr>td.active, .shop_table>thead>tr>th.active { background-color: #f5f5f5; }
input[type="checkbox"] { margin-top: 0px; }
.product-price .fa.fa-dollar, .cart_totals .fa.fa-dollar { font-size: 14px; color: #333; }
.product-remove .close, .cart_totals .close { width: 11px; height: 11px; opacity: 1; }
/*----------------------------------------*/
/*  21. My account area
/*----------------------------------------*/
.al_form-fields { float: left; padding: 0; width: 100%; }
.al_form-fields h3 { font-size: 20px; }
.al_form-fields .title { line-height: 32px; }
.al_form-fields p { margin-bottom: 30px; }
.al_form-fields p label { display: block; font-weight: bold; margin: 0 0 5px; }
.al_form-fields p input { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e9; border-radius: 0; height: 32px; padding: 0 0 0 10px; width: 100%; }
.al_form-fields ul li { line-height: 24px; margin-bottom: 10px; }
.al_form-fields .form-control { border-radius: 0px; }
.al_form-fields .col-xs-4 b, .al_form-fields .new_act_3, .al_form-fields .col-xs-5, .my_account_area .col-xs-3, .my_account_area .col-xs-9 { line-height: 34px; }
.form-submit { margin-bottom: 6px; }
.form-action { padding: 15px 0; width: 100%; }
.form-action p.lost_password { line-height: 36px; margin: 0 0 7px 13px; }
.form-action label { float: right; font-weight: bold; margin: -2px 326px 0 0; }
.button_act, .button_act.button_act_3.button_act_333.btn-tip { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #ededed none repeat scroll 0 0; border-color: #dedede; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px 1px 2px; box-shadow: none; color: #666; display: inline-block; font-size: 13px; font-weight: normal; height: 40px; line-height: 38px; padding: 0 20px; text-shadow: none; text-transform: uppercase; transition: all 0.3s ease 0s; white-space: nowrap; }
.button_act:hover, .button_act.button_act_3.button_act_333.btn-tip:hover { background: #707070; color: #fff; border-color: #666666; }
.required { color: red; }
.frm_content { margin-bottom: 30px; }
.account_heading { margin: -30px 0; }
.frm_content.product_heading h2 { font-size: 22px; font-family: "Lato", serif; font-weight: bold; }
.frm_content h2 { margin-top: 38px; font-size: 20px; font-family: "Lato", serif; }
.btn-default { margin-bottom: 10px; margin-top: 28px; background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%); background-repeat: repeat-x; border-color: #ccc; text-shadow: 0 1px 0 #fff; }
.btn-default:focus, .btn-default:hover { background-color: #e0e0e0; background-position: 0 -15px; }
.new-meta { margin-bottom: 30px; }
.shop_menu_tk { padding: 40px 0px; }
.cramb_area_ktp { margin-bottom: 18px; }
.button_act.button_act_3.button_act_333.button_act_tp { margin-left: 10px; margin-top: 0; }
.button_act.button_act_3.button_act_333.btn-tip { margin-left: 672px; }
.button_act.button_act_3.button_act_333.btn-tip:hover { background-color: #ebe9eb; color: inherit; }
.form-action p.lost_password { line-height: 36px; margin: 20px 0 7px 13px; }
.form-action p.lost_password a { text-decoration: underline; font-size: 13px; }
.all_cntnt u { color: #909090; line-height: 34px; }
/* privacy */
.standard-padding { height: 20px; overflow: hidden; clear: both; }
.standard-wrapping { height: 5px; overflow: hidden; }
.ul-list { margin: 0px 20px 0px 25px; padding: 0px; list-style: decimal; }
.ul-list li { margin-bottom: 30px; list-style: decimal; }
.ul-list .point-list { list-style: square; margin: 10px 0px 0px -20px; *margin:10px 20px 0px 20px;
}
.ul-list .point-list li { margin-bottom: 5px; list-style: square; margin-left: 40px; }
.editor .border_right { border-right: 1px solid #e7e7e7; }
.location { background: #EEEEEE url(../images/location.jpg) top right no-repeat; z-index: 999999; }
.tab-content { margin-bottom: 60px; }
.tab-content .tab-pane .row:first-child { margin-bottom: 60px; }
.fancy { line-height: 0.5; text-align: center; }
.fancy .more2 { display: inline-block; position: relative; }
.fancy .more2:before, .fancy .more2:after { content: ""; position: absolute; top: 50%; width: 490%; height: 1px; }
.fancy .more2:before { right: 100%; margin-right: 15px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 70%, rgba(208,208,208,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(70%, rgba(208,208,208,1)), color-stop(100%, rgba(208,208,208,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 70%, rgba(208,208,208,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 70%, rgba(208,208,208,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 70%, rgba(208,208,208,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 70%, rgba(208,208,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0', GradientType=1 );
}
.fancy .more2:after { left: 100%; margin-left: 15px; background: rgba(208,208,208,1); background: -moz-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(208,208,208,1)), color-stop(30%, rgba(208,208,208,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 30%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ffffff', GradientType=1 );
}
.slick-slider.slider-nav { margin-top: 50px; }
.latest_es_from_2 > input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:8px;
    color: #333;
    text-align:center;
    position:relative;
}
.latest_es_from_2 > input[type=number]:hover::-webkit-inner-spin-button {
    background: #FFF url(../images/quantityarrow.png) no-repeat 50% 50%;
    width: 12px;
    height: 40px;
    padding: 0px;
    position: relative;
    right: 0px;
}
.product_menu_border { max-height: calc(90vh - 250px); max-height: -webkit-calc(90vh - 250px); overflow-y: auto; }
.product_menu_border::-webkit-scrollbar-track, .navbar-nav>li>.dropdown-menu .col-xs-6::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.product_menu_border::-webkit-scrollbar, .navbar-nav>li>.dropdown-menu .col-xs-6::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}
.product_menu_border::-webkit-scrollbar-thumb, .navbar-nav>li>.dropdown-menu .col-xs-6::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 0;
    border-left: 1px solid #555555;
    border-right: 1px solid #555555;
}
.product_menu_border::-moz-scrollbar-track, .navbar-nav>li>.dropdown-menu .col-xs-6::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.product_menu_border::-moz-scrollbar, .navbar-nav>li>.dropdown-menu .col-xs-6::-moz-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}
.product_menu_border::-moz-scrollbar-thumb, .navbar-nav>li>.dropdown-menu .col-xs-6::-moz-scrollbar-thumb {
    background-color: #000000;
    border: 0;
    border-left: 1px solid #555555;
    border-right: 1px solid #555555;
}
.embed-responsive { position: relative; display: block; width: 100%; /*padding: 0;*/ overflow: hidden; &::before {
    display: block;
    content: "";
    }
    .embed-responsive-item, iframe, embed, object, video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
}
.embed-responsive-21by9 { &::before {
    padding-top: percentage(9 / 21);
    }
}
.embed-responsive-16by9 { &::before {
    padding-top: percentage(9 / 16);
    }
}
.embed-responsive-4by3 { &::before {
    padding-top: percentage(3 / 4);
    }
}
.embed-responsive-1by1 { &::before {
    padding-top: percentage(1 / 1);
    }
}
@media (max-width:991px) {
    .product_heading > span::after, .productdetail_heading > span::after, .product_heading2 > span::after, .product_heading3 > span::after, .product_heading4 > span::after, .product_heading6 > span::after, .product_heading7 > span::after { width: 100%; }
}
@media (max-width:1024px) {
    .navbar-header { float: none; background: transparent; }
    .navbar-toggle { display: block; border-color: transparent; float: left; }
    .navbar-default .navbar-toggle { border-color: transparent; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: transparent; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-right:0px; padding-left:0px; }
    .navbar-collapse.collapse { display: none!important; margin-top:73px; }
    .navbar-collapse.in { margin-top: 12px; }
    .navbar-nav { float: none!important; margin: 7.5px -15px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .header .sub_menu .items:first-child { padding-left: 14px; padding-bottom: 10px; }
    .header .sub_menu .items { padding-bottom: 10px; }
    #bs-example-navbar-collapse-1, .navbar.visible-md-block, .header .account, .header .main_menu, .visible-md-block, .product_menu, .mt50.hidden-md, .footer .hidden-md, .mr30.hidden-sm { display: none !important; }
    .terms.visible-md-block { display: block !important; }
    .navbar.hidden-md { display: block !important; }
    .header .main_logo .logo { margin: 15px auto; width: 144px; }
    .jquery-accordion-menu, .jquery-accordion-menu * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0 }
    .jquery-accordion-menu { min-width: 260px; float: left; position: relative; }
    .jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header { width: 100%; height: 50px; padding-left: 22px; float: left; line-height: 50px; font-weight: 600; color: #f0f0f0; background: #414956 }
    .jquery-accordion-menu ul { margin: 0; padding: 0; list-style: none }
    .jquery-accordion-menu ul li { width: 100%; display: block; float: left; position: relative }
    .jquery-accordion-menu ul li a { width: 100%; padding: 14px 22px; float: left; text-decoration: none; color: #333; font-size: 15px; background: #FFF; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear }
    .jquery-accordion-menu>ul>li>a { border-bottom: solid 1px #ddd }
    .jquery-accordion-menu ul li a i { width: 34px; float: left; line-height: 18px; font-size: 16px; text-align: left }
    .jquery-accordion-menu .submenu-indicator { float: right; right: 22px; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear }
    .jquery-accordion-menu ul ul.submenu .submenu-indicator { line-height: 16px }
    .jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator { -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); margin-top: -10px; margin-right: 10px; }
    .jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu { width: 100%; display: none; position: static }
    .jquery-accordion-menu ul ul.submenu li { clear: both; width: 100% }
    .jquery-accordion-menu ul ul.submenu li a { width: 100%; float: left;background: #FFF; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear }
    .jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #414956 }
    .jquery-accordion-menu ul ul.submenu>li>a { padding-left: 30px }
    .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a { padding-left: 45px; font-size: 16px; }
    .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 60px }
    .jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { min-width: 20px; padding: 1px 2px 1px 1px; position: absolute; right: 18px; top: 14px; font-size: 11px; font-weight: 800; color: #555; text-align: center; line-height: 18px; background: #f0f0f0; border-radius: 100% }
    .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { top: 12px }
    .ink { display: block; position: absolute; background: rgba(255,255,255,.3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
    .animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear }
    .jquery-accordion-menu>ul>li.active>a, .jquery-accordion-menu>ul>li:hover, .jquery-accordion-menu>ul>li:hover>a,.jquery-accordion-menu ul ul.submenu li:hover { color: #000; background: #DDD }
    /*test*/
    .jquery-accordion-menu2, .jquery-accordion-menu2 * {  }
    .jquery-accordion-menu2 { min-width: 260px; float: left; position: relative; }
    .jquery-accordion-menu2 .jquery-accordion-menu2-footer, .jquery-accordion-menu2 .jquery-accordion-menu2-header { width: 100%; height: 50px; padding-left: 22px; float: left; line-height: 50px; font-weight: 600; color: #f0f0f0; background: #414956 }
    .jquery-accordion-menu2 ul { margin: 0; padding: 0; list-style: none }
    .jquery-accordion-menu2 ul li { width: 100%; display: block; float: left; position: relative; background: #FFF !important; }
    .jquery-accordion-menu2 ul li a { width: 100%; padding: 14px 22px; float: left; text-decoration: none; color: #333; font-size: 15px; background: #FFF; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear }
    .jquery-accordion-menu2>ul>li>a { border-bottom: solid 1px #ddd }
    .jquery-accordion-menu2 ul li a i { width: 10px; float: left; line-height: 18px; font-size: 16px; text-align: left }
    .jquery-accordion-menu2 .submenu-indicator { float: right; right: 22px; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear }
    .jquery-accordion-menu2 ul ul.submenu .submenu-indicator { line-height: 16px }
    .jquery-accordion-menu2 .submenu-indicator-minus>.submenu-indicator { -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); margin-top: -10px; margin-right: 10px; }
    .jquery-accordion-menu2 ul ul.submenu, .jquery-accordion-menu2 ul ul.submenu li ul.submenu { width: 100%; display: none; position: static }
    .jquery-accordion-menu2 ul ul.submenu li { clear: both; width: 100% }
    .jquery-accordion-menu2 ul ul.submenu li a { width: 100%; float: left;background: #FFF; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear }
    .jquery-accordion-menu2 ul ul.submenu li:hover>a { border-left-color: #414956 }
    .jquery-accordion-menu2 ul ul.submenu>li>a { padding: 7px 22px 7px 30px }
    .jquery-accordion-menu2 ul ul.submenu>li>ul.submenu>li>a { padding-left: 45px; font-size: 16px; }
    .jquery-accordion-menu2 ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 60px }
    .jquery-accordion-menu2 ul li .jquery-accordion-menu2-label, .jquery-accordion-menu2 ul ul.submenu li .jquery-accordion-menu2-label { min-width: 20px; padding: 1px 2px 1px 1px; position: absolute; right: 18px; top: 14px; font-size: 11px; font-weight: 800; color: #555; text-align: center; line-height: 18px; background: #f0f0f0; border-radius: 100% }
    .jquery-accordion-menu2 ul ul.submenu li .jquery-accordion-menu2-label { top: 12px }
    .ink { display: block; position: absolute; background: rgba(255,255,255,.3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
    .animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear }
    .jquery-accordion-menu2>ul>li.active>a, .jquery-accordion-menu2>ul>li:hover, .jquery-accordion-menu2>ul>li:hover>a,.jquery-accordion-menu2 ul ul.submenu li:hover { color: #000; background: #EEE }
    @-webkit-keyframes ripple { 100% {
        opacity:0;
        -webkit-transform:scale(2.5)
        }
    }
    @-moz-keyframes ripple { 100% {
        opacity:0;
        -moz-transform:scale(2.5)
        }
    }
    @-o-keyframes ripple { 100% {
        opacity:0;
        -o-transform:scale(2.5)
        }
    }
    @keyframes ripple { 100% {
        opacity:0;
        transform:scale(2.5)
        }
    }
    .search { border: none; height: auto; padding: 5px 15px; line-height: 48px;  }
    .search .left input { height: auto;}
    .navbar-default { border: none !important; float: left; position: absolute; left: 0; top: 11px; background: transparent !important;}
    .productdetail .desp-box .row.mt50 { margin-top: 10px; }
    .mt-sm-30, .mt-xs-30 { margin-top: 30px !important; }
    .mb-sm-30, .mb-xs-30 { margin-bottom: 30px !important; }
    .mt-sm-20, .mt-xs-20 { margin-top: 20px !important; }
    .mb-sm-20, .mb-xs-20 { margin-bottom: 20px !important; }
    .mt-sm-10, .mt-xs-10 { margin-top: 10px !important; }
    .mb-sm-10, .mb-xs-10 { margin-bottom: 10px !important; }
    .mt-sm-0, .mt-xs-0 { margin-top: 0px !important; }
    .mb-sm-0, .mb-xs-0 { margin-bottom: 0px !important; }
    .mt-sm-5, .mt-xs-5 { margin-top: 5px !important; }
    .mb-sm-5, .mb-xs-5 { margin-bottom: 5px !important; }
    .mt-sm-0, .mt-xs-0 { margin-top: 0px !important; }
    .mb-sm-0, .mb-xs-0 { margin-bottom: 0px !important; }
    .ml-sm--15, .ml-xs--15, .mr-sm--15, .mr-xs--15 { margin-left: -15px !important; margin-right: -15px !important; }
    .ml-sm-0, .ml-xs-0 { margin-left: 0px !important; margin-right: 0px !important; }
    .max-height-auto { height: auto !important; }
}
@media (max-width: 1024px) {
    .desp-box { height: 100px; }
    .location { z-index: 999999; margin-bottom: 20px; }
}
@media (max-width: 1023px) {
    .text-xs-center.more3::before { margin: 15px auto 25px auto; } 
    .more3::before { margin: 15px 0 25px 0; } }
@media (min-width: 480px) and (max-width: 1024px) {
    .product { height: 350px; }
    .productslider { max-width: 96%; height: 310px; }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .footer { padding: 0; }
    .footer .footermenu { margin-top: 0; }
    .footer .backleft { top: 0px; }
    .footer .main .terms { float: left; margin-top: -43px; }
    .footer .footermenu .pull-left { float: none !important;}
    .hidden-md { display: block !important; }
}
@media (min-width: 1025px) {
    .main_banner { margin-top: 154px; }
    .mr30.hidden-md { display: block !important; float: left; }
    .max-height-auto { max-height: 285px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .index .container { width: auto; }
}
@media (min-width: 769px) {
    #newsletter_form .btn { position: relative; margin-top: -36px; right: 10px; border: 1px solid #999; padding: 3px 6px; border-radius: 0; }
}
@media (max-width: 768px) {
    .elv_heading h3 { height: auto; }
    .desp-box { height: auto; }
    .header .account, .header .main_menu { margin: 0px auto 0; }
    .productslider { max-width: 100%; }
    .elavetor .slider-nav .slick-list { padding: 0px !important; }
    .elavator_area .desp { padding: 0 !important; background: none !important; }
    .elavator_area .desp-box { padding: 0 2px !important; border: none; }
    .terms.visible-md-block { display: none !important; }
    .terms.visible-sm-block, .terms.visible-xs-block { display: block !important; }
}
@media (max-width: 768px) {
    #newsletter_form .btn { position: relative; margin-top: -33px; right: 10px; border: 1px solid #999; padding: 3px 6px; border-radius: 0; }
    .index .subscribe .enter input { font-size: 15px; line-height: 18px; }
}
@media (max-width: 480px) {
    #newsletter_form .btn { position: relative; margin-top: -33px; right: 10px; border: 1px solid #999; padding: 3px 6px; border-radius: 0; }
    .index .subscribe .enter input { text-align: center; margin-left: 0; font-size: 15px; line-height: 18px; }
}
@media (max-width: 360px) {
    .cart-mt-sm-10, .cart-mt-xs-10 { margin-top: 10px !important; }
    .cart-ml-sm-0, .cart-ml-xs-0 { margin-left: 0px !important; margin-right: 10px !important; }
    .treatment-product_heading { line-height: 30px !important; margin-top: 30px; padding-bottom: 30px; }
    .coupon .input-text { width: 105px !important; padding: 6px !important; }
    .index .subscribe .enter input { font-size: 13px; } }

.btn_shopnow { display:block; margin-top:20px; color:#ffffff; font-weight:bold; background-color: #898989; padding:8px 15px;width:100px; font-weight:normal }
.btn_shopnow img, .btn_shopnow_mobile img { margin-right:5px; }
.btn_shopnow_mobile { display:none;  }
.btn_shopnow_mobile { margin:30px auto 0; color:#ffffff; background-color:#898989; font-weight:bold; padding:8px 15px; width:100px; text-align: center; font-weight:normal }
 @media (max-width: 991px) {
     .btn_shopnow_mobile { display: block !important; }
	 .btn_shopnow { display: none !important; }
}
 @media (min-width: 992px) and (max-width: 1024px) {
	 .btn_shopnow_mobile { display: block !important; }
	 .btn_shopnow { display: none !important; }
}