@media (max-width: 1000px) {
	.top-wrapper .container h1{
		font-size: 32px;
	}
	.heading h2{
		font-size: 20px;
	}
	.L-contents .contents {
		width: 50%;
		margin-bottom: 50px;
	}


}

@media (max-width: 670px) {

	.header-left {
		display: none;
	}
	/*.header-right {
		display: none;
	}

	header .container .menu-icon {
		display: block;
	}*/

	.top-wrapper .container {
		text-align: left;
	}
	.top-wrapper h1{
		font-size: 24px;
	}
	.top-wrapper p{
		font-size: 14px;
	}
	.btn-wrapper .btn {
		width: 100%;
		margin: 5px;
		text-align: center;
	}

	.menu .btn {
		width: 100%;
		margin: 5px;
		text-align: center;
	}

	.menu .library {
		width: 100%;
	}
	.menu .library2 {
		width: 100%;
	}

	.L-contents .contents {
		width: 100%;
	}

	.contents-wrapper .L-contents .contents{
		width: 100%;
	}

	footer {
		text-align: center;
	}
}