
@media screen and ( min-width: 782px ){
		body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
			top: 32px!important;
		}
				body.admin-bar .mobmenu-search-holder {
				top: 102px!important;
		}
}

@media screen and ( max-width: 782px ){
	body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
		top: 46px!important;
	}

	body.admin-bar .mob-menu-header-banner {
		top: 0px!important;
	}
		body.admin-bar .mobmenu-search-holder {
		top: 116px!important;
	}
	body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
		top: 70px!important;
	}

}

@media screen and ( max-width: 479px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 5%;
	}
}

@media screen and ( max-width: 782px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 10%;
	}
}


@media only screen and (min-width:902px){
	.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
		display: none!important;
	}
}

@media only screen and (max-width:901px) {

					.mob-menu-sliding-menus .mobmenu-left-panel .mobmenu-content .show-sub-menu {
				-webkit-transform: translate3d(0, 0, 0)!important;
				-moz-transform: translate3d(0,  0, 0)!important;
				transform: translate3d(0,  0, 0)!important;
			}

			.mob-menu-sliding-menus .mobmenu-right-panel .mobmenu-content .show-sub-menu {
				-webkit-transform: translate3d(0, 0, 0)!important;
				-moz-transform: translate3d(0,  0, 0)!important;
				transform: translate3d(0,  0, 0)!important;
			}

			.mob-menu-sliding-menus .mobmenu-left-panel .mobmenu-content .sub-menu {
				-webkit-transform: translate3d(100%,  0, 0);
				-moz-transform: translate3d(100%,  0, 0);
				transform: translate3d(100%,  0, 0);
			}

			.mob-menu-sliding-menus .mobmenu-right-panel .mobmenu-content .sub-menu {
				-webkit-transform: translate3d(100%,  0, 0);
				-moz-transform: translate3d(100%,  0, 0);
				transform: translate3d(100%,  0, 0);
			}
		
	.mobmenur-container i {
		color: #222;
	}
	.mobmenul-container i {
		color: #000000;
	}
	.mobmenul-container img {
		max-height:  55px;
		float: left;
	}
	.mobmenur-container img {
		max-height:  55px;
		float: right;
	}
	.mob-expand-submenu i {
		font-size: 20px;
	}
	#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
		color: #000000;

	}
	.mob-cancel-button {
		font-size: 30px!important;
	}

	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
		color: #ffffff;
	}
	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
		background-color: #000000;
	}
	.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
		background-color: rgba(155,155,155,0.87);
	}
	.mobmenu-content #mobmenuright li:hover  {
		background-color: #8dacba ;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
		background-color: #666;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
		color: #ccc;
	}

		.mobmenu-content #mobmenuleft .sub-menu {
		background-color: rgba(0,0,0,0.5) ;
		margin: 0;
		color: #dd3333 ;
		width: 100%;
		position: initial;
		height: 100%;
	}
	.mob-menu-left-bg-holder {
				opacity: 1;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size:  auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	.mob-menu-right-bg-holder { 
				opacity: 1;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size:  cover;
	}
			.mobmenu-content .current_page_item {
			border-left-color:  rgb(221, 51, 51);
		}
		.mobmenu-cart-panel .mobmenu-content {
			padding-left: 0%!important;
			padding-right: 0%!important;
			position: absolute;
		}
		.mobmenur-container i.mob-search-button, .mobmenul-container i.mob-search-button {
			color: #000000;
			font-size: 30px;
		}
		.mobmenur-container i.mob-cart-button, .mobmenul-container i.mob-cart-button {
			color: #FFF;
			font-size: 10px;
		}
		.mob-menu-search-form button[type=submit] i, .mob-menu-search-form button[type=submit] span{
			color: #fff;
		}
		.mob-menu-search-form input {
			background: transparent;
			color: #fff;
		}
		.mob-menu-search-form input:focus {
			color: #fff;
		}
		.mob-menu-search-form input[type=text]:focus {
			color: #fff;
			background-color: transparent;
		}
		.mobmenu-search-holder {
			background-color: rgba(127,127,127,0);
		}
		.mob-menu-search-field::-webkit-input-placeholder {
			color: #fff;
		}
		.mob-menu-search-field::-moz-placeholder {
			color: #fff;
		}
		.mob-menu-search-field:-ms-input-placeholder {
			color: #fff;
		}
		.woocommerce-page .mob-retina-logo, .woocommerce-page .mob-standard-logo {
			height:35px!important;		}
		.mobmenu-cart-panel {
						opacity: 0;
			background-attachment: fixed ;
			background-repeat: no-repeat;
			background-position: center top ;
			-webkit-background-size:  initial;
			-moz-background-size: initial;
			background-size: initial;
		}
		.mobmenu-content #mobmenuleft .sub-menu a {
		color: #dd3333 ;
	}
	.mobmenu-content #mobmenuright .sub-menu  a {
		color: #fff ;
	}
	.mobmenu-content #mobmenuright .sub-menu .sub-menu {
		background-color: inherit;
	}
	.mobmenu-content #mobmenuright .sub-menu {
		background-color: #3a3a3a ;
		margin: 0;
		color: #fff ;
		position: initial;
		width: 100%;
	}
	#mobmenuleft li:hover a, #mobmenuleft li:hover i {
		color: #dd3333;
	}
	#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
		color: #dd3333 ;
	}
	#mobmenuright li a:hover {
		color: #eeee22 ;
	}
	.mobmenul-container {
		top: 5px;
		margin-left: 5px;
		margin-top: 5px;
		height: 70px;
		float: left;
	}
	.mobmenur-container {
		top: 5px;
		margin-right: 5px;
		margin-top: 5px;
	}
		.mob-menu-logo-holder {
		margin-top:   5px;
		text-align:   left;
		margin-left:  20px;;
		margin-right: 0;
		height:       70px;
		float:left;	}
	.mob-menu-header-holder {
		width:  100% ;
		background-color: #f7f7f7 ;
		height: 70px ;
		position:absolute;
	}
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
		padding-top: 70px;
	}
		.mobmenul-container, .mobmenur-container{
		position: relative; 
	}
	.mobmenu-left-panel {
		background-color:#f4f4f4;;
		width:  90%;  
	}
	.mobmenu-right-panel {
		background-color:#38404c;		width:  270px; 
	}
	.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
		background: rgba(0, 0, 0, 0.83);
	}
	.mob-menu-slideout-top .mobmenu-overlay {
		display:none!important;
	}
	.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
		-webkit-transform: translateX(90%);
		-moz-transform: translateX(90%);
		-ms-transform: translateX(90%);
		-o-transform: translateX(90%);
		transform: translateX(90%);
	}
	.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
		-webkit-transform: translateX(-270px);
		-moz-transform: translateX(-270px);
		-ms-transform: translateX(-270px);
		-o-transform: translateX(-270px);
		transform: translateX(-270px);
	}
	.mob-menu-slideout-top .mobmenu-panel {
		width:  100%;
		height: 100%;
		z-index: 1;
		position: fixed;
		left: 0px;
		top: 0px;
		max-height: 100%;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		z-index: 300000;
	}
	.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
		overflow: hidden;
	}
	.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
		z-index: 300000;
	}
	/* Hides everything pushed outside of it */
	.mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
		position: fixed;
		top: 0;
		height: 100%;
		overflow-y: auto;
		overflow-x: auto;
		z-index: 10000;
		opacity: 1;
	}
	/*End of Mobmenu Slide Over */
	.mobmenu .headertext { 
		color: #222 ;
		text-decoration: none;
	}
	.headertext span {
		position: absolute;
		line-height: 70px;
	}
	.mobmenu-search-holder {
		top: 70px;
	}
	/*Premium options  */
			.mobmenu-search img {
			width: 30px;
			margin-top : 0px;
		}
		.mobmenu-cart img {
			width: 0px;
			margin-top : 0px;
		}
	
		.mobmenu-cart-panel {
			display: block!important;
			background-color:#CCC;			width:  100%;
			overflow: hidden;  
		}
		.mobmenu-cart-panel .checkout-button {
			background-color: #CCC;
			color:  #CCC;
			border:none;
			font-family: Arial;
		}
		.mobmenu-cart-panel .bag-button {
			background-color: #CCC;
			color:  #CCC;
			border:none;
			font-family: Arial;
		}
		.mobmenu-cart-panel li a , .mobmenu-cart-panel a, .mobmenu-cart-panel div {
				color:  #CCC;
				font-family: Arial;
		}
		.mobmenu-ajax-search-results {
			background: rgba(71,71,71,0);
		}
		.mobmenu-ajax-search-results .mobmenu-results-list a .mm-product-title {
			font-size: 17px;
			line-height: 2.9em;
			font-family: Quicksand;
		}
		.mobmenu-ajax-search-results {
			background: rgba(71,71,71,0);
		}
		.mobmenu-ajax-search-results a {
			color: #FFF;
		}
		.mobmenu-results-list li:hover {
			background-color:  #999;
		}
		.mobmenu-results-list li:hover a {
			color: #999;
		}
		.mobmenu-results-list a {
			width:100%; 
		}
		.mobmenu-results-list li , .mob-menu-search-form input[type=text] {
			text-align: center;
			padding-right: 40px;
		}
		.mob-menu-sliding-menus .mobmenu-left-panel [data-menu-level] {
			background-color: #f4f4f4!important;
			color: #000000!important;
		}
		.mob-menu-sliding-menus .mobmenu-right-panel [data-menu-level] {
			background-color: #38404c!important;
			color: #dd3333!important;
		}
		.mob-menu-sliding-menus .mobmenu-left-panel [data-menu-level] a {
			color: #000000!important;
		}
		.mob-menu-sliding-menus .mobmenu-right-panel [data-menu-level] a  {
			color: #000000!important;
		}
		[data-panel-target="mobmenu-filter-panel"].mobmenu-trigger-action i {
			font-size: px!important;
			margin-top : px;
		}

		#mobmenu-footer li a i{
			font-size: 20px;
			color: #666;
		}
		.mobmenu-footer-menu-holder .mobmenu-cart img {
			width: 20px;
		}
		#mobmenu-footer li a {
			color: #666;
		}
		.mobmenu-footer-menu-holder {
			background-color: #fdfdfd;
			display: block;
		}
	
		#mobmenu-footer li {
			padding: 5px;
		} 
		.mm-footer-li-2 {
			width: calc( 50% - 10px )!important;
		}
		.mm-footer-li-3 {
			width: calc( 33.33% - 10px )!important;
		}
		.mm-footer-li-4 {
			width: calc( 25% - 10px )!important;
		}
		.mm-footer-li-5 {
			width: calc( 20% - 10px )!important;
		}
		.mm-footer-li-6 {
			width: calc( 16.6% - 10px )!important;
		}
		#mobmenu-footer li.current-menu-item a i {
			color: #f3c030;
		}
		#mobmenu-footer li.current-menu-item {
			border-top:3px solid #f3c030;
		}
		#mobmenu-footer li.current-menu-item a {
			color: #474747;
		}
		.mob-menu-overlay .mobmenu-content {
			padding-top: 10%;
		}
		#mobmenuleft li a i, #mobmenuleft li a:visited i{
			color: #dd3333 ;
					
		}
		#mobmenuright li a i, #mobmenuright li a:visited i{
			color: #fff ;
							
			float: left;
			width: 100%;

					}
		.left-mobmenu-icon-above, .right-mobmenu-icon-above, .left-mobmenu-icon-below, .right-mobmenu-icon-below {
			text-align: center;
		}
		.left-mobmenu-left-icon i, .left-mobmenu-right-icon i {
			color: #dd3333 ;
		}
		.right-mobmenu-left-icon i, .right-mobmenu-right-icon i {
			color: #fff ;
		}
		.left-mobmenu-left-icon i {
			padding-right: 0px ;
		}
		.left-mobmenu-right-icon i {
			padding-left: 0px ;
			float:right;
		}
		.right-mobmenu-left-icon i {
			padding-right: 10px ;
		}
		.right-mobmenu-right-icon i {
			padding-left: 10px ;
			float: right;
		}
		/* 3rd Level Left Menu Items Background color*/
		.mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a {
			color: #dd3333;
		}
		/* 3rd Level Left Menu Items Background color*/
		.mobmenu-content #mobmenuleft .sub-menu .sub-menu li {
			background-color: rgba(244,244,244,0.76);
		}
		/* 3rd Level Right Menu Items Background color*/
		.mobmenu-content #mobmenuright .sub-menu  .sub-menu li a {
			color: #fff;		
		}
		/* 3rd Level Right Menu Items Background color*/
		.mobmenu-content #mobmenuright .sub-menu .sub-menu li {
			background-color: #222;
		}
	
		.mob-menu-overlay .mobmenu-right-panel {
			background-color:#38404c;		}
	/* End of PRO code */
	
	/* Mobile Menu Frontend CSS Style*/
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
		overflow-x: hidden;
	}
	
	.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
		padding-left: 2%;
		padding-right: 2%;
	}
	.mobmenu-content li > .sub-menu li {
		padding-left: calc(2*1%);
	}

	.mobmenu-right-panel li, .rightmbottom, .rightmtop{
		padding-left: 0%;
		padding-right: 0%;
	}
	.mobmenul-container i {
		line-height: 40px;
		font-size: 40px;
		float: left;
	}
	.left-menu-icon-text {
		float: left;
		line-height: 40px;
		color: #000000;
	}
	.mobmenu-left-panel .mobmenu-display-name {
		color: #000000;
	}
	.right-menu-icon-text {
		float: right;
		line-height: 30px;
		color: #222;
	}
	.mobmenur-container i {
		line-height: 30px;
		font-size: 30px;
		float: right;
	}
	.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .hide {
		display: none!important;
	}
	
	.mob-standard-logo {
		display: inline-block;
		height:35px!important;	}
	.mob-retina-logo {
		height:35px!important;	}
	.mobmenu-content #mobmenuleft > li > a:hover {
		background-color: rgba(155,155,155,0.87);
	}

	.mobmenu-content #mobmenuright > li > a:hover {
		background-color: #8dacba;
	}
	.mobmenu-left-panel .mob-cancel-button {
		color: #666;
	}
	.mobmenu-right-panel .mob-cancel-button {
		color: #666;
	}	
	
}

	@media screen and ( min-width: 782px ) {
		#mobmenu-footer li:hover {
			background-color: #fff;
		}
		#mobmenu-footer li:hover i {
		color: #fff;
		}
	}
	.mob-blocks-user-profile {
		background-color: #4e4c49;
	}
	.mob-blocks-user-profile .mobmenu-display-name {
		color: #FFF;
	}
	.mob-menu-header-banner {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenu-footer li a {
	font-family:Dosis;
	font-size:13px;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:uppercase;
}

.mob-menu-copyright,.mob-menu-copyright a,.mob-menu-copyright p,.mob-menu-copyright h1,.mob-menu-copyright h2,.mob-menu-copyright h3,.mob-menu-copyright h4,.mob-menu-copyright h5,.mob-menu-copyright h6 {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
	font-family:Dosis;
	font-size:20px;
	font-weight:inherit;
	font-style:normal;
	letter-spacing:normal;
	text-transform:none;
}

.left-menu-icon-text {
	font-family:Abel;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
	font-family:Quicksand;
	font-size:17px;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

.right-menu-icon-text {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

@media only screen and (max-width: 901px)
.mobmenul-container, .mobmenur-container {
    position: inherit!important;
}

.mobmenu-search img {
    margin-right: -5px!important;
}

@media only screen and (max-width: 901px) {
    .mob-standard-logo {
        display: inline-block;
        height: 32px !important;
    }
}

/* Buttons */
.mobile-button-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
	flex-direction:column;
}

.mcta-button {
  flex: 1;
  background: #ffffff;
  color: #d90000;
  border: 1px solid #d90000;
  border-radius: 48px;
  padding: 15px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
  margin: 5px;
}

.mcta-button:hover {
  background: #d90000;
  color: #ffffff;
  border: 1px solid #d90000;
}