/* ================================================================== */
/* CUSTOMIZE THE BOOTSTRAP INPUT FORM ELEMENT + BUTTON + ALERT
/* ================================================================== */
/*  FOM CONTROLS    */
.form-control:focus {
    box-shadow: NONE;
    outline: 0 none;
}
.form-horizontal.form-aleft .la-label {
    text-align: left;
}
.form-horizontal.form-aleft .radio {
    margin-bottom: 5px;
}
.form-horizontal.form-aleft .form-group label {
    text-align: left;
}
.form-horizontal.form-aleft input {
    margin-bottom: 0px;
}
.form-horizontal.form-aleft .form-group {
    margin-bottom: 6px;
}
.form-horizontal.form-aleft .save-form {
    padding-bottom: 10px;
    padding-top: 6px;
}
p.required,
.required sup {
    color: #E74C3C;
}
.pagination li.active a {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2) inset;
}
legend {
    padding-bottom: 10px;
}
.row-centered {
    text-align: center;
}
.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}
.alert-success {
    background-color: #edf9ec;
    color: #000000;
}
.alert-success hr {
    border-top-color: #cdd7cc;
}
.alert-success .alert-link {
    color: #000;
}
.alert-info {
    background-color: #ecf4f9;
    color: #000;
}
.alert-info hr {
    border-top-color: #dae3e9;
}
.alert-info .alert-link {
    color: #000;
}
.alert-warning {
    background-color: #f8f1e6;
    color: #000;
}
.alert-warning hr {
    border-top-color: #e1dbd3;
}
.alert-warning .alert-link {
    color: #000;
}
.alert-danger {
    /* background-color: #f6ebeb; */
    /* color: #000; */
}
.alert-danger hr {
    border-top-color: #e5dada;
}
.alert-danger .alert-link {
    color: #000;
}
/* =============================================================== */
/* CUSTOMIZE NAVBAR AND PAGE HEADER
/* =============================================================== */
.navbar-toggle {
    background: rgba(0, 0, 0, 0.2);
}
.navbar-km {
    width: 100%;
}
.navbar-brand {
    padding: 10px;
    color: #FFFFFF;
    font-size: 28px;
}
.navbar.stuck .navbar-top {
    margin-top: -30px;
}
.dropdown-menu {
    box-shadow: 0 3px 10px rgb(103 103 103 / 50%);
    transition-delay: 0s;
    transition-duration: 200ms;
    transition-property: top, opacity, visibility;
    transition-timing-function: linear;
    border: medium none;
    border-radius: 0;
}
/*  MEGA MENU */
.megamenu .nav,
.megamenu .dropup,
.megamenu .dropdown,
.megamenu .collapse {
    position: static;
}
.megamenu .navbar-inner,
.megamenu .container {
    position: relative;
}
.megamenu .dropdown-menu {
    left: auto;
}
.megamenu .dropdown-menu>li {
    display: block;
}
.megamenu .nav.float-right .dropdown-menu {
    right: 0;
}
.megamenu .megamenu-content {
    padding: 20px 30px;
    *zoom: 1;
}
.megamenu .megamenu-content:before,
.megamenu .megamenu-content:after {
    display: table;
    content: "";
    line-height: 0;
}
.megamenu .megamenu-content:after {
    clear: both;
}
.megamenu.navbar .nav>li>.dropdown-menu:after,
.megamenu.navbar .nav>li>.dropdown-menu:before {
    display: none;
}
.megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}
.megamenu .dropdown.megamenu-80width .dropdown-menu {
    width: 80%;
    left: 0;
    right: 0;
}
.megamenu .dropdown.megamenu-80width .dropdown-menu {
    width: 80%;
    left: 0;
    right: 0;
}
.megamenu .dropdown.megamenu-50width .dropdown-menu {
    width: 50%;
    left: 0;
    right: 0;
}
.megamenu .dropdown.megamenu-40width .dropdown-menu {
    width: 40%;
    left: 0;
    right: 0;
}
.megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}
@media (max-width: 969px) {
    .megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
        width: auto;
    }
    .megamenu .megamenu-content {
        padding-left: 0;
        padding-right: 0;
    }
    .megamenu .dropdown-menu>li>ul {
        display: block;
    }
}
.megamenu-content img {
    max-width: 100%;
}
.megamenu-content ul li {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.megamenu-content ul li a {
    font-size: 12px;
}
/* megamenu end */
.navbar-toggle .icon-bar {
    border: solid 1px #fff;
}
.user-menu {
    position: relative;
    float: left;
}
.user-menu>li {
    display: block;
    float: left;
}
.user-menu>li>a {
    display: block;
    float: right;
    font-size: 12px;
    line-height: 30px;
    padding: 0 10px;
    text-decoration: none;
    transition: opacity 0.2s ease-out 0s;
    -webkit-transition: opacity 0.21s ease-out 0s;
    -moz-transition: opacity 0.2s ease-out 0s;
    -ms-transition: opacity 0.2s ease-out 0s;
    -o-transition: opacity 0.2s ease-out 0s;
}
.user-menu>li>a i {
    font-size: 19px;
    vertical-align: sub;
}
.phone-number span {
    float: left;
}
.hasUserMenu>.dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0px;
    left: auto;
    right: 0;
}
.hasUserMenu>.dropdown-menu>li>a {
    color: #000000;
    font-size: 12px;
    padding: 5px 15px;
}
.hasUserMenu>.dropdown-menu>li>a i {
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 10px;
}
@media (max-width: 767px) {
    .user-menu {
        float: right;
    }
    .user-menu>li>a {
        padding: 17px 10px;
        line-height: 1;
    }
    .user-menu>li>a i {
        font-size: 26px;
    }
}
/***  ------- Main Navigation onhover issue for ipad and mobile ------- ***/
@media (min-width: 979px) {
    .navbar-km ul.nav li.dropdown:hover ul.dropdown-menu,
    div.cart-menu.dropdown:hover div.dropdown-menu {
        display: block;
        filter: none;
        opacity: 1;
    }
    .megamenu-content ul li a {
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        display: block;
    }
    .megamenu-content ul li a:hover {
        padding-left: 5px;
    }
    .megamenu-content ul li.productPopItem a:hover,
    .megamenu-content ul li a.newProductMenuBlock:hover {
        padding-left: 0;
    }
    .navbar.stuck .brandWrap {
        height: 0;
        overflow: hidden;
    }
}
.search-box {
    float: right;
    height: 48px;
    width: 38px;
}
.search-box .input-group .getFullSearch {
    padding-left: 10px;
    padding-right: 10px;
}
.search-box.static-search {
    width: auto;
    min-width: 143px;
}
.search-box.static-search #search-form {
    padding-right: 0;
}
.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
.search-box .input-group {
    margin-top: 8px;
    max-width: 34px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.search-box:hover .input-group {
    max-width: 183px;
}
.search-box .form-control {
    width: 0;
    padding: 0;
    height: 34px;
    border: 0;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.search-box:hover .form-control {
    border: solid 1px #fff;
}
.btn-nobg {
    background: none;
    color: #fff;
}
.search-box:hover .btn-nobg {
    background: #fff;
}
.search-box.static-search .input-group {
    margin-top: 1px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.search-box.static-search .form-control {
    width: auto;
    padding: 0;
    height: 35px;
    border: solid 1px #fff;
    opacity: 1;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.search-box.static-search:hover .form-control {
    opacity: 1;
    border: solid 1px #fff;
    color: #333;
    background: #fff;
}
.search-box.static-search button {
    border: 0;
    margin: 0;
}
/***  ------- Search Bar Full ------- ***/
.search-full {
    bottom: 0;
    min-height: 50px;
    position: absolute;
    right: 0;
    text-align: right;
    white-space: nowrap;
    width: 100%;
    z-index: 10;
    display: none;
}
.search-close {
    background: rgba(0, 0, 0, 0.3);
    display: table;
    float: right;
    font-size: 32px;
    height: 51px;
    padding: 0 15px;
}
.search-close i {
    display: table-cell;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.search-input::-webkit-input-placeholder {
    color: #000000;
}
.search-input::-moz-input-placeholder {
    color: #000000;
}
.search-full.active {
    display: block;
}
.navbar-cart {
    border-top: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    max-height: 340px;
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
}
.color-white,
.color-white i {
    color: #fff;
}
/***  ------- NAVBAR MINI CART ------- ***/
.cart-menu>a {
    line-height: 1;
    font-size: 14px;
    position: relative;
    display: block;
}
.cart-menu>a i {
    font-size: 25px;
}
.cart-menu .cart-response i {
    font-size: 12px;
    margin-left: 5px;
    vertical-align: inherit;
}
.cart-menu .cart-response i:before {
    font-weight: bold;
}
.cart-menu {
    float: right;
}
.mini-cart-footer {
    background: #ffffff;
    padding: 10px 10px 0px;
    border-top: 1px solid #e5e5e5 !important;
    margin-top: 10px;
}
.cart-footer-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.mini-cart-footer .btn:last-child {
    margin-left: 12px;
}
.mini-cart-footer .btn {
    width: 100%;
    min-width: 160px;
    font-size: 14px;
}
.mini-cart-footer .subtotal,
.mini-cart-footer .subtotal-discount {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    color: #000;
}
.mini-cart-table {
    max-height: 100%;
    flex: 1 1 auto;
    overflow-y: auto;
}
.mini-cart-table table {
    width: 100%;
}
.mini-cart-table .mini-cart-product {
    display: flex;
    border-bottom: 1px solid #f5f5f5;
    align-items: flex-start;
    justify-content: space-between;
}
.mini-cart-table .mini-cart-product:last-child {
    border-bottom: 0;
}
.mini-cart-table .mini-cart-product a {
    display: block;
}
.mini-cart-table .mini-cart-product img {
    width: 60px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    /* padding: 5px; */
}
.mini-cart-table .mini-cart-product .cart-promo img {
    border: none;
    width: 40px;
    border-radius: 0;
    margin: 0 12px 0 0;
    padding: 0;
}
.mini-cart-description .pname {
    font-size: 14px;
    line-height: 21px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mini-cart-description .price-box {
    min-height: inherit;
}
.mini-cart-description .old-price,
.mini-cart-description .price-standard {
    color: #999999;
    line-height: 21px;
    font-size: 13px;
    margin-right: 6px;
    text-decoration: line-through;
}
.mini-cart-description .price {
    color: #000000;
    line-height: 21px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}
.mini-cart-description .cart-promo .price {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
}
.quantity {
    /* font-size: 14px; */
    /* line-height: 21px; */
    /* display: block; */
}
.mini-cart-product .delete {
    text-align: right;
    font-size: 20px;
}
.cart-delete {
    text-align: right;
    font-size: 20px;
    cursor: pointer;
}
@media (max-width:767px) {
    .cart-menu img {
        width: auto;
    }
    .mini-cart-product,
    .mini-cart-product a,
    .mini-cart-product p,
    .mini-cart-product .size,
    .mini-cart-product .price,
    .dropdown-header {
        color: #000;
    }
    .cart-menu .mini-cart-product img {
        width: 50px;
        padding: 5px;
    }
    .cart-menu a .cart-quantity {
        right: 10px;
    }
}
/***  ------- Mini Cart End ------- ***/

/* ================================*/
/*  FOOTER
/* ================================*/
.gap {
    height: 40px;
    width: 100%;
    clear: both;
    display: block;
}
.footer {
    background: #f2f2f2;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.footer p {
    margin: 0;
}
.footer img {
    max-width: 100%;
}
.footer h3 {
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    line-height: 27px;
    padding: 40px 0 10px;
}
.news-letter-box .input-append {
    background: #FFFFFF;
    float: left;
    height: 30px;
    clear: both;
    width: 100%;
}
.news-letter-box .btn {
    border-radius: 3px;
    border: medium none;
    color: #fff;
    display: inline-block;
    height: 36px;
    padding: 4px;
    width: 100%;
}
.news-letter-box .input-group-btn .btn {
    height: 30px;
}
.news-letter-box {
    overflow: hidden;
}
.input-group-btn .btn-subscribe {
    height: 30px;
    padding: 7px 6px;
    font-size: 13px;
    width: 60px;
}
.bg-gray {
    background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
    box-shadow: 0 1px 0 #B4B3B3;
}
@media (max-width: 979px) {
    .footer-bottom {
        text-align: center;
    }
    .footer-bottom p.float-left {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-bottom .credit-cards {
        margin-bottom: 10px;
    }
    .footer-bottom .km-sign {
        text-align: center;
        font-size: 13px;
    }
}

/* =============================================================== */
/* MAIN CONTAINER || TOP CONTAINER START
/* =============================================================== */
.full-container {
    width: 100%;
    display: block;
    clear: both;
}
.main-container {
    min-height: 580px;
}
.header-offset {
    padding-top: 100px;
}
.home-header-offset {
    padding-top: 80px;
}
.section-block {
    margin-bottom: 30px;
}

/* =============================================================== */
/* BANNER SLIDER, PRODUCT SLIDER
/* =============================================================== */
/***  -------  PRODUCT-SLIDE (single item)  ------- ***/
.product-slider {
    padding: 20px 60px;
}
.product-slider-title {
    background: #ebebeb;
    margin-bottom: 30px;
    padding: 7px 0;
    text-align: center;
}
.product-slide-inner {
    margin-top: 12%;
    display: block;
    max-width: 98%;
}
.product-slide-inner .edit-product {
    right: 15px;
}
.product-slide-inner .product-status {
    top: 0;
    bottom: auto;
}
.product-slide-left {
    text-align: center;
}
.product-slide-img {
    display: block;
    text-align: center;
}
.product-slide-img img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .product-slider {
        margin-left: 2%;
        margin-right: 2%;
    }
    .product-slide-inner {
        display: block;
        max-width: 98%;
        margin: 5% auto 0;
        text-align: center;
    }
}
.bundle-items {
    margin: 20px 0;
}
/***  -------  PRODUCT-SHOW-CASE (group slides) ------- ***/
.product-show-case .item {
    margin: 0 10px 15px;
}
.owl-theme .owl-controls .owl-page span {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
}
.product-show-case .owl-controls {
    margin-top: 0;
}
.product-show-case .btn-stroke-dark i {
    font-size: 0;
    transition: font 0.3s ease;
}
.product-show-case .btn-stroke-dark:hover i {
    font-size: inherit;
}
.product-show-case .details-description {
    font-size: 14px;
    margin-bottom: 15px;
}
.product-show-case .product-title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .product-show-case .owl-controls {
        margin-top: 10px;
    }
    .ps-next {
        right: 15px;
    }
    .ps-prev {
        left: 15px;
    }
}
/***  -------  KM-SLIDER ------- ***/
.km-slider .content-slide .box-content-overly.box-content-overly-white {
    opacity: 1;
}
.km-slider .content-slide .box-content-overly {
    text-align: center;
    visibility: visible;
    color: #fff;
}
.km-slider-wrapper .ps-nav {
    opacity: 0;
    transform: scale(1.15);
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.km-slider-wrapper:hover .ps-nav {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
/* ===================================*/
/* PRODUCT TEMPLATE ITEM              */
/* ===================================*/
.item .product-name {
    overflow: hidden;
    display: block;
    line-height: 18px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item .btn-shopping-list {
    line-height: 1;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    box-shadow: 0px 3px 2px #DDD;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    text-align: center;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.item .product:hover .btn-shopping-list {
}
.item .btn-shopping-list.active {
    background: none;
    visibility: visible;
    opacity: 1;
    color: #d82923;
    box-shadow: none;
}
.item .btn-shopping-list:before {
    font-size: 20px;
}
.product .on-hover {
    -webkit-transition: all, .5s, ease-in;
    -moz-transition: all, .5s, ease-in;
    transition: all, .5s, ease-in;
    opacity: 0;
}
.product:hover .on-hover {
    -webkit-transition: all, .3s, ease-in;
    -moz-transition: all, .3s, ease-in;
    transition: all, .3s, ease-in;
    opacity: 1;
}
.item.list-view .list-description {
    display: block;
}
.item.list-view {
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}
.item.list-view .image {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    max-height: 240px;
    max-width: 240px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    padding-right: 20px;
    background: #fff;
}
.item.list-view .image a {
    display: block;
    max-height: 100%;
    height: 100%;
    max-height: 100%;
}
.item.list-view .image img {
    max-height: 240px;
    width: auto;
}
.item.list-view h4 {
    height: auto;
    margin: 45px 0 5px;
}
.item.list-view .description {
    text-align: left;
}
.item.list-view .description p {
    text-align: left;
    max-height: 200px;
    min-height: 10px;
}
.item.list-view .price {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.item.list-view .action-control {
    text-align: left;
    position: relative;
}
.item.list-view .product:hover .buy-action {
    animation: none;
    transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
}
.item.list-view .product {
    padding-right: 20px;
    min-height: 240px;
}
.item:hover .action-control {
    border-bottom-color: #fff;
}
.product-box .item {
    margin: 0 10px;
}
.product-box .item:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    background: #fff;
}
.image {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    max-height: 240px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.image a {
    display: block;
    overflow: hidden;
}
.image a img {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    max-height: 240px;
    margin: 0 auto;
}
.product:hover .image a img {
    transform: scale(1.15) rotate(-1.5deg);
    -webkit-transform: scale(1.1) rotate(-1.5deg);
    -moz-transform: scale(1.1) rotate(-1.5deg);
    -ms-transform: scale(1.1) rotate(-1.5deg);
    -o-transform: scale(1.1) rotate(-1.5deg);
}
.product-new {
    display: block;
    overflow: hidden;
}
.product-new span {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 84px;
    line-height: 8px;
    padding: 65px 10px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transform-origin: center center 0;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    width: 200px;
    z-index: 100;
    background: #e5e5e5;
}
.product-new span {
    left: 0;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
}
.fast-shipping {
    color: #fff;
    border-radius: 4px;
    background: #3eb1d3;
    padding: 5px 10px;
    line-height: 1;
    margin-top: 4px;
    font-size: 12px;
}
.no-stock {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    background-color: #f2f2f2;
}
.list-view .product-status {
    text-align: right;
    padding-top: 5px;
}
.price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.product .campaign-prbox {
    font-size: 12px;
    font-weight: 500;
    color: #4d4d4d;
    line-height: 16px;
}
.product .campaign-prbox .camp-price {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}
@media (min-width:890px) {
    .product .campaign-prbox {
        border-left: 1px solid #e5e5e5;
        margin: 0 0 0 8px;
        padding: 0 0 0 8px;
    }
}
@media (max-width:889px) {
    .product .price {
        min-height: 98px;
    }
    .product .product-discount {
        display: inline-block;
        vertical-align: super;
    }
    .product .price-box {
        display: inline-block;
    }
    .product .campaign-prbox {
        margin-top: 5px;
    }
}
.description {
}
.list-view .description {
    margin: 0 auto;
    min-height: auto;
    max-width: 100%;
}
.description .product-adv {
    display: none;
}
.list-view .description .product-adv {
    display: inline;
}
.action-control {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
}
.cart a {
    font-size: 20px;
    margin: 0 0;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.13s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.buy-action {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    bottom: 0px;
    height: 60px;
    z-index: 1;
    visibility: hidden;
    background-color: #fff;
}
.product:hover .buy-action {
    animation: 300ms linear 0s normal none 1 running fadeInUp;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}
.product:hover .buy-action .btn {
    margin-top: 14px;
}
.list-view .buy-action {
    background: none;
    position: relative;
    visibility: visible;
    opacity: 1;
    text-align: left;
}
/* PRODUCT LIST IMAGE HOVER */
.product:hover .image-hover a img {
    opacity: 0.75;
}
.img-responsive.primaryImage {
    position: relative;
    z-index: 1;
    transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
    transform-style: preserve-3d;
    opacity: 1;
}
.secondaryImage {
    left: 0;
    position: absolute;
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
    top: 0;
    opacity: 0;
}
.imageHoverFlip .primaryImage {
    transform-style: preserve-3d;
    transform: rotateY(0);
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
}
.imageHoverFlip .secondaryImage {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
}
.product:hover .secondaryImage {
    opacity: 1;
}
.product:hover .img-responsive.primaryImage {
    opacity: 0;
}
.product:hover .imageHoverFlip .img-responsive.primaryImage {
    transform: rotateY(180deg);
}
.product:hover .imageHoverFlip .img-responsive.secondaryImage {
    opacity: 1;
    transform: rotateY(0deg);
}
.item.list-view .image-hover {
    background: #fff;
    display: block;
    float: left;
    max-height: 240px;
    max-width: 240px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
/* ================================*/
/* BRAND LİST
/* ================================*/
.featured-post-container.global-padding {
    padding: 10px 0;
}
.brand-alphabet-list a {
    display: inline-block;
    font-size: 14px;
    padding: 2px;
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: center;
    min-width: 25px;
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
}
.brand-alphabet-list a.selected {
    border: 1px solid #999999;
    background-color: #fff;
}
.brand-alphabet-list a:hover {
    border: 1px solid #999999;
    background-color: #fff;
}
.brand-image-look .inner {
    display: block;
    position: relative;
    margin-bottom: 30px;
}
.brand-image-look .inner .box-content-overly-white {
    right: 0;
    text-align: center;
}
.brand-image-look .inner .img-title {
    color: white;
    display: block;
    font-size: 20px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 0px 2px #555;
    top: 40%;
    width: 100%;
    z-index: 100;
    transition: opacity .2s linear, visibility .2s linear;
}
.brand-image-look .inner:hover .img-title {
    visibility: hidden;
    opacity: 0;
}
.brand-image-look .inner .box-text-cell-inner h1 {
    font-size: 20px;
}
.brand-image-look .inner:hover .box-content-overly-white {
    opacity: 1;
    background: rgba(255, 255, 255, 0.8);
    visibility: visible;
}
@media (max-width: 650px) {
    .brand-image-look .inner .box-text-cell-inner h1 {
        font-size: 18px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .brand-image-look .inner .box-text-cell-inner p {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 14px;
    }
    hr.submini {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .brand-image-look .inner .img-title {
        font-size: 18px;
    }
}
@media (max-width: 500px) {
    .brand-image-look .box-content-overly {
        display: none;
    }
    .brand-image-look .inner .img-title {
        font-size: 16px;
    }
}
/* ================================= */
/* CATEGORY 
/* ================================= */
/* PRODUCT FILTER, SORT, LISTING*/
.cat-top-bar .filter-toggle {
    cursor: pointer;
}
.cat-top-bar .filter-toggle span {
    display: inline-block;
    position: relative;
    width: 30px;
    opacity: .5;
}
.cat-top-bar .filter-toggle span:after {
    content: "OFF";
    position: absolute;
}
.cat-top-bar .filter-toggle span.is-off:after {
    content: "ON";
    position: absolute;
}
.cat-top-bar .psort-list .dropdown-menu {
    padding: 12px 20px;
    min-width: 200px;
}
.cat-top-bar .psort-list a {
    font-size: 14px;
    padding: 4px 0;
    margin: 2px 0;
    background: none;
}
.cat-top-bar .psort-list a:hover {
    background: #fff;
}
.cat-top-bar .psort-list i {
    font-size: 22px;
    margin-left: 10px;
}
/*Category Panel Root Container*/
.category-panel a.size-filter {
    display: inline-block;
    font-size: 14px;
    padding: 2px;
    margin: 6px 6px 6px 0;
    text-align: center;
    min-width: 35px;
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
}
.category-panel a.size-filter.selected {
    border: 1px solid #999999;
    background-color: #fff;
}
.category-panel a.size-filter:hover {
    border: 1px solid #999999;
    background-color: #fff;
}
.category-panel a.color-filter {
    display: inline-block;
    margin: 6px 6px 6px 0;
    position: relative;
    min-width: 32px;
    text-align: center;
    border: 1px solid #efefef;
    min-height: 22px;
    background-color: #f5f5f5;
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
}
.category-panel a.color-filter.selected {
    border: 1px solid #525252;
}
.category-panel a.color-filter::after {
    content: "";
    min-width: 32px;
    min-height: 22px;
    border: 2px solid transparent;
    display: block;
}
.category-panel a.color-filter.selected::before {
    content: "\f184";
    font-family: "kmicons";
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    color: #d3d3d3;
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.category-panel a.color-filter.selected::after {
    border: 2px solid #ffffff;
    display: block;
}
.category-panel a.color-filter:hover {
    border: 1px solid #525252;
    background-color: #fff;
    transition: all 0.15s ease-in-out 0s;
}
.category-panel .selected-filter a {
    display: inline-block;
    font-size: 13px;
    padding: 0px 4px 0px 4px;
    margin-right: 6px;
    margin-bottom: 6px;
    text-align: center;
    min-width: 35px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #f5f5f5;
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
}
.category-panel .selected-filter a span i {
    padding-right: 3px;
    font-size: 14px;
    font-weight: 300;
    color: #999;
}
.filter-search {
    border-radius: 8px;
    margin: 10px 0 10px;
    display: flex;
    flex-direction: row;
    background: #f5f5f5;
    align-items: center;
}
.filter-search .prp-search-btn {
    border: none;
    padding: 6px 12px 6px 20px;
    background: none;
    border-radius: 10px 0 0 10px;
}
.filter-search .prp-search-btn i {
    font-size: 15px;
}
.filter-search input.prp-search {
    border-radius: 0 10px 10px 0;
    border: none;
    height: 36px;
    margin: 0;
    width: 100%;
    background: #f5f5f5;
    padding: 5px;
    font-size: 14px;
    color: #000;
}
body.overflow-hidden {
    overflow: hidden;
}
body.overflow-hidden .overlayFilter .panel-body {
    max-height: inherit;
    overflow: inherit;
}
.collapseMaxHeight {
    max-height: 240px;
    overflow-y: auto;
}
.collapseMaxHeight::-webkit-scrollbar {
    width: 5px;
    border-radius: 3px;
    background-color: #ddd;
}
.collapseMaxHeight::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 3px;
}
@media screen and (min-width: 992px) {
    .panel.category-panel .selected-filter {
        display: none;
    }
}
/* Category Panel Open/Close Icon*/
.has-minus,
.has-plus {
    float: right;
    margin-top: 10px;
}
.i-minus {
    background: #000;
    display: block;
    height: 2px;
    width: 16px;
    position: relative;
    -webkit-transition: all 0.45s ease-in 0s;
    -moz-transition: all 0.45s ease-in 0s;
    -o-transition: all 0.45s ease-in 0s;
    -ms-transition: all 0.45s ease-in 0s;
    transition: all 0.45s ease-in 0s;
}
.i-minus::after {
    background: #000;
    content: "";
    height: 16px;
    left: 9px;
    position: absolute;
    top: -8px;
    width: 2px;
    -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.25s ease-in 0s;
    -o-transition: all 0.25s ease-in 0s;
    -ms-transition: all 0.25s ease-in 0s;
    transition: all 0.25s ease-in 0s;
}
.has-minus .i-minus::after {
    height: 0;
    left: 9px;
    position: absolute;
    top: 0;
    width: 2px;
}
@media (max-width: 1199px) {
    .cat-intro-banner {
        width: 130%;
        margin-left: -15%;
    }
}
@media (max-width: 767px) {
    .animateme {
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }
    .center-xs,
    .f-left {
        float: none;
        text-align: center;
    }
    .center-xs-inner {
        text-align: center;
    }
    .center-xs-inner .float-left,
    .center-xs-inner .float-right {
        float: none;
        text-align: center;
    }
}
.submini {
    height: 2px;
    max-width: 50px;
    margin: 15px auto;
    background: #454545;
    box-shadow: none;
    border: none;
}
/* category list end */
.tree .dropdown-menu {
    position: relative !important;
    float: none !important;
    box-shadow: none !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
}
.open-tree>.dropdown-menu {
    display: block;
}
.dropdown-menu-tree {
    display: none;
    margin-bottom: 20px;
}
.open-tree>.dropdown-menu-tree {
    display: block;
}
.tree>li.active>a,
.tree>li.active>a:hover,
.tree>li.active>a:focus {
    background: none;
    color: #000000;
}
.nav-stacked.tree>li a:hover {
    color: #000000;
    font-weight: 700;
}
.tree>.active>a>.badge {
    background: #999999;
    color: #fff;
}
.category-level-2 {
    border-left: 1px solid #e5e5e5;
    margin-left: 13px;
}
.category-level-2 li {
    margin-top: 2px;
}
.category-level-2 li a {
    padding: 2px 15px;
    font-size: 14px;
}
.category-level-2 li a.active,
.category-level-2 .dropdown-tree.active .dropdown-tree-a,
.category-level-2 .open-tree .dropdown-tree-a {
    font-weight: 700;
}
/* Product List Colum Size*/
.cat-top-bar .change-view {
    display: inline-flex;
    align-items: center;
}
.cat-top-bar .change-view i {
    font-size: 22px;
}
.category-top {
    border-top: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.category-footer {
    border-top: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0 50px;
}
.nav-stacked>li {
    border-bottom: solid 1px #eee;
}
.nav-stacked>li a {
    font-size: 13px;
}
.nav-stacked>li a:hover {
    color: #fff;
}
.nav-stacked>li.active a,
.nav-stacked>li.active {
    background: none;
    color: #000000;
    font-weight: 700;
}
/***  -------  according panel style  ------- ***/
.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    font-weight: 600;
}
.panel-heading,
.panel-group .panel {
    border-radius: 0;
}
.clearFilter {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    line-height: normal;
    padding: 2px 5px;
    text-transform: capitalize;
}
.labelRounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.clearFilter:hover {
    opacity: 0.7;
}
.collapseWill i {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    margin-right: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.collapseWill.pressed i,
.collapseWill.active i {
    margin-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.minus {
    display: block;
}
.collapseWill .minus {
    display: none !important;
}
.collapseWill.collapsed .minus {
    display: none !important;
}
.color-filter small {
    border: 1px solid #e5e5e5;
    display: inline-block;
    height: 14px;
    margin: 0 3px 0 1px;
    width: 14px;
}

/* =============================================================== */
/* PRODUCT DETAILS PAGE
/* =============================================================== */
.pd-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.btn-shopping-list {
    border: none;
    background: none;
    padding: 0;
    box-shadow: none;
    line-height: 1.3;
}
.btn-shopping-list.active:before {
}
.item .btn-shopping-list.active span::before {
    content: "\f2d1";
}
.shoppinglist-box {
    position: relative;
}
.shoppinglist-alert {
    max-width: 220px;
    padding: 14px;
    border: 1px solid #00000033;
    position: absolute;
    top: 60px;
    right: 0;
    background: #fff;
    display: none;
}
.shoppinglist-alert.active {
    display: block;
}
.shoppinglist-alert:before,
.shoppinglist-alert:after {
    content: "\0020";
    display: block;
    position: absolute;
    top: -13px;
    right: 10px;
    z-index: 2;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid 13px transparent;
    border-top: 0;
    border-bottom-color: #FFF;
}
.shoppinglist-alert:before {
    top: -14px;
    z-index: 1;
    border-bottom-color: rgba(0, 0, 0, 0.3);
}
.shoppinglist-alert-header {
    padding-bottom: 10px;
    text-align: center;
}
.shoppinglist-alert-header span {
    background: #26D682;
    padding: 6px;
    font-size: 14px;
    border-radius: 50%;
    color: #fff;
}
.shoppinglist-alert-header button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    opacity: 1;
    text-shadow: none;
}
.shoppinglist-alert-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.shoppinglist-alert-body p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}
.shoppinglist-alert-body .btn {
    min-width: 176px;
}
@media (max-width:767px) {
    .shoppinglist-alert {
        position: fixed;
        bottom: 0;
        top: auto;
        z-index: 8;
        padding: 20px;
        width: 100%;
        max-width: 100%;
    }
    .shoppinglist-alert:before,
    .shoppinglist-alert:after {
        display: none;
    }
    .shoppinglist-alert-header {
        padding-bottom: 10px;
        text-align: left;
    }
    .shoppinglist-alert-body {
        align-items: stretch;
    }
    .shoppinglist-alert-body p {
        margin-bottom: 40px;
    }
}
.pdetail .btn-share {
    border: none;
    background: none;
    padding: 0;
    box-shadow: none;
    display: block;
    margin-right: 10px;
    line-height: 1;
}
.pdetail .btn-share i {
    font-size: 26px;
}
.modal-share a {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
}
.modal-share span {
    display: block;
    font-size: 16px;
}
.modal-share a i {
    font-size: 28px;
    margin-right: 10px;
}
.modal-share a img {
    margin-right: 10px;
}
.modal-share input {
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-color: #D1D1D1;
    height: 50px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-flex;
    width: 100%;
    overflow: hidden;
    margin-right: 30px;
    text-indent: 10px;
}
.shrcopy {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.product-part-title {
    font-size: 16px;
    margin-bottom: 4px;
    display: block;
}
.prcsep {
    height: 30px;
    margin: 0 12px;
    width: 1px;
    border-left: 1px solid #e5e5e5;
}
.installment-price {
    display: block;
    margin-top: 4px;
}
.product-price .price-sales {
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
}
.price-box {
}
.product-price .price-standard {
    color: #999999;
    font-size: 18px;
    text-decoration: line-through;
    display: block;
}
.list-buttons {
    margin: 20px 0;
}
.btn-compare-list {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.btn-compare-list i {
    font-size: 26px;
    margin-right: 6px;
}
.alert-box {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.alert-box div {
    border: 1px solid #e5e5e5;
    padding: 8px 20px;
    margin: 10px 10px 20px 0;
    border-radius: 8px;
}
.incaps {
    display: inline-flex;
    font-size: 16px;
}
.incaps i {
    font-size: 20px;
    margin-right: 5px;
}
.caps {
    border-top: 0 none;
    line-height: 24px;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 0 0 16px;
    text-align: right;
}

/***  ------- QUANTITY ------- ***/
.cnt-quantity {
    max-width: 100px;
    margin-top: 10px;
}
.cnt-quantity .quantity-title {
    height: 34px;
    line-height: 34px;
    display: table-cell;
    vertical-align: middle;
}
.cnt-quantity .input-group {
    /* border: 1px solid #e5e5e5; */
    /* border-radius: 4px; */
}
.cnt-quantity .input-group input.form-control {
    /* border-width: 0 1px; */
    /* height: 40px; */
    /* box-shadow: none; */
    /* text-align: center; */
    /* padding: 0; */
}
.cnt-quantity .bootstrap-touchspin .btn {
    padding: 10px 12px;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    height: 40px;
    background: none;
}
/***  ------- PROMOTİONS ------- ***/
.prd-promotion {
    margin-top: 10px;
    margin-bottom: 20px;
}
.prd-promotion-title {
    font-size: 16px;
    padding-bottom: 5px;
    display: block;
}
.prd-promotion .product-name {
    font-size: 13px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prd-promotion .item {
    height: auto;
}
.prd-promotion .item .product {
    border: none;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
}
.prd-promotion .description {
    min-height: auto;
    font-size: 13px;
    padding: 0;
}
.prd-promotion .price {
    font-size: 14px;
    min-height: auto;
    font-weight: 600;
}
.prd-promotion .price .free {
    font-size: 13px;
    color: #5cb85c;
}
.prd-promotion .product-image {
    max-width: 100%;
}
.prd-promotion .product-image img {
    width: 50px;
    margin: 0 8px 0 0;
}
.prd-promotion .promotion {
    color: #5cb85c;
    font-weight: 600;
    margin-left: 5px;
}
.prd-promotion .promotion i {
    font-size: 18px;
}
/* PRODUCT GROUPS*/
.prd-group-container {
    margin-top: 10px;
    margin-bottom: 10px;
}
.prd-group-container .prd-group-title {
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
    font-weight: 600;
}
.prd-group-container .prd-group-title .option-value {
    font-weight: 300;
}
.prd-group-container .item {
    margin: 0 4px;
    text-align: center;
    height: auto;
}
.prd-group-container .product {
    padding: 0;
    border-radius: 4px;
}
.prd-group-container .owl-item:first-child .item .product {
    border-color: #919191;
}
.prd-group-container .product-image {
    max-width: 100%;
}
.prd-group-container .product-image img {
    max-width: 100%;
}
/* PRODUCT DOCUMENTS*/
.prd-document {
    margin-top: 10px;
    margin-bottom: 10px;
}
.prd-document ul li {
    list-style-type: none;
    padding-left: 5px;
}
.prd-document ul li:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f1c1";
    padding-right: 5px;
}
/* PRODUCT VARIANT */
.vprp-title {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
}
.vprp-title span {
    font-weight: 300;
}
.product-variants {
    margin-bottom: 12px;
}
.product-variants a {
    display: inline-block;
    font-size: 16px;
    padding: 6px;
    margin-right: 10px;
    margin-bottom: 8px;
    text-align: center;
    min-width: 35px;
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
}
.product-variants a.vselected.vprp-enabled {
    border: 1px solid #2D3E50;
    background-color: #fff;
}
.product-variants a:hover:not(.nostock) {
    border: 1px solid #454545;
    background-color: #fff;
}
.product-variants a.vprp-disabled {
    color: #c1c1c1;
}
.product-variants a.nostock {
    color: #c1c1c1;
}
.chk-variants {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 25px;
    padding-right: 0px;
}
.table-variants tbody>tr {
    cursor: pointer;
}
/*INTALLMENT PRICE*/
.installment-bank {
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
}
.prd-properties>table>thead>tr>th {
    /* background-color: #eee; */
    /* font-size: 14px; */
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    /* border-color: #e5e5e5; */
    /* font-size: 14px; */
}
/*REVIEW*/
.rating i,
.rating .rating-symbol {
    color: #f69f29;
}
.rating span {
    display: inline-block;
}
.rating i {
    font-size: 16px;
}
.rating .ratingInfo {
    margin-left: 10px;
}
.rating .rating-number {
    margin-left: 10px;
}
.rating .a-review {
    display: inline-block;
}
.section-review {
    padding: 10px 0;
    position: relative;
}
.section-review .rating i {
    font-size: 20px;
}
.section-review .rating-number {
    margin-left: 10px;
    font-size: 20px;
}
.section-review .rating-info {
    font-size: 16px;
    margin-left: 10px;
}
.review-bar {
    border-bottom: 1px solid #d1d4d6;
    border-top: 1px solid #d1d4d6;
    margin-top: 20px;
    padding: 10px 0;
    font-size: 16px;
}
.review-bar-title {
    font-size: 16px;
}
.rating-number {
    padding: 0 15px 0 5px;
}
.review-item .rating i {
    font-size: 14px;
}
.review-item .rating-info {
    font-size: 14px;
    font-weight: 600;
}
.review-item .review-username {
    font-size: 14px;
    font-weight: 600;
}
.review-item {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}
.a-star {
    background-image: url(/skins/shared/images/yildiz.png);
    -webkit-background-size: 240px 11px;
    background-size: 240px 11px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: inherit;
    position: relative;
    width: 60px;
    height: 11px;
    top: 1px;
}
.a-star-big {
    background-image: url(/skins/shared/images/yildiz-b.png);
    -webkit-background-size: 480px 22px !important;
    background-size: 480px 22px !important;
    width: 120px;
    height: 22px;
}
.a-star-alt {
    left: auto;
    width: 100%;
    height: 100%;
    font-size: inherit;
    line-height: normal;
    opacity: 0;
    position: absolute;
    left: -9999px;
    top: auto;
    display: block;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
}
.a-star-0 {
    background-position: -180px 0px;
}
.a-star- {
    background-position: -180px 0px;
}
.a-star-1 {
    background-position: -168px 0px;
}
.a-star-2 {
    background-position: -156px 0px;
}
.a-star-3 {
    background-position: -144px 0px;
}
.a-star-4 {
    background-position: -132px 0px;
}
.a-star-5 {
    background-position: -120px 0px;
}
.a-star-0-5 {
    background-position: -48px 0px;
}
.a-star-1-5 {
    background-position: -36px 0px;
}
.a-star-2-5 {
    background-position: -24px 0px;
}
.a-star-3-5 {
    background-position: -12px 0px;
}
.a-star-4-5 {
    background-position: 0px 0px;
}
.a-star-big-0 {
    background-position: -360px 0px;
}
.a-star-big-1 {
    background-position: -336px 0px;
}
.a-star-big-2 {
    background-position: -312px 0px;
}
.a-star-big-3 {
    background-position: -288px 0px;
}
.a-star-big-4 {
    background-position: -264px 0px;
}
.a-star-big-5 {
    background-position: -240px 0px;
}
.a-star-big-0-5 {
    background-position: -96px 0px;
}
.a-star-big-1-5 {
    background-position: -72px 0px;
}
.a-star-big-2-5 {
    background-position: -48px 0px;
}
.a-star-big-3-5 {
    background-position: -24px 0px;
}
.a-star-big-4-5 {
    background-position: 0px 0px;
}
/*------- CAMPAIGN ------- */
.campaign {
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
    background-color: #f6ebeb;
    border: 1px solid #f5e3e3;
}
.campaign-title {
    font-size: 16px;
    font-weight: 600;
    display: block;
}
.step-cart .campaign {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
    background-color: #f6ebeb;
    border: 1px solid #f5e3e3;
    padding: 10px 20px;
    margin: 20px 0;
    border-radius: 8px;
}
.step-cart .campaign-title {
    font-size: 16px;
    display: block;
    font-weight: 600;
}

/* =====================================*/
/* CONTENT MENU
/* =====================================*/
.sidebar-nav li {
    padding: 0;
}
.sidebar-nav li a {
    display: block;
    padding: 8px 30px 8px 10px;
}
.sidebar-nav li a:hover {
    text-decoration: none;
}
.sidebar-nav>li.active,
.sidebar-nav>li.active:hover {
    background: #fff;
}
.sidebar-nav>li.active,
.sidebar-nav>li.active:hover,
.sidebar-nav>li.active:focus {
    border-color: #e5e5e5;
}
.sidebar-nav>li.active>a {
    color: #000000;
}
/*Sidebar Sub Navigation*/
.sidebar-nav li ul {
    padding: 0;
    list-style: none;
}
.sidebar-nav li ul,
.sidebar-nav li.active ul a {
    background: #f8f8f8;
}
.sidebar-nav li ul a {
    color: #555;
    font-size: 12px;
    border-top: solid 1px #e5e5e5;
    padding: 6px 30px 6px 17px;
}
.sidebar-nav ul li:hover a,
.sidebar-nav ul li.active a {
    color: #72c02c;
}
/*Sidebar Badges*/
.sidebar-nav .list-group-item li>.badge {
    float: right;
}
.sidebar-nav span.badge {
    margin-top: 8px;
    margin-right: 10px;
}
.sidebar-nav .list-toggle>span.badge {
    margin-right: 25px;
}
.sidebar-nav ul li span.badge {
    margin-top: 8px;
    font-size: 11px;
    padding: 3px 5px;
    margin-right: 10px;
}
/* Sidebar List Toggle
------------------------------------*/
.sidebar-nav .list-group-item:first-child,
.sidebar-nav .list-group-item:last-child {
    border-radius: 0;
}
.sidebar-nav .list-toggle:after {
    top: 7px;
    right: 10px;
    color: #999;
    font-size: 14px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}
.sidebar-nav .list-toggle.active:after {
    color: #fff;
    content: "\f107";
}
/* =============================================================== */
/* USER END || Account// Address // Order //  Creation
/* =============================================================== */
.my-account-list li {
    text-align: center;
}
.my-account-list li a {
    font-size: 14px;
    display: block;
    padding: 0 4px 0 4px;
}
.my-account-list .thumbnail {
    padding: 10px 0 0;
    height: 110px;
}
.my-account-list .thumbnail:hover {
    background: #F5F5F5;
}
.my-account-list li a i {
    display: block;
    clear: both;
    font-size: 44px;
    margin-bottom: 10px;
}
h2.block-title-2,
.formBox h3,
.block-title-2 {
    border-bottom: 1px solid #CECECE;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 15px;
    padding: 10px 0 0;
    position: relative;
}
.panel-footer-address .btn {
    margin-right: 5px;
}
/* ================================================================== */
/* OTHER STYLES
/* ================================================================== */
.cnt-404 {
    text-align: center;
}
.cnt-404 h1 {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.2;
    color: #000;
    margin-bottom: 20px;
    margin-top: 30px;
}
.cnt-404 .desc {
    color: #666;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 50px;
    display: block;
}
.cnt-404 .hdr-404 {
    color: #ccc;
    font-size: 200px;
    line-height: 1;
    text-shadow: 2.828px 2.828px 4px rgba(0, 0, 0, 0.04);
    display: block;
}
/*SUPPORT PAGE*/
.support-page h3 {
    padding-top: 20px;
}
.support-page p {
    margin-bottom: 15px;
}
.support-page a {
    color: #bd2732;
}
.support-page #accordion .panel:first-child .panel-heading {
    padding-top: 10px;
}
.support-page .panel-default>.panel-heading {
    background-color: #fafafa;
    border-top: medium none;
}

/* KM CHECKOUT 1 */
.pnl-add-address .address-billtype .radio {
    margin-bottom: 5px;
}
.pnl-add-address .form-horizontal .form-group label {
    text-align: left;
}
.pnl-add-address .form-horizontal input {
    margin-bottom: 0px;
}
.pnl-add-address .save-address {
    padding-bottom: 10px;
    padding-top: 6px;
}
/* KM CHECKOUT 2 */
.free-shipping {
    font-weight: 700 !important;
    color: #5CB85C !important;
}
.ptype-tab .nav-tabs li a {
    margin: 0 0 0 0;
}
#pnl-credit-card-form .form-group {
    margin-bottom: 10px;
}
div#pnl-ptype {
    margin-bottom: 30px;
}
.credit-card-options {
    margin-top: 20px;
}
.mo-list {
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px 0 rgb(72 72 72 / 8%);
    box-shadow: 0 1px 2px 0 rgb(72 72 72 / 8%);
    border: 1px solid #e5e5e5;
    margin-bottom: 0;
}
.mo-list .list-group-item {
    border: 0px;
    border-top: 1px solid #e5e5e5;
    color: #000000;
}
.mo-list .list-group-item {
    padding: 20px 15px;
}
.mo-list .list-group-item {
    border-color: #e5e5e5;
}
.mo-list .list-group-item:first-child {
    border-top: 0px;
}
.mo-list .list-group-item:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.mo-list .list-group-item:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.mo-list .mo-detail span {
    font-weight: 600;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
    text-decoration: none;
    color: #000;
    background-color: #efefef;
}
.mo-list .radio {
    margin-top: 4px;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-left: 10px;
}
.cinst-list .radio {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-left: 20px;
}
.cinst-list .list-group-item {
    border: 0px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding-bottom: 8px;
}
.contract-box {
    padding: 10px;
    overflow: scroll;
    border: 1px solid #e5e5e5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px 1px #E5E5E7;
    display: block;
    height: 120px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.credit-card {
    display: none;
}
.credit-card {
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px 0 rgb(72 72 72 / 8%);
    box-shadow: 0 1px 2px 0 rgb(72 72 72 / 8%);
    border: 1px solid #e5e5e5;
}
.credit-card-options {
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 300;
    padding: 5px 0;
    text-align: center;
    background: none repeat scroll 0 0 #2ecc71;
}
.pos-garanti {
    background: none repeat scroll 0 0 #8bc34a;
}
.pos-ykb {
    background: none repeat scroll 0 0 #650c6f;
}
.table-installment tbody tr {
    cursor: pointer;
}
.radio-installment {
    margin-top: 0px;
    margin-bottom: 0px;
}
.radio-installment .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}
.table-ri-installment tbody tr {
    cursor: pointer;
}
.radio-ri-installment {
    margin-top: 0px;
    margin-bottom: 0px;
}
.radio-ri-installment .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}
.slct-bnk {
    padding-top: 20px;
    clear: both;
    display: inline-block;
}
.slct-bnk li {
    float: left;
    padding: 4px;
}
.slct-bnk li a {
    border: 1px solid #eee;
    padding: 24px;
    display: block;
}
.slct-bnk li a:hover,
.slct-bnk li a:active {
    border: 1px solid #000;
}
.slct-bnk img {
    max-width: 200px;
}
.slct-bnk li a:hover,
.slct-bnk li a:active,
.slct-bnk li a:focus,
.slct-bnk li a.active {
    border: 1px solid #000;
}
/* =============================================================== */
/* CUSTOM RESPONSIVE
/* =============================================================== */
@media (min-width: 1800px) {
    .banner,
    .slider-content,
    .slider,
    .slider-v2 {
        max-height: 700px;
    }
}
@media only screen and (max-width: 1024px) {
    input.cart-quanity-box {
        width: 25px !important;
    }
}
@media (max-width: 1024px) {
    .navbar.stuck .navbar-top {
        margin-top: 0 !important;
    }
    .banner {
        margin-top: 70px !important;
    }
    .header-version-2 .banner {
        margin-top: 130px !important;
    }
    .social li {
        margin: 0 6px 0 0;
    }
    .cart-menu.static-search-box a.dropdown-toggle {
        padding-left: 10px;
        padding-right: 10px;
    }
    .search-box.static-search .form-control {
        max-width: 104px;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    .cart-menu a.dropdown-toggle {
        height: 50px;
    }
    .cart-response {
        display: none;
    }
}
/* // NEW  */
@media (max-width: 991px) and (min-width: 768px) {
    .navbar-nav>li>a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }
    .cart-menu a.dropdown-toggle {
        font-size: 12px;
        padding: 15px 15px;
    }
}
@media (max-width: 979px) {
    /*** iPads (portrait and landscape) ***/
    .subCategoryThumb img {
        height: 100% !important;
    }
    .container {
        width: 100% !important;
        max-width: 900px !important;
    }
    .cart-response {
        font-size: 0;
    }
    .hidden-xs .cart-menu .dropdown-toggle {
        padding-bottom: 9px;
        padding-top: 16px;
    }
    .slider-text {
        margin-top: 6%;
    }
    .header-version-2 .slider-text {
        margin-top: 10%;
    }
    .slider-text .inner {
        padding: 15px;
    }
    .slider-text h1 {
        font-size: 30px;
    }
    .slider-text.white h1 {
        padding-bottom: 0;
    }
    .slider-text.white h3.price {
        font-size: 18px;
        padding-bottom: 0;
    }
    .slider-text.white .inner {
        padding: 5px 0;
    }
    h1.xlarge {
        font-size: 36px;
    }
    .slider-text-full h3 {
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 5px;
    }
    .slider-info .btn-lg,
    .slider-text.white .btn {
        font-size: 14px;
        line-height: 1.471;
        padding: 5px 15px;
    }
    #pager2 {
        bottom: 0;
    }
    #pager2 span {
        border-width: 1px;
        height: 10px;
        width: 10px;
    }
    .slider-control {
        border-radius: 2px;
        padding: 0 2px;
        top: 45%;
    }
    #pager a {
        font-size: 14px;
        padding: 5px 0;
    }
}
@media (min-width: 768px) {
    .megamenu-content.has20 {
        width: 202px;
    }
    .megamenu-content.has40 {
        width: 460px;
    }
    .megamenu-content.has60 {
        width: 670px;
    }
    .megamenu-content.has4col {
        width: 700px;
    }
    .hasMega {
        position: relative !important;
    }
    .hasMega .dropdown-menu {
        min-width: 202px;
    }
    .hasMega.megamenu-20width .dropdown-menu {
        min-width: 202px;
    }
    .hasMega.megamenu-40width .dropdown-menu {
        min-width: 460px;
    }
    .hasMega.megamenu-60width .dropdown-menu {
        min-width: 670px;
    }
    .hasMega.megamenu-70width .dropdown-menu {
        min-width: 700px;
    }
}
@media (max-width: 767px) and (min-width: 0) {
    /***  ipad 4 , iphone 4 fixed  ***/
    .hidden-xs {
        display: none !important;
        visibility: hidden !important;
    }
}
@media screen and (max-width: 767px) {
    /* phones */
    .static-search.navbar-formbox {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }
    .static-search.navbar-formbox {
        margin: 0;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
    .static-search.navbar-formbox .navbar-form {
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
    }
    .search-box.static-search .input-group {
        max-width: 100%;
        width: 100%;
    }
    .search-box.static-search .form-control {
        max-width: 100%;
        width: 100%;
    }
    .search-box.static-search:hover .form-control {
        max-width: 100%;
        width: 100%;
    }
    .phone-number i.glyphicon-phone-alt {
        padding-top: 2px !important;
    }
    .navbar-brand {
        padding: 15px;
    }
    .search-box .input-group {
        margin-top: 9px;
    }
    .search-box .input-group .btn {
        box-shadow: none;
        padding: 9px 10px;
    }
    .cart-response {
        font-size: 14px;
    }
    .navbar-cart {
        padding-right: 0;
        padding-left: 0;
    }
    .megamenu-content ul li a,
    .megamenu-content ul li p,
    .megamenu-content ul li,
    .navbar-nav .dropdown a,
    .navbar-nav .dropdown {
        color: #fff;
    }
    .megamenu .dropdown.megamenu-80width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .megamenu .dropdown.megamenu-80width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .megamenu .dropdown.megamenu-50width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .megamenu .dropdown.megamenu-40width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .megamenu-content ul {
        margin-bottom: 15px;
    }
    .megamenu-content ul li {
        border-color: rgba(255, 255, 255, 0.2);
    }
    /***  banner slider responsive  ***/
    .banner {
        margin-top: 70px;
    }
    .slider-text-full .inner.dark {
        max-width: 100%;
        padding: 5px;
    }
    h1.xlarge {
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        padding-bottom: 0;
    }
    .slider-text-full h3 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 5px;
        margin-top: 0;
        padding-bottom: 0;
    }
    .slider-text h1 {
        font-size: 24px;
        padding-bottom: 0;
    }
    .slider-info .btn-lg {
        font-size: 12px;
        padding: 5px 10px;
    }
    .slider-text .inner {
        padding: 5px;
    }
    .slider-text h3.price {
        font-size: 16px;
        padding-bottom: 2px;
    }
    .text-left-xs {
        text-align: left !important;
    }
    /* Home v5 Slider */
    .ps-nav {
        top: 34%;
    }
    .ps-nav img {
        width: 80px;
    }
}
@media screen and (max-width: 580px) {
    /* phones (portrait and landscape) ----------- */
    .xs3Response {
        width: 50% !important;
    }
    .slider-text-full {
        color: #FFFFFF;
    }
    .category-footer .pagination {
        margin-bottom: 10px;
    }
    .sp-thumbs {
        bottom: 0 !important;
    }
    #pager2 {
        bottom: 0;
    }
    #pager2 span {
        border-width: 1px;
        height: 10px;
        width: 10px;
    }
    .slider-control {
        border-radius: 2px;
        padding: 0 2px;
        top: 45%;
    }
    #pager a {
        font-size: 14px;
        padding: 5px 0;
    }
    .ps-nav {
        top: 28%;
    }
    .ps-nav img {
        width: 80px;
    }
    .km-slider .content-slide h1 {
        font-size: 18px;
        line-height: 22px;
    }
    .newsletter {
        border: 0;
    }
    #subscribe {
        border: solid 1px #e5e5e5;
    }
}
@media (max-width: 480px) {
    #pager a {
        font-size: 12px;
    }
    .navbar-toggle {
        background: none !important;
    }
    h1.xlarge {
        font-size: 24px;
        font-weight: 800;
        line-height: normal;
        padding-bottom: 0;
    }
    h1.x2large {
        font-size: 38px;
    }
    .title-big {
        font-size: 38px;
    }
    .slider-text-full h3 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 2px;
        margin-top: 0;
        padding-bottom: 0;
    }
    .slider-text h1 {
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 0;
    }
    .slider-info .btn-lg {
        font-size: 12px;
        padding: 4px 8px;
    }
    .slider-text .inner {
        padding: 2px;
    }
    .slider-text h3.price {
        font-size: 16px;
        padding-bottom: 2px;
    }
    .footer .support {
        font-size: 14px;
    }
    .cart-product .delete i {
        font-size: 16px;
    }
    .cart-description h4 a {
        font-size: 14px;
        line-height: normal;
    }
    .cart-actions button,
    .cart-actions .btn-expressbuy {
        font-size: 14px;
        padding: 10px;
    }
    .navbar-brand.windowsphone {
        display: block;
        float: left;
    }
    .navbar-brand.windowsphone img {
        max-width: 65px;
    }
    .item.list-view h4 {
        font-size: 20px;
        line-height: 18px;
    }
    .item.list-view .description {
        clear: both;
        display: block;
        float: none;
        padding-top: 5px;
    }
    .item.list-view .image {
        display: block;
        float: none;
        max-height: 500px;
        max-width: 100%;
        overflow: hidden;
        padding-right: 0;
        text-align: center;
    }
    .item.list-view h4 {
        min-height: 24px;
    }
    .col-xs-min-12 {
        width: 50%;
    }
    .col-xs-min-24,
    .col-xxs-12 {
        width: 100%;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-center-xs .caps {
        font-size: 14px;
        text-align: center;
    }
    .home-intro h2 {
        font-size: 18px;
        font-weight: 300;
    }
    .no-float-xs {
        float: none !important;
    }
}
@media (max-width: 400px) {
    #pager a {
        font-size: 10px;
    }
    .container,
    .container-fluid {
        min-width: 310px;
    }
    .navbar-brand {
        padding: 17px 0 0 10px;
    }
    .navbar-brand img {
        max-width: 100px;
    }
    .navbar-header.isios .navbar-brand img {
        max-width: 60px;
    }
    .navbar-header .navbar-toggle {
        margin-right: 10px;
        padding: 9px 2px;
    }
    .cart-footer {
        padding: 5px 0;
    }
    .checkoutReview th {
        font-size: 13px;
    }
    .col-xs-min-24 {
        width: 100%;
    }
}
@media (max-width: 320px) {
    .container {
        width: 100% !important;
        max-width: 320px !important;
    }
    .banner {
        width: 100% !important;
        max-width: 320px !important;
        overflow: hidden !important;
    }
    .xs-response .item,
    .xs3Response .item {
        width: 100% !important;
    }
}

/* carousel-inner */
.carousel-inner>.item {
    height: auto;
    margin-bottom: 0;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: 0 auto;
    display: block;
}
.image-hover .glyphicon-chevron-right::before {
    content: "\f105";
    font-family: 'FontAwesome' !important;
    text-shadow: none;
    border: 1px solid #999;
    color: #999;
    display: block;
    height: 31px;
    width: 31px;
    padding: 0;
}
.image-hover .glyphicon-chevron-left::before {
    content: "\f104";
    font-family: 'FontAwesome' !important;
    text-shadow: none;
    border: 1px solid #999;
    color: #999;
    display: block;
    height: 31px;
    width: 31px;
    padding: 0;
}
.image-hover .carousel-control.left {
    background-image: none !important;
    z-index: 5;
}
.image-hover .carousel-control.right {
    background-image: none !important;
    z-index: 5;
}
.hover-nav .carousel-control {
    transform: scale(0.1);
    visibility: hidden;
    transition: all 0.3s ease 0.1s;
}
.product:hover .hover-nav .carousel-control {
    transform: scale(1);
    visibility: visible;
}
.image-hover div.quickview {
    margin-top: 60%;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media (max-width: 767px) {
    .image-hover .glyphicon-chevron-right::before {
        height: 25px;
        width: 25px;
    }
    .image-hover .glyphicon-chevron-left::before {
        height: 25px;
        width: 25px;
    }
}
/* ORDER STATUS */
.order-box {
    background: #fff;
    border: solid 1px #ccc;
    margin-bottom: 30px;
}
.order-box-header {
    background: #ebeded;
    font-weight: 700;
    padding: 10px;
}
.order-box-content {
    padding: 15px;
}
.order-box-content table td {
    padding: 5px;
}
.status-top {
    margin-bottom: 20px;
}
.status-top p {
    font-size: 16px;
    margin-bottom: 5px;
}
.login-container .login-panel {
    margin: 0 auto;
    max-width: 400px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}
.login-panel .login-header {
    padding: 25px;
    border-bottom: 2px solid #e5e5e5;
}
.login-panel .login-content {
    padding: 25px;
}
.login-panel .login-header {
    padding-bottom: 0px;
}
/* NAV TREE */
.nav-category {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.nav-category li a {
    border-top: 1px solid #e5e5e5;
    clear: both;
    display: block;
    font-weight: 600;
    position: relative;
    padding: 10px 20px;
}
.nav-category li a:hover {
    background: #f5f5f5;
}
.nav-category li a.child-has-open:hover {
    background: #fff;
}
.nav-category a span {
    padding-right: 5px;
    display: inline-block;
}
.nav-category li ul {
    margin: 0;
    padding: 0;
    background: #f5f5f5;
}
.nav-category ul a {
    padding-left: 30px;
    font-size: 13px;
}
.nav-category ul ul a {
    padding-left: 45px;
}
.nav-category ul ul ul a {
    padding-left: 60px;
}
.nav-category ul ul ul ul a {
    padding-left: 75px;
}
.nav-category li a.child-has-open {
    font-weight: 700;
}
.child-has-open::after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}
.child-has-close::after {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}
.km-form .file-upload-form .btn-upload {
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding-bottom: 7px;
}
.km-form .file-upload-form .btn-upload .input-title {
    margin-left: 2px;
}
.km-form .file-upload-form input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.km-form .file-upload-form .file-result {
    display: none;
}
/*KM-STORE*/
.cnt-stores {
    clear: both;
    padding-top: 20px;
    display: inline-block;
}
.cnt-district .btn-default,
.cnt-city .btn-default {
    background: #fff;
    color: #000;
    width: 100%;
    box-shadow: none;
    border: 1px solid #eee;
}
.cnt-city,
.cnt-district {
    display: inline-block;
    padding-right: 10px;
}
.store-item {
    display: inline-block;
    padding-bottom: 20px;
}
.store-detail {
    padding-top: 15px;
    cursor: pointer;
}
.store-detail.selected h3 {
    color: #e82c0c;
}
.store-detail h3 {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 0px;
    font-size: 22px;
}
.store-detail img {
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px;
}
.store-map {
    padding-top: 109px;
}
.store-detail .contact img {
    vertical-align: sub;
}
.store-detail p {
    padding-top: 20px;
}
.cnt-district .btn-default,
.cnt-city .btn-default {
    background: #fff;
    color: #000;
    width: 100%;
    box-shadow: none;
    border: 1px solid #eee;
    font-size: 16px;
}
/*KM-STORE*/
/*KM-PDETAIL-STORE*/
.prd-stores .store-item {
    display: block;
    min-height: 140px;
    padding-bottom: 0;
}
.prd-stores .store-size-select {
    padding-top: 20px;
}
.prd-stores .store-size-select p {
    font-weight: 600;
    font-size: 15px;
}
.prd-stores .store-size-select .options {
    padding-bottom: 20px;
    display: flex;
}
.prd-stores .store-size-select .options a {
    padding: 7px 10px;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    border: 1px solid #444;
    background: #f8f8f8;
    margin-right: 5px;
}
.prd-stores .store-size-select .options a.selected {
    padding: 7px 10px;
    font-weight: 600;
    font-size: 16px;
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.prd-stores .store-detail p {
    margin-bottom: 0;
    padding-top: 10px;
}
.prd-stores .store-detail p img {
    vertical-align: middle;
}
.prd-stores .store-detail>img {
    display: inline-block;
    margin-right: 14px;
}
.prd-stores .store-address .address-phone {
    line-height: 18px;
    padding-top: 6px;
}
.prd-stores .store-address span {
    font-size: 17px;
    font-weight: 600;
}
/*KM-PDETAIL-STORE*/