.mobile-menu-3-wrapper {
	display:none;
}
@media only screen and (max-width: 537px) {
	.header-desktop {
  		display:none;
  	}
  	.mobile-menu-3-wrapper {
  		display:block;

	}
	.mobile-menu-3-wrapper .col-xs-2 {
		width:50px;
	}
	.mobile-menu-3-wrapper .col-xs-10 {
		width:calc(100% - 50px);
	}	
	.mobile-menu-3-wrapper .logo img {
		margin: 11px auto;
	}
	.mobile-menu-3-wrapper a.btn-menu {
		float: right;
		font-size: 35px;
		padding: 0 10px;
		color:#000;
		text-decoration:none;
	}

	.mobile-menu-3-wrapper .menu-side {
		position: fixed;
		top: 0;
		left:-100%;
		background: #000;
		width:calc(100% - 50px);
		height: 100%;
		padding: 40px 20px;
		border-right: 3px solid #ccc;
		z-index:99999;
		overflow: hidden;
		overflow-y: auto;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
	}
	
	
	.mobile-menu-3-wrapper .menu-side.active {
		left:0;
	}
	.mobile-menu-3-wrapper .menu-side ul.menu {
		padding:0;
	}
	.mobile-menu-3-wrapper .menu-side ul.menu > li {
	    border-bottom: 1px solid #ddd;
		padding:10px 0;
	}
	.mobile-menu-3-wrapper .menu-side ul.menu > li.menu-item-has-children:before {
		content: '+';
		float: right;
		color: #fff;
		font-size: 20px;
	}
	.mobile-menu-3-wrapper .menu-side ul.menu > li.menu-item-has-children.current-menu-parent:before {
		content: '-';
	}
	.mobile-menu-3-wrapper .menu-side ul.menu ul.sub-menu {
		padding-left:20px;
		max-height:0;
		overflow:hidden;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
	}
	.mobile-menu-3-wrapper .menu-side ul.menu li.current-menu-parent ul.sub-menu {
		max-height:5000px;
	}
	.mobile-menu-3-wrapper .menu-side a {
		color: #fff;
		font-family: 'Open Sans';
		font-size: 15px;
		font-weight: 600;
		line-height: 35px;
		text-transform:uppercase;
		text-decoration:none;
	}
	.mobile-menu-3-wrapper .menu-side li.current_page_item a {
		color:#fbecb6;
	}
	.mobile-menu-3-wrapper .colwrapper > div.item {
		width:20%;
		float: left;
		text-align: center;
	}


	.mobile-menu-3-wrapper .colwrapper > div.item i {
		font-size:35px;
		color:#000;
		margin-top:10px;
	}
	.mobile-menu-3-wrapper .colwrapper > div.item i.big {
		font-size:50px;
	}
}