body{
    background:#f3f3f3;
    margin: 0;
    padding: 0;
    font-family: "Rubik" !important;
    /*display: flex;
    min-height: 100vh;
    flex-direction: column;*/
}
.rtl{
    direction: rtl;
}
#main{position:relative;height: auto;min-height: 100%}
#top-line{height: 30px;width:100%;background: #3dcc70;overflow: hidden;border-bottom: 1px solid #57ca80}
.menu-img{margin: 0 7px}
#top-line-menu{list-style: none;margin:0px;padding: 0px;float:right;}
#top-line-menu li{float:right;cursor:pointer;color:#fff;font-size: 14px}
#top-line-menu li a{cursor:pointer;color:#fff;font-size: 14px;
    text-decoration: none;}
#logo{float:left;}
#top-line-left{margin:5px 10px;overflow: hidden;}
#header{background:#fff;width: 100%;display: flex;align-items: center}
#header-text{margin-left:30px;font-size:32px;font-weight: bold;font-family: "Helvetica";display: flex;align-items: center;height:100%;}
#search-block{width: 50%;margin-left:50px;position: relative;margin-top: 25px;}
.serach-group{margin-bottom: 0px !important;}
.search-background{background-color: #ff5d0f !important;border: 1px solid #e64312;color:#fff}
.icon-search{color:#fff;}
#cart{position: relative;margin: 0 30px}
.cart-img{font-size:30px;}
#cart-counter{border-radius: 50%;padding:1px 7px;background: #ff5d0f;position: absolute;color:#fff;bottom: -3px;left:19px;font-size:12px;}
#catalog{border: 1px solid #ddd;position: relative;height: 50px}
.catitem{
    font-weight: bold;
    font-size:14px;
    float: right;
    padding:13px 5px 5px 15px;
    cursor:pointer;
    height:100%;}
.menu-delimeter{
    float: right;
    width: 2px;
    height: 100%;
    background: #d6caca;
}
.catitem{
    transition: 0.5s;
}

.catitem:hover{
    background: #fc5c0f;
    color:#fff;
}
.top-menu{
    float:right;
    margin:0;
    padding:0;
    list-style:none;
    height:100%;
}
.top-menu li{
    float: right;
    height:100%;
    padding:14px 15px;
    transition: 0.5s;
    border-left: 2px solid #ddd;
}

.top-menu li:hover{
    background: #fc5c0f;
}
.left-menu{
    position: absolute;
    left:0;
}

.top-menu li:hover .menulink{
    color:#fff;
}
.top-menu li > a{
    font-weight:bold;
    color: #fff;
    text-decoration: none;
    height:100%;
}
.cart-text{
    padding:5px;
    text-align: center;
    font-weight:bold;
    font-size:14px;
    background: #ffd9d9;
    margin:5px;
}
.delivery_cost_sum{
    font-weight:bold;
}
#catalog-list{
    position: absolute;
    font-weight:bold;
    top:33px;
    right: 0;
    display:none;
    direction: rtl;
    list-style: none;
    border: 1px solid #ddd;
    padding: 0;
    margin: 0;
    background: #fff;
    z-index: 100;
    min-width:250px;
}
#catalog-list li{
    cursor:pointer;
}
#catalog-list li > a:hover{
    background: #f16a6a;
    color:#fff;
    cursor: pointer;
    font-weight: bold;
}
.cat-link a{
    color:#000;
}
.sub-list li > a{
    color:#000;
    text-decoration: none;
    width:100%;
    height:100%;
    display: inline-block;
}
.sub-list li{
    padding:5px 30px;
}
.sub-list li:hover{
    background: #f16a6a;
}
.cat-ico{font-size:18px;margin:0 6px;float:right;}
#slider-crm{margin: 0;padding: 0;list-style: none;}
.catitem-text{float:left;margin-top:3px;}
.cat-link:hover{
    background: #fc5c0f;
    color:#fff;
}
.cat-link:hover a{
    color:#fff;
}
#header-contacts{margin-left: auto;margin-right: 30px;margin-top:6px;}
.contact-tel{font-size:16px;font-weight: bold;float:right;margin-top:6px;}
.contact-ico{font-size: 26px;margin-left:10px;float:left;margin-right: 10px;}
#header-text img{width: 150px;}
#header-left-blk{display: flex;}
#special-offers{margin:0 auto;width:80%;padding: 5px;}
.offer-body{display: flex;justify-content: space-between;}
.offer-header{text-align: center;font-weight: bold; border-bottom: 2px solid #ec3131; color:#fff;direction: rtl}
.spec-offer img{width:100%;}
.header-txt{display: inline-block;color: #333;font-size: 1.9rem;padding:5px 10px; }
.header-txt-ico{margin-left:5px;font-size:14px;}
.spec-offer{cursor:pointer;width: 33%}
.spec-offer{margin:5px;}
.prod-holder{
    direction: rtl;
    background:#fff;
    margin:10px;
    width:15%;
    min-height: 340px;
    padding: 10px 13px;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-top:2px solid #ddd;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
}
.prod-img{
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.prod-img img{
    transition: transform 250ms ease-in-out;
    transform: scale(1);
    height:140px;
}
.product-image img{
    height:350px;
}
.scaled{transform: scale(1.1) !important}
.prod-text{font-weight: bold;font-size:14px;}
.recommended{margin:10px auto;width:80%;padding: 5px;direction: rtl;}
.rec-holder{display: flex;flex-wrap: wrap;justify-content: space-between;}
.to-cart-btn{background: #ec3131;color:#fff;font-weight: bold !important;margin-top:10px;}
.prod-text{font-weight: bold;font-size: 14px;margin-top:10px;text-align: center;}
.prod-price, .prod-price-champ{font-weight: bold;margin-top:10px;text-align: left;font-size:17px;color:#fc5c0f}
.delmiter{margin:0 5px 0px 10px;}
#vendors{padding:5px;width:80%;margin:10px auto;}
.vednor{
    border:1px solid #ddd;
    background:#fff;
    cursor:pointer;
    box-shadow: 1px 2px 1px 0px #f1f1f1;
    padding:7px;
    display: flex;
    align-items: center;
    height: 70px;
    justify-content: center;
    margin: 5px 10px;
    text-align: center;
}
.vendor-img{max-width: 80%;max-height: 90%;width: auto;height: auto;}
.vendor-body{display: flex;flex-wrap: wrap;justify-content: space-between;}
#footer{height: 280px;background: #333;direction: rtl;padding: 3% 0 1%;width: 100%;}
.footr-content{display: flex;flex-wrap: wrap;}
.footer-wraper{width: 80%;margin:0 auto;position: relative;}
.footer-data{width:23%;text-align:center;margin-right: 5px;color:#fff;}
.footer-list{list-style: none;margin:0;padding: 0}
.footer-header{font-size:14px;font-weight: bold;margin-bottom: 15px;}
.footer-list-item{font-size: 14px;color:#fff;margin-top: 10px;cursor:pointer;}
.footer-link{color:#fff;text-decoration: none;}
.footer-copyright{color:#fff;text-align: left;margin-top: 10px;}
.prod-line{width: 0;height: 5px;background: #ff9108;position: absolute;bottom:0;}
#mail-subscription{width: 80%;margin:10px auto;}
.subscr-btn{background-color: #ff5d0f !important;color:#fff !important;}
.subs-input{direction: rtl}
.subscr-text{direction: rtl;font-weight: bold;font-size:16px;}
.subs-subtext{direction: rtl;font-size: 12px;margin-bottom: 10px}
.catalog-devider{padding:7px;font-size:16px;text-align:center;border-top:1px solid #c1c1c1}
#catalog-list > li > a{color:#000;text-decoration: none}
.priceblk{display: flex;justify-content: space-between;}
.orig-price, .orig-price-champ{margin-top:10px;color:#b9b9b9;text-decoration:line-through;font-size: 17px;margin-right: 10px;}
#cat-filters{
    margin:0 10px;
    border:1px solid #ddd;
    width: 20%;
    padding: 5px;
    background: #fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.cart-image img{
    max-width: 80%;
}
.cart-single-price{
    float:right;
    margin-top:2%;
    margin-left:5px;
    margin-right:5px;
    width:25%;
}
#products-in-cat{direction: rtl;display:flex;flex-wrap: wrap;width: 100%;margin-bottom:10px;}
.prod-holder-cat{width: 15%;height: 350px;}
.category-header{padding:7px;color: #fc5c0f;margin:0px 0 20px 0;font-size: 22px;font-weight: bold;text-align: center;border-bottom:4px solid #ec3131;direction: rtl}
.cat-pagination{float:right;margin-right:10px}
#product-details{direction: rtl;overflow: hidden;margin:10px auto;width: 50%;border:1px solid #ddd;padding: 5px;background: #fff;box-shadow: 1px 2px 1px 1px #eaeaea;}
.product-image{width: 100%;text-align:center;padding: 5px;border-right: 1px solid #ddd}
.left-block{float:left;width: 48%;position: relative;}
.right-block{float:right;width: 48%}
.product-name{font-weight: bold;font-size:19px;margin:10px;text-align:center}
.product-serialno{color:#807d7d;font-weight: bold;}
.product-actions{margin:30px 5px 0 0;display:flex;justify-content: space-between;align-items: center;direction: ltr;padding: 5px; border:2px solid #e0dcdc;background: #f3f3f3;border-radius: 5px}
.product-qty{
    display: flex;
    align-items: center;
}
.product-qty-input{padding:7px;font-size:16px;width: 50px;}
.right-inner-block{margin: 30px}
.product-price{font-size:22px;font-weight: bold;}
.incard-btn{margin-top:0;}
.product-description{margin-top:15px;padding:5px;}
.recommended-in-card{display:flex;justify-content: space-between;margin-top:30px;flex-wrap: wrap;}
#searchbox{direction: rtl}
.search-results{width: 100% !important}
.shop-search-ico{top:3px;}
.reg-form{margin-top:10px;padding:20px;margin-bottom:10px;direction:rtl;border-radius:5px;background: #fff;border:1px solid #ddd;box-shadow: 1px 2px 1px 1px #eaeaea;max-width:420px;}
.payment-row{
    font-size:16px;
    font-weight:bold;
    margin:0 0 10px 0;
}
.payment-sum{
    color:red;
    margin:0 10px;
}
.payment-bottom-info{
    margin:25px 5px 0 5px;
    text-align: center;
}
.payment-bottom-text{
    margin:0 10px;
    font-weight:bold;
}
.login-text{
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #fc5c0f;
}
.shadow{
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
    box-shadow: 0 0 4px rgba(0,0,0,.2);
}
#cart-block{
    direction: rtl;
    background: #fff;
    padding:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin-top:10px;
    border:1px solid #ddd;
}
.cart-item{
    overflow: hidden;
    border-bottom:1px solid #ddd;
    padding:7px 0;
    font-weight: bold;
}
.cart-label{
    min-width:150px;
    font-weight:bold;
}
.fluid-cart-block{
    overflow: hidden;
    float:left;
    margin-left:10px;
    width:40%;
    margin-top:2%;
}
.cart-name{
    float:right;
    margin-right: 10px;
    width:45%;
    margin-top:2%;
}
.cart-in-cart-qty{
    font-size:16px;
}

.cart-image{
    width:10%;
    float:right;
    margin-left:5px;
    text-align: center;
}
.cart-qty{
    float: right;
    margin-right: 10px;
    display: flex;
    align-items:center;
}
.cart-price{
    float: right;
    margin-right: 15px;
    margin-top:6px;
}
.cart-remove{
    float: left;
    margin-right: 10px;
    margin-top:2px;
    color:#ff4a4a;
    font-size:22px;
}
.cart-bottom-block{
    margin-top:10px;
    text-align: left;
    padding:8px;
}
.cart-tot-value{
    font-weight:bold;
    margin:0 3px;
}
.cat-bottom-block{
    position: absolute;
    bottom:10px;
    width: 89%;
}
.place-order{direction: rtl;margin-bottom:25px;}
.msg{
    direction: rtl;
    text-align: center;
    font-size:18px;
    font-weight:bold;
    padding:5px;
}
.msg-block{
    margin:20px;
}
.overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 200;
    opacity: 0;
    background: rgba(39, 42, 43, 0.8);
    transition: opacity 200ms ease-in-out;
    border-radius: 4px;
    margin: -15px 0 0 -15px;
    right:0;
}
.alert{
    text-align: center;
}
.filter-header{
    padding:5px;
    text-align: center;
    font-weight:bold;
    font-size:14px;
    background: #ec3131;
    color: #fff;
    position: relative;
}
.filter-toggle{
    position: absolute;
    right:10px;
    width:100px;
    text-align: right;
    top:3px;
    font-size:16px;
    color:#fff;
    cursor: pointer;
}
.filter-block{
    margin-bottom:7px;
}
.filter-body{
    padding:5px;
}
.filter-row{
    margin:6px 0;
}
.radio,
.checkbox {
    padding-left: 20px;
    position: relative;
    display: block;
}
.radio input,
.checkbox input {
    opacity: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    margin-left: -20px;
}
.radio input:checked + label::before,
.checkbox input:checked + label::before {
    border-color: #9575cd;
}
.radio input:checked + label::after,
.checkbox input:checked + label::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 13px;
    left: 2px;
    top: 4px;
    margin-left: -20px;
    border: 1px solid #9575cd;
    border-radius: 50%;
    background-color: #9575cd;
}
.radio label,
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.radio label::before,
.checkbox label::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 2px;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
}
.radio.disabled label,
.checkbox.disabled label {
    color: #ccc;
}
.radio.disabled label::before,
.checkbox.disabled label::before {
    opacity: 0.54;
    border-color: #ccc;
}
.checkbox input:checked + label::before {
    border-color: #ff5700;
    background-color: #ff5700;
}
.checkbox input:checked + label::after {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    top: 0;
    left: 1px;
    border-color: transparent;
    background-color: transparent;
}
.overlay-waiter{
    position: absolute;
    display:none;
    top: 350px;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.sub-list{
    list-style: none;
    padding:0;
}
.checkbox label::before {
    border-radius: 2px;
}
.incat-content{
    display: flex;
    width:100%;
    margin-bottom:10px;
}
#category-holder{
    width: 100%;
}
.has-subs:before{
    font-family: FontAwesome;
    top:10px;
    left:9px;
    position: absolute;
    content: "\f078";
}
.cat-link{
    padding:10px 15px;
    width:100%;
    display: block;
}
div.required label.control-label:after {
    content: " *";
    color: red;
}
.btn-right{margin-left:10px;}
.order-confirm{padding:15px;margin-top:15px;background: #fff;border:1px solid #ddd;border-radius: 5px;}
.delivery_types{display: flex;margin-bottom: 10px;border-bottom: 1px solid #ddd}
.delivery_type{width: 49%;margin:5px;font-weight:bold;cursor:pointer;padding:5px; text-align: center;cursor: pointer; border-bottom: 1px solid #ddd; background: #ddd;}
.cart-next-block{margin-top:10px;text-align: left;margin-left:10px;margin-bottom:10px}
.delivery_type_active{background: #fc5c0f;color:#fff;}
/*.prod-holder:hover{border-top:2px solid #b3d409}*/
.alert{direction: rtl;}
.prod-holder-prod{
    width:24%;}
.img100{}
.img50{}
.prod-holder > a {color:#000;}
.carousel-inner > .item > img {
  margin: 0 auto;
}
.block-right{ float:right }
.block-left{ float:left; }
.cart-remove{cursor:pointer;}
#main-menu{
    background: #337fce;
    color:#fff;
}
.cart-img{
    cursor: pointer;
}
.cart-message{
    font-size:18px;
    font-weight:bold;
    text-align: center;
}

.contact-tel > a{
    text-decoration: none;
    color:#000;
}
.bottom-seach-text{
    margin: 10px 0;
}

#mob_filters{
    display: none;
    overflow: hidden;
    bottom:0;
    z-index: 20;
    width:100%;
    background: #fff;
    padding:5px;
}
#main-body{
    position: relative;
}
.mob_filter_btn{
    font-size:28px;
    float:right;
    margin-right:5px;
    color:#fff;
}
.mob-close{
    display: none;
    padding:5px;
    text-align: center;
    background: #000;
    color:#fff;
    font-weight:bold;
}
.category-list{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px;
}
.category-item{
    margin: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 300px;
    width: 250px;
    background: #fff;
}
.category-name a{
    font-weight: bold;
    font-size: 14px;
    color:#333;
}
.category-image{
    text-align: center;
}
.category-image img{
    max-width: 200px;
}
.category-name{
    margin: 10px 0;
    text-align: center;
}
.champs{
    margin: 10px 0;
    text-align: center;
}
.card-champ-ico{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 70px;
    height: 70px;
    background: #ff8319;
    border-radius: 50%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color:#fff;
    text-align: center;
    direction: ltr;
}

.menu-discount a{
    color: #17ff5e !important;
}

.favorites{
    display: flex;
    height: 280px;
    overflow-x: auto;
    width: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    transition: 0.6s;
}
.fav-bottom{
    position: absolute;
    bottom:8px;
}
.favorites::-webkit-scrollbar {
    display: none;
}
.fav-image img{
    width: 70px;
}
.fav-image{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.fav-item{
    position: relative;
    margin:6px;
    padding:5px;
    border-radius: 5px;
    border:1px solid #ddd;
    box-shadow: 1px 1px 1px 1px #f3f3f3;
    width: 31%;
    flex-shrink:0;
}
.fav-name{
    text-align: center;
    height: 40px;
    font-weight: bold;
    font-size:14px;
    margin-top: 15px;
}
.fav-price{
    overflow: hidden;
    padding:5px;
}
.fav-price-orig{
    float:left;
    color:#ce1b1b;
    font-weight: bold;
    font-size: 1.7rem;
}
.fav-old-price{
    float:right;
    margin-top:0;
    font-size: 1.6rem;
    text-decoration: line-through;
    color: #878787;
}
.fav-to-cart{
    width: 100%;
    background-color: #fb9044;
    border: 1px solid orange;
}
.fav-arrow{
    position: fixed;
    top:50%;
    font-size:28px;
    background-color: rgba(220,220,220, 0.6);
    cursor: pointer;;
}
.fav-arrow-left{
    left: 0;
    padding: 5px 10px 0px 7px;
}
.fav-arrow-right{
    right:0;
    padding: 5px 6px 0px 10px;
}
.fav-top-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:7px;
}
.fav-txt{
    font-weight: bold;
    font-size:24px;
    margin-right: 7px;
}
.fav-btn-next{
    margin-left:7px;
}
.fav-arrow-ico{
    padding: 5px 10px;
}
#products-in-cat > .prod-holder{
    min-height: auto;
}
#orders{
    background: #fff;
    padding:7px;
    box-shadow: 1px 2px 1px 1px #eaeaea;
    border:1px solid #ddd;
    direction: rtl;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    overflow: hidden;
}
th{
    text-align: right !important;
}
.order-items{
    padding:5px;
    background: #5e8217;
    display: none;
}
.pseudolink{
    text-decoration: underline;
    font-weight:bold;
    cursor: pointer;
}
.order-actions-btn{
    font-size:22px;
    text-align: center;
    position: relative;
}
.order-actions-th{
    width:50px;
}
.order-action-menu{
    position: absolute;
    top:5px;
    left:0;
    border:1px solid #ddd;
    background: #fff;
    box-shadow: 1px 2px 1px 1px #eaeaea;
    width:150px;
    z-index: 10;
    display: none;
}
.order-action-menu > ul > li{
    overflow: hidden;
    border-bottom:1px solid #ddd;
    cursor: pointer;
}
.order-action-menu > ul > li:hover{
    background: #333;
    color:#fff;
}
.order-action-menu > ul{
    margin:0;
    padding:0;
    list-style-type: none;
}
.order-action-menu-text {
    margin-right:5px;
    margin-top:6px;
    font-size:14px;
    float:right;
    font-weight:bold;
}
.order-action-menu-img{
    float:right;
    margin-right:7px;
    font-size:22px;
}
.order-prod-check{
    width:60px;
    text-align: center !important;
}
.order-prod-qty{
    width:40px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:2px 5px;
    border:1px solid #ddd;
}
.item-disabled{
    color:gray;
}
.order-prod-msg{
    font-style: italic;
    color:red;
    font-size: 12px;
}
.numVal{
    text-align: left;
    direction: ltr;
}
/* media querues start  */
@media screen and (max-width: 1366px) {
    .prod-holder-cat {
        width: 32.3333%;
    }

    .prod-holder{
        width:23%;
    }
}

@media screen and (max-width: 1060px) {
  #search-block {
    width: 35%;
  }
  #header-text{
  	margin-left:0;
  }

   #special-offers, .recommended{
  	width:100%;
  }

  #vendors{
  	width: auto;
  }

  .right-inner-block{
      margin:0;
  }

}

@media screen and (max-width: 1700px) {
    #product-details{width: 80%}
}

@media screen and (max-width: 1165px) {
    #product-details{width: 100%}
}

.mob-menu{
    display: none;
    float:left;
    font-size:25px;
    margin: 8px 0 10px 10px;
}
/* screens 768 */


@media screen and (max-width: 1000px) {
    .mob-menu{
        display: block;
    }
    .top-menu{
        position: absolute;
        top:49px;
        width:100%;
        z-index: 100;
        display: none;
        text-align: right;
    }

    .left-menu{
        position: relative;
    }

    .top-menu li{
        float:none;
        background: #333;
        margin-top: -1px;
    }
    .cart-image{
        margin-bottom:15px;
    }
    .cart-name{
        float: none;
        width: 100%;
    }
    .fluid-cart-block{
        float:none;
        width: 100%;
    }
    .cart-qty{
        margin-right:2px;
    }
  #search-block {
    width: 35%;
  }
  #header-text{
  	margin-left:0;
  	margin-bottom:5px;
  	float:none;
    display: block;
    text-align: center;
  }
  #header{
  	display: block;
  	height:100%;
  }

  #search-block{
  	margin-left:10px;
  	margin-right: 10px;
  	width: auto;
  }
  #header-left{
  	height: 50px;
  }

  #header-contacts{
  	margin-top: 12px;
    margin-right: 9px;
  }

  #cart{
      margin: 0 13px;
  }

  #special-offers, .recommended{
  	width:100%;
  }

  .offer-body{
  	display: block;
  }

  .rec-holder{

  }

  .prod-holder{
  	width: 30%;
  }

  .vendor-body{
  	width: auto;
  	display: block;
  }

  .spec-offer{
    width: auto;
  }

  #products-in-cat{width: auto;float:none;}
  .incat-content{display: block;}
  #cat-filters{
      width: 100%;
      max-width:none;
      margin: 10px 0;
  }

    /*.cat-bottom-block{
        position: relative;
    }*/
   /* .prod-holder-cat{height: 490px}*/
    #product-details{
        width:100%;
    }
    .left-block{float:none;width: 100%}
    .right-block{float:none;width: 100%}
    .right-inner-block{margin:0;}
    .product-price{font-size:19px}
}

@media screen and (max-width: 590px) {
    .cart-image{
        float:none;
        width: 100%;
    }
    .cart-name{
        float: none;
        width: 98%;
    }
    .fluid-cart-block{
        float:none;
        width: 100%;
    }

    .cart-image img{
        width:30%;
    }
}

@media screen and (max-width: 400px) {
	.prod-holder{
  	width: 100%;
  }
    .cart-image img{
        width:30%;
    }
  .vendor-body{
  	width: auto;
  	display: block;
  }

  .footer-data{
  	margin-right:5px;
  }

  .spec-offer{
    width: auto;
  }

    #products-in-cat{width: auto;float:none;}
    #cat-filters{float:none;max-width:none;margin: 10px 0}

    .cat-bottom-block{
        position: relative;
        width: 100%;
    }
    .prod-holder-cat{height: auto;}

    #product-details{
        width:100%;
    }

    .left-block{float:none;width: 100%}
    .right-block{float:none;width: 100%}
    .right-inner-block{margin:0;}
    .product-price{font-size:19px}
    .recommended-in-card{display:block}
    .delivery_type{width: 100%}
    .product-image img{
        height:250px;
    }
    .fav-item{
        width: 98%;
    }
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control {
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right {
    margin-right: 40px;
    margin-left: 32px;
    background-image: none;
    opacity: 1;
}

.vends.left,
.vends.right {
    margin:0 !important;
}
.carousel-control > a > span {
    color: white;
    font-size: 29px !important;
}

.carousel-col {
    position: relative;
    min-height: 1px;
    padding: 5px;
    float: left;
}

.active > div { display:none; }
.active > div:first-child { display:block; margin-left:17px;}

/*xs*/
@media (max-width: 767px) {
    .carousel-inner .active.left { left: -30%; }
    .carousel-inner .active.right { left: 30%; }
    .carousel-inner .next        { left:  30%; }
    .carousel-inner .prev		     { left: -30%; }
    .carousel-col                { width: 30%; }
    .active > div:first-child + div { display:block; }
    .active > div:first-child + div + div { display:block; }
    .manuf-flex{
        display: block !important;
    }
    .manuf-adptive{
        display: block !important;
    }
    .manuf-menu-inner{
        display: none !important;
    }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
    .carousel-inner .active.left { left: -24%; }
    .carousel-inner .active.right { left: 24%; }
    .carousel-inner .next        { left:  24%; }
    .carousel-inner .prev		     { left: -24%; }
    .carousel-col                { width: 24%; }
    .active > div:first-child + div { display:block; }
    .active > div:first-child + div + div { display:block; }
    .active > div:first-child + div + div + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
    .carousel-inner .active.left { left: -24%; }
    .carousel-inner .active.right { left: 24%; }
    .carousel-inner .next        { left:  24%; }
    .carousel-inner .prev		     { left: -24%; }
    .carousel-col                { width: 24%; }
    .active > div:first-child + div { display:block; }
    .active > div:first-child + div + div { display:block; }
    .active > div:first-child + div + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
    .carousel-inner .active.left { left: -16%; }
    .carousel-inner .active.right{ left:  16%; }
    .carousel-inner .next        { left:  16%; }
    .carousel-inner .prev		     { left: -16%; }
    .carousel-col                { width: 16%; }
    .active > div:first-child + div { display:block; }
    .active > div:first-child + div + div { display:block; }
    .active > div:first-child + div + div + div { display:block; }
    .active > div:first-child + div + div + div + div { display:block; }
    .active > div:first-child + div + div + div + div + div { display:block; }
}

.block {
    width: auto;
    height: auto;
}

.manuf-menu{
    position: absolute;
    width:100%;
    top:49px;
    border-bottom:2px solid #ddd;
    background: #fff;
    z-index: 10;
    display: none;
    padding:5px;
}

.manuf-flex{
    display: flex;
    justify-content:space-between;
    align-items: center;
}

.manuf-img{
    max-width: 80%;
    max-height: 37px;
    width: auto;
    height: auto;
}

.manuf-menu-inner{
    margin:5px 0;
    border-left:1px solid #eee;
    padding:7px;
    width:100%;
    text-align: center;
}

.manuf-adptive{
    display: none;
    padding:10px 5px;
    border-bottom:1px solid #ddd;
    cursor: pointer;
}

.manuf-adptive > a{
    font-weight:bold;
    text-decoration: none;
    color: #000;
    width:100%;
    height:100%;
    display: inline-block;
}

.categories{
    position: relative;
}

.b{
    font-weight:bold;
}

.category-side-list{
    list-style: none;
    margin:5px;
    padding:0;
    direction: rtl;
}

.category-side-list li{
    padding:5px;
    border-bottom:1px solid #eee;
    cursor: pointer;
}

.category-side-list li a{
    color:#000;
    text-decoration: none;
    display:inline-block;
    width: 100%;
    height:100%;
}

.category-side-list li:hover {
    background: #fc5c0f;
}

.category-side-list li:hover a{
    color: #fff;
}

.devices{
    direction: rtl;
    padding:0;
}

.nav-header{
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
}

.breadcrumb{
    background: #fff;
    direction: rtl;
}

.manuf-menu-img{
    color:#000;
}

.manimg{
    width: 70%;
}

.hauto{
    height:auto !important;
}

.manuf-holder{
    display: flex;
    align-items:center;
    justify-content:center;
}

.manlink{
    height:100%;
    width:100%;
}

.man-text{
    font-size:22px;
}

.product-qty-plus{
    width: 35px;
    text-align: center;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:5px;
    background: #3e4c61;
    color:#fff;
    cursor: pointer;
}

.product-qty-minus{
    width: 35px;
    text-align: center;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:5px;
    background: #3e4c61;
    color:#fff;
    cursor: pointer;
}

.product-qty-plus-sm{
    width: 30px;
    text-align: center;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:10px;
    background: #3e4c61;
    color:#fff;
    cursor: pointer;
}

.product-qty-minus-sm{
    width: 30px;
    text-align: center;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:10px;
    background: #3e4c61;
    color:#fff;
    cursor: pointer;
}

.site-page{
    direction: rtl;
    background: #fff;
    padding:10px;
    margin:10px auto;
}
.footer-img{
    font-size:28px;
    margin:0 10px;
    
}
.sresults{
    position: absolute;
    top:37px;
    width: 100%;
    padding:7px;
    background-color: #fff;
    z-index: 100;
    border:1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 12px 18px 2px rgba(34,0,51,.04),0 6px 22px 4px rgba(7,48,114,.12),0 6px 10px -4px rgba(14,13,26,.12);
    display: none;
    direction: rtl;
}
.ajax-sres{
    display: flex;
    margin:5px;
    border-bottom: 1px solid #ddd;
    align-items: center;
}
.ajax-prod-img{
    width: 50px;
}
.ajax-prod-img-blk{
    width: 60px;
}
.ajax-prod-name{
    font-weight: bold;
    text-decoration: none;
    color:#000;
}
.ajax-search-link:hover{
    text-decoration: none;
}
.main-page-blk{
    margin:0 auto;
    overflow: hidden;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.blog-block{
    margin:10px 0;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}
.blog-title{
    font-size:16px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.blog-content{
    font-size: 14px;
}
.blog-readmore{
    margin-top: 20px;
}
.blog-readmore-btn{
    border: none;
    border-radius: 5px;
    background: #ef4747;
    color:#fff;
    padding: 6px 15px;
    cursor: pointer;
    font-size: 14px;
}
.blog-readmore-btn:hover{
    text-decoration: none;
    color: #fff;
}
.blog-cat-title{
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 2px solid #ae2155;
    padding-bottom: 5px;
}
.cat-pagination{float:right;margin-right:10px}
.pagination li a{
    margin: 5px;
    padding: 5px 10px 5px 12px;
    background: #ae2155;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    border-radius: 5px;
    color: #fff;
}
.pagination li a{
    color: #fff;
}
.button-more{
    border: none;
    padding: 5px 50px;
    font-size: 24px;
    background: #ae2155;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}
.button-more:hover{
    color:#fff;
    text-decoration: none;
}
.contact-area{
    max-width: 450px;
    text-align: center;
    margin:10px auto;
}
.contact-text{
    margin: 10px 0;
    color: #ae2121;
    font-size:16px;
    font-weight: bold;
}
.contact-btn{
    border: none;
    background: #ae2155;
    color: #fff;
    border-radius: 15px;
    padding: 15px 45px;
    font-size: 16px;
    font-weight: bold;
}
.cont-area{
    position: relative;
}
.cont-overlay{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 10;
}
.cont-overlay-waiter{
    font-size:28px;
}
.card-title{
    font-size: 1rem;
}
.blog-intro{
    margin-top: 10px;
}
.blog-title{
    display: flex;
    align-items: center;
}
.blog-title-ico{
    color: #676767;
    margin-left: 10px;
}
.page-wraper{
    font-size: 14px;
}
.blog-container{
    display: flex;
    align-items: center;
}
.blog-img{
    margin-left: 7px;
}
.blog-img img {
    width: 100px;
    border-radius: 15px;
}
h2{
    font-size: 1.2rem;
}
.nav-fixed-items li a{
    color: #000 !important;
}
.articles-area{
    padding: 30px 15px;
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin-top:10px;
    margin-bottom: 10px;
    direction: rtl;
}
.footer-list-item a{
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.footer-img{
    font-size: 22px !important;
}
@media screen and (max-width: 768px) {
    .prod-holder{
        width: 30%;
    }
}
@media screen and (max-width: 600px) {
    .prod-holder{
        width: 44%;
    }
}
@media screen and (max-width: 390px) {
    .prod-holder{
        width: 100%;
    }
}