@media only screen and (max-width: 767px) {
	#primary-menu {
	    height: calc(100vh - 60px);
	    overflow-y: scroll;
	}
	.site-branding{
		z-index: 999999;
	}
	#header-action {
	    display: none;
	}
	.mean-container{
		position: relative;
	}
	.mean-container .mean-bar{
		position: absolute;
		top: -9px;
		left: 0;
		width: 100%;
		background: none;
	}
	.mean-container a.meanmenu-reveal span{
		background: #51585f;
	}
	.mean-container a.meanmenu-reveal{
		color: #51585f;
		text-indent: 0 !important;
		right: 3px !important;
		left: auto !important;
		top: 8px;
	}
	.mean-container .mean-nav{
		margin-top: 62px;
		background: #ffffff;
		-webkit-box-shadow: 0 7px 10px -9px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 7px 10px -9px rgba(0,0,0,0.5);
		box-shadow: 0 7px 10px -9px rgba(0,0,0,0.5);
	}

	.mean-container .mean-nav ul li a{
		text-transform: capitalize;
		padding: 10px 5%;
		color: #45454E;
		border-top: 1px solid #dee2e6;
	}
	.mean-container .mean-nav ul li a:hover,
	.mean-container .mean-nav ul li a:focus,
	.mean-container .mean-nav ul li a:active{
		color: #0f23ff;
	}
	.mean-container .mean-nav ul li a.mean-expand:hover{
		background: #2568E2;
		color: #ffffff;
	}
	.mean-container .mean-nav ul li li a{
		border-top: 1px solid #dee2e6;
	}
	.mean-container .mean-nav ul li.tg-menu-item-search.mean-last{
		padding: 15px 5% 30px;
		width: 90%;
		margin-top: 0;
	}
	.mean-container .mean-nav ul li.mean-last a{
		display: none;
	}
	.mean-container .mean-nav ul li a.mean-expand{
		border-bottom: 0;
		height: 25px;
		line-height: 20px;
	}
	.mean-container .search-form {
	    float: left;
	    width: 100%;
	}
	.mean-container .search-form label {
		float: left;
	    width: 100%;
	    margin: 0;
	}
	.mean-container .search-form label:before {
		right: 15px;
		width: 30px;
		text-align: center;
	}
	.mean-container .search-form .search-field {
		float: left;
		width: 87.6%;
		font-size: 14px;
		padding-right: 10.4% !important;
		padding-left: 2% !important;
	}  
}

@media only screen and (max-width: 479px) {
    .mean-container .mean-nav ul li a{
    	font-size: 14px;
    }
    .mean-container .mean-nav ul li a.mean-expand{
    	height: 20px;
		line-height: 18px;
    }
}
@media only screen and (max-height: 520px) {
    .mean-container .mean-nav ul li a{
    	padding: 4px 5%;
    	font-size: 13px;
    }
    .mean-container .mean-nav ul li.tg-menu-item-search.mean-last{
    	padding: 2px 5% 20px;
    }
    .mean-container .mean-nav ul li a.mean-expand{
    	height: 32px;
		line-height: 32px;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
    }
    .mean-container .mean-nav ul li li a{
    	padding: 2px 10%;
    }
    #primary-menu {
	    height: calc(100vh - 60px);
	    overflow-y: scroll;
	}
	.mean-container .search-form .search-field {
		font-size: 13px;
	}
}