@media (min-width: 601px) {
	.only-mobile{
		display:none !important;
	}
}
@media (max-width: 600px) {
	.only-web{
		display:none !important;
	}
}



@media only screen and (max-width:1200px) {
	.wrapper {
		width: 1000px
	}
}

@media only screen and (max-width:640px) {
	.wrapper {
		width: 600px
	}
	.col-offset-1,.col-offset-10,.col-offset-11,.col-offset-12,.col-offset-2,.col-offset-3,.col-offset-4,.col-offset-5,.col-offset-6,.col-offset-7,.col-offset-8,.col-offset-9
		{
		margin-left: 0
	}
	.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-8,.col-9,
	.col-1-5
	{
		width: 100%
	}
}


@media only screen and (max-width:400px) {
	.wrapper {
		width: 380px
	}
}

@media print {
	*,:after,:before {
		background: 0 0 !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}
	a,a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	a[href ^="#"]:after,a[href ^="javascript:"]:after {
		content: ""
	}
	blockquote,pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img,tr {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	h2,h3,p {
		orphans: 3;
		widows: 3
	}
	h2,h3 {
		page-break-after: avoid
	}
}