<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: 'kanitbold';
    src: url('fonts/kanit-bold-webfont.eot');
    src: url('fonts/kanit-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kanit-bold-webfont.woff2') format('woff2'), url('fonts/kanit-bold-webfont.woff') format('woff'), url('fonts/kanit-bold-webfont.svg#kanitbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanititalic';
    src: url('fonts/kanit-italic-webfont.eot');
    src: url('fonts/kanit-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kanit-italic-webfont.woff2') format('woff2'), url('fonts/kanit-italic-webfont.woff') format('woff'), url('fonts/kanit-italic-webfont.svg#kanititalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanitlight';
    src: url('fonts/kanit-light-webfont.eot');
    src: url('fonts/kanit-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kanit-light-webfont.woff2') format('woff2'), url('fonts/kanit-light-webfont.woff') format('woff'), url('fonts/kanit-light-webfont.svg#kanitlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanitmedium';
    src: url('fonts/kanit-medium-webfont.eot');
    src: url('fonts/kanit-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kanit-medium-webfont.woff2') format('woff2'), url('fonts/kanit-medium-webfont.woff') format('woff'), url('fonts/kanit-medium-webfont.svg#kanitmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanitregular';
    src: url('fonts/kanit-regular-webfont.eot');
    src: url('fonts/kanit-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kanit-regular-webfont.woff2') format('woff2'), url('fonts/kanit-regular-webfont.woff') format('woff'), url('fonts/kanit-regular-webfont.svg#kanitregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanitthin';
    src: url('fonts/kanit-thin-webfont.eot');
    src: url('fonts/kanit-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kanit-thin-webfont.woff2') format('woff2'), url('fonts/kanit-thin-webfont.woff') format('woff'), url('fonts/kanit-thin-webfont.svg#kanitthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubrik_boldregular';
    src: url('fonts/rubrik_bold-webfont.eot');
    src: url('fonts/rubrik_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/rubrik_bold-webfont.woff2') format('woff2'), url('fonts/rubrik_bold-webfont.woff') format('woff'), url('fonts/rubrik_bold-webfont.svg#rubrik_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*GLOBAL Style*/

body {
    font-size: 15px;
}

.form_inline_set{
    display: inline-block;
    padding-left: 25px;
    padding-right: 0px;
    margin-right: 25px !important;
    position: relative;
    z-index: 1000;
}
.form_inline_set_2{
    display: inline-block;
    padding-right: 8px;
    position: relative;
    z-index: 1000;
}


.form_inline_set label{
    margin-bottom: 5px !important;
}
.form_inline_set_2 label{
    margin-bottom: 5px !important;
}

.form_inline_set_account{
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}
.form_inline_set_account_2{
    display: inline-block;
    padding: 0;
}

.btn-facebook {
    font-weight: bold;
}

.dropdown-menu {
    font-size: 15px;
}

.btn-black {
    /*font-weight: bold;*/
    color: white;
    background-color: black;
    border: 1px solid black;
}

.btn-facebook:hover,
.btn-black:hover {
    font-weight: normal !important;
}

.red {
    color: red;
}

.pointer {
    cursor: pointer;
}

.no-padding {
    /*padding-left: 15px;*/
}

.nopadding {
    padding: 0px;
}

.panel-heading {
    font-family: 'Arial';
}

.form-control {
    border-radius: 0px;
}

.blue {
    color: red;
}

.btn {
    font-family: 'Arial';
    font-weight: normal;
    border-radius: 1px;
}

.btn.btn-primary {
    background-color: #9a9a9a;
    border-color: #8b8b8b;
}

.form-group label,
.form-group label.control-label {
    font-family: 'Arial';
    font-weight: normal;
}

.title-box {
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0px 5px 7px -5px rgba(92, 92, 92, 1);
    -moz-box-shadow: 0px 5px 7px -5px rgba(92, 92, 92, 1);
    box-shadow: 0px 5px 7px -5px rgba(92, 92, 92, 1);
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.text-red {
    color: red;
}
.product-set-height{
    min-height: 45px !important;
}
#box-order-sum {
    background-color: #f4f4f4;
    padding-bottom: 2%;
}

#box-order-sum .col-sm-12 {
    margin-bottom: 5px;
}

#order-sum span {
    color: #777777;
}

#order-sum span b {
    color: black;
}

#checkoutFrm&gt;.col-sm-4 {
    padding-top: 2%;
}

#checkoutFrm&gt;.col-sm-4&gt;.col-sm-12&gt;h4,
#checkoutFrm&gt;.col-sm-4&gt;.col-sm-12&gt;.form-group&gt;h4,
#checkoutFrm&gt;.col-sm-4&gt;.col-sm-12&gt;.form-group&gt;label&gt;h4 {
    font-size: 16px;
    font-weight: bold;
}

.apply-point,
.apply-coupon {
    background-color: #bbbbbb;
    color: white;
}

.web-title-bar {
    border-bottom: 1px solid #bbbbbb;
    margin-bottom: 0px;
}

.web-title-bar h1 {
    font-size: 25px;
    margin-top: 10px;
}

#shipping_secc label,
#payment_sec label {
    color: #777777;
}

.input-qty .btn-minus {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-weight: bolder;
    line-height: 20px;
    z-index: 0;
}

.input-qty .btn-plus {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-weight: bolder;
    line-height: 20px;
    z-index: 0 !important;
}

.input-qty&gt;input.form-control {
    width: 50px !important;
    font-size: 16px;
    font-weight: bold;
    border-left: 0px;
    z-index: 0;
}

.breadcrumb {
    background-color: inherit;
    /*border-bottom: 1px solid #545454;*/
    border-radius: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    text-align: right;
}

.breadcrumb&gt;li {
    /*font-family: 'Arial';*/
    font-family: 'Arial';
    font-size: 12px;
}

.breadcrumb&gt;li&gt;a {
    color: #A2A2A2;
}

.breadcrumb&gt;li.active {
    color: black;
}

.breadcrumb&gt;li+li:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-family: 'FontAwesome';
    content: "\f105";
    color: #6E6E6E;
}


/**/

#mainmenuModal {
    font-family: 'Arial';
}

.mobile-mainmenu {
    font-family: 'Arial';
}

.mobile-mainmenu ul li a {
    color: black;
    font-size: 18px;
}

#header-out {
    background-color: #515151;
}

#header-out #header-menu-left {
    padding-top: 15px;
    padding-bottom: 10px;
}

#header-out #header-menu-left ul li a {
    color: #ffffff;
    font-family: 'Arial';
}

#header-out #header-menu-left&gt;ul&gt;li {
    border-right: 1px solid #818181;
    padding-left: 15px;
    padding-right: 15px;
}

#header-out #header-menu-left ul li:first-child {
    padding-left: 0px;
}

#header-out #header-menu-left ul li:last-child {
    border-right: 0px;
}

#header-menu-right ul {
    margin-bottom: 0px;
}

#header-menu-right&gt;ul&gt;li {
    height: 55px;
    line-height: 55px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

#header-menu-right ul li a {
    color: white;
    font-size: 16px;
    text-decoration: none;
}

#header-menu-right ul li a span.number {
    font-size: 15px;
    color: red;
    text-decoration: none;
}

#header-menu-right ul.language li {
    padding-left: 0px;
    padding-right: 0px;
    line-height: 50px;
}

#header-menu-right ul.language li a img {
    max-width: 28px;
    opacity: 0.4;
}

#header-menu-right ul.language li.active a img {
    opacity: 1;
}

.search-icn.active {
    background-color: #e3e3e3;
}

#header-menu-right .search-box {
    position: absolute;
    z-index: 2;
    background-color: #e3e3e3;
    padding: 10px;
    top: 55px;
    left: 10px;
    display: none;
}

#header-menu-right .search-box .form-control {
    border-radius: 5px;
    font-family: 'Arial';
}

#header-menu-out {
    -webkit-box-shadow: 0px 4px 5px -2px rgba(145, 139, 145, 1);
    -moz-box-shadow: 0px 4px 5px -2px rgba(145, 139, 145, 1);
    box-shadow: 0px 4px 5px -2px rgba(145, 139, 145, 1);
    padding-top: 10px;
    padding-bottom: 5px;
    font-family: 'Arial';
    /*margin-bottom: 30px;*/
    z-index: 10;
}

#header-menu-out #header-menu ul li {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    color: black;
}

.header-block {
    position: relative;
    background-color: white;
}

.header-text {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.container-body {
    background-color: white;
    padding-top: 10px;
}

#sidebar-category {}

#sidebar-category&gt;ul {
    padding-left: 0px;
}

#sidebar-category&gt;ul&gt;li&gt;ul {
    padding-left: 15px;
}

#sidebar-category&gt;ul&gt;li {
    border-bottom: 1px dotted grey;
    padding-top: 5px;
    padding-bottom: 5px;
}

#sidebar-category ul li {
    list-style: none;
}

#sidebar-category ul li a {
    font-family: 'kanitmedium';
    color: black;
    font-size: 15px;
}

.mobile-categorymenu {}

.mobile-categorymenu&gt;ul {
    padding-left: 0px;
}

.mobile-categorymenu&gt;ul&gt;li&gt;ul {
    padding-left: 15px;
}

.mobile-categorymenu&gt;ul&gt;li {
    border-bottom: 1px dotted grey;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mobile-categorymenu ul li {
    list-style: none;
}

.mobile-categorymenu ul li a {
    font-family: 'kanitmedium';
    color: black;
    font-size: 14px;
}

#sidebar-filter {}

#sidebar-filter .panel-default {
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}

#sidebar-filter .panel-default .panel-heading {
    background-color: #bbbbbb;
    color: white;
    border-radius: 0px;
}

#sidebar-filter .panel-body {
    padding-left: 30px;
}

#sidebar-filter .filter-body ul li {
    list-style: none;
}

#sidebar-filter .filter-body&gt;ul {
    padding-left: 0px;
}

#sidebar-filter .filter-body&gt;ul&gt;li&gt;ul {
    padding-left: 15px;
}


/*#sidebar-filter .filter-body&gt;ul&gt;li&gt;a {
    font-family: 'kanitmedium';
    font-size: 15px;
    color: black;
}*/

#sidebar-filter .filter-body&gt;ul&gt;li&gt;ul&gt;li&gt;a {
    /*font-family: 'kanitmedium';*/
    font-size: 15px;
    color: grey;
}

#home-product {
    margin-top: 15px;
}

#home-product .home-product-bar {
    /*font-family: 'Arial';*/
    /*color: white;*/
    /*background-color: #444444;*/
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bbbbbb;
    font-size: 22px;
}

.product-list {
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-list .product-img {
    height: 150px;
    margin-bottom: 15px;
}

.product-list .product-img img {
    max-height: 150px;
}

.product-list .product-name {
    height: 42px;
    width: 100%;
    text-align: center;
    color: black;
    font-family: 'Arial';
    font-size: 16px;
    margin-bottom: 10px;
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.product-list .product-name a {
    color: black;
    font-family: 'Arial';
    font-size: 15px;
    /*font-weight: bold;*/
}

.product-list .product-price .market-price {
    height: 20px;
    font-family: 'Arial';
    font-size: 15px;
    color: #8e8e8e;
    text-decoration: line-through;
    text-align: center;
    white-space: nowrap;
}

.product-list .product-price .sell-price {
    height: 22px;
    /*font-family: 'Arial';*/
    font-size: 19px;
    /*color: black;*/
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}

.product-list .product-utility {
    margin-top: 15px;
}

.product-list .product-utility a {
    color: #8e8e8e;
    font-family: 'Arial';
}

.product-list .product-utility .glyphicon {
    font-size: 20px;
    color: #1a1a1c;
}

.product-utility {
    margin-top: 15px;
}

.product-utility a {
    color: black;
    font-family: 'Arial';
}

.product-utility .glyphicon {
    font-size: 20px;
}

.product-list .product-buy-btn {
    margin-top: 10px;
}

.buy-btn {
    /*background-color: #444444;*/
    border-radius: 0px;
    border: 0px;
    /*color: white;*/
    font-family: 'Arial';
    font-size: 14px;
    border: 1px solid #8e8e8e;
}

.btn-default:hover {
    color: white;
    background-color: #161210;
    border-color: #161210;
    /*font-weight: bold;*/
}

.out-of-stock {
    color: red;
    text-transform: uppercase;
    font-family: 'Arial';
}

.product-list .out-of-stock {
    color: red;
    text-transform: uppercase;
    font-family: 'Arial';
    margin-top: 18px;
    margin-bottom: 2px;
}

.trash-compare {
    position: absolute;
    right: 3px;
    top: 11px;
    font-size: 25px;
    color: red;
    cursor: pointer;
}

#product-detail {
    font-family: 'Arial';
}

#product-detail .price-box {
    border-bottom: 1px dotted black;
    margin-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
}

#product-detail .price-box .market-price {
    height: 20px;
    font-family: 'Arial';
    font-size: 16px;
    color: grey;
    text-decoration: line-through;
    /*margin-bottom: 5px;*/
}

#product-detail .price-box .sell-price {
    height: 20px;
    font-family: 'Arial';
    font-size: 20px;
    color: black;
}

#product-detail .price-box span {
    font-size: 15px;
    color: grey;
}

#product-detail .price-box .tt {
    font-size: 15px;
    color: black;
}

.product-detail-tab {
    background-color: white;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Arial';
    font-weight: bold;
}

.product-detail {
    padding-top: 0px;
    font-family: 'Arial';
}

.product-detail-bottom-bar {
    margin-top: 30px;
    border-bottom: 1px solid black;
}

.product-relate {
    font-size: 18px;
    margin-top: 30px;
    padding-bottom: 20px;
    font-family: 'Arial';
    font-weight: bold;
}

.cart-list-bar {
    position: absolute;
    z-index: 1;
    background-color: white;
    width: 350px;
    right: 150px;
    display: none;
    line-height: 25px;
    text-align: left;
    font-family: 'Arial';
    -webkit-box-shadow: 0px 4px 5px -2px rgba(145, 139, 145, 1);
    -moz-box-shadow: 0px 4px 5px -2px rgba(145, 139, 145, 1);
    box-shadow: 0px 4px 5px -2px rgba(145, 139, 145, 1)
}

.cart-list-bar .box-desc-cart span {
    font-size: 12px;
}

.cart-list-bar .col-sm-12 {
    margin-bottom: 10px;
    border-bottom: 1px solid grey;
    padding-top: 5px;
    padding-bottom: 10px;
}

.cart-list-bar .total-box {
    font-size: 15px;
    font-weight: bold;
    border-bottom: none;
    padding-right: 15px;
    padding-left: 0;
}

.cart-list-bar .btn-box-go {
    margin-top: 0px;
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 0;
    font-size: 15px;
}

#header-menu-right .cart-list-bar .btn-box-go a {
    font-size: 15px;
}

.cart-list-bar .btn-box-go .btn-default {
    color: grey !important;
}

.del-cart {
    cursor: pointer;
}

#cart-list {
    font-family: 'Arial';
    margin-bottom: 30px;
}

#register {
    font-family: 'Arial';
}

#register .register-box-page {
    padding-left: 40px;
    padding-right: 44px;
    padding-top: 0px;
    padding-bottom: 10px;
}

#register .control-label {
    text-align: left;
    font-family: 'Arial';
}

#login-page {
    font-family: 'Arial';
}

#login-page #login-box-page {
    /*border: 1px solid #999999;*/
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 8px;
    padding-bottom: 10px;
}

.border-right-box {
    border-right: 1px solid #999999;
}

#login-page .txt_or_login {
    padding-top: 90px;
}

.social-login-box {
    padding-top: 60px;
}

.social-google-login {
    padding-top: 25px;
}

#login-page #register-box-page {
    padding-top: 30px;
}

#register .txt_or_login {
    padding-top: 150px;
}

#register .social-login-box {
    padding-top: 120px;
}

#footer-bg {
    /*background-image: url('../images/footer-bg.png');*/
    min-height: 100px;
    background-size: cover;
    background-position: top center;
    /*margin-top: 40px;*/
}

.print-order {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.66);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.66);
    padding: 30px;
}

.print-order h1,
.print-order h2,
.print-order h3,
.print-order h4,
.print-order h5,
.print-order h6 {
    font-family: 'Tahoma';
}

.print-order .pipe-bar {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid black;
}

.print-order .table {
    font-family: 'Tahoma';
}

.print-order h4,
.print-order h5 {
    font-size: 15px;
}

.blog-news .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.blog-news .blog-news-hr hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.blog-news .blog-news-name a {
    color: black;
}

.blog-news .blog-news-shot-desc a {
    color: grey;
}

.paymentbank {}

.paymentbank label.control-label {
    text-align: left;
}

.bootbox .modal-header {
    display: none;
}

.bootbox button.close {
    display: none;
}

.bootbox .modal-body {
    padding-top: 15px;
}

.carousel-indicators li {
    border-color: white !important;
}

.carousel-indicators li {
    background-color: white !important;
}

.carousel-indicators li.active {
    background-color: black !important;
}


/*.label{position:absolute;top:9px;right:7px;text-align:center;font-size:9px;padding:2px 3px;line-height:.9}*/

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    color: #fff !important
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important
}

.bg-gray-light {
    background-color: #f7f7f7
}

.bg-black {
    background-color: #111 !important
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
    background-color: #f39c12 !important
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important
}

.bg-blue {
    background-color: #0073b7 !important
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important
}

.bg-navy {
    background-color: #001f3f !important
}

.bg-teal {
    background-color: #39cccc !important
}

.bg-olive {
    background-color: #3d9970 !important
}

.bg-lime {
    background-color: #01ff70 !important
}

.bg-orange {
    background-color: #ff851b !important
}

.bg-fuchsia {
    background-color: #f012be !important
}

.bg-purple {
    background-color: #605ca8 !important
}

.bg-maroon {
    background-color: #d81b60 !important
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important
}

.bg-black-active {
    background-color: #000 !important
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important
}

.bg-blue-active {
    background-color: #005384 !important
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important
}

.bg-navy-active {
    background-color: #001a35 !important
}

.bg-teal-active {
    background-color: #30bbbb !important
}

.bg-olive-active {
    background-color: #368763 !important
}

.bg-lime-active {
    background-color: #00e765 !important
}

.bg-orange-active {
    background-color: #ff7701 !important
}

.bg-fuchsia-active {
    background-color: #db0ead !important
}

.bg-purple-active {
    background-color: #555299 !important
}

.bg-maroon-active {
    background-color: #ca195a !important
}

.theme-category ul li {
    line-height: 25px;
}

.theme-category&gt;ul&gt;li&gt;a {
    /* font-weight: bold; */
}

#header-slide {
    padding: 0px;
}

.product-box-big-img {
    min-height: 400px;
}


/*Mobile CSS*/

.carousel-product-image {
    height: 80px;
    text-align: center;
    margin-right: 10px;
    border: 1px solid rgb(218, 218, 218);
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.box-option-ids .buy-btn {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 30px;
}

.product-desc {
    margin-top: 30px;
}



@media (max-width: 767px) {
    .default-mobile-topbar .cart-list-bar .col-xs-12.col-sm-2{
        position: absolute;
        text-align: right;
        top: -7px;
    }
    #register .register-box-page{
        padding-left: 45px;
        padding-right: 45px;
    }
    .form_inline_set_2 {
        padding-right: 0px;
        padding-left: 29px;
    }
    #register .txt_or_login{
        padding-top: 0px !important;
        text-align: center;
    }

    #login-page .txt_or_login {
        padding-top: 0;
        text-align: center;
    }
    #login-page #register-box-page{
        padding: 0;
    }
    .social-login-box {
        padding-top: 20px;
        text-align: center;
        padding-bottom: 40px;
    } 

    .form_inline_set{
        padding-left: 29px;
        margin-right: 0 !important;
    }
    
    #register .social-login-box {
        padding-top: 20px;
        text-align: center;
    }
    
    .cart-list-bar .col-sm-12 {
        margin-bottom: 10px;
        border-bottom: 1px solid grey;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 10px;
    }
    #cartModal .modal-dialog{
        width: 92% !important;
    }
    .navbar-brand &gt; img{
        max-width: 100px;
    }
    .cart-link-checkout .btn-cart-checkout {
        padding: 8px 40px !important;

    }
    .breadcrumb {
        display: none;
    }
    .product-box-big-img {
        min-height: inherit;
    }
    .carousel-product-image {
        height: 80px;
        width: 70px !important;
    }
    .product-box-carousel {
        padding-left: 0px;
        padding-right: 0px;
    }
    .product-box-carousel .slick-initialized {
        margin-left: 0px;
        margin-right: 0px;
    }
    #product-detail {
        margin-top: 20px;
    }
    .box-option-ids .input-qty {
        width: 50%;
        float: left;
    }
    .box-option-ids .input-qty #qty {
        width: 100% !important;
        border-left: 1px solid #ccc;
    }
    .box-option-ids .input-qty .btn-minus {
        border-right: 1px solid #ccc;
        /*margin-right: 1px;*/
    }
    .box-option-ids .buy-btn {
        float: left;
    }
    .box-option-ids .buy-btn {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 10px;
        background-color: black;
        color: white;
    }
    .product-desc {
        margin-top: 15px;
    }
    .product-box-detail {
        padding: 0px;
    }
    .product-box-detail .product-detail {
        padding: 0px;
    }
    .product-list&gt;.row&gt;.col-sm-3 {
        margin-bottom: 15px !important;
    }
    .cart-list-bar {
        width: 250px;
        right: 2px;
        top: 48px;
        border: 1px solid grey; 
    }
    .cart_list_mobile{
        height: auto;
        max-height: 400px;
        overflow: auto;
    }
    .register-set-2{
        margin-top: 45px;
    }
    .close-cart {
        position: absolute;
        top: -15px;
        z-index: 100;
        left: -10px;
        background-color: white;
        border-radius: 50%;
        line-height: 15px;
        cursor: pointer;
    }
    .trash-compare {
        top: 0px;
    }
    .box-desc-cart {
        padding-left: 0px;
        padding-right: 5px;
    }
    .history-search-btn {
        text-align: center !important;
        /*margin-top: 15px;*/
        margin-bottom: 20px;
    }
}

.contact-page .col-sm-6 h4,
.contact-page .col-sm-12 h4 {
    font-size: 19px;
}

.contact-page label,
.contact-page .col-sm-6 h5 {
    font-size: 15px;
}

.payment-bank h1 {
    font-size: 25px;
}

.payment-bank label {
    font-size: 15px;
}


/*Modal Cart*/

#cartModal .close {
    opacity: 1;
    position: absolute;
    right: -15px;
    top: -10px;
    z-index: 10;
}

#cartModal .modal-dialog {
    width: 60%;
}

#cartModal .cart-checkout h4.txt_head_product_item {
    color: #72b656;
}

#cartModal .cart-checkout-list {
    margin-top: 20px;
    margin-bottom: 30px;
}

#cartModal .cart-checkout .cart-product-item {
    border-right: 1px solid #e3e3e3;
}

#cartModal .cart-checkout h4.txt_head_cart_total span {
    font-size: 14px;
    font-weight: 400;
}

#cartModal .cart-checkout h4.txt_head_cart_total {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#cartModal .cart-checkout .txt_cart_total {
    font-size: 16px;
    font-weight: bold;
}

#cartModal .cart-checkout .txt_cart_total_sum {
    float: right;
    font-size: 18px;
    font-weight: bold;
}

.cart-link-checkout {
    margin-top: 20px;
}

.cart-link-checkout .btn-cart-checkout {
    padding: 8px 60px;
    float: right;
    font-weight: bold;
    font-size: 16px;
}

.cart-link-checkout .btn-cart-continue {
    position: relative;
    top: 10px;
}

/*Button Google*/
.btn-google {
    padding: 6px 16px;
}

/*Login Page*/

.input_nologin .form-group{
    padding-right:5px; 
}

/*Warning alert*/
.warning-alert{
    color: red;
    display: none;
}</pre></body></html>