/* 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 {

	background:#02b8da;

	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: 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;

	}

	/*j3 theme fix start*/

	html[data-jv] .m-navbar {

		display: none;

	}

	html[data-jv] #m-menu {

		display: block !important;

	}

	/*j3 theme fix ends*/

	.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: 25px;

	}

	#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: 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-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;

	}

}