@media screen and ( max-width : 1200px ) {

	.header{
		width:100%;
	}

	.frame{
		width: 93%;
	}

}


@media screen and ( max-width : 980px ) {

	.banner{
		width: 100%;
	}

	.items{
		width:32%;
		margin:10px 0.666665%;
	}

	.toggle{
		right:100px;
	}

}

@media screen and ( max-width : 600px ) {

	.toggle{
		right:20px;
	}

	.close{
		right:20px;
	}

	.items{
		width:48%;
		margin:5px 1%;
	}

	.go_top{
		width:50%;
	}
}

@media screen and ( max-width : 500px ) {

	.toggle{
		padding:10px 5px;
		font-size:12px;
		top:34px;
		right: 10px;
	}

	.close{
		top:25px;
		right:10px;
	}

	.header{
		width:200px;
		margin: 30px auto;
	}

	.logo{
		width:200px;
	}

	h1{
		font-size:22px;
	}

	h2{
		font-size:20px;
	}

}