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

	}
	.mobile-menu-4-wrapper .row {
		margin:0;
	}
	.mobile-menu-4-wrapper .col-xs-2 {
		width:50px;
		padding:0;
	}
	.mobile-menu-4-wrapper .col-xs-10 {
		width:calc(100% - 50px);
	}	
	.mobile-menu-4-wrapper .logo img {
		margin: 5px auto;   
        margin-top: 19px;   
         width: 270px;
	}
	.mobile-menu-4-wrapper a.btn-menu {
		float: right;
		font-size: 30px;
		padding: 15px;
        margin-left:10px;
		color:#000;
		text-decoration:none;
	}

	.mobile-menu-4-wrapper .menu-side {
		position: fixed;
		top: 0;
		left:100%;
		background-image: linear-gradient(to bottom right, #5a92a1,#a1c3cc);
		width:calc(100% - 50px);
		height: 100%;
		padding: 40px 20px;
		border-left: 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-4-wrapper .menu-side.active {
		left:50px;
	}
	.mobile-menu-4-wrapper .menu-side ul.menu {
		padding:0;
	}
	.mobile-menu-4-wrapper .menu-side ul.menu > li {
	    border-bottom: 0px solid #ddd;
		padding:10px 0;
	}
	.mobile-menu-4-wrapper .menu-side ul.menu > li.menu-item-has-children:before {
		content: '+';
		float: right;
		color: #fff;
		font-size: 20px;
	}
	.mobile-menu-4-wrapper .menu-side ul.menu > li.menu-item-has-children.current-menu-parent:before {
		content: '-';
	}
	.mobile-menu-4-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-4-wrapper .menu-side ul.menu li.current-menu-parent ul.sub-menu {
		max-height:5000px;
	}
	.mobile-menu-4-wrapper .menu-side a {
		color: #fff;
		font-family: montserrat, arial, sans-serif;
		font-size: 15px;
		font-weight: 600;
		line-height: 35px;
		text-transform:uppercase;
		text-decoration:none;
	}
	.mobile-menu-4-wrapper .menu-side li.current_page_item a {
		color:#c9f1f9;
	}
	.mobile-menu-4-wrapper .colwrapper > div.item {
		width:20%;
		float: left;
		text-align: center;
	}


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