#warning-message {
	display: none;
}

@media only screen and (max-width: 767px) 
{
	.content-left{
		border: none;
	}

	.content-left .glyph-btn {
		margin-bottom: 50px;
	}

	.content-right .btn {
		margin: 0;
	}
	.p-lr-24 {
		padding: 0px 24px;
	}
}

@media only screen and (max-device-width: 667px) and (orientation: portrait) {
	#metric-container {
		display: none;
	}
	#page-content {
		// display: none;
	}
	#warning-message {
		display: block;
		height: 550px;
		// opacity:0.7;
		// filter: alpha(opacity=20);
		// background-color:#000; 
		// width:100%; 
		// height:100%; 
		// z-index:1;
		// top:0; 
		// left:0; 
		// position:fixed; 

	}
	#warning-message:before {
		content: '';
		// position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: .5;
		// background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
		position: absolute;
		background-color: #000;
		width: 100%;
		height: 100%;
		z-index: 0;
	}
	#warning-message h1 {
		color: #fff;
		position: relative;
		// margin-top: 150px;
	}

	body {
		margin-bottom: 150px;
	}
}

@media only screen and (max-device-width: 667px) and (orientation: landscape) {
	.nav>li>a {
		padding: 10px 5px
	}
}


@media (max-width: 667px) and (orientation:portrait){
	body {
		margin-bottom: 250px;
	}
}