.device-small #modal-nav,
.device-small #modal-content,
.device-small #modal-content-pages {
	/*width: 94%;*/
	/*height: 0;*/
	/*padding-bottom: 94%;*/
}

.device-small.device-landscape #modal-nav,
.device-small.device-landscape #modal-content,
.device-small.device-landscape #modal-content-pages {
	/*    width: 0;
    height: 94%;
    padding-bottom: 0;*/
}

.device-small #modal-nav ul li {
	padding: 10px 0;
}

.device-small #modal-nav ul li a {
	font-size: 20px;
}

.device-small #modal-nav ul li.empty {
	padding: 25px;
}

.device-small #hamburger {
	width: 28px;
	height: 26px;
	background: black;
}

.device-small #hamburger div {
	width: 14px;
	top: calc(50% - 6px);
}
.device-small #hamburger svg {
	margin-top:-7px;
}
.device-small #hamburger div + div {
	top: calc(50% - 1px);
}

.device-small #hamburger div + div + div {
	top: calc(50% + 4px);
}
.device-small #modal-nav-close {
	width: 50px;
	height: 50px;
}

.device-small #modal-nav-close span {
	width: 26px;
	left: 12px;
}
.device-small .modal-nav-content p {
	color: #fff;
	font-size: 48px;
	padding: 15px;
}
.device-small #modal-content-pages,
.device-small #modal-content-info {
	/*    width: 86%;
    height: 0;*/
	box-shadow: none;
	/*padding-bottom: 86%;*/
}

.device-small #modal-content-left,
.device-small #modal-content-right {
	width: 22px;
	height: 22px;
}

.device-small #modal-content-left span,
.device-small #modal-content-right span {
	width: 15px;
	left: 4px;
}

.device-small #modal-content-left span {
	top: calc(50% - 5px);
	border-radius: 2px;
}

.device-small #modal-content-left span + span {
	top: calc(50% + 3px);
}

.device-small #modal-content-right span {
	top: calc(50% - 5px);
	border-radius: 2px;
}

.device-small #modal-content-right span + span {
	top: calc(50% + 3px);
}

.device-small #modal-content-more-less {
	width: 126px;
	height: 39px;
	left: 50%;
	bottom: 43px;
}

.device-small .info-open #modal-content-more-less {
	width: 32px;
	height: 32px;
	bottom: 10%;
	border: 3px solid #fff;
	transform: translate(-50%, 50%);
}
.device-small .info-open #modal-content-more-less p {
	/* font-size: 14px !important; */
}

.device-small #modal-content-more-less span {
	width: 16px;
	top: 11px;
	left: 5px;
}

.device-small button.btn-vid-play {
	width: 50px;
	height: 50px;
}

.device-small button.btn-vid-play span {
	width: 50px;
	height: 50px;
}

.device-small button.btn-vid-play span + span {
	background-size: 32px 32px;
	border: none;
}

.device-small #modal-content h3 {
	font-size: 20px;
	margin: 11px;
}

.device-small #modal-content p {
	margin-bottom: 20px;
	font-size: 12px;
}

.device-small.device-landscape #modal-content {
	width: auto;
	height: 94%;
	padding-bottom: 0;
}

.device-small ul.social-memu li {
	width: 36px;
	height: 36px;
}

.device-small ul.social-memu li.tw-link {
	background-size: 24px 24px;
}

.device-small ul.social-memu li.fb-link {
	background-size: 24px 24px;
}

.device-small ul.social-memu li.ig-link {
	background-size: 24px 24px;
}

.device-x-small ul.social-memu li {
	width: 24px;
	height: 24px;
}

.device-x-small ul.social-memu li.tw-link {
	background-size: 16px 16px;
}

.device-x-small ul.social-memu li.fb-link {
	background-size: 16px 16px;
}

.device-x-small ul.social-memu li.ig-link {
	background-size: 16px 16px;
}

.device-x-small #modal-content h3 {
	margin: 3px;
}

.device-x-small #modal-content p {
	margin-bottom: 4px;
	line-height: 1.3;
}

@media (max-width: 1680px) {
	.menu-items {
		width: 1200px;
	}
	.menu-item {
		margin: 0px 5px;
	}
}

@media (max-width: 1500px) {
	#menu {
		top: 20px;
		background: transparent;
		right: 0;
	}
	.menu-items {
		display: none;
	}
	#menu .dropdown {
		display: initial;
	}
	.dropdown-toggle {
		height: 60px;
	}
	.dropdown-menu {
		left: auto;
		right: 0;
		position: absolute;
		top: -30px;
		right: -5px;
	}
}

@media (max-height: 680px) {
	#modal-vid,
	#modal-img {
		padding: 20px;
	}

	#modal-vid {
		width: 900px;
		/* height: 526px; */
	}

	#modal-vid-close,
	#modal-img-close {
		width: 32px;
		height: 32px;
		border: 3px solid #fff;
	}

	#modal-vid-close span,
	#modal-img-close span {
		width: 18px;
		height: 3px;
		top: 12px;
		left: 4px;
	}
}
@media screen and (max-width: 1070px) {
	.intro {
		margin: 0 auto 40px !important;
		max-width: 90%;
	}

	.intro h1 {
		font-size: 38px;
		line-height: 44px;
	}

	.intro h2 {
		font-size: 38px;
		line-height: 44px;
		margin-bottom: 20px;
	}

	.logo-side {
		/* width: 100%; */
	}

	.logo-side .info {
		display: block;
	}

	header {
		padding: 10px;
		justify-content: center;
		flex-direction: column;
	}

	.intro {
		margin: 20px auto 0;
		max-width: 100%;
		width: 100%;
		display: none;
	}

	.intro.shown {
		display: block;
	}
}
@media (max-width: 991px) {
	#modal-vid {
		width: 680px;
		/* height: 420px; */
	}
}

@media (max-width: 991px) and (max-height: 680px) {
	#modal-vid {
		width: 680px;
		/* height: 400px; */
	}
}

@media (max-width: 768px) {
	header .logo {
		width: 200px;
	}

	.intro h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.intro h2 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
		display: inline-block;
	}

	.intro p {
		font-size: 16px;
		line-height: 22px;
	}

	#modal-vid,
	#modal-img {
		width: 100%;
		/* height: 0; */
		padding: 20px 0;
		/* padding-bottom: calc(56.2% + 20px); */
	}

	#modal-vid.portrait,
	#modal-img.portrait {
		padding: 10px;
		padding-bottom: 10px;
		width: 100% !important;
	}

	#modal-vid-close,
	#modal-img-close {
		width: 32px;
		height: 32px;
		right: 50%;
		top: 100%;
		border: 3px solid #fff;
	}

	.device-landscape #modal-vid-close {
		right: 0px;
		top: -1px;
	}

	#modal-vid-close span,
	#modal-img-close span {
		width: 18px;
		height: 3px;
		top: 12px;
		left: 4px;
	}

	.device-landscape #modal-vid {
		width: 420px;
		height: 245px;
		padding: 10px;
	}

	#menu {
		top: 70px;
		background: transparent;
		left: 0;
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		border-radius: 0;
		padding-right: 0;
	}
	.dropdown-menu {
		top: -20px;
		left: 0;
		right: 0;
	}
	.dropdown .dropdown-toggle {
		text-wrap: initial;
		max-width: initial;
		background-color: #003664;
		color: #fff;
		width: 100%;
		height: 44px;
		border-radius: 0;
	}
}

@media (max-width: 650px) {
	#modal-content a {
		font-size: 22px;
	}
	#modal-content .modal-content-wrapper {
		overflow: scroll;
		max-height: 60%;
	}
	#modal-content-more-less {
		height: 61px;
		bottom: 27px;
		padding-top: 5px;
	}

	.info-open #modal-content-more-less {
		bottom: 27px;
	}
}