@media (min-width: 481px) and (max-width: 768px) {

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


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

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

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

						.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 / 2;
					grid-row: 2 / 3;
					background: var(--header-bottom-bg-color);
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: auto;
				}

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

						.header-bottom-logo {
							position: relative;
							z-index: 1;
							width: 100%;
						}

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

						.header-bottom-menu {
							position: relative;
							z-index: 3;
							width: 100%;
							padding: 0;
						}

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

				.slider-head-pic-inner {
					grid-column: 1 / 2;
					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;
					grid-template-rows: 1fr;
					align-self: start;
			}

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

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

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

					.content-type-3-inner {
						grid-column: 1 / 2;
						padding: 0 10px 0 10px;
					}

			.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: 75% 25%;
					grid-template-rows: 1fr;
			}

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

				.main-content-box-right-right {
					grid-column: 2 / 3;
					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: 25% 75%;
					grid-template-rows: 1fr;
			}

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

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

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


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

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

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

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

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

				.footer-inner-top-right {
					grid-column: 2 / 3;
					grid-row: 2 / 3;
					background: transparent;
					padding: 20px 0 0 0;
				}



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

				.footer-inner-bottom-inner {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					padding: 10px 0 60px 0;
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: 1fr;
				}

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

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

						.footer-caption {
							text-align: center;
						}

						.footer-inner-top-menu ul {
							display: table;
							margin: 0 auto;
							text-align: center;
						}

						.footer-inner-bottom-inner-menu ul {
							display: table;
							margin: 0 auto;
						}


	.template-grid-2 {
		grid-column: 1 / 2;
			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: 1 / 2;
			display: grid;
			grid-column-gap: 20px;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto auto auto;
	}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

	.template-1 {
		width: 100%;
		margin-bottom: 20px;
	}

	.template-2 {
		width: 100%;
		margin-bottom: 20px;
	}

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

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

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

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

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

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

	.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;
	}

}