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

	.wrapper {
		min-height: 100%;
		display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto 1fr auto;
	}


		header {
			z-index: 200;
			grid-column: 1 / 4;
			grid-row: 1 / 2;
			background: var(--header-bg-color);
			position: sticky;
			top: 0;
			display: grid;
				grid-template-columns: auto 940px auto;
				grid-template-rows: auto auto;
		}

				.header-top {
					grid-column: 1 / 4;
					grid-row: 1 / 2;
					background: var(--header-top-bg-color);
						display: grid;
						grid-template-columns: 1fr 940px 1fr;
						grid-template-rows: auto;
				}

					.header-top-inner {
						grid-column: 2 / 3;
						grid-row: 1 / 2;
						background: var(--header-top-inner-bg-color);
					}

						.header-inner-top-left {
							float: left;
							width: 33%;
						}

						.header-inner-top-center {
							float: left;
							width: 34%;
							text-align: center;
						}

						.header-inner-top-right {
							float: left;
							width: 33%;
							text-align: right;
						}

				.header-bottom {
					grid-column: 1 / 4;
					grid-row: 2 / 3;
					background: var(--header-bottom-bg-color);
						display: grid;
						grid-template-columns: 1fr 940px 1fr;
						grid-template-rows: auto;
				}

					.header-bottom-inner {
						grid-column: 2 / 3;
						grid-row: 2 / 3;
						background: var(--header-bottom-inner-bg-color);
					}

						.header-bottom-logo {
							float: left;
							width: 148px;
						}

							.main-logo {
								margin: 10px 0 10px 0;
							}

						.header-bottom-menu {
							float: left;
							width: 792px;
							padding: 40px 0 0 0;
						}


			.slider-head-pic {
				grid-column: 1 / 4;
				grid-row: 2 / 3;
					display: grid;
					grid-template-columns: 1fr 940px 1fr;
					grid-template-rows: 240px;
					overflow: hidden;
			}

				.slider-head-pic-inner {
					grid-column: 2 / 3;
					grid-row: 1 / 2;
					background: transparent;
				}

					.slider-head-pic-inner-box {
						margin: 30px auto;
						padding: 20px;
						width: 60%;
						background-color: rgba(255,255,255,.7);
						box-shadow: 0 3px 10px rgb(0 0 0 / 0.6);
						text-align: center;
					}


			.main-content-classic {
				z-index: 100;
				grid-column: 1 / 2;
				grid-row: 3 / 4;
				background: var(--main-content-bg-color);
					display: grid;
					grid-template-columns: 1fr 940px 1fr;
					grid-template-rows: 1fr;
					align-self: start;
			}

				.content-type-1 {
					grid-column: 2 / 3;
					grid-row: auto;
					background: var(--content-bg-color);
				}

				.content-type-2 {
					grid-column: 1 / 4;
					grid-row: auto;
					background: var(--content-bg-color);
				}

				.content-type-3 {
					grid-column: 1 / 4;
					grid-row: auto;
					background: var(--content-bg-color);
						display: grid;
						grid-template-columns: 1fr 940px 1fr;
						grid-template-rows: 1fr;
				}

					.content-type-3-inner {
						grid-column: 2 / 3;
					}

			.main-content-box-right {
				z-index: 100;
				grid-column: 1 / 2;
				grid-row: 3 / 4;
				background: var(--main-content-bg-color);
					display: grid;
					grid-template-columns: 1fr 75% 25% 1fr;
					grid-template-rows: 1fr;
			}

				.main-content-box-right-left {
					grid-column: 2 / 3;
					background: purple;
				}

				.main-content-box-right-right {
					grid-column: 3 / 4;
					background: pink;
				}

					/*.content-type-1 {
						width: 100%;
						background: var(--content-bg-color);
					}*/

			.main-content-box-left {
				z-index: 100;
				grid-column: 1 / 2;
				grid-row: 3 / 4;
				background: var(--main-content-bg-color);
					display: grid;
					grid-template-columns: 1fr 25% 75% 1fr;
					grid-template-rows: 1fr;
			}

				.main-content-box-left-left {
					grid-column: 2 / 3;
					background: pink;
				}

				.main-content-box-left-right {
					grid-column: 3 / 4;
					background: purple;
				}

					/*.content-type-1 {
						width: 100%;
						background: var(--content-bg-color);
					}*/


		footer {
			grid-column: 1 / 4;
			grid-row: 4 / 5;
			background: var(--footer-bg-color);
			display: grid;
				grid-template-columns: 1fr 940px 1fr;
				grid-template-rows: auto;
		}

			.footer-inner {
				grid-column: 2 / 3;
				background: var(--footer-inner-bg-color);
				padding: 10px 0 10px 0;
			}

				.footer-inner-top {
					grid-column: 2 / 3;
					grid-row: 1 / 2;
					padding: 20px 0 20px 0;
					background: var(--footer-inner-top-bg-color);
						display: grid;
						grid-template-columns: 1fr 1fr 1fr;
						grid-template-rows: auto;
				}

					.footer-inner-top-left {
						grid-column: 1 / 2;
						grid-row: 1 / 2;
						background: transparent;
					}

					.footer-inner-top-center {
						grid-column: 2 / 3;
						grid-row: 1 / 2;
						background: transparent;
					}

					.footer-inner-top-right {
						grid-column: 3 / 4;
						grid-row: 1 / 2;
						background: transparent;
					}

				.footer-inner-bottom {
					grid-column: 1 / 4;
					grid-row: 2 / 3;
					background: var(--footer-inner-bottom-bg-color);
						display: grid;
						grid-template-columns: 1fr 940px 1fr;
						grid-template-rows: 100%;
				}

					.footer-inner-bottom-inner {
						grid-column: 2 / 3;
						grid-row: 1 / 2;
						padding: 10px 0 10px 0;
						background: var(--footer-inner-bottom-inner-bg-color);
							display: grid;
							grid-template-columns: 1fr 1fr;
							grid-template-rows: 100%;
					}

						.footer-inner-bottom-inner-left {
							grid-column: 1 / 2;
							grid-row: 1 / 2;
							background: transparent;
						}

						.footer-inner-bottom-inner-right {
							grid-column: 2 / 3;
							grid-row: 1 / 2;
							background: transparent;
						}


		.template-grid-2 {
			grid-column: 2 / 3;
				display: grid;
				grid-column-gap: 20px;
				grid-template-columns: 1fr 1fr;
				grid-template-rows: auto auto;
		}

			.template-grid-2-column-1-top {
				background: var(--template-11-bg-color);
				grid-column: 1 / 2;
			}

			.template-grid-2-column-2-top {
				background: var(--template-11-bg-color);
				grid-column: 2 / 3;
			}

			.template-grid-2-column-1-bottom {
				background: var(--template-11-bg-color);
				grid-column: 1 / 2;
				margin-top: 20px;
			}

			.template-grid-2-column-2-bottom {
				background: var(--template-11-bg-color);
				grid-column: 2 / 3;
				margin-top: 20px;
			}


		.template-grid-3 {
			grid-column: 2 / 3;
				display: grid;
				grid-column-gap: 20px;
				grid-template-columns: 1fr 1fr 1fr;
				grid-template-rows: auto auto;
		}

			.template-grid-3-column-1-top {
				background: var(--template-11-bg-color);
				grid-column: 1 / 2;
			}

			.template-grid-3-column-2-top {
				background: var(--template-11-bg-color);
				grid-column: 2 / 3;
			}

			.template-grid-3-column-3-top {
				background: var(--template-11-bg-color);
				grid-column: 3 / 4;
			}

			.template-grid-3-column-1-bottom {
				background: var(--template-11-bg-color);
				grid-column: 1 / 2;
				margin-top: 20px;
			}

			.template-grid-3-column-2-bottom {
				background: var(--template-11-bg-color);
				grid-column: 2 / 3;
				margin-top: 20px;
			}

			.template-grid-3-column-3-bottom {
				background: var(--template-11-bg-color);
				grid-column: 3 / 4;
				margin-top: 20px;
			}


		.template-grid-4 {
			grid-column: 2 / 3;
				display: grid;
				grid-column-gap: 20px;
				grid-template-columns: 1fr 1fr 1fr 1fr;
				grid-template-rows: auto auto;
		}

			.template-grid-4-column-1-top {
				background: var(--template-11-bg-color);
				grid-column: 1 / 2;
			}

			.template-grid-4-column-2-top {
				background: var(--template-11-bg-color);
				grid-column: 2 / 3;
			}

			.template-grid-4-column-3-top {
				background: var(--template-11-bg-color);
				grid-column: 3 / 4;
			}

			.template-grid-4-column-4-top {
				background: var(--template-11-bg-color);
				grid-column: 4 / 5;
			}

			.template-grid-4-column-1-bottom {
				background: var(--template-11-bg-color);
				grid-column: 1 / 2;
				margin-top: 20px;
			}

			.template-grid-4-column-2-bottom {
				background: var(--template-11-bg-color);
				grid-column: 2 / 3;
				margin-top: 20px;
			}

			.template-grid-4-column-3-bottom {
				background: var(--template-11-bg-color);
				grid-column: 3 / 4;
				margin-top: 20px;
			}

			.template-grid-4-column-4-bottom {
				background: var(--template-11-bg-color);
				grid-column: 4 / 5;
				margin-top: 20px;
			}


	.breadcrumb {
		background: transparent;
		padding: 10px 0 10px 0;
	}

	.h1-caption {
		background: transparent;
		padding: 20px 0 20px 0;
	}

	.template-1 {
		float: left;
		margin-right: 20px;
	}

	.template-2 {
		float: right;
		margin-left: 20px;
	}

	.dont-show-desktop {
		display: none;
	}

	.dont-show-1200 {
		display: none;
	}

	.dont-show-991 {
		visibility: visible;
	}

	.dont-show-768 {
		visibility: visible;
	}

	.dont-show-480 {
		visibility: visible;
	}

	.back-to-top {
		bottom: 25px;
		right: 25px;
	}

	.event-button-left {
		width:50%;
		float:left;
		margin-top: 15px;
	}

	.event-button-right {
		width:50%;
		float:left;
		text-align: right;
		margin-top: 15px;
	}

	.event-button-align {
		text-align: center !important;
	}

}



@media (min-width: 2992px) and (max-width: 3200px) {

.sticky {
	/*z-index: 111;*/
	position: fixed;
	height: auto;
	left:0;
	right:0;
	top:0;
	border-bottom: 1px solid #aaa;
	/* border-top: 20px solid var(--body-border-color);
	border-right: 20px solid var(--body-border-color);
	border-left: 20px solid var(--body-border-color); */
}

.sticky-margin-top {
	margin-top: 150px;
}

.border {
	/*display: grid;
	grid-template-columns: 1fr;
	grid-template-row: 1fr;
	border: 20px solid var(--body-border-color);*/
}

	.container {
		/*grid-column: 1 / 2;
		grid-row: 1 / 2;*/
			display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto minmax(300px, auto) auto;
			/*grid-template-rows: 160px 240px minmax(300px, auto) 1fr;*/
	}

		.header {
			/*z-index: 111;*/
			grid-column: 1 / 4;
			grid-row: 1 / 2;
			background: var(--header-bg-color);
				display: grid;
				grid-template-columns: 1fr 940px 1fr;
				grid-template-rows: auto;
		}

			.header-top {
				grid-column: 1 / 4;
				grid-row: 1 / 2;
				background: var(--header-top-bg-color);
					display: grid;
					grid-template-columns: 1fr 940px 1fr;
					grid-template-rows: auto;
			}

				.header-top-inner {
					grid-column: 2 / 3;
					grid-row: 1 / 2;
					background: var(--header-top-inner-bg-color);
				}

					.header-inner-top-left {
						float: left;
						width: 33%;
					}

					.header-inner-top-center {
						float: left;
						width: 34%;
						text-align: center;
					}

					.header-inner-top-right {
						float: left;
						width: 33%;
						text-align: right;
					}

			.header-bottom {
				grid-column: 2 / 3;
				grid-row: 2 / 3;
				background: var(--header-bottom-bg-color);
			}

				.header-bottom-logo {
					float: left;
					width: 148px;
				}

					.main-logo {
						margin: 10px 0 10px 0;
					}

				.header-bottom-menu {
					float: left;
					width: 792px;
					padding: 40px 0 0 0;
				}


		.slider-head-pic {
			z-index: 55;
			grid-column: 1 / 4;
			grid-row: 2 / 3;
				display: grid;
				grid-template-columns: 1fr 940px 1fr;
				grid-template-rows: 240px;
				overflow: hidden;
		}

			.slider-head-pic-inner {
				grid-column: 2 / 3;
				grid-row: 1 / 2;
				background: transparent;
			}

				.slider-head-pic-inner-box {
					margin: 30px auto;
					padding: 20px;
					width: 60%;
					background-color: rgba(255,255,255,.7);
					box-shadow: 0 3px 10px rgb(0 0 0 / 0.6);
					text-align: center;
				}


		.main-content-classic {
			z-index: 100;
			grid-column: 1 / 2;
			grid-row: 3 / 4;
			background: var(--main-content-bg-color);
				display: grid;
				grid-template-columns: 1fr 940px 1fr;
				grid-template-rows: 1fr;
				align-self: start;
		}

			.content-type-1 {
				grid-column: 2 / 3;
				grid-row: auto;
				background: var(--content-bg-color);
			}

			.content-type-2 {
				grid-column: 1 / 4;
				grid-row: auto;
				background: var(--content-bg-color);
			}

			.content-type-3 {
				grid-column: 1 / 4;
				grid-row: auto;
				background: var(--content-bg-color);
					display: grid;
					grid-template-columns: 1fr 940px 1fr;
					grid-template-rows: 1fr;
			}

				.content-type-3-inner {
					grid-column: 2 / 3;
				}

		.main-content-box-right {
			z-index: 100;
			grid-column: 1 / 2;
			grid-row: 3 / 4;
			background: var(--main-content-bg-color);
				display: grid;
				grid-template-columns: 1fr 75% 25% 1fr;
				grid-template-rows: 1fr;
		}

			.main-content-box-right-left {
				grid-column: 2 / 3;
				background: purple;
			}

			.main-content-box-right-right {
				grid-column: 3 / 4;
				background: pink;
			}

				/*.content-type-1 {
					width: 100%;
					background: var(--content-bg-color);
				}*/

		.main-content-box-left {
			z-index: 100;
			grid-column: 1 / 2;
			grid-row: 3 / 4;
			background: var(--main-content-bg-color);
				display: grid;
				grid-template-columns: 1fr 25% 75% 1fr;
				grid-template-rows: 1fr;
		}

			.main-content-box-left-left {
				grid-column: 2 / 3;
				background: pink;
			}

			.main-content-box-left-right {
				grid-column: 3 / 4;
				background: purple;
			}

				/*.content-type-1 {
					width: 100%;
					background: var(--content-bg-color);
				}*/


		.footer {
			z-index: 99;
			grid-column: 1 / 4;
			grid-row: 4 / 5;
			background: var(--footer-bg-color);
				display: grid;
				grid-template-columns: 1fr 940px 1fr;
				grid-template-rows: auto;
		}

			.footer-inner-top {
				grid-column: 2 / 3;
				grid-row: 1 / 2;
				padding: 20px 0 20px 0;
				background: var(--footer-inner-top-bg-color);
					display: grid;
					grid-template-columns: 1fr 1fr 1fr;
					grid-template-rows: auto;
			}

				.footer-inner-top-left {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					background: transparent;
				}

				.footer-inner-top-center {
					grid-column: 2 / 3;
					grid-row: 1 / 2;
					background: transparent;
				}

				.footer-inner-top-right {
					grid-column: 3 / 4;
					grid-row: 1 / 2;
					background: transparent;
				}

			.footer-inner-bottom {
				grid-column: 1 / 4;
				grid-row: 2 / 3;
				background: var(--footer-inner-bottom-bg-color);
					display: grid;
					grid-template-columns: 1fr 940px 1fr;
					grid-template-rows: 100%;
			}

				.footer-inner-bottom-inner {
					grid-column: 2 / 3;
					grid-row: 1 / 2;
						display: grid;
						grid-template-columns: 1fr 1fr;
						grid-template-rows: 100%;
				}

					.footer-inner-bottom-inner-left {
						grid-column: 1 / 2;
						grid-row: 1 / 2;
						background: transparent;
					}

					.footer-inner-bottom-inner-right {
						grid-column: 2 / 3;
						grid-row: 1 / 2;
						background: transparent;
					}


	.template-grid-2 {
		grid-column: 2 / 3;
			display: grid;
			grid-column-gap: 20px;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto auto;
	}

		.template-grid-2-column-1-top {
			background: var(--template-11-bg-color);
			grid-column: 1 / 2;
		}

		.template-grid-2-column-2-top {
			background: var(--template-11-bg-color);
			grid-column: 2 / 3;
		}

		.template-grid-2-column-1-bottom {
			background: var(--template-11-bg-color);
			grid-column: 1 / 2;
			margin-top: 20px;
		}

		.template-grid-2-column-2-bottom {
			background: var(--template-11-bg-color);
			grid-column: 2 / 3;
			margin-top: 20px;
		}


	.template-grid-3 {
		grid-column: 2 / 3;
			display: grid;
			grid-column-gap: 20px;
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: auto auto;
	}

		.template-grid-3-column-1-top {
			background: var(--template-11-bg-color);
			grid-column: 1 / 2;
		}

		.template-grid-3-column-2-top {
			background: var(--template-11-bg-color);
			grid-column: 2 / 3;
		}

		.template-grid-3-column-3-top {
			background: var(--template-11-bg-color);
			grid-column: 3 / 4;
		}

		.template-grid-3-column-1-bottom {
			background: var(--template-11-bg-color);
			grid-column: 1 / 2;
			margin-top: 20px;
		}

		.template-grid-3-column-2-bottom {
			background: var(--template-11-bg-color);
			grid-column: 2 / 3;
			margin-top: 20px;
		}

		.template-grid-3-column-3-bottom {
			background: var(--template-11-bg-color);
			grid-column: 3 / 4;
			margin-top: 20px;
		}


	.template-grid-4 {
		grid-column: 2 / 3;
			display: grid;
			grid-column-gap: 20px;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-template-rows: auto auto;
	}

		.template-grid-4-column-1-top {
			background: var(--template-11-bg-color);
			grid-column: 1 / 2;
		}

		.template-grid-4-column-2-top {
			background: var(--template-11-bg-color);
			grid-column: 2 / 3;
		}

		.template-grid-4-column-3-top {
			background: var(--template-11-bg-color);
			grid-column: 3 / 4;
		}

		.template-grid-4-column-4-top {
			background: var(--template-11-bg-color);
			grid-column: 4 / 5;
		}

		.template-grid-4-column-1-bottom {
			background: var(--template-11-bg-color);
			grid-column: 1 / 2;
			margin-top: 20px;
		}

		.template-grid-4-column-2-bottom {
			background: var(--template-11-bg-color);
			grid-column: 2 / 3;
			margin-top: 20px;
		}

		.template-grid-4-column-3-bottom {
			background: var(--template-11-bg-color);
			grid-column: 3 / 4;
			margin-top: 20px;
		}

		.template-grid-4-column-4-bottom {
			background: var(--template-11-bg-color);
			grid-column: 4 / 5;
			margin-top: 20px;
		}


	.breadcrumb {
		background: transparent;
		padding: 10px 0 10px 0;
	}

	.h1-caption {
		background: transparent;
		padding: 20px 0 20px 0;
	}

	.template-1 {
		float: left;
		margin-right: 20px;
	}

	.template-2 {
		float: right;
		margin-left: 20px;
	}

	.dont-show-desktop {
		display: none;
	}

	.dont-show-1200 {
		display: none;
	}

	.dont-show-991 {
		visibility: visible;
	}

	.dont-show-768 {
		visibility: visible;
	}

	.dont-show-480 {
		visibility: visible;
	}

	.back-to-top {
		bottom: 25px;
		right: 25px;
	}

	.event-button-left {
		width:50%;
		float:left;
		margin-top: 15px;
	}

	.event-button-right {
		width:50%;
		float:left;
		text-align: right;
		margin-top: 15px;
	}

	.event-button-align {
		text-align: center !important;
	}

}