/* menu */
#m-menu {
	background-color: #2D2D2D;
	margin-bottom: 15px;
	color: #666;
}
#m-menu .main-ui{
	padding: 0;
	margin: 0;
	list-style: none;
}
#m-menu .m-porudct-layout{
	float: left;
    list-style: none;
    padding: 0;
    width: 100%;
}
#m-menu a{
	text-decoration: none;
}
#m-menu .m-porudct-layout .m-porudct-thmub{
	margin-bottom: 20px;
}
#m-menu .module-col-4 .m-porudct-layout .m-porudct-thmub{
	margin-bottom: 10px; 
}
#m-menu .m-porudct-layout .image img{
	max-width: 100%;
	display: block;
}
#m-menu .m-porudct-layout .caption h4{
	color: #333;
	margin-bottom: 8px;
}
#m-menu .m-porudct-layout .caption .price{
	margin-top: 5px; 
}
#m-menu .m-porudct-layout .caption .price .old-price{
	font-size: 13px;
	text-decoration: line-through;
}
#m-menu .product-block-title h4{
	color: #333;
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 4px;
	border-bottom: 2px solid #333;
	margin-bottom: 15px;
	display: inline-block;
	line-height: normal;	
}
#m-menu .m-products .m-porudct-thmub .image{
	width: 40%;
	float: left;
	margin-right: 15px; 
	max-width: 110px;
}
#m-menu .m-products .m-porudct-thmub .matter{
	margin: 7px 0 5px; 
}
#m-menu .m-products .m-porudct-thmub .matter p{
	margin: 0; 
	font-size: 14px;
	line-height: 20px;
}
#m-menu .m-products .m-porudct-thmub .rating{
	margin-bottom: 7px;
}
#m-menu .m-products .m-porudct-layout .caption h4{
	margin-top: 0;
}
#m-menu .m-products .m-cart{
	border: none;
	font-size: 11px;
	border: 1px solid #03badc;
	padding: 5px 10px;
	text-transform: uppercase;
	margin-top: 10px;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	background: #03badc;
}
#m-menu .m-button{
	border: none;
	font-size: 11px;
	border: 1px solid #ddd;
	padding: 5px 10px;
	text-transform: uppercase;
	margin-top: 10px;
	color: #fff;
	background: #777;	
}
#m-menu .m-button:hover{
	background: #fff;
	color: #777;	
}
#m-menu .m-products .m-cart:hover{
	background: #fff;
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	color: #03badc;
}
#m-menu .m-products .module-col-3 .m-porudct-thmub .image{
	width: auto;
	max-width: 155px;
	margin: 0 auto 10px;
	margin-bottom: 10px; 
	float: none;
	text-align: center;
}
#m-menu .m-products .module-col-3 .m-porudct-thmub .caption{
	text-align: center;
}
#m-menu .image{
	position: relative;
	margin-bottom: 5px;
}
#m-menu .rating .fa-star {
    color: #03badc;
    font-size: 15px;
}
#m-menu .rating .fa-star + .fa-star-o{
	color: #03badc;
}
#m-menu .rating .fa-star-o{
	color: #bbb;
}
#m-menu .m-products .module-col-4 .m-porudct-thmub .image{	
	width: 24%;
}
#m-menu .m-categories .m-porudct-layout .caption{
	text-align: center;
}
#m-menu .m-categories .m-link-image{
	overflow: hidden;
	position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.50s;
}
#m-menu .m-categories .m-cart{
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.50s;
	-webkit-transform: translate3d(0,20%,0);
	transform: translate3d(0,20%,0);
	opacity: 0;
	width: 100%;
	border: none;
	font-size: 11px;
	border: 1px solid #03badc;
	padding: 5px 10px;
	text-transform: uppercase;
	margin-top: 10px;
	color: #000;
	cursor: pointer;
	background: #03badc;
}
#m-menu .m-categories .image:hover .m-cart{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
#m-menu .sale{
	position: absolute;	
	right: auto;
	left: 10px;
	top: -6px;
	min-width: 50px;
	min-height: 30px;
	padding: 5px 10px;
	font-size: 11px;
	background-color: #66a423 !important;
	color: #fff;
	text-align: center;
}
#m-menu .sale::before {
    position: absolute;
    content: '';
    right: -8px;
    top: 0;
    left: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 8px;
    border-color: transparent transparent transparent #396d02;
}
#m-menu .m-contact .form-widget label{
	width: 100%;
}
#m-menu .m-contact .form-widget .m-form-group{
	margin-bottom: 15px;
}
#m-menu .m-contact .form-widget .m-from-control{
	width: 100%;
	height: 40px;
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 12px;
	color: #505050;
}
#m-menu .m-contact .form-widget{
	margin-bottom: 15px;
}
#m-menu .m-contact .form-widget textarea{
	width: 100%;
	border: 1px solid #ddd;
	font-size: 12px;
	color: #505050;
	padding: 10px;
}
#m-menu .m-contact .form-widget .m-button{
	margin-top: 0px; 
}
#m-menu .m-contact .address-widget .add-list{
	list-style: none;
	padding: 0;
	margin: 0;
}
#m-menu .m-contact .contact-banner{
	padding-right: 0;
	margin-top:-1px;
	margin-bottom: 10px;  
}
#m-menu .m-contact .contact-bg{
	background-repeat: no-repeat;
	background-position: right top; 
}
#m-menu .m-contact .address-widget .add-list li{
	margin-bottom: 20px;
}
#m-menu .m-contact .address-widget .add-list i{
	font-size: 16px;
	margin-right: 10px;
	width: 15px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
#m-menu .m-contact .address-widget .add-list span{
	display: inline-block;
	width: 85%;
	line-height: normal;
	font-size: 13px;
}
#m-menu .m-contact .address-widget .add-list  .fa-map-marker{
	margin-top: 5px;
}
#m-menu .m-info .info-widget h3{
	margin-top: 0;
	font-size: 16px;
}
#m-menu .m-info .info-widget p{
	text-align: justify;
	font-size: 13px;
	line-height: 24px;
}
#m-menu .m-info .info-widget{
	margin-bottom: 15px;
}
#m-menu .m-info .info-widget .info-list{
	list-style: none;
	padding: 0;
	margin: 0;
}
#m-menu .m-info .info-widget .info-list li a{
	color: #666;
	font-size: 13px;
}
#m-menu .m-info .info-widget .info-list li a:hover{
	background: none;
	text-decoration: underline;
}
#m-menu .m-info .info-widget .info-list li{
	padding-bottom: 10px;
}
#m-menu .m-news-layout{
	list-style: none;
	padding: 0;
	margin: 0;
}
#m-menu .m-news-layout .news-category{
	padding-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase; 
}
#m-menu .m-news-layout h3{
	font-size: 12px;
    line-height: normal;
    margin-top: 0;
    padding-top: 8px;
}
#m-menu .m-news-layout .text{
	font-size: 12px;
	margin-top: 10px;
}
#m-menu .two-block .m-news-layout h3{
	padding-top: 0;
	border: none;
}
#m-menu .two-block{
	margin-bottom: 15px;
}
#m-menu .two-block .m-news-layout p{
	font-size: 14px;
	line-height: 24px;
}
#m-menu .m-editor .dropdown-menu{
	padding-bottom: 15px;
}
#m-menu .m-editor .gelley-grid{
	margin: 0;
	margin-left: -5px;
	list-style: none;
	padding: 0;
}
#m-menu .m-editor .gelley-grid li{
	width: 25%;
	float: left;
	padding-left: 5px;
	margin-bottom: 5px;
}
#m-menu .m-flyout{
	position: relative;
}
#m-menu .m-flyout .m-mega-menu{
	padding: 0;
} 
#m-menu .m-flyout ul li a{
	color: #32375E;
	padding: 10px 15px;
	font-size: 12px;
	display: block;
}
#m-menu .m-flyout ul li a:hover{
	background: #32375E;
    color: #fff;
}
#m-menu .m-flyout ul li:hover > i{
	color: #fff;
}
#m-menu .m-flyout ul li i{
	position: absolute;
	right: 10px;
    top: 12px;
    color: #32375E;
}
#m-menu .m-flyout ul li{
	position: relative;
}
#m-menu .m-single-category .m-single-layout{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: -10px;
}
#m-menu .m-single-category .image{
	width: 30%;
	float: left;
}
#m-menu .m-single-category .category-title{
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	border-bottom: 2px solid #ddd;
	padding-bottom: 5px;
}
#m-menu .m-single-category .m-porudct-thmub{
	margin-bottom: 15px;
}
#m-menu .m-single-category .caption h4{
	margin-top: 0;
}

.m-mega-menu:before, .m-mega-menu:after, .clearfix:before, .clearfix:after{
	display: table;
  	content: " ";
}
.m-mega-menu:after, .clearfix:after{
	clear: both;
}
nav#m-menu {
	background: #32375e;
	position: relative;
	z-index: 9;
}
.m-menu-wrap.fullwidth{
	background: #32375e;
}
.m-menu-wrap #m-menu{
	margin-bottom: 0;
}
#m-menu > ul > li > a {
	text-decoration: none;
	color: #fff;
	display:block;
}
#m-menu > ul > li > a:hover {
	color: #000;
}

#m-menu .m-porudct-layout .image img {
    max-width: 100%;
    display: inline-block;
}
#menutoggle i {
    color: #fff;
    font-size: 33px;
    margin: 0;
    padding: 0;
}
/*--column--*/
.mm-8column:after, .mm-8column:before, .mm-6column:after, .mm-6column:before, .mm-3column:after, .mm-3column:before{
	content:"";
	display:table;
	clear:both;
}
.mm-8column, .mm-6column, .mm-3column {
	 float: left;
	 position: relative;
 }
.mm-8column {
    width: 66.66666667%;
}
.mm-6column {
    width: 50%;
}
.mm-3column {
    width: 25%;
}
.responsive-img {
    display: block;
    max-width: 100%;
}
#m-menu .left-images{
	margin-right:25px;
}
 #m-menu .left-images, #m-menu .left-categories-list {
   	float: left;
}
#m-menu .categories-list li {
    display: block;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
}
#m-menu .categories-list li :hover{
	background:inherit !important;
}
#m-menu .left-images > p {
    background: none repeat scroll 0 0 #ff7f50;
    display: block;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    padding: 5px 14px;
}
#m-menu .categories-list span {
    font-size: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.mm-view-more{
	background: none repeat scroll 0 0 #ff7f50;
    color: #fff;
    display: inline !important;
    line-height: normal;
    padding: 5px 8px !important;
	margin-top:10px;
}
.m-menu-wrap{
	margin-bottom: 15px;
}
@media(min-width: 768px) {
	/* Animation--*/
	#m-menu .animated {
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	}
	@-webkit-keyframes fadeIn {
	  0% {
	    opacity: 0;
	  }

	  100% {
	    opacity: 1;
	  }
	}

	@keyframes fadeIn {
	  0% {
	    opacity: 0;
	  }

	  100% {
	    opacity: 1;
	  }
	}

	.fadeIn {
	  -webkit-animation-name: fadeIn;
	  animation-name: fadeIn;
	}
}

.m-has-error .m-from-control, .m-has-error textarea{
	border-color: #a94442 !important;
}
.image-scale img{
	-webkit-transform: scale(1);
	transform: scale(1);
}

.image-scale img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.image-scale:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.image-scale:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
@media(max-width: 320px){
	#m-menu .m-editor img{
		width: 100%;
	}
}

@media(max-width: 415px){
.img-responsive {
		width: 30vw;
		max-width: unset !important;
	}
#m-menu .m-single-category .image {
margin-right: 15px;
display: contents;
}	

#m-menu .m-single-category .m-porudct-thmub {
height: 140px;
}
}

@media(max-width: 767px){
	#m-menu .m-news-layout li:last-child{
		margin-bottom: 0;
	}
	
}
@media (max-width: 979px) {
	#m-menu > ul > li{
		display: block;
	}
	#m-menu .m-flyout ul {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	    background: #E4E4E4;
	}
	#m-menu .m-flyout ul > li > ul{
		display: none;
	}
	#m-menu .m-flyout ul > li > ul > li > a{
		padding-left: 25px;
	}
	#m-menu .m-flyout ul li a i{
		display: none;
	}
	#m-menu .m-active > a{
		background: #02B8DA;
	}
	#m-menu .m-flyout ul li .fa-caret-right{
		display: none;
	}
	#m-menu .m-flyout ul li .m-plus{
		cursor: pointer;
	    font-size: 10px;
	    font-weight: normal;
	    padding: 15px;
	    right: 0;
	    top: 0;
	    z-index: 2;
	}
	#m-menu .m-flyout ul li .m-plus:hover{
		color: #000;
	}
	.m-mega-menu{
		padding: 0 15px;
    	padding-bottom: 15px;
		background: #fff;
		background-image: none !important; 
	}
	.mp-xs-6{
		width: 50%;
		float: left;
		padding: 0 10px;
	}
	#m-menu .m-products .module-col-3 .m-porudct-thmub .caption{
		min-height: 130px;
	}
	#m-menu .m-categories .m-porudct-layout .caption{
		min-height: 85px;	
	}
	#m-menu .m-single-category .image{
		margin-right: 15px;
	}
	#m-menu .m-single-category .caption h4{
		font-size: 12px;
	}
	#m-menu .product-block-title h4{
		font-size: 12px;
	}
	#m-menu .m-porudct-layout .caption h4{
		font-size: 12px;
	}
	#m-menu .m-porudct-layout .caption .price{
		font-size: 13px;
	}
	#m-menu .m-contact .form-widget label{
		font-size: 12px;
	}
	#m-menu > ul > li > a {
		padding: 12px 10px;
	}
	#m-menu .drop-down > a:after{
		color: #fff;
	    content: "";
	    font-family: FontAwesome;
	    font-style: normal;
	    margin-left: 5px;
	    position: absolute;
	    right: 15px;
	}
	#m-menu > ul > li > a > i{
		width: 20px;
	}
	#m-menu .m-news-layout .mega-video img{
		width: 100%;
	}
	#m-menu .m-news-layout li{
		margin-bottom: 20px;
	}
	.m-navbar{
		color: #fff;
	    font-size: 15px;
	    padding: 12px 15px;
	    position: relative;
	    background: #32375E;
	}
	.m-navbar a{
		background: #03badc;
	    color: #000;
	    line-height: normal;
	    padding: 2px 15px;
	    position: absolute;
	    right: 10px;
    	top: 9px;
	    border-radius: 3px;
	    cursor: pointer;
	}
	.m-menu-wrap.fullwidth{
		background: none !important;
	}
	#m-menu .m-all-main-cate ul li:hover h5{
		color: #02B8DA;
	}
	#m-menu .m-all-main-cate ul li{
		float: left;
		width: 50%;
		margin-top: 15px;
		text-align: center;
	}
	#m-menu .m-all-main-cate ul li img{
		display: inline;
		width: 80%;
	}
	#m-menu .m-all-main-cate ul li h5{
		font-size: 14px;
		color: #000;
		text-align: center;
		margin-top: 5px;
		display: block;
	}
}
@media(min-width: 768px){
	.mp-sm-1, .mp-sm-2, .mp-sm-3, .mp-sm-4, .mp-sm-5, .mp-sm-6, .mp-sm-7, .mp-sm-8, .mp-sm-9, .mp-sm-10, .mp-sm-11, .mp-sm-12 {
	    float: left;
	    padding: 0 10px;
	}
	.mp-sm-12 {
		width: 100%;
	}
	.mp-sm-11 {
		width: 91.66666667%;
	}
	.mp-sm-10 {
		width: 83.33333333%;
	}
	.mp-sm-9 {
		width: 75%;
	}
	.mp-sm-8 {
		width: 66.66666667%;
	}
	.mp-sm-7 {
		width: 58.33333333%;
	}
	.mp-sm-6 {
		width: 50%;
	}
	.mp-sm-5 {
		width: 41.66666667%;
	}
	.mp-sm-4 {
		width: 33.33333333%;
	}
	.mp-sm-3 {
		width: 25%;
	}
	.mp-sm-2 {
		width: 16.66666667%;
	}
	.mp-sm-1 {
		width: 8.33333333%;
	}
	.mp-sm-offset-12 {
		margin-left: 100%;
	}
	.mp-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.mp-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.mp-sm-offset-9 {
		margin-left: 75%;
	}
	.mp-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.mp-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.mp-sm-offset-6 {
		margin-left: 50%;
	}
	.mp-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.mp-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.mp-sm-offset-3 {
		margin-left: 25%;
	}
	.mp-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.mp-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.mp-sm-offset-right-1 {
		margin-right: 8.33333333%;
	}
	.mp-sm-offset-0 {
		margin-left: 0;
	}
	.m-mega-menu {
		background: #fff;
		background-repeat: no-repeat;
		background-size: 100%; 
		padding:15px;
		width: 100%;
		transition-duration: 0.9s;
		-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
		-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
		box-shadow: 0 1px 4px rgba(0,0,0,.2);
		z-index: 2;
	}
	#m-menu .m-all-main-cate ul li:hover h5{
		color: #02B8DA;
	}
}
@media(min-width:  980px) {
	#m-menu .displaynone{
		display: none;
	}
	#m-menu > ul > li {
	    list-style: none;
	    display: inline-block;
	    color: #666;
	    line-height: normal;
	}
	#m-menu .display-on{
		display:block;
		transition-duration: 0.9s;
	}
	#m-menu .m-porudct-layout{
		margin: 0 0 0 -10px;
	}
	#m-menu .m-info .list-unstyled > li:nth-child(2){
		padding-left: 45px; 
	}
	#m-menu .m-flyout .drop-right{
		right: 0;
		left: auto;
		top: 100%;
	}
	#m-menu .m-flyout .drop-left{
		left:  0;
		right: auto;
		top: 100%;
	}
	#m-menu .m-flyout .dropdown-menu-right ul > li > ul{
		right: 100%;
		left: auto;
		top: 100%;
	}
	#m-menu .m-flyout .dropdown-menu-left ul > li > ul{
		left: 100%;
		right: auto;
	}
	#m-menu .m-flyout ul > li > ul{
		position: absolute;
		visibility: hidden; 
		top: 0;
		left: 100%;
		opacity: 0;
	}
	#m-menu .m-flyout ul > li:hover > ul{
		visibility: visible;
		max-height: 1000px;
		top:0;
		opacity: 1
	}
	#m-menu .m-flyout:hover .dropdown-menu ul{
		max-height: 1000px;
	}
	#m-menu .active > a{
	/*	background:#02B8DA;*/
		color: #32375E;
	}
	#m-menu .m-flyout ul li .m-plus{
		display: none;
	}
	#m-menu .m-single-category .image{
		margin-right: 15px;
	}
	#m-menu .product-block-title h4{
		font-size: 14px;
	}
	#m-menu .m-porudct-layout .caption h4{
		font-size: 14px;
	}
	#m-menu .m-porudct-layout .caption .price{
		font-size: 16px;
	}
	#m-menu .m-contact .form-widget label{
		font-weight: 600;
		font-size: 13px;
	}
	#m-menu > ul > li > a {
		padding: 15px 7px;
    	font-size: 11px;
	}
	#m-menu > ul > li > a > i{
		visibility: hidden;
		font-size: 14px;
	}
	#m-menu .drop-down > a:hover:after{
		color: #000;
	}
	#m-menu .drop-down.active > a:after{
		color: #32375E;
	}
	#m-menu .drop-down > a:after{
		content:"";
		color:#fff;
		font-family: FontAwesome;
		font-style: normal;
		margin-left: 5px;
	}	
	#m-menu .m-news-layout{
		margin-left: -10px;
		margin-right: -10px;
	}
	.m-menu-wrap{
		margin-bottom: 15px; 
	}
	#m-menu .m-all-main-cate ul li{
		float: left;
		/* width: 10%; */
		margin-top: 15px;
		text-align: center;
	}
	#m-menu .m-all-main-cate ul li img{
		display: inline;
		width: 80%;
	}
	#m-menu .m-all-main-cate ul li h5{
		font-size: 14px;
		color: #000;
		text-align: center;
		margin-top: 5px;
		display: block;
	}
	.mp-md-1, .mp-md-2, .mp-md-3, .mp-md-4, .mp-md-5, .mp-md-6, .mp-md-7, .mp-md-8, .mp-md-9, .mp-md-10, .mp-md-11, .mp-md-12 {
	    float: left;
	    padding: 0 10px;
	}
	.mp-md-12 {
		width: 100%;
	}
	.mp-md-11 {
		width: 91.66666667%;
	}
	.mp-md-10 {
		width: 83.33333333%;
	}
	.mp-md-9 {
		width: 75%;
	}
	.mp-md-8 {
		width: 66.66666667%;
	}
	.mp-md-7 {
		width: 58.33333333%;
	}
	.mp-md-6 {
		width: 50%;
	}
	.mp-md-5 {
		width: 41.66666667%;
	}
	.mp-md-4 {
		width: 33.33333333%;
	}
	.mp-md-3 {
		width: 25%;
	}
	.mp-md-2 {
		width: 16.66666667%;
	}
	.mp-md-1 {
		width: 8.33333333%;
	}
	.mp-md-offset-12 {
		margin-left: 100%;
	}
	.mp-md-offset-11 {
		margin-left: 91.66666667%;
	}
	.mp-md-offset-10 {
		margin-left: 83.33333333%;
	}
	.mp-md-offset-9 {
		margin-left: 75%;
	}
	.mp-md-offset-8 {
		margin-left: 66.66666667%;
	}
	.mp-md-offset-7 {
		margin-left: 58.33333333%;
	}
	.mp-md-offset-6 {
		margin-left: 50%;
	}
	.mp-md-offset-5 {
		margin-left: 41.66666667%;
	}
	.mp-md-offset-4 {
		margin-left: 33.33333333%;
	}
	.mp-md-offset-3 {
		margin-left: 25%;
	}
	.mp-md-offset-2 {
		margin-left: 16.66666667%;
	}
	.mp-md-offset-1 {
		margin-left: 8.33333333%;
	}
	.mp-md-offset-right-1 {
		margin-right: 8.33333333%;
	}
	.mp-md-offset-0 {
		margin-left: 0;
	}
	.m-mega-menu {
		background: #fff;
		background-repeat: no-repeat;
		background-size: 100%; 
		left: 0;
		position: absolute;
		padding:15px;
		width: 100%;
		transition-duration: 1.3s;
		-webkit-box-shadow: 0 5px 5px 4px rgba(0,0,0,.3);
		-moz-box-shadow: 0 5px 5px 4px rgba(0,0,0,.3);
		-o-box-shadow: 0 5px 5px 4px rgba(0,0,0,.3);
		box-shadow: 0 5px 5px 4px rgba(0,0,0,.3);
		z-index: 2;
	}
	#m-menu .m-flyout ul {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	    width: 250px;
	    background: #02B8DA;
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		-ms-transition: all ease 0.5s;
	}
	.f-nav{ 
		z-index: 9999; 
		position: fixed; 
		left: 0; 
		top: 0; 
		width: 100%;
	}
	.m-navbar{
		display: none;
	}
}
@media(min-width: 980px) {
	#m-menu > ul > li > a {
		padding: 15px 9px;
		font-size: 12px;
	}
	#m-menu > ul > li > a > i{
		visibility: visible;
	}
}
@media(min-width: 1200px) {
	#m-menu > ul > li > a {
		padding: 15px 20px;
		font-size: 12px;
	}
	#m-menu > ul > li > a > i{
		visibility: visible;
	}
}