body{width:100%;height:100%;margin:0;left:0;right:0;top:0;bottom:0;overflow:hidden;overflow-y:auto;font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6, p, span, input, button{font-family: 'Montserrat', sans-serif;}
button{cursor: pointer;}
a{text-decoration: none;}
::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #000; }
::-webkit-scrollbar-thumb:hover {background: #333; }
.wrap_box{width:100%;height:auto;margin:auto;float:left;text-align:center;display:flex;flex-wrap:wrap;}
.wrap_lft{width: 50%;height:100%;margin: auto;float: left;background-color: #000;flex: 2;position: absolute;
			background: url(../images/bg/lft_bg.jpg);background-repeat: no-repeat;background-size: cover;}
.wrap_rgt{width: 50%;height:100%;margin: auto;float: left;background-color: #fff;flex: 2;position: absolute;right: 0;}
.wrap_lft_cnt{width: 60%;height: auto;margin: auto;float: left;position:absolute;bottom: 50px;left: 50px;}
.wrap_lft_cnt h1{width: 100%;height: auto;margin: auto;float: left;color: #fff;font-size: 38px;font-weight: 300;text-align: left;line-height: auto;margin-bottom: 20px;}
.wrap_lft_cnt h4{width: 100%;height: auto;margin: auto;float: left;color: #fff;font-size: 20px;font-weight: 300;text-align: left;line-height: auto;margin-bottom: 20px;}
.wrap_lft_cnt a{width: 100%;height: auto;margin: auto;float: left;color: #fff;font-size: 14px;font-weight: 600;text-align: left;line-height: auto;margin-bottom: 20px;}

.wrap_rgt_cnt{width: 80%;height: auto;margin: auto;float: left;}
.head_wrap{width: 100%;height: auto;margin: auto;float: left;text-align: left;}
.logo_box{width:300px;padding:10px;height: auto;background-color: #fff;border-radius: 20px;margin-left: -30%;margin-top: 60px;}
.logo_box img{width: 90%;height: auto;margin: auto;float: none;}
.lgn_box{width: 100%;height: auto;margin: auto;float: left;display: flex;flex-wrap: wrap;align-content: center;align-items: center;}
.lgn_box_inr{width:60%;height: auto;margin: auto;float:none;}
.lgn_box h1{width: 100%;height: auto;margin: auto;float: left;color: #000;font-size: 38px;font-weight: 300;text-align: left;line-height: auto;margin-bottom: 20px;}
.lgn_box h4{width: 100%;height: auto;margin: auto;float: left;color: #000;font-size: 20px;font-weight: 300;text-align: left;line-height: auto;margin-bottom: 20px;}
.lgn_box a{width: 100%;height: auto;margin: auto;float: left;color: #fff;font-size: 14px;font-weight: 600;text-align: left;line-height: auto;margin-bottom: 20px;}
.lgn_frm_box{width:100%;height: auto;margin: auto;float: left;text-align: left;}
.frm_inp{width: 100%;height:auto;margin: auto;float: left;text-align: left;border: none;border-bottom:1px solid #000;color: #000;padding: 10px;font-weight: 300;font-size: 18px;
		}
.btn_log{width:80%;margin: auto;float:none;height: 60px;text-align: center;color: #fff;background-color: #000;font-weight: 400;font-size:18px;
		border: none;border-radius: 4px;cursor: pointer;}
.btn_log:hover{color: #f2f2f2;}
.frm_grp{width: 100%;height: auto;margin: 10px 0px;float: left;}
input[type=checkbox] {position: relative;border: 2px solid #000;border-radius: 2px;background: none;cursor: pointer;line-height: 0;
	margin: 0 .6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 20px;width: 20px;-webkit-appearance: none;opacity: .5;}
input[type=checkbox]:hover {opacity: 1;}
input[type=checkbox]:checked {background-color: #000;opacity: 1;}
input[type=checkbox]:before {content: '';position: absolute;right: 50%;top: 50%;width: 4px;height: 10px;border: solid #FFF;
	border-width: 0 2px 2px 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}
a.lgn_links{width: 100%;height: auto;margin: auto;float: left;text-align: left;color: #000;font-size: 14px;font-weight: 300;}
a.lgn_links b{font-size: 16px;font-weight: 600;}
.mr_tp1{margin-top: -30px;}

@media only screen and (max-width:1150px) {
	.wrap_lft{position: fixed;}
}
@media only screen and (max-width:968px) {
	.wrap_lft{width: 40%;position: fixed;}
	.wrap_rgt{width: 60%;}
	.wrap_lft_cnt{width: 80%;}
}

@media only screen and (max-width:900px) {
	.lgn_box{margin-left: 6%;}
	.lgn_box_inr {width: 100%;}
}
@media only screen and (max-width:600px) {
	.wrap_lft{display:block;width: 100%;top: 0;background-position:top;height: 200px;}
	.wrap_lft_cnt{display: none;}
	.wrap_rgt{width:100%;top: 100px;}
	.wrap_box{display: block;}
	.logo_box{margin-left: 0%;margin-top: -40px;width: 200px;}
	.logo_box img{width: 80%;}
	.mr_tp1{margin-top: 0px;}
}
/*===============================================================================================================================================
User login, register, reset, forgot pages css end
=================================================================================================================================================*/


/*===============================================================================================================================================
User dashbord shopping pages css started
=================================================================================================================================================*/

.user_dash_wrapper{width: 100%;height: auto;margin: auto;float: left;}
.user_head_cntr{width: 100%;height: 70px;margin: auto;float: left;background-color: #fff;box-shadow: 1px 1px 10px #ccc;position: fixed;z-index: 9999;}
.user_head{width:100%;height: auto;margin: auto;float:none;}
.logo_bx{width: auto;height: auto;margin: auto;float: left;padding:4px;}
.logo_bx img{width: 60%;height: auto;margin: auto;float: left;}
.user_full_fix{width: 100%;height: auto;margin: auto;float: left;padding-top: 60px;}
.user_lft_fix{width: 15%;height: 100%;margin: auto;float: left;position: fixed;background-size: cover;z-index: 99;}
.user_rgt_fix{width: 85%;height: auto;margin: auto;float:right;overflow-y: auto;}
.menubar{width: 100%;height:100%;margin: auto;float: left;background: url(../images/frame_img/menu_bg.png);
		background-size: cover;padding-left: 0px;padding-top: 20px;}
.menubar li{color: #fff;width:96%;height: auto;margin: auto;float: left;padding:12% 2%;text-align: center;cursor: pointer;}
.menubar li a{color: #fff;}
.actv_menu, .menubar li:hover{background-color: rgba(250, 250, 250, 0.1);}
.right_menu{width:20%;height: 40px;margin: auto;float: right;display: flex;flex-wrap: wrap;text-align: right;background-color: #fff;padding: 10px;}
.btn_menu{width: 40px;height: auto;margin: auto;float: left;color: #000;background-color: transparent;border: none;padding-top: 16px;font-size: 30px;display: none;}
.rg_mnu{width:25%;margin: auto;float: left;text-align: center;background-color: transparent;border: none;font-size: 24px;color: #333;}
.rg_mnu:hover{color: #000;}
.rg_mnu i{width: 100%;height: auto;margin: auto;float: left;text-align: center;margin-bottom: 4px;}
.rg_mnu span{font-size: 12px;width: 100%;height: auto;margin: auto;float:left;text-align: center;}
.rg_mnu span .sp_cnt{font-size: 10px;padding: 2px;background-color: #000;color: #fff;text-align: center;width: 16px;float: none;
					border-radius: 10px;margin-left: 4px;}
.cart_rgt{width: 400px;height: 100%;margin: auto;float: left;position: fixed;right: 0;top: 70px;box-shadow: 1px 1px 15px #ccc;    
	z-index: 99;background-color: #fff;}
.rgt_0{margin-right: -400px;}
.cart_head{width: 100%;height: 30px;margin: auto;float:left;text-align: left;padding: 14px;border-bottom: 1px solid #f2f2f2;}
.cls_btn{width: auto;height: auto;margin: auto;float: left;color: #000;background-color: transparent;border: none;font-size: 24px;}
.box_overlay{width: 100%;height:100%;margin: auto;float: left;position: fixed;background-color: rgba(0, 0, 0, .4);display: none;}
.cart_rgt h2{width: auto;margin: auto;height: auto;float: left;color: #000;font-size: 22px;font-weight: 600;text-align: left;margin-left: 20px;}
.cart_items_box{width: 100%;margin: auto;float: left;text-align: left;}
.cart_items_inr{width: 100%;height: auto;margin: auto;float: left;text-align: left;padding: 10px;max-height: 400px;}
.cart_items_inr li{list-style:none;}
.items_sec{width:94%;height:auto;margin: auto;float: left;list-style: none;padding:10px 0 ;border-bottom: 1px solid #ebe5e5;
			display: flex;flex-wrap: wrap;}
.sec_lft{width:84%;margin: auto;float: left;height: auto;}
.sec_rgt{width: 10%;margin: auto;float: left;height: auto;}
.items_sec .sec1{width:15%;height: auto;margin: auto;float: left;}
.items_sec .sec2{width:58%;height: auto;margin: auto;float: left;padding-left:2%;}
.items_sec .sec3{width:25%;height: auto;margin: auto;float: left;text-align: right;}
.items_sec .sec4{width:100%;height: 50px;margin: auto;float: left;border: none;box-shadow: 1px 1px 4px #ccc;border-radius: 4px;
				background-color: #fff;font-size: 20px;color: #fd9393;}
.items_sec .sec4:hover{color:#db2c2c;}
.items_sec .sec1 img{width: 100%;height: auto;margin: auto;float: left;}
.items_sec h2{width: 100%;height: auto;margin: auto;float: left;text-align: left;font-size: 11px;font-weight: 600;}
.items_sec span{width: 50%;height: auto;margin: auto;float:left;text-align:left;padding-top: 4px;font-size: 11px;}
.cur{font-weight:300;}
.items_sec .sec3 span{width: 100%;text-align: right;}

.bredscr{width: auto;max-width: 100%;margin: auto;float: left;height: auto;}
.bredscr li{list-style: none;}
.bredscr li a{color: #ccc;}
.col_boxs{width:96%;height: auto;margin: auto;float: left;padding:0 2%;display: flex;flex-wrap: wrap;gap: 2%;}
.lft_50{width:48%;height:auto;margin: auto;float: left;background-color: #F4F4F4;border-radius: 14px;}
.rgt_50{width:48%;height:auto;margin: auto;float: left;background-color: #EDFFFE;border-radius: 14px;}
.sep01{width: 70%;height: auto;margin: auto;float: left;}
.sep02{width: 30%;height: auto;margin: auto;float: left;}
.sep02 img{width: 100%;height: auto;margin: auto;float: left;}
.dash_cnt_bx{width: auto;margin: auto;float: left;padding: 20px;padding-top: 20px;}
.sep01 h6{width: 100%;height: auto;margin: auto;float: left;font-size: 16px;font-weight: 300;color: #000;margin-bottom: 10px;}
.sep01 h1{width: 100%;height: auto;margin: auto;float: left;font-size: 32px;font-weight: 800;color: #000;margin-bottom: 10px;}
.sep01 h4{width: 100%;height: auto;margin: auto;float: left;font-size: 18px;font-weight: 500;color: #000;margin-bottom: 10px;}
.sep01 a{width:auto;height: auto;margin: auto;float: left;font-size: 16px;font-weight: 700;color: #000;margin-bottom: 10px;
		text-decoration: none;margin-top: 20px;}
.sep01 a i{width: auto;height: auto;margin: auto;float:right;margin-left: 10px;font-size: 24px;}

.sep02 h6{width: 100%;height: auto;margin: auto;float: left;font-size: 12px;font-weight: 300;color: #000;margin-bottom: 2px;}
.wallet_ico{font-size: 100px;}
.product_section{width: 100%;height: auto;margin: auto;float: left;overflow-x: auto;}
.tab_cntr{width:max-content;height: auto;margin: auto;float:none;margin: 20px auto;}
.tb_catgry{width: auto;height: auto;margin: auto;padding: 8px 16px;border-radius: 4px;background-color: #000;color: #fff;border: none;font-size: 13px;
			font-weight: 400;text-align: center;}
.tb_catgry:hover, .tb_catgry.act_tb{background-color: #EDFFFE;color: #000;}
.product_list{width: 100%;height: auto;margin: auto;float: left;}
.product_list_inr{width: 96%;height: auto;margin: auto;float:none;display: flex;flex-wrap: wrap;gap: 1%;}
.product_box{width: 15.66%;height:auto;margin: auto;float: left;background-color: #fff;margin: 6px 0;border-radius: 10px;overflow: hidden;
			box-shadow: 1px 1px 4px #ccc;}
.product_box img{width: 100%;height:auto;margin: auto;float: left;background-color: #ccc;}
.product_box h1{width: 100%;height: auto;margin: auto;float: left;font-size:12px;font-weight: 400;color: #000;margin-bottom:4px;}
.product_box h2{width: 50%;height: auto;margin: auto;float: left;font-size:12px;font-weight: 800;color: #000;margin-bottom:4px;margin-top: 10px;
				margin-left: 0;}
.product_cnt_box{width: 92%;height: auto;margin: auto;float: none;padding: 6px 0;display: flex;flex-wrap: wrap;}
.cart_btn{width: 26px;height:auto;border: none;border-radius: 50px;background-color: #000;color: #fff;text-align: center;font-size: 20px;
			margin: auto;float: right;line-height: 24px;padding: 6px;margin-right: 0px;}
.bredscr ul{width: 100%;height: auto;margin: auto;float: left;padding: 14px 20px 6px 40px;}
.bredscr li{width: auto;margin: auto;float: left;}
.bredscr li:after{content: "/";margin: 4px;}

/*=========Product_viewpage css=========*/
.view_1{width: 49%;margin: 0;height: auto;float: left;display: flex;flex-wrap: wrap;gap: 2%;}
.view_2{width: 100%;margin: 0;height: auto;float: left;}
.view_1_1{width:15%;margin: 0;height: auto;float: left;}
.view_1_2{width: 83%;margin: 0;height: auto;float: left;}
.view_1 img{width: auto;max-width: 100%;margin: auto;float: left;border-radius: 8px;}
.view_1_1 img{margin-bottom: 6px;border: 1px solid transparent;}
.view_1_1 img.acv_img, .view_1_1 img:hover{border: 1px solid #ccc;}
.prodct_infobox{width: 100%;height: auto;margin: auto;float: left;text-align: left;padding-top: 10px;}
.prodct_infobox h1{width: 100%;height: auto;margin: auto;float: left;font-size: 24px;font-weight: 800;color: #000;margin-bottom: 10px;}
.prodct_infobox p{width: 100%;height: auto;margin: auto;float: left;font-size: 12px;font-weight: 500;color: #000;margin-bottom: 10px;}
.detl_bx{width: 70%;margin: auto;float: left;}
.detl_bx p{max-height:auto;overflow: auto;}

.clr_chrt{width: 30px;height:30px;margin: auto 10px;float: left;background-color: transparent;border: none;border:2px solid #868686;margin-left: 0px;}
.red{background-color:#ab1325;}
.green{background-color:#1dc31d;}
.white{background-color:#fff;}
.black{background-color:#000;}
.clr_chrt.act_clr, .clr_chrt:hover{border:2px solid #fef122;border-radius: 6px;}
.size_chrt{width: max-content;background-color: #fff;border:2px solid #ccc;height: 40px;min-width:40px;}
.size_chrt.act_chrt, .size_chrt:hover{border:2px solid #fef122;border-radius: 6px;background-color: #000;color: #fff;}
.size_chrt:disabled{text-decoration: line-through;color: #ab1325;cursor: not-allowed;opacity: 0.5;}
.clr_chrt:disabled{text-decoration: line-through;color: #ab1325;cursor: not-allowed;opacity: 0.2;}
.detl_bx a{color: #000;font-size: 12px;padding: 4px;border: 1px solid #000; border-radius: 4px;}
.add_cart_box{width: 100%;height: auto;margin: auto;float: left;display: flex;flex-wrap: wrap;gap: 2%;padding: 20px 0;}
.price_box{width: 30%;margin: auto;float: left;height: auto;}
.cart_box{width: 49%;margin: auto;float: left;height: auto;}
.cart_btn{width: auto;margin: auto;float: left;padding: 10px 20px;background-color: #000;color: #fff;font-size: 16px;}
.total_cart{width: 100%;height:auto;margin: auto;float: left;background-color: #f2f2f2;position: absolute;bottom: 50px;
			padding:2%;padding-bottom: 30px;}
.sub_ttl{width: 100%;height: auto;margin: auto;float: left;}
.sub_ttl h4{width: 96%;height: auto;margin: auto;float: left;}
.sub_ttl h4 span{width: auto;margin: auto;float: right;text-align: right;}
.sub_ttl h5{width: 96%;height: auto;margin: auto;float: left;}
.sub_ttl h5 span{width: auto;margin: auto;float: right;text-align: right;}

.product_section h3{width:96%;height: auto;margin: auto;float: left;padding: 2%;}
.total_cart hr{width: 100%;height: 2px;border: none;background-color: #ccc;margin:10px auto;float: left;}
.total_cart h3{width: 96%;height: auto;margin: auto;float: left;margin-bottom: 10px;}
.total_cart h3 span{width: auto;margin: auto;float: right;text-align: right;}
.btn-checkout{width: 90%;height: 40px;margin: auto;float: none;background-color: #000;color: #fff;font-size: 16px;
	text-align: center;display: flex;justify-content: center;align-items: center;border: none;border-radius: 8px;
	text-decoration: none;}

.items_sec input {font-size: 1em;background-color: #fff;border: 0;width: 100%;margin: auto;float: left;
					text-align: center;display: flex;justify-content: center;padding: 2px;}
.items_sec [type="number"] {margin-bottom: 10px;}
.counter{width: 100%;height: auto;margin: auto;float: left;border-radius: 8px;box-shadow: 0px 0px 10px #ccc;
		overflow: hidden;text-align: center;}
.qty-minus, .qty-plus{background-color: #000!important;color: #fff;}

/*================Checkout=================*/
.checkout{width:96%;height: auto;margin: auto;float: left;padding: 2%;}
.checkout h1{width: 100%;height: auto;margin: auto;float: left;}
.banner1{width: 100%;height: auto;margin: auto;float: left;display: flex;gap:2%;align-items: flex-start;}
.box_check_left{width: 68%;height: auto;margin: auto;float: left;box-shadow: 0px 0px 10px #ccc;
	border-radius: 8px;margin-top: 0px;}
.box_check_right{width: 30%;height: auto;margin: auto;float: left;padding: 1%;box-shadow: 0px 0px 10px #ccc;
	border-radius: 8px;margin-top: 0px;}
.box_check_right h3{margin-top: 0px;}	
.buttn{width:100%;margin: auto;float: left;text-align: center;padding: 8px 0;}
.act_v1{background-color: #000;color: #fff;}
.tab_cn{width:100%;height: auto;margin: auto;float: left;padding: 2%;}
.adrs_bx1{width:96%;height: auto;margin: auto;float: left;display: flex;gap: 1%;flex-wrap: wrap;
		justify-content: left;}
.box_ads{width: 31.33%;margin: auto;float: left;margin-bottom: 10px;min-height: 75px;background-color: #fff;
		border-radius: 8px;box-shadow: 0px 0px 10px #ccc;border: none;display: flex;flex-wrap: wrap;align-items: center;
		justify-content: center;}
.box_ads span{display: none;}
.box_ads span i{color: #8BC34A;}
.box_ads.selctd span{display: block;}
.box_ads h6{margin: auto;}
.loc_icon{width: 100%;height: auto;margin: auto;float: left;text-align: center;display: flex;justify-content: center;
			gap: 20px;}
.adrs_bx2 form{display: flex;flex-wrap: wrap;gap: 1.5%;width: 96%;margin: auto;float: left;justify-content: left;}
.actadd{border: 2px solid #fef122;border-radius: 6px;}
.col-b3{width: 30.33%;margin:0;float: left;margin-bottom: 10px;display: flex;}
.col-b3 .form-group{width: 100%;}
.col-b3 input, .col-b3 select{width:96%;height: 40px;margin:auto;float: left;padding:0 2%;}
.col-b3 select{width: 100%;}
.sav_btm1{width: 100%;height: auto;margin: auto;float: left;display: flex;}
.btn-save{width:auto;height: 40px;margin: auto;float: none;background-color: #000;color: #fff;font-size: 16px;
	text-align: center;display: flex;justify-content: center;align-items: center;border: none;border-radius: 8px;
	text-decoration: none;padding: 4px 10px;}
.bck_ads{border: none;border-radius: 4px;box-shadow: 0px 0px 10px #ccc;}
.reference_code{width: 100%;height: auto;margin: auto;float: left;border-bottom: 1px dashed #ccc;padding-bottom: 10px;}
.reference_code label{width: 100%;height: auto;margin: auto;float: left;}
.reference_code input{width:90%;height:30px;margin: auto;float: left;}
.totl_ul{width: 100%;height: auto;margin: auto;float: left;padding-top: 10px;}

.totl_box button.sav_btn{width: 36%;margin: auto;float: left;text-align: center;padding:4px 10px;background-color: #80447D;color: #fff;outline: none;
                          border:none;}
.totl_box button.sav_btn:disabled{background-color: #ccc;color: #000;cursor: not-allowed;}

.totl_ul{width: 100%;padding:4px;margin: auto;float: left;padding-top: 10px;padding-bottom: 10px;
	margin-bottom: 10px;border-bottom: 2px dashed #ccc;}
.totl_ul li{list-style: none;margin:auto;float: left;margin-bottom: 10px;width: 100%;height: auto;}
.sp_w50{width: 50%;height: auto;margin: auto;float: left;font-size: 16px;color: #000;font-weight: 600;}
.sp_w50 b{width: auto;margin:auto;float: right;font-size: 14px;color:#80447D;}
.txt_rspn{color:#000; text-align: right;font-weight: 600;}
.grand_ttl{width: 100%;height: auto;margin: auto;float: left;padding:4px;margin-bottom: 20px;}
.grand_ttl li{width: 100%;height: auto;margin: auto;float: left;list-style: none;}
.grd_t{width: 50%;height: auto;margin: auto;float: left;font-size: 18px;text-transform: uppercase;color: #000;font-weight:800;}

.grd_amt{width: 50%;height: auto;margin: auto;float: left;font-size: 18px;color: #000;font-weight: 800;text-align: right;}
.grd_amt .lni{font-weight: 900;margin-right: 10px;}
.payment_opt{width:100%;height: auto;margin: auto;float: left;border-bottom: 1px dashed #ccc;padding-bottom: 10px;}
/* The container */
.contar {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.contar input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border-radius: 50%;border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.contar:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.contar input:checked ~ .checkmark {
  background-color: #000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.contar input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.contar .checkmark:after {
 	top: 6px;
	left:6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}

.currency_ico{font-size: 16px;font-weight: 400;text-transform:lowercase;}
.btn_placeorder{width: 90%;height: 40px;margin: auto;float: none;background-color: #000;color: #fff;font-size: 16px;
	text-align: center;display: flex;justify-content: center;align-items: center;border: none;border-radius: 8px;
	text-decoration: none;display: flex;}

.pa_all_20{padding:20px!important;}
.footer_box_cntr{width:100%;height:auto;margin:auto;float:left;}
.footer_box{width:90%;margin:auto;height:auto;display:flex;border-top:1px solid #ccc;padding:50px 0;}
.spl_ul{padding-left:0px;display:flex;gap:4px;width:100%;margin:auto;float:left;}
.spl_ul li{list-style:none;width:auto;margin:0;float:left;color:#fff;}
.spl_ul li a{color:#fff; font-size:11px;text-align:center;display:flex;align-items:center;gap:6px;justify-content:center;font-weight:300;}


.contact_sec_cntr{width:100%;height:auto;margin:auto;float:left;}
.contact_sec{width:90%;height:auto;margin:auto;float:none;display:flex;}
.contact_lft, .contact_rgt{width:50%;height:auto;margin:auto;float:left;}
.sub_ttl h5, .sub_ttl h4{font-size:14px;font-weight:600;}


@media only screen and (max-width:1000px) {
	.lft_50, .rgt_50{width:98%;margin-bottom: 20px;}
	.product_box{width: 24%;}
	.banner1{flex-wrap: wrap;}
	.box_check_left{width:100%;margin-bottom: 20px;}
.box_check_right{width:100%;margin-bottom: 20px;padding: 10%;}
.box_ads{width: 48%;}
.col-b3{width: 48%;}
}

@media only screen and (max-width:900px) {
	.product_box{width: 32%;}
	.user_lft_fix{width: 25%;}
	.user_rgt_fix{width: 75%;}
	.right_menu{width: 40%;}
}
@media only screen and (max-width:600px) {
	.right_menu{width: 100%;position: fixed;bottom: 0;box-shadow: 1px -1px 8px #ccc;height:60px;}
	.user_lft_fix{width: 40%;margin-left: -40%;}
	.user_rgt_fix{width: 100%;}
	.product_list_inr{gap:2% ;}
	.product_box{width: 48%;}
	.product_list{padding-bottom: 80px;margin-top: 10px;}
	.rgt_40{margin-left: 0px;}
	.menubar li{padding: 8% 2%;font-size: 12px;}
	.logo_bx {width: 70%;}
	.logo_bx img{margin-top: 6px;}
	.wallet_ico {font-size: 60px;}
	.sep01 a{margin-top: 0px;}
	.sep01 h1{font-size: 24px;}
	.lft_50, .rgt_50{margin-bottom: 20px;}
	::-webkit-scrollbar{height: 1px;}
	.tab_cntr{padding: 0 10px;}
	.user_head_cntr{height: 64px;}
	.btn_menu{padding-top: 12px;}
	.cart_rgt{width: 96%;top: 62px;}
	.rgt_0{margin-right: -96%;}
	.btn_menu{display:block;}
	.box_ads{width: 98%;}
.col-b3{width: 98%;}
.view_2{padding:10px;padding-bottom:120px;}
}


.card-wrapper{
    max-width: 1100px;
    margin: 0 auto;margin-left: 0px;
}
.card-wrapper img{
    width: 100%;
    display: block;
}
.img-display{width: 80%;margin: auto;float: left;
    overflow: hidden;
}
.img-showcase{
    display: flex;
    width: 100%;
    transition: all 0.5s ease;
}
.img-showcase img{
    min-width: 100%;
}
.img-select{
    display: flex;width: 18%;margin: auto;float: left;flex-wrap: wrap;padding-right: 1%;
}
.img-item{
    margin: 0.3rem;
}
.img-item:nth-child(1),
.img-item:nth-child(2),
.img-item:nth-child(3){
    margin-right: 0;
}
.img-item:hover{
    opacity: 0.8;
}
.product-content{
    padding: 2rem 1rem;
}
.product-title{
    font-size: 3rem;
    text-transform: capitalize;
    font-weight: 700;
    position: relative;
    color: #12263a;
    margin: 1rem 0;
}
.product-title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 80px;
    background: #12263a;
}
.product-link{
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.9rem;
    display: inline-block;
    margin-bottom: 0.5rem;
    background: #256eff;
    color: #fff;
    padding: 0 0.3rem;
    transition: all 0.5s ease;
}
.product-link:hover{
    opacity: 0.9;
}
.product-rating{
    color: #ffc107;
}
.product-rating span{
    font-weight: 600;
    color: #252525;
}
.product-price{
    margin: 1rem 0;
    font-size: 1rem;
    font-weight: 700;
}
.product-price span{
    font-weight: 400;
}
.last-price span{
    color: #f64749;
    text-decoration: line-through;
}
.new-price span{
    color: #256eff;
}
.product-detail h2{
    text-transform: capitalize;
    color: #12263a;
    padding-bottom: 0.6rem;
}
.product-detail p{
    font-size: 0.9rem;
    padding: 0.3rem;
    opacity: 0.8;
}
.product-detail ul{
    margin: 1rem 0;
    font-size: 0.9rem;
}
.product-detail ul li{
    margin: 0;
    list-style: none;
    background: url() left center no-repeat;
    background-size: 18px;
    padding-left: 1.7rem;
    margin: 0.4rem 0;
    font-weight: 600;
    opacity: 0.9;
}
.product-detail ul li span{
    font-weight: 400;
}
.purchase-info{
    margin: 1.5rem 0;
}
.purchase-info input,
.purchase-info .btn{
    border: 1.5px solid #ddd;
    border-radius: 25px;
    text-align: center;
    padding: 0.45rem 0.8rem;
    outline: 0;
    margin-right: 0.2rem;
    margin-bottom: 1rem;
}
.purchase-info input{
    width: 60px;
}
.purchase-info .btn{
    cursor: pointer;
    color: #fff;
}
.purchase-info .btn:first-of-type{
    background: #256eff;
}
.purchase-info .btn:last-of-type{
    background: #f64749;
}
.purchase-info .btn:hover{
    opacity: 0.9;
}
.social-links{
    display: flex;
    align-items: center;
}
.social-links a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #000;
    border: 1px solid #000;
    margin: 0 0.2rem;
    border-radius: 50%;
    text-decoration: none;
    font-size: 0.8rem;
    transition: all 0.5s ease;
}
.social-links a:hover{
    background: #000;
    border-color: transparent;
    color: #fff;
}

@media screen and (min-width: 992px){
    .card{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.5rem;
    }
    .card-wrapper{
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items:flex-start;
    }
    .product-imgs{
        display:block;
        flex-direction: column;
        justify-content: center;
    }
    .product-content{
        padding-top: 0;
    }
}
.stockin{
	color: red;
 animation-name: blinker;
 animation-duration: 1s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
}
.stockout{
	color: red;
 animation-name: blinker;
 animation-duration: 1s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
}

@keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
}
.detl_bx p{-webkit-line-clamp:3;}
.height_lmt p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.r_less{display: none;}


@media screen and (max-width:600px){
	.detl_bx{width: 100%;}
	.cart_items_inr{min-height: 350px;max-height: 350px;}
	.total_cart{position: unset;}
}

.profile_sec{width: 100%;height: auto;margin: auto;float: left;min-height:500px;}
.profile_inr{width:94%;height: auto;margin: auto;float:none;display: flex;padding:2%;border: 1px solid #000;border-radius: 20px;}
.profile_left{width: 20%;height: auto;margin:0;float: left;}
.profile_right{width: 80%;height: auto;margin:0 2%;float: left;display: flex;flex-wrap: wrap;align-items: flex-start;}
.btn_profile{width: 100%;height:60px;margin: auto;float: left;background-color: #fff;text-align:left;display: flex;flex-wrap: wrap;align-items: center;justify-content:left;
	border: none;color: #000;font-size: 16px;font-weight: 800;border-bottom: 2px solid #000;}
.btn_profile i{margin-right: 10px;}
.btn_profile.act_tb{background-color: #000;color: #fff;}
.cnt_box{width: 100%;height: auto;margin:0;float: left;}
.ep_box, .rp_box{display: none;max-width: 40%;}
.cnt_box h2{margin: 0;margin-bottom: 20px;}
.cnt_box label{width: 100%;height: auto;margin: auto;float: left;margin-bottom: 6px;}
.cnt_box input{width: 100%;height:30px;margin: auto;float: left;padding: 6px;border-radius: 4px;outline: none;
				border: 1px solid #ccc;}
.form-group{width: 100%;height: auto;margin: auto;float: left;}
.mr_10{margin-bottom: 10px;}
.btn-submit{width: 50%;height: 40px;margin: auto;float:left;background-color: #000;color: #fff;font-size: 16px;
	text-align: center;display: flex;justify-content: center;align-items: center;border: none;border-radius: 8px;
	text-decoration: none;display: flex;}
.orderlist{width: 100%;height: auto;margin: auto;float: left;display: flex;flex-wrap: wrap;gap: 2%;justify-content: left;
			padding-left: 0;}
.orderlist li{width: 29.33%;margin:0;float: left;height: auto;min-height: 120px;border-radius: 8px;
			box-shadow: 0px 0px 10px #ccc;list-style: none;display: flex;flex-wrap: wrap;padding: 1%;margin-bottom: 20px;}
.orderlist li h4{width: 100%;height: auto;margin: auto;float: left;text-align:left;font-size: 13px;}
.orderlist li h4 span{float: right;text-align: right;}
.orderlist li a{width: 80%;height: auto;margin: auto;float: none;padding: 2%;background-color:transparent;color: #000;font-size: 13px;
				text-align: center;border-radius: 20px;border: 1px solid #000;margin-top: 10px;}
.delivered{color: green;}
.cancelled{color: red;}
.ordered{color:blue;}
.shipped{color:orange;}
.replaced{color:brown;}
.orderlist li a i{width: 10%;float: right;}
.order_detl{width: 400px;height: 100%;margin: auto;float: left;position: fixed;right: 0;top: 70px;box-shadow: 1px 1px 15px #ccc;    
	z-index: 99;background-color: #fff;}
.rgt_0{margin-right: -400px;}
.cart_head{width: 100%;height:auto;margin: auto;float:left;text-align: left;padding: 14px;border-bottom: 1px solid #f2f2f2;}
.cls_btn1{width: auto;height: auto;margin: auto;float: left;color: #000;background-color: transparent;border: none;font-size: 24px;}
.box_overlay1{width: 100%;height:100%;margin: auto;float: left;position: fixed;background-color: rgba(0, 0, 0, .4);display: none;}
.order_detl h2{width: auto;margin: auto;height: auto;float: left;color: #000;font-size: 22px;font-weight: 600;text-align: left;margin-left: 20px;}

.orderlist_dtl{width: 98%;height: auto;margin: auto;float: left;display: flex;flex-wrap: wrap;gap: 2%;justify-content: left;
			padding-left: 0;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.orderlist_dtl li{width:100%;margin: auto;float: left;height: auto;min-height: 120px;list-style: none;display: flex;flex-wrap: wrap;padding: 1%;margin-bottom: 20px;}
.orderlist_dtl li h4{width: 100%;height: auto;margin: auto;float: left;text-align:left;font-size: 13px;margin-bottom: 0;}
.orderlist_dtl li h4 span{float: right;text-align: right;}
.orderlist_dtl li a{width: 80%;height: auto;margin: auto;float: none;padding: 2%;background-color:transparent;color: #000;font-size: 13px;
				text-align: center;border-radius: 20px;border: 1px solid #000;margin-top: 10px;}
.orderlist_dtl table{font-size: 11px;width: 96%;margin: auto;margin-bottom: 20px;}
.orderlist_dtl table tr th, .orderlist_dtl table td{border: 1px solid #ccc;text-align: center;}
.sub_detl{width: 100%;height: auto;margin: auto;float: left;}
.sub_detl h5{font-size: 13px;margin: auto;float: left;width: 100%;height: auto;padding: 10px;}
.sub_detl p{font-size: 12px;margin: auto;float: left;width: 100%;height: auto;padding:0 10px;}

.wallet_box{width: 100%;height: auto;margin: auto;float: left;}
.wallet_box_inr{width: 94%;height: auto;margin: auto;float: left;padding:1% 3%;}
.wallet_card{width: 40%;margin:0;float: left;height: auto;min-height: 210px;border-radius: 8px;
			box-shadow: 0px 0px 10px #ccc;list-style: none;display: flex;flex-wrap: wrap;padding: 1%;margin-bottom: 20px;}
.card_title{width: 100%;height: auto;margin: auto;float: left;margin-bottom: 16px;}
.card_title span{width: 100%;height: auto;margin: auto;float: left;}
.card_title h3{width: 100%;height: auto;margin: auto;float: left;font-size: 20px;}
.wallet_card hr{width: 100%;height: 1px;border: none;background-color: #ccc;margin: auto;float: left;}
.card_top_lft{width: 70%;height: auto;margin: auto;float: left;display: flex;flex-wrap: wrap;}
.card_top_rgt{width: 30%;height: auto;margin: auto;float: left;display: flex;flex-wrap: wrap;}
.card_top_rgt img{width: 80%;height: auto;margin: auto;float: left;}
.card_top{width: 100%;height: auto;margin: auto;display: flex;}
.grn_c{color: green;}
.transactions{width: 100%;height: auto;margin: auto;float: left;}

.table-bordered{width: 100%;height: auto;margin: auto;float: left;}
.table-bordered th, .table-bordered td{border: 1px solid #ccc;padding: 4px;font-size: 14px;}
.table-bordered tbody td{font-size: 14px;font-weight: 300;}
.credit{color: green;font-weight: 600;}
.debit{color: red;font-weight: 600;}
.credit b::before{content: '+';}
.debit b::before{content: '-';}
.p_sts{width: auto;margin: auto;padding: 4px 8px;text-align: center;border-radius: 20px;}
.badge-success{background-color: #47af12!important;}
.badge-info{background-color:#0096d3!important;}
.badge-warning{background-color:#f59813!important;}
.badge-danger{background-color:#ed2a2a!important;}


.withdrawal_card{width: 56%;margin:auto;float: left;height: auto;min-height: 210px;border-radius: 8px;align-items: flex-start;
			box-shadow: 0px 0px 10px #ccc;list-style: none;display:block;flex-wrap: wrap;padding: 1%;margin-bottom: 20px;}
.cards_sec{width: 100%;height: auto;margin: auto;float: left;display: flex;gap: 3%;}
.sel_po{width:120px;height: auto;margin: auto;float: left;text-align: center;background-color: #fff;color: #000;
		border: 1px solid #000;padding: 6px 4px;}
.sel_po.act_sp{background-color: #000;color: #fff;}
.payment_sel{display:block;width: 80%;margin:auto;float: left;margin-bottom: 20px;}
.upi_sec, .bank_sec{width: 100%;height: auto;margin: auto;float: left;margin-bottom: 20px;}

.upi_sec{display: none;}
.withdrawal_card form{width: 100%;height: auto;margin: auto;float: left;}
.pay_enter{display: flex;width: 100%;height: auto;margin: auto;float: left;align-items: center;gap: 4%;padding: 2%;
			background-color: #f2f2f2;}
.pay_enter .form-group{width: 56%;margin: auto;float: left;height: auto;}
.pay_enter button{width: 40%;}
.pay_enter span{font-size: 12px;font-weight: 300;color: red;}
.pay_enter input{width: 49%;margin: auto;float: left;margin-right:1% ;}
.table_filter{width: 100%;height: auto;margin: auto;float: left;margin: 20px 0;padding-top: 20px;border-top: 1px solid #ccc;}
.table_filter label{width: 100%;height: auto;margin: auto;float: left;}
.w_amount{font-weight: 800;color: green;}
.modal-header h5{width: 80%;height: auto;margin: auto;float: left;font-weight: 800;font-size: 18px;}


footer{width: 100%;height: auto;margin: auto;float: left;padding:40px 0;background-color: #000;color: #fff;}
.footer_cntr{width: 90%;margin: auto;}
.col_33{width: 33.33%;margin:auto;float: left;}
.col_33 ul{padding-left:0;}
.col_33 ul li{list-style: none;}
.mar_at{margin: auto;}
.flt_l{float: left;}


.md_request{margin-top: 10%;}
.mr_tp20{margin: auto;float: none; margin-top: 20px;}
.tr_l{text-align: left;}
.tr_c{text-align:center;}
.tr_r{text-align:right;}

.thankyou .content {
    margin-top: 100px;
}

.badge-primary{background-color:#b00bbf;}
.col-b3 .form-group{margin-bottom:10px;}
.col-b3 input, .col-b3 select{width:100%;}
.box_ads h6{font-size:13px;}

.footer_cntr{width:100%;height:auto;margin:auto;float:left;padding: 30px 0;background-color:#000;color:#fff;bottom: 0;position:relative;}
.ftr_cntr{width:90%;height:auto;margin:auto;float:none;}
.ftr_inr{width:100%;height:auto;margin:auto;float:left;}
.ftr_inr ul{width:100%;height:auto;margin:auto;float:left;text-align:center;padding-left: 0;display: flex;align-items: center;justify-content: center;}
.ftr_inr ul li{width:auto;height:auto;margin:10px;float:left;text-align:center;font-size:13px;list-style:none;}
.ftr_inr ul li a{color:#fff;}
.ftr_inr ul li a::after{content:"|";color:#fff;margin-left:10px;}
.product_list{padding-bottom:40px;}



@media only screen and (max-width:1000px) {
	.cards_sec{display: block;}
	.wallet_card{width: 100%;}
	.withdrawal_card{width: 100%;}
	.fix_table{width: 100%;height: auto;margin: auto;float: left;overflow-x: auto;}
	.fix_table table{min-width: 1000px;}
	.pay_enter{display: block;}
	.pay_enter label{width: 100%;margin: auto;float: left;}
	.pay_enter .form-group{width: 100%;margin: 20px 0;float: left;}
	.pay_enter button{width: 80%;}
	.md_request{margin-top: 20%;}

	.profile_inr{display: block;margin-left: 2%;float: left;}
	.profile_left{width: 100%;display: flex;}
	.profile_right{width: 100%;padding-top: 20px;}
	.orderlist li{width: 47%;}
	.ep_box, .rp_box{max-width: 70%;}
    .mob_2-1{width:33.33%;height: auto;margin: auto;float: left;}
	.user_rgt_fix{padding-bottom: 60px;}
}

@media only screen and (max-width:600px) {
	.pay_enter{display: block;}
	.pay_enter label{width: 100%;margin: auto;float: left;}
	.pay_enter .form-group{width: 100%;margin-bottom: 20px;}
	.pay_enter button{width: 80%;}
	.orderlist li{width:96%;padding: 4%;}
	.btn_profile{font-size: 12px;}
	.order_detl{width: 90%;}
	.ep_box, .rp_box{max-width: 90%;}
    .mob_2-1{width: 50%;height: auto;margin: auto;float: left;}
    .ftr_inr ul{display:block;}
    .ftr_inr ul li{width:44%;margin-bottom: 0;}
    .ftr_inr ul li a::after{display:none!important;}
    .wallet_box_inr{width:100%;}
}

/*==============Category page=================*/

.product-category-list{width: 100%;height: auto;margin: auto;float: left;min-height:500px;}
.product-catgry{width: 100%;height: auto;margin: auto;float: left;border-radius: 8px;overflow: hidden;box-shadow: 1px 1px 10px #ccc;
				margin-top:20px;}
.product-catgry img{width: 100%;height: auto;margin: auto;float: left;transition-delay: .1s;}
.product-catgry:hover img{transform: scale(1.03);}
.product-catgry h3{width: 100%;height: auto;margin: auto;float: left;font-size:14px;font-weight: 600;background-color: #f2f2f2;
					padding:6px;text-align: center;color: #000;}
.category-title{width: 100%;height: auto;margin: auto;float: left;}