@media (max-width: 900px)
{
	.menu-toggle
	{
		display: block;
		position: absolute;
		top: 0px;
		left: 5px;
	}
	header
	{
		height: 60px;
		line-height: 60px;
		padding: 0px 20px;
	}
	header .logo
	{
		width: 160px;
		margin: 0 auto;
		float: none;
	}
	header nav 
	{
		float: none;
		position: absolute;
		top: 60px;
		left: -100%;
		background-color: #212121;
		color: #fff;
		width: 70%;
		transition: 0.3s;
		margin: 0px;
		height: 100vh;
	}
	.active
	{
		left: 0%;
	}
	header nav ul
	{
		display: block;
	}
	header nav ul li
	{
		padding-left:0px 20px;
	}
	header nav ul li:hover ul
	{
		box-shadow: none;
		position: relative;
		line-height: normal;
		background-color: #0277bd;
		width: 100%;
		animation: none;
	}
	header nav ul li a
	{
		color: #fff;
		width: 100%;
		display: block;
		padding: 0px 20px;
		margin: 0px;
	}

	header nav ul li ul li a
	{
		color: #fff;
		width: 100%;
		display: block;
		padding: 8px 35px;
		margin: 0px;
	}

	.header-margin
	{
		height: 50px;
	}

	.header-content
	{
		text-align: center;
		padding-bottom: 30px;
	} 
	.box
	{
		padding-bottom: 30px;
	}
	.section-info .content .left-box 
	{
    	border-right: none;
	}
	.media
	{
		padding: 20px;
	}
	.media .box
	{
		margin-top: 20px;
	}

	.tabs-border
	{
    	border-left: none;
	}

}