body {margin: 0; padding: 0; font-size: 15px; color: #424242; font-family: 'Exo 2', sans-serif; line-height: 20px; min-height: 100%;border: 0px; margin: 0px; padding: 0px;}
a{text-decoration: none;color: #fff;}
a:hover,a:active,a:focus{color: #fff; text-decoration: none;}
h2 {font-size: 18px;}
h5 {font-size: 16px;}
ul {list-style: none;margin: 0;padding: 0;}
.clear{clear: both;}
.container{width: 100%; max-width: 500px; margin: 0 auto; padding: 0px; min-height: 100vh; background-color: #fff; color: #2D3231;}
.mid_box{width: 100%; padding: 0px;padding-bottom: 50px; display: inline-block;}
.header{width: 100%; padding: 0px; margin: 0px; text-align: center; height: 50px; background-color: #fff;}
.header img{width: 100px;margin: 0 auto; margin-top: -10px;} 
.header a{color: #fff!important; width: 100%; border-bottom: #e8e7e7 solid 1px;}
footer{width: 500px; background-color: #fff; padding: 10px 0px; color: #fff; bottom: 0; position: fixed; border-top: #e8e7e7 solid 1px;}
footer ul li{width: 20%; float: left; text-align: center;}
footer ul li a{padding: 11px 11px 17px; border-radius: 10px;}
footer ul li a img{width: 35px; height: 35px;}
footer ul li a.active{background-color: #FECC2A;}
.page{width: 100%;}
.back_ic{width: 35px!important; height: 35px; float: left; background-color: #1C1B1A; position: absolute; left: 10px; top: 6px; border-radius: 20px;}
.back_ic img{width: 27px; height: 27px; margin: 4px 0px 0px -1px;}

.products{column-count: 2; column-gap: 10px; max-width: 550px; margin: 0 auto; padding: 10px;}
.prd_bx{margin-bottom: 10px; break-inside: avoid-column; overflow: hidden; border-radius: 5px; padding: 5px; border: #e8e7e7 solid 1px; background-color: #fff; text-align: left;}
.prd_bx img{width: 100%; border-radius: 5px; display: block; cursor: pointer; background-color: #ccc; min-height: 100px;}
.prd_bx h4{margin: 5px 0px; font-size: 16px; color: #2D3231;}
.prd_bx h5{margin: 5px 0px; font-size: 14px; color: #a25800;}
.hprd img{height: 150px;}

.account{width: 100%; text-align: center;}
.account .row{width: 100%;}
.account img.qr{margin: 0 auto; margin-bottom: 10px; margin-top: 30px; width: 170px; height: 170px; background-color: #fff; padding: 1px;}
.account ul{width: 100%}
.account li{text-align: center; margin: 10px 0px; font-size: 15px; letter-spacing: 1px;}
.account li:nth-child(1){margin: 10px 0px; color: #a25800;}

.search .carousel img{width: 100%; height: 300px;}
.rsch_bx{width: 100%;}
.rsch_bx .srcinput{width: 90%; max-width: 480px; z-index: 999; margin: 0 auto; border: none; border-radius: 25px; padding: 13px 15px 14px 55px; background-color: #2D3231; color: #fff; text-transform: uppercase; position: absolute; margin: 15px; font-size: 20px;}
.srcinput::placeholder{color: #fff}
.srcic{position: absolute; width: 40px; height: 40px; z-index: 99999; margin: 20px 0px 0px 25px;}
.popular_box{width: 100%; padding: 10px;}
.popular_box h2{text-align: center; text-transform: uppercase;}
.popular_box ul{width: 100%;}
.popular_box ul li{float: left; padding: 10px; width: 50%; display: flex; height: 150px; margin-bottom: 20px;}
.popular_box ul li a{text-align: center; text-transform: uppercase; font-size: 18px; width: 100%;}
.popular_box ul li a img{width: 100%; height: 150px; border-radius: 10px; opacity: 0.4}
.popular_box ul li a label{margin-top: -38%; display: block; color: #000;}

.product{width: 100%;}
.product .prow{width: 100%; padding: 5px; text-align: center;}
.product .pimg{max-width: 100%; max-height: 350px; border-radius: 10px; cursor: pointer;}
.product h4{margin: 10px 0px; padding-left: 10px; font-size: 18px; text-align: left;}
.product h5{margin: 10px 0px; padding-left: 10px; font-size: 15px; color: #a25800; text-align: left;}
.product p{text-align: left; padding-left: 10px;}
.btn_bx{width: 100%; padding: 10px; margin-top: 15px; text-align: left;}
.crt_btn{background-color: #C6C6C6; color: #000; padding: 10px 20px; font-size: 16px; text-transform: uppercase; border-radius: 20px; margin-right: 10px;}
.buy_btn{background-color: #a25800; color: #fff; padding: 10px 30px; font-size: 16px; text-transform: uppercase; border-radius: 20px; margin-left: 20px;}
.crt_btn:hover{color: #000!important;}
.buy_btn:hover{color: #fff!important;}
.wtsp_btn{float: right; margin-right: 10px;}
.wtsp_btn img{width: 40px; height: 40px; margin-top: -10px;}
.product .carousel{height: 350px;}
.product .carousel-inner .item{max-height: 350px; overflow: hidden;}
.product .carousel-inner>.item>img{display: initial!important;}
.video_frame{width: 100%; height: 100%; height: 350px; padding: 4px; border: none;}
.product .carousel-indicators{bottom: 0px;}

.category{width: 100%; padding: 10px;}
.category li{width: 47%; float: left; margin: 7px; text-align: center;}
.category li img{max-width: 100%; height: 190px; border-radius: 10px;}
.category li h4{text-align: center; margin-top: 10px; color: #2D3231; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.sharebtn{height: 30px;}
.sharebtn .st-btn{padding: 10px!important; height: 43px!important;border-radius: 50px!important; margin-top: -30px;}
.sharebtn .st-btn img{width: 25px!important; height: 25px!important; top: 0px!important;}

.more_prd{width: 100%; background-color: #fafafa; border-radius: 30px 30px 0px 0px; padding: 10px;}
.more_prd h2{text-align: center; margin: 10px 0px;}

.cart{padding: 0px 10px;}
.cart_row{width: 100%; background-color: #fafafa; padding: 7px; border-radius: 10px; margin: 10px 0px;}
.cart_row .left{width: 30%; float: left; text-align: center;}
.cart_row .left img{max-width: 100%; height: 100%; border-radius: 10px; max-height: 100px;}
.cart_row .right{width: 70%; float: right; text-align: left; padding-left: 15px;}
.cart_row .right h4{margin: 10px 0px; font-size: 18px; text-align: left; cursor: pointer; color: #a25800;}
.cart_row .right h5{margin: 10px 0px; font-size: 15px; color: #a25800; text-align: left;}
.cart_row .qty_row{width: 100%; text-align: right;}
.qty_row ul{float: right;}
.qty_row ul li{float: left; padding: 0px 7px;}
.qty_row ul li a{background-color: #fff; padding: 2px 8px 3px; border-radius: 12px; color: #000; font-weight: bold;}

.total_row{width: 100%; background-color: #fafafa; padding: 10px 15px; border-radius: 10px;}
.total_row h3{margin: 10px 0px; font-size: 15px;}
.total_row h3 label{float: right; color: #a25800;}

.user_row{width: 100%; background-color: #fafafa; padding: 10px 15px; border-radius: 10px; margin-top: 10px;}
.user_row label{font-size: 13px; color: #000; text-align: left;}
.input_row{width: 100%; padding: 0px;}
.input_row .cl2{float: left; width: 50%;}
.input_row .inpt{width: 90%; margin-bottom: 10px; padding: 8px; border-radius: 5px; border: 0px; background-color: #cecece; color: #000;}
.ord_btn_bx{width: 100%; margin: 10px; text-align: center; margin-top: 25px;}
.btn_ord{background-color: #a25800; color: #fff; padding: 10px 30px; font-size: 15px; text-transform: uppercase; border-radius: 20px; margin-left: 20px;}


.no_data{width: 90%; margin: 20px; padding: 20px; text-align: center; display: inline-block; background-color: #fafafa; border-radius: 10px;}
.no_data img{width: 150px; opacity: 0.2;}
.no_data h5{font-size: 18px; margin-bottom: 25px;}

.icon-prev,.icon-next{height: 35px!important; width: 35px!important; border-radius: 50%; background-color: #FECC2A; color: #000;}

.login_form{width: 80%; margin: 0 auto; background-color: #fafafa; padding: 10px 15px; border-radius: 10px; margin-top: 30px; margin-bottom: 30px;}
.login_form label{font-size: 13px; color: #2D3231; text-align: left;}
.input_row{width: 100%; padding: 0px; text-align: left;}
.input_row .cl2{float: left; width: 50%;}
.input_row .inpt{width: 90%; margin-bottom: 10px; padding: 8px; border-radius: 5px; border: 0px; background-color: #555555; color: #fff;}
.btn_lg{background-color: #a25800; color: #000; padding: 10px 30px; font-size: 15px; text-transform: uppercase; border-radius: 20px;}
.btnrw{padding: 15px 0px;}
.profile_form{width: 80%; margin: 0 auto; background-color: #fafafa; padding: 10px 15px; border-radius: 10px; margin-top: 30px; margin-bottom: 30px;}
.profile_form ul li{text-align: left; color: #a25800;}
.nmp{text-align: left;}
.lgutic{float: right; width: 25px; height: 25px; cursor: pointer;}
.cl_icon{position: fixed; bottom: 100px; left: 75%;}
.cl_icon img{width: 40px; height: 40px;}

.carousel-control.left,.carousel-control.right{height: 50%;background-image: none; top: 20%;}

.hmpg{padding-bottom: 25px; text-align: center;}
.ldmr{color: #fff;background-color: #a25800; padding: 4px 15px 6px; border-radius: 10px;}

::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #191919; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #191919; 
}
@media (max-width: 768px) {
    .container,footer{width: 100%;}
    .popular_box{padding: 10px 5px;}
    .popular_box ul li{padding: 10px 5px;}
    .popular_box ul li a label{margin-top: -50%;}
    .search .carousel img{height: 200px;}
    .srcic{margin: 27px 0px 0px 30px; width: 30px; height: 30px;}
    .category li{width: 45%}
    .input_row .cl2{float: left; width: 48%;}
    .icon-prev,.icon-next{height: 25px!important; width: 25px!important;}
    .cl_icon{left: 87%;}
}