@media screen and (max-width:1024px){

	html, body {
		height: 100%;
  		width: 100%;
  		overflow: auto;
	}
	body {
		font-size: 2.2vw;
		line-height: 2.2vw;
	}
	#main {
		min-height:0;
	}
	.caption {
		bottom: 12.5vw;
	}
	.owl-dots {
		right: 5.5vw;
		bottom: 13.5vw;
	}
	.owl-dots .owl-dot span {
		width: 2vw;
		height: 1vw;
		margin: 0 0 0 2vw;
		-webkit-border-radius: 0.75vw;
		-moz-border-radius: 0.75vw;
		border-radius: 0.75vw;
	}
	/* .column_mobile {
		display:inline-block;
		margin-bottom:calc(50vw * 0.5625 / 2);
	}
	.work-item {
		display:inline-block;
		position:relative;
		width:50vw;
		height:calc(50vw * 0.5625);
		margin-left:0;
		margin-bottom:calc(-50vw * 0.5625 / 2);
	}
	.work-item:nth-child(2n+1) {
		margin-left:50vw;
		margin-top:calc(50vw * 0.5625 / 2);
	}
	.work-item:nth-child(1) {
		margin-top:0;
	}
	.work-item .files-container .thumb-text {
		opacity:1;
	} */
	/*
	.video-still-fullcontainer {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	text-align: center;
    	display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
    	justify-content: center;
    	align-items: center;
	}
	.still-video {
    	width: auto;
    	height: auto;
    	max-width: 100%;
    	max-height: 100%;
    	margin: auto;
    	position: relative;
    	top: 0;
	}
	.play-video-container {
    	left: 0;
	}
	*/
	.video-info-container {
		left: 0;
		width: 100vw;
	}
	#menu ul {
    	padding-left: 2.5vw;
    	padding-top: 0.6vw;
	}
	#menu ul li {
    	padding-top: 0.6vw;
    	padding-bottom: 0.6vw;
	}
	.menu-icon img {
    	width: 2vw;
    	margin-bottom: -0.1vw;
	}
	.speaker {
    	top: 3.5vw;
    	right: 3.5vw;
	}
	.speaker img {
    	width: 2vw!important;
	}
	.video-title {
		width:50vw;
	}
	.video-title span.subtitle {
		display:block;
		margin-left:0;
	}
	.video-menu .info-video img, .video-menu .share-video img, .video-menu .close-video img, .bio-download img {
    	width: 2vw;
    	margin: 0 1vw -0.1vw 0;
	}
	#profile {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
	}
	.bio {
		display: block;
		position: absolute;
		z-index: 2;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		width: 50vw;
		height: auto;
		margin-top:15vw;
	}
	.bio .bio-container {
		display: block;
		vertical-align: middle;
		padding: 0 6vw;
	}
	.bio-download {
		position: relative;
		bottom: auto;
		left: auto;
		padding-top:5vw;
		padding-left:6vw;
	}
	body p {
		line-height: 3vw;
	}
	.contact-container .last {
		display:none;
	}
	.play-video-container {
    	top: calc(50% - 4vw);
	}
	.play-video {
    	width: 8vw;
	}
	.video-js .vjs-control-bar {
		width: 89vw;
		margin-bottom: 5.5vw;
		margin-left: 5.5vw;
	}
	.video-js .vjs-control {
		width: 5vw;
	}
	.video-js .vjs-play-control:before,
	.video-js.vjs-playing .vjs-play-control:before {
		background-size: 2.5vw 2.5vw;
		width: 2.5vw;
		height: 2.5vw;
	}
	.vjs-progress-control.vjs-control {
		left: 1.5vw;
		top: 0.3vw;
		height: 2vw;
	}

}

@media screen and (orientation: portrait) {
	.play-videoyt-container iframe {
		width:100vw;
		height:calc(100vw * 0.5625);
		padding-top:calc((100vh - (100vw * 0.5625)) / 2);
	}
}

@media screen and (max-width:767px){

	body {
		font-size: 3.5vw;
		line-height: 3.5vw;
	}
	header {
    	margin-top: 5.5vw;
	}
	.container {
    	width: calc(100vw - 11vw);
    	margin-left: 5.5vw;
    	margin-right: 5.5vw;
	}
	.caption {
    	left: 5.5vw;
		bottom: 18vh;
	}
	.speaker {
    	top: 5.5vw;
    	right: 5.5vw;
	}
	.speaker img {
    	width: 3.5vw!important;
	}
	.owl-dots {
		right: 5.5vw;
		bottom: 18vh;
	}
	.owl-dots .owl-dot span {
		width: 4.5vw;
		height: 2vw;
		margin: 0 0 0 2vw;
		-webkit-border-radius: 1vw;
		-moz-border-radius: 1vw;
		border-radius: 1vw;
	}
	#menu ul {
    	padding-left: 4vw;
    	padding-top: 1vw;
	}
	#menu ul li {
    	padding-top: 1vw;
    	padding-bottom: 1vw;
	}
	.column_mobile {
		display:inline-block;
		margin-bottom:0;
		margin-left: 0;
	}
	.work-item {
		display:inline-block;
		position:relative;
		width:100vw;
		height:calc(100vw * 0.5625);
		margin-left:0;
		margin-top:0;
		margin-bottom:calc(100vw * 0.5625 / 4);
	}
	.work-item:nth-child(2n+1) {
		margin-left:0;
		margin-top:0;
		margin-bottom:calc(100vw * 0.5625 / 4);
	}
	.work-item:nth-child(1) {
		margin-top:calc(100vw * 0.5625 / 4);
	}
	.thumb-text h2 {
    	padding: 4vw 3vw 0;
	}
	.thumb-text h3 {
    	padding: 0 5vw 8vw;
	}
	.video-title {
    	top: 5vw;
    	left: 5.5vw;
		width:50vw;
	}
	.video-title span.subtitle {
		display:block;
    	margin-left: 0;
	}
	.video-menu {
    	top: 5.5vw;
    	right: 5.5vw;
	}
	.share-options {
    	margin-top: 2vw;
		font-size: 2.5vw;
	}
	.share-options a {
		line-height:4vw;
	} 
	.menu-icon img,
	.bio-download img {
    	width: 3.5vw;
    	margin-bottom: -0.5vw;
	}
	.video-menu .info-video img, .video-menu .share-video img, .video-menu .close-video img {
    	display:none;
	}
	.video-nav {
	position:fixed;
		bottom:6vw;
	}
	.video-nav-dot {
		margin-right:3vw;
		width:3vw;
		height:3vw;
		border-radius:1.5vw;
	}
	.bio {
		display: inline-block;
		position: relative;
		width: 100vw;
		height: auto;
		margin-top:15vw;
	}
	.bio .bio-container {
		padding: 0 5.5vw;
	}
	.bio-download {
		padding-top:0vw;
		padding-left:5.5vw;
	}
	.contact {
    	position: relative;
    	top: auto;
    	left: auto;
    	width: 100vw;
	}
	.contact .contact-container .first {
    	padding: 4vw 5.5vw;
	}
	body p {
		line-height: 6vw;
		margin-bottom: 4vw;
	}
	hr {
		margin-bottom: 4vw;
	}
	.play-video-container {
    	top: calc(50% - 6vw);
	}
	.play-video {
    	width: 12vw;
	}	



.back-button {
	position: fixed;
    top: 5vw;
    right: 3.7vw;
    font-size: 1em;
    color: #fff;
    cursor: pointer;
    z-index: 1000;
    opacity: 0.1;
}

.back-button-home {
	position: fixed;
    top: 5.5vw;
    right: 3.7vw;
    font-size: 1em;
    color: #fff;
    cursor: pointer;
    z-index: 1000;
    opacity: 0.1;
}

}