:root{
    --primaryColor: #b81c1d;
    --primaryColorHover: #9f0e0f;
    --secondaryColor: #e7b33b;
    --secondaryColorHover: #ce9a21;
}

@font-face {
    font-family: Sahel;
    src: url(../fonts/Sahel.woff);
}
@font-face {
    font-family: pinar;
    src: url(../fonts/Pinar.woff2);
}
body{
    font-family: Sahel;
    overflow-x: hidden;
    background-color: #f5f5f5;
}
.pinar_font{
    font-family: pinar;
}
a{
    text-decoration: none;
}
img {
    max-width: 100%;
}

.mj_header{
    background-image: url('../images/header_banner.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 360px;
    position: relative;
    overflow: hidden;
}
.mj_header .row {
    z-index: 99999;
    position: relative;
}
.top_menu a {
    color: var(--primaryColor);
    font-size: 19px;
    padding: 10px 20px;
    display: inline-block;
    font-weight: bold;
    transition: 0.3s;
}
.top_menu a:hover{
    color: #ccc;
}
.logo {
    max-width: 140px;
    margin-top: 5px;
}
.btn-circle{
    border-radius: 50%;
}
.btn-primary{
    background: var(--primaryColor);
    border-color: var(--primaryColor);
}
.btn-primary:hover{
    background: var(--primaryColorHover);
    border-color: var(--primaryColorHover);
}
.btn-secondary{
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
    color: #000;
}
.btn-secondary:hover, .btn-secondary:focus{
    background: var(--secondaryColorHover);
    border-color: var(--secondaryColorHover);
    color: #000;
}
.btn-default, .bg-default{
    background: #bbb;
    border-color: #999;
}
.btn-default:hover{
    background: #999;
    border-color: #888;
}
.bg-info, .btn-info {
    background-color: #ff4071!important;
    color: #fff !important;
    border-color: #f53768 !important;
}
.btn-info:hover{
    background-color: #e32959!important;
}
.link-info, .text-info{
    color: #ff4071 !important;
}
.icon_button {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 2px;
    padding-right: 5px;
    position: relative;
    font-size: 24px !important;
}

.contact_button {
    padding: 11px 50px;
    border-radius: 50px;
    margin-right: 40px;
    background: #ff3ebc;
    border-color: #ff3ebc;
}
.shopping_count {
    position: absolute;
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: -15px;
    top: 20px;
    color: var(--primaryColor);
    font-weight: bold;
    font-size: 16px;
}
.page_title {
    font-size: 2.2rem;
    font-weight: bold;
}
#products {
    display: flex;
    flex-wrap: wrap;
}
.product-container {
    margin: 0 10px 30px;
    position: relative;
    width: calc(25% - 20px);
    box-shadow: 0 0 10px 0px #c0c0c0;
    transition: 0.6s;
    border-radius: 10px !important;
    overflow: hidden;
    border: 1px solid #bbb;
    transition: 0.5s;
    background-color: #fff;
}
.product-container:hover {
    border-color: var(--primaryColor);
}
#products .product-title {
    text-align: center;
    padding-top: 10px !important;
    color: #000;
    font-size: 1.3rem !important;
    margin-bottom: 0 !important;
    font-weight: 600;
}
#products .product-title:after {
    content: '';
    width: 30%;
    display: block;
    margin: 0 auto;
    border-bottom: 2px solid #e7b33b;
    padding-bottom: 10px;
}
#products .price {
    display: block;
    font-weight: bold;
    padding: 5px 0;
    font-size: 1.4rem;
    color: #212529;
    text-align: center;
}
#products .info-box {
    display: flex;
}
#products .info-box .btn{
    width: 15%;
    border-radius: 0;
}
#products .buy_btn {
    border-radius: 0;
    transition: 0.4s;
    width: 100% !important;
}
#products>div:hover .product-image>div {
    transform: scale(1.4);
}
.product-image{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.product-image div{
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.4s cubic-bezier(0.4, 0, 1, 1);
}
.product-container .out-of-stock, .product_details .out-of-stock {
    position: absolute;
    left: 0;
    background: rgba(255, 255, 255, 0.8) !important;
    color: #000 !important;
    padding: 0.4em 0.7em;
    z-index: 1;
    width: 100%;
    top: 35%;
    text-align: center;
    font-weight: bold;
}
.product_details .out-of-stock {
    position: relative;
    display: block;
    border: 1px solid #ff4071;
    margin-bottom: 20px;
}
.hide_product{
    transform: scale(0, 0);
}
.sale-label {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
    background: var(--secondaryColor);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    color: #000;
    font-weight: bold;
    box-shadow: 0 0 5px #000;
}
.icon-box {
    background: #eee;
}
.icon-box h3{
    font-weight: bold;
    margin-top: 30px;
    color: #b81c1d;
}
#category-slider img {
    max-height: 150px;
    display: block;
    margin: 0 auto;
    transition: 0.7s;
}
#category-slider h5 {
    font-weight: bold;
    margin-top: 20px;
}
#category-slider a {
    color: #fff;
}
#category-slider a:hover img {
    opacity: .5;
}
.category-box {
    background-color: var(--secondaryColor);
}
#category-slider {
    display: none;
}


.notify-alert {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
    border: 0 !important;
    max-width: 400px;
    color: #FFF;
    }
    .notify-alert.alert-success {
    background-color: #28a745;
    }

    .notify-alert.alert-info {
    background-color: #17a2b8;
    }

    .notify-alert.alert-warning {
    background-color: #ffce3a;
    }

    .notify-alert.alert-danger {
    background-color: #e04b59;
    }

    .notify-alert button[data-notify="dismiss"] {
    margin-left: 5px;
    outline: none !important;
    }
    .alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.25rem;
    }
    .alert-heading {
        color: inherit;
    }
    .alert-link {
        font-weight: 700;
    }
    .alert-dismissible {
        padding-right: 3.8125rem;
    }
    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }
    .alert-primary {
        color: #004e47;
        background-color: #cceae7;
        border-color: #b8e2de;
    }
    .alert-primary hr {
        border-top-color: #a6dbd6;
    }
    .alert-primary .alert-link {
        color: #001b19;
    }
    .alert-secondary {
        color: #383d41;
        background-color: #e2e3e5;
        border-color: #d6d8db;
    }
    .alert-secondary hr {
        border-top-color: #c8cbcf;
    }
    .alert-secondary .alert-link {
        color: #202326;
    }
    .alert-success {
        color: #fff;
    }
    .alert-success hr {
        border-top-color: #b1dfbb;
    }
    .alert-success .alert-link {
        color: #0b2e13;
    }

    .alert-info {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb;
    }

    .alert-info hr {
        border-top-color: #abdde5;
    }

    .alert-info .alert-link {
        color: #062c33;
    }

    .alert-warning {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

    .alert-warning hr {
    border-top-color: #ffe8a1;
    }

    .alert-warning .alert-link {
    color: #533f03;
    }

    .alert-danger {
    color: #fff;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    }

    .alert-danger hr {
    border-top-color: #f1b0b7;
    }

    .alert-danger .alert-link {
    color: #491217;
    }

    .alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
    }

    .alert-light hr {
    border-top-color: #ececf6;
    }

    .alert-light .alert-link {
    color: #686868;
    }

    .alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
    }

    .alert-dark hr {
    border-top-color: #b9bbbe;
    }

    .alert-dark .alert-link {
    color: #040505;
    }

    @-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
    }

    @keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
    }
    .close {
    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .5;
    margin-left: 10px !important;
    }

    .close:hover {
    color: #000;
    text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75;
    }

    button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
        -moz-appearance: none;
            appearance: none;
    }

    a.close.disabled {
    pointer-events: none;
    }


.preview_img{
    position: relative;
}
.thumbs {
    float: left;
    width: 100%;
    margin-top: 20px;
  }
  .thumbs>a {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
  }
  .thumbs>a img {
      max-width: 100%;
      max-height: 100%;
  }
  .thumbs a.selected, .thumbs a:hover {
    box-shadow: 0 0 0 3px #ff3ebc;
  }
  .gallery_arrows {
        position: absolute;
        font-size: 50px;
        z-index: 1;
        top: 45%;
        color: #fff;
        border-radius: 50%;
        height: 100%;
        top: 0;
        width: 50px;
        line-height: 0;
        text-align: center;
        cursor: pointer;
        text-shadow: 0 0 10px #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
.prev_image {
    left: 10px;
}
.next_image {
    right: 10px;
}
.product_title {
    font-size: 2rem;
    margin-bottom: 10px;
}
.product-price{
    font-size: 1.4em;
}
.color_btn span {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 6px;
    box-shadow: 0 0 0 1px #333;
}
.color_btn {
    border: 2px solid #333;
}
.quantity_txt>div label{
    margin-bottom: 0;
    padding-top: 0;
}
.count_txt {
    max-width: 45px;
    font-weight: bold;
    text-align: center;
    padding: 0;
}
.quantity_txt {
    font-weight: bold;
    color: #2fb985;
    font-size: 18px;
    padding-top: 4px;
}
.quantity_txt button {
    border: 2px solid #b70000;
    color: #b70000;
    padding: 4px 6px;
    list-style: none;
    margin-left: 5px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
    transition: 0.3s;
}
.quantity_txt button.active_var{
    background: #b70000;
    color: #fff;
}
.quantity_txt>div {
    float: right;
    width: 100%;
    margin-bottom: 10px;
}
.quantity_txt>div input {
    max-width: 30px;
    display: inline-block;
    padding: 0;
    text-align: center;
}
.active_attr {
    background: #89eba7;
}
.product-price del {
    color: #aaa;
}
.product-price b {
    color: var(--primaryColorHover);
}
.logout_customer {
    position: absolute;
    top: 33px;
    left: -4px;
}
.mj_footer {
    background: #343a40;
    color: #fff;
}
.social_icons {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
.social_icons li {
    display: inline-block;
}
.social_icons li a {
    font-size: 26px;
    margin-right: 10px;
    height: 37px;
    width: 37px;
    display: inline-block;
    line-height: 43px;
    background: #fff;
    color: var(--primaryColor);
    border-radius: 5px;
    text-align: center;
    transition: 0.3s;
}
.social_icons li a:hover{
    background: #ccc;
    color: var(--primaryColorHover);
}
.custom_pagination .pagination {
    justify-content: center;
}
/********* Select2 **********/
.select2-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;height:38px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;min-height:45px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:right}.select2-container .select2-search--inline .select2-search__field{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:2px solid #ced4da;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #ced4da;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:38px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:30px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:2px solid #ced4da;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:right}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:left;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:#e4e4e4;border:1px solid #ced4da;border-radius:2px;cursor:default;float:right;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-left:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#2fb985;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:textfield;text-align:right}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#2fb985;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}
.checkout_box{
    background: var(--secondaryColor);
    border-radius: 10px;
    padding: 20px 0;
    box-shadow: 0 0 7px #aaa;
}
.lock_button{
    pointer-events: none;
    cursor: not-allowed;
}

.erorr_messages p {
    background: #ffb6b6;
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #f00;
    font-weight: bold;
    margin-bottom: 8px;
}
.has_error+.select2-container--default .select2-selection--single, .kt-select2.has_error, .has_error {
    border-color: #f00 !important;
    background-color: #ffd2d2;
}
  .has_error_color{
  color: #f00 !important;
}
.has_error[type=radio], .has_error[type=checkbox] {
  box-shadow: 0 0 0 2px #f00;
}
.checkout_text {
    background: #f4f4f4;
    padding: 15px;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 0 2px 8px #ddd;
}
.card_info {
    background: #40317c;
    border-radius: 10px;
    color: #fff;
}
.response_payment {
    padding: 10px;
    background: #f5f5f5;
    border-radius: 10px;
    box-shadow: 0 2px 7px #ddd;
    font-weight: bold;
}
.success_icon{
    font-size: 150px;
}
.sections {
    background: #f5f5f5;
    padding: 15px;
    border: 1px solid #eee;
    box-shadow: 0 4px 13px #ddd;
}
.table-checkout hr{
    margin: 0.5rem;
    background: #198754;
    opacity: 0.6;
}
.input-group-btn .btn {
    height: 100%;
}
::placeholder {
    color: #ccc !important;
}
.size_row {
    border: 1px solid #ccc;
    padding-top: 10px;
    border-radius: 15px;
    box-shadow: 0 0 3px #ddd;
    overflow: hidden;
}
#products .price del {
    color: var(--primaryColor);
}
.modal-open .modal {
    z-index: 99999999;
}
.product_filters a {
    border-color: #ff4071;
    color: #ff4071;
    font-weight: bold;
}
.product_filters a:hover{
    background-color: #e12654;
    border-color: #e12654;
}
.product_filters .btn-primary{
    background-color: #ff4071;
    color: #fff;
}
.footer-product-list a {
    color: #fff;
}
.mj_footer h3:after {
    border-bottom: 3px solid #fff;
    width: 50px;
    display: block;
    margin: 10px 0;
    content: '';
}
.footer-product-list a:not(:last-child) {
    margin-bottom: 15px;
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--secondaryColor);
}
.footer-product-list .price{
    color: #eee;
}


/***** Responsive ****/

@media (min-width: 767px) {
    .display-just-mobile{
        display: none !important;
    }
}

@media(max-width: 1025px){
    .product-container {
        width: calc(50% - 20px);
    }

}
@media(max-width: 767px){
    .wide-mobile {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .product-container {
        width: calc(50% - 5px);
        margin: 0;
        margin-bottom: 30px;
    }
    .product-container:nth-child(even) {
        margin-right: 5px;
    }
    .product-container:nth-child(odd) {
        margin-left: 5px;
    }
    .icon-box .row > div:not(:last-child) {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #999;
    }
    .mj_header:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.1);
    }
    .categories li {
        text-align: center;
    }
    .categories li ul li {
        display: inline-block;
        margin-left: 15px;
    }
    .thumbs>a {
        width: calc(25% - 12px);
        display: inline-block;
        margin: 0 5px;
    }
    .thumbs, .product_details, .social_icons{
        text-align: center;
    }
    .text-center-xs{
        text-align: center;
    }
    .mj_header{
        height: 300px
    }
    .single-product-page .mj_hear{
        height: 350px;
        padding-top: 20px !important;
    }
    .single-product-page .logo {
        margin-top: -60px;
    }
    .list-group-item {
        text-align: right;
        padding: 8px;
    }
    body, .btn, input{
        font-size: 14px;;
    }
    .responsive_table {
        display: block;
    }
    .responsive_table tr {
        display: block;
        padding-bottom: 25px;
        position: relative;
        padding: 15px 10px;
        border: 0;
        border-bottom: 5px solid #ff7600;
        background: #eee;
    }
    .responsive_table tr:nth-child(even){
        background: #fff;
    }
    .responsive_table thead {
        display: none;
    }
    .responsive_table td{
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 5px;
        padding: 5px 0;
        text-align: left;
        border: none;
        border-bottom: 1px dashed #ddd;
        box-shadow: unset !important;
    }
    .responsive_table td.image_td:before{
        display: none;
    }
    .responsive_table td.image_td{
        justify-content: center;
    }
    .responsive_table td.image_td .btn {
        margin-right: 10px;
        padding: 6px 10px;
    }
    .responsive_table td.price_td del{
        margin-left: 15px;
    }
    .responsive_table td.price_td br{
        display: none;
    }
    .responsive_table td.count_td{ padding-bottom: 5px;}
    .responsive_table td.name_td{ justify-content: center; font-weight: bold;}
    .responsive_table td:not(.no-before):before{
        content: attr(data-title);
        float: right;
        padding-top: 3px;
        color: #2d2a2a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        flex: 1 1 auto;
        margin-bottom: 5px;
        padding-top: 0;
        text-align: right;
    }
    .responsive_table td.name_td:before, .responsive_table td.no_title:before{ content : ''; display: none;}
    .responsive_table th{ border: none; }
    .responsive_table .list-group{
        width: 100%;
    }
    .responsive_table td i.fa-check {
        color: green;
        padding-left: 8px;
    }
    .logout_customer {
        top: 47%;
        left: 0;
        z-index: 999999;
    }
    #orders {
        padding-left: 0;
        padding-right: 0;
    }
    #orders .responsive_table tr {
        background: #d5d5d5;
        padding: 10px;
        box-shadow: 0 0 3px #aaa;
    }
    .color_btn {
        border-width: 1px;
        margin-bottom: 5px;
    }
    .responsive_table tbody, .responsive_table tfoot {
        width: 100%;
        display: block;
    }
    .logo {
        max-width: 100px;
    }
    #products .product-title, #products .price, #products .buy_btn {
        font-size: .7rem !important;
    }
    .mj_header:before {
        background: rgba(0, 0, 0, 0.2) !important;
        opacity: 1;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }
    .no-display-mobile {
        display: none !important;
    }
    tr.no-border-bottom {
        border-bottom: 0;
        margin-bottom: 0;
        padding: 7px 10px;
    }
    tr.no-border-bottom td {
        border: 0;
    }
    #products .info-box .btn {
        width: 25%;
    }
    .mj_footer h3:after {
        margin: 10px auto;
    }
}