.rd-mobbar{
	--rd-mobbar-lk:var(--rd-main-lk) ;
	--rd-mobbar-bg:var(--rd-post-bg) ;
	--rd-mobbar-hv-lk:var(--rd-main-hv-lk) ;
	--rd-mobbar-hl:var(--rd-main-hl) ;
	--rd-mobbar-gry:var(--rd-main-gry) ;
	--rd-mobbar-br-cr:var(--rd-main-br-cr) ;
	--rd-mobbar-fn-sz:16px;
	--rd-mobbar-fn-wt:400;
 	display:none;
}
@media (max-width: 1024px) {
	
	.rd-mobbar {
		position: fixed;
		width: 100%;
		background: rgba(0, 5, 10, 0.7);
		height: 100%;
		right: 0px;
		top: 0px;
		overflow: scroll;
		right: -100%;
	 
 		transition:all 0.0s;
		transition-delay: 300ms;
		z-index: 999999999;
		--rd-mobbar-wt:500px;
		--rd-nav-ht:auto;
		--rd-nav-md-ht:auto;
		--rd-nav-fn-sz:var(--rd-mobbar-fn-sz);
		--rd-nav-fn-wt:var(--rd-mobbar-fn-wt);
		--rd-nav-fn-tr:var(--rd-mobbar-fn-tr);
		--rd-drp-bx-bg:none !important;
 		--rd-drp-lk:var(--rd-mobbar-lk) !important;
 		--rd-drp-hv-lk:var(--rd-mobbar-hv-lk) !important;
 		--rd-drp-meta:var(--rd-mobbar-lk) !important;
		--rd-drp-fn-sz:var(--rd-mobbar-fn-sz) !important;
		--rd-drp-fn-wt:var(--rd-mobbar-fn-wt)!important;
		--rd-drp-fn-tr:var(--rd-mobbar-fn-tr)!important;
		--rd-nav-lk:var(--rd-mobbar-lk)!important;
		--rd-nav-hv-lk:var(--rd-mobbar-hv-lk)!important;
		--rd-nav-icn-sz:calc(var(--rd-mobbar-fn-sz)* 1.5)!important;
		--rd-drp-br-cr: var(--rd-mobbar-br-cr)!important;

		display: grid;
	}
	.rd-mobbar.rd-mobbar-active {
		right: 00%;
		transition-delay: 0ms;
		transition:all 0.0s;
	}
	.rd-mobbar-wrapper{
		 flex: 0 1 auto;
		display: flex;
				 flex-direction: column;

	}
	.rd-mobbar-warp {
		width: var(--rd-mobbar-wt);
		height: 100%;
		position:relative;
		padding:00px;
		z-index:0;
		margin-right:calc(var(--rd-mobbar-wt)* -1);
		margin-top:0px;
		background:var(--rd-mobbar-bg);
		right: 0;
		transition:all 0.3s;
	}

	.rd-mobbar-close{
		margin-right:calc(var(--rd-mobbar-wt)* -1);
		position:relative;
		z-index:9999;
		right: 0;
		cursor: pointer;
		transition:all 0.3s;
		height:50px;
		background: var(--rd-primary-bg);
		color:var(--rd-primary-txt) ;
		right: 0;
		cursor: pointer;
		width: var(--rd-mobbar-wt) ;
		float: right;
	}
	.rd-mobbar-close:hover{
		background:var(--rd-primary-hv-bg) ;
	}
	.rd-mobbar-close::before{
		font-family: 'fontsite' ;
		content: '\F005';
		line-height:50px;
		font-size: 25px;
		text-align: center;
		color:#ffffff !important;
		width: 100% !important;
		float: right;
	}
	.rd-mobbar.rd-mobbar-active .rd-mobbar-close,.rd-mobbar.rd-mobbar-active .rd-mobbar-warp{
		margin-right: 0px !important;
		transition:all 0.3s;
	}
	.rd-mobbar [class*="rd-nav"]{
		width:100% !important;
		display:inline-block !important;
	}

	.rd-mobbar [class*="rd-nav"] > li{
		width:100%;
		margin:0px !important;
		border-bottom: solid 1px var(--rd-mobbar-br-cr) !important;
	}
	.rd-mobbar [class*="rd-nav"] > * > a,.rd-mobbar [class*="rd-nav"] > * > span{
		padding:1em 20px !important;
		line-height:1.5em;
		width:100%;
	}
	.rd-mobbar [class*="rd-nav"] > * > span{
		text-align:center;
		padding:0.4em 20px !important;
	}
	.rd-mobbar [class*="rd-nav"] > * > span::before,.rd-mobbar [class*="rd-nav"] > * > a::before{
		display:inline-block;
		margin-left:10px;
		float:none;
	}
		.rd-mobbar-footer {
  float: right;
  width: 100%;
  padding: 20px 0px;
}
.rd-mobbar-footer [class*="rd-nav"]{
	padding:0px 0px;
}
.rd-mobbar-footer [class*="rd-nav"] > li{
	border-bottom: none !important;
}
/**************************************************************************************************************** 
													Menu 
*****************************************************************************************************************/	
.rd-mobbar-tabs {
	width: 100%;
	float: right;
	background: #ccc;
	display: grid;
	grid-template-columns:var(--rd-flx-col,1);
}
.rd-mobbar-tabs > a {
	padding: 15px 10px;
	float: right;
	width:100%;
	background: var(--rd-mobbar-gry,var(--rd-main-gry,#f2f5f8));
	display: grid;
	text-align: center;
	color:var(--rd-mobbar-lk);
	text-transform: uppercase;
	font-size: 13px;
	cursor: pointer;
	line-height: 1em;
	color:var(--rd-mobbar-txt);
}
.rd-mobbar-tabs > a:hover{
	color:var(--rd-mobbar-hv-lk) !important;
}
.rd-mobbar-tab-active{
	color:var(--rd-mobbar-lk) !important;
	background: var(--rd-mobbar-bg) !important;
}
.rd-mobbar-tabs > a::before {
	content: '\F021';
	font-family: 'fontsite';
	font-size: 32px;
	margin-bottom: 10px;
	color:inherit;
	font-weight: 400;
	height: 32px;
	line-height: 32px;
}
.rd-mobbar-tabs > a[data-id=account]::before{
	content:'\F049'!important;
}
.rd-mobbar-tabs > a[data-id=search]::before{
	content:'\F003'!important;
}
.rd-mobbar-tabs > a[data-id=cart]::before{
	content:'\F012'!important;
}
.rd-mobbar-content{
	display:none;
	width: 100%;
	float: right;
}
.rd-mobbar-content.rd-mobbar-content-active{
	display:inline-block;
}
.rd-mobbar-menu li > a{
	width: calc(100% - 60px) !important;
}
.rd-mobbar-menu i{
	padding: 1em 0px !important;
	font-style: normal;
	float: right;
	text-align: center;
	position: relative;
	border-right: solid 1px var(--rd-mobbar-br-cr) !important;
	width: 60px;
	cursor:pointer;
	color: var(--rd-nav-lk);
	font-size: var(--rd-mobbar-fn-sz);
	line-height: 1.5em;
}
.rd-mobbar-menu i::before{
	content: "\F019";
	font-family: 'fontsite' !important;
	font-size:2.5em;
	float:right;
	color:inherit !important;
	width: 100%;
	font-style:normal;
}
.rd-mobbar-menu i:hover,.rd-mobbar-menu .rd-menu-current > a,.rd-mobbar-menu a:hover{
	color: var(--rd-mobbar-hv-lk) !important;
}
.rd-mob-drop-active > i::after,.rd-mob-drop-active > ul::before{
	content: "";
	width: 100%;
	position: absolute;
	z-index: auto;
	pointer-events: none;
	height: 100%;
	right: 0px;
	top: 0px;
	background: rgba(118,128,138,0.08);
}
.rd-mob-drop > .rd-mob-drop::before {
	content:none !important;
}
.rd-mobbar-menu .rd-mob-drop-active > i::before{
	transform:rotate(180deg) !important;
	transition: all 300ms;
}
.rd-mob-drop{
	width:100%;
	float:right;
	margin:0px;
	position: relative;
	overflow:hidden;
}
.rd-mobbar-menu .rd-mob-drop li {
	float:right;
	position:relative;
	list-style:none;
	margin:0px;
	width:100%;
	box-shadow: 0 1px 0px 0px var(--rd-mobbar-br-cr) inset;
}
.rd-mob-drop a,.rd-mob-drop i{
	height:0px;
	transition:height 350ms , color 300ms;
	float: right;
	overflow: hidden;
	font-size:15px !important;
	padding:0px !important;
}
.rd-mob-drop > li > a{
	padding:0px 20px !important;
}
.rd-mob-drop-active > .rd-mob-drop > li > i,.rd-mob-drop-active > .rd-mob-drop > li > a{
	float:right;
	height:45px;
	line-height:45px;
	opacity:0.8;
	transition:height 350ms ;
	position:relative;
	color: var(--rd-mobbar-lk,rgb(0, 0, 0));
}
.rd-mob-drop-active > .rd-mob-drop > li > a:before{
	margin-left:10px;
	font-style:normal;
}
.rd-mob-drop-active > a,.rd-mob-drop-active > i{
	color: var(--rd-mobbar-hv-lk) !important;
	opacity:1 !important;
}
.rd-mobbar-menu [class*="rd-menu-tags"]{
	right: 0px !important;
	top: 0px !important;
	position: relative;
	transform: none !important;
}
.rd-mobbar .rd-nav-contact-us li,.rd-mobbar .rd-nav-text-header li,.rd-mobbar .rd-nav-call li,.rd-mobbar .rd-nav-mobbar-social li{
	border-bottom:0px !important;
}
/**************************************************************************************************************** 
													Account 
*****************************************************************************************************************/	
  .rd-mobbar   .rd-nav-account  > li > a::before{
	 content:inherit ;
	  
  }
/**************************************************************************************************************** 
													Search 
*****************************************************************************************************************/	

  .rd-mobbar-search .rd-el-search-ajax{
	padding:0px !important;
}
  .rd-mobbar-search .rd-search-ajax div.rd-item:last-child{
	border-bottom:solid 1px var(--rd-drp-br-cr) !important;

}
	 .rd-mobbar .rd-nav-search{
	 width:100% !important;
		--rd-nav-md-ht:60px;
	--rd-srh-txt-bg:var(--rd-mobbar-bg)  !important;
 	--rd-srh-txt-txt:var(--rd-mobbar-lk) !important;
	--rd-srh-br-cr:var(--rd-mobbar-br-cr) !important;
	--rd-srh-btn-bg: var(--rd-primary-bg) !important;
	--rd-srh-btn-txt: var(--rd-primary-txt) !important;
	--rd-srh-btn-hv-bg: var(--rd-primary-hv-bg) !important;
	--rd-srh-btn-hv-txt: var(--rd-primary-txt) !important;
	
	 margin-right:0px !important;
 }
 .rd-mobbar .rd-search-ajax {
  position: relative !important;
  display: none;
  margin-top: 20px !important;
  box-shadow:none !important;
 border:none !important;
 border-radius:0px  !important;
  width: 100% !important;
  top: 0px !important;
  right: 0px !important;
 }
 .rd-nav-mobbar-social li{
	text-align:center;
}
/**************************************************************************************************************** 
													Social 
*****************************************************************************************************************/	
.rd-mobbar [class*='rd-social-icon']{
	--rd-scl-icn-sz:2em;
	--rd-scl-icn-pd:var(--rd-scl-icn-pd,10px);
	--rd-scl-icn-txt:var(--rd-mobbar-lk);
	--rd-scl-icn-hv-txt:var(--rd-mobbar-hv-lk);
    	--rd-scl-icn-br-cr:var(--rd-mobbar-br-cr);
 
 }
.rd-mobbar .rd-social-icon-style-1{
	--rd-scl-icn-sz:1.5em;
	--rd-scl-icn-pd:var(--rd-scl-icn-pd,15px);
}
 

/**************************************************************************************************************** 
													Cart 
*****************************************************************************************************************/	
.rd-mobbar .rd-count{
	width: 18px !important;
height: 18px !important;
line-height: 18px;
top: calc(50% - var(--rd-nav-icn-sz) + 5px);
}
/***************/
	.rd-nav-content-warp{
		padding:20px 0px;
		float:right;
		width:100%;
	}
 
   .rd-mobbar  .rd-product-category{
	  opacity:0.6;
  }
}
@media (max-width: 499px) {
	.rd-mobbar {
		--rd-mobbar-wt:calc(100% - 40px);
	}
}
@media (max-width: 400px){
	.rd-mobbar {
		--rd-mobbar-wt:100%;
	}
}