@media (max-width: 1100px)
{
	
	.wrapper {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.header-wrapper {
		padding-left: 0;
		padding-right: 8px;
	}
	
	.button--menu {
		display: inline-block;
	}
	
	.header-nav {
		display: none;
		position: absolute;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		min-height: 100vh;
		z-index: 110;
		background-color: #fff;
		border-bottom: 2px solid #111;
		padding: 3px;
		margin: 0 !important;
		box-sizing: border-box;
	}
	.header-nav.is-visible {
		display: block;
	}
	.header-nav-close {
		display: block;
	}
	.header-nav-col {
		position: static;
	}
	.header-nav > ul {
		position: relative;
		padding-top: 50px;
		padding-bottom: 25px;
		height: auto;
	}
	.header-nav > ul > li {
		display: block;
		width: 100%;
		overflow: hidden;
		float: none;
		text-align: center;
		padding-bottom: 6px;
		margin-bottom: 0;
	}
	.header-nav > ul > li.home {
		display: block;
	}
	.header-nav > ul > li.account {
		position: relative;
		top: auto !important;
		right: auto !important;
	}
	.header-nav > ul > li.account > a {
		color: #111 !important;
	}
	.header-nav > ul > li > a {
		float: none;
		display: inline-block;
		width: auto;
		color: #111;
		font-size: 20px;
		text-align: center;
		height: auto;
		font-weight: 600 !important;
		line-height: 1.4em;
		padding: 6px 12px;
	}
	.header-nav > ul > li > div {
		display: block;
		position: relative;
		width: auto;
		background: transparent;
		box-shadow: none;
		top: auto !important;
	}
	.header-nav > ul > li > div.two-column {
		width: auto;
	}
	.header-nav > ul > li > div > ul {
		position: relative;
		display: block;
		top: 0 !important;
		width: auto;
		text-align: center;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
		margin-top: 0;
		margin-bottom: 10px;
		padding-top: 0;
	}
	.header-nav > ul > li > div.two-column > ul {
		width: auto;
		float: none;
	}
	.header-nav > ul > li > div > ul > li {
		padding-bottom: 0;
		text-align: center;
	}
	.header-nav > ul > li > div > ul > li > a {
		font-size: 16px;
		margin-top: 4px;
		margin-bottom: 4px;
		text-align: center;
	}
	.header-nav > ul > li > div > ul > li.active > a {
		font-weight: 600;
	}
	
	
}


@media (max-width: 991px)
{
	
	.clear-responsive {
		display: block;
		clear: both;
	}
	
	.u-withWatermark:after {
		display: none;
	}
	
	.header-placeholder {
		height: 90px;
	}
	
	
	.postpreview-image:not(.postpreview-image--rounded):not(.postpreview-image--side):not(.postpreview-image--small) {
		height: 30vw;
	}
	.postpreview-image--small {
		height: 20vw;
	}
	
	
	.back-top-button {
		display: none !important;
	}
	
	.page-header-image {
		width: 480px;
		height: 320px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.page-header-image-shadow {
		width: 296px;
		height: 306px;
		left: 0;
		right: -0;
		top: 0;
		bottom: 0;
	}
	.page-header-image-svg {
		width: 296px;
		height: 306px;
		left: -5px;
		right: 5px;
		top: -10px;
		bottom: 10px;
	}
	
	
	.grid {
		margin-left: -10px;
		margin-right: -10px;
	}
	.grid-item {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.card-section {
		margin: 10px 15px;
	}
}


@media (max-width: 767px)
{

	.postpreview--withSideImage {
		min-height: 160px;
	}
	.postpreview-icon {
		width: 30px;
		height: 30px;
		top: -15px;
		right: -15px;
		line-height: 30px;
		font-size: 14px;
	}
	.postpreview-image {
		width: auto;
		height: calc(66vw - 80px);
		margin-left: 0;
		margin-right: auto;
	}
	.postpreview-image:not(.postpreview-image--rounded):not(.postpreview-image--side):not(.postpreview-image--small) {
		height: calc(66vw - 80px);
	}
	.postpreview-image--small {
		height: calc(40vw - 80px);
	}
	.postpreview-image--side {
		width: 160px;
		height: 160px;
	}
	.postpreview-image--side + .postpreview-content {
		padding-left: 190px;
	}
	
	
	.two-columns-container {
	    column-count: 1;
	    column-gap: 0;
	}
	
	.grid {
		margin-left: 0;
		margin-right: 0;
	}
	.grid-item {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.page-menu {
		padding: 20px 0;
	}
	.page-menu > ul {
		width: auto;
		float: none;
		padding: 0 10px !important;
		margin: 0 !important;
	}
	.page-menu > ul:first-child {
		border-right: 0;
	}
	
	.text-box h1,
	.text-box h2 {
		font-size: 36px;
	}
	.text-box h3 {
		font-size: 28px;
	}
	.text-box h4 {
		font-size: 25px;
	}
	.text-box h5 {
		font-size: 22px;
	}
	.text-box h6 {
		font-size: 20px;
	}
	
}






@media (max-width: 575px)
{

	.postpreview {
		min-height: 110px;
	}
	.postpreview-image {
		width: 100%;
		height: calc(66vw - 50px);
	}
	.postpreview-image:not(.postpreview-image--rounded):not(.postpreview-image--side):not(.postpreview-image--small) {
		height: calc(66vw - 50px);
	}
	.postpreview-image--small {
		height: calc(60vw - 50px);
	}
	.postpreview-image--side {
		position: static !important;
		width: 180px;
		height: 180px;
	}
	.postpreview-image--side + .postpreview-content {
		padding-left: 0;
	}
	.postpreview-image-label {
		display: none;
	}
	
	
	.page-header-image {
		width: 300px;
		height: 200px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	
	.text-box h1,
	.text-box h2 {
		font-size: 30px;
	}
	.text-box h3 {
		font-size: 27px;
	}
	.text-box h4 {
		font-size: 24px;
	}

}






@media (max-width: 475px)
{
	
	.button--small,
	.button--search {
		padding: 2px 9px !important;
	}
	.button--menu {
	}
	
	
}