@media screen and (max-width:1400px) {
	.header {
		padding: 25px 3%;
		height: 130px;
	}

	.logo img {
		width: 70%;
	}

	.navbar-light .navbar-nav .nav-link {
		font-size: 16px;
		line-height: 16px;
	}

	.work_type {
		font-size: 18px;
		padding: 3px 7px;
		line-height: 18px;
	}

	.caption_title {
		font-size: 40px;
		line-height: 40px;
	}

	.caption_minititle {
		font-size: 30px;
		line-height: 30px;
	}

	.work_year {
		font-size: 34px;
		line-height: 30px;
	}

	.play-pause {
		width: 80px;
		height: 80px;
	}

	.sound-off-on {
		right: 5%;
		width: 30px;
		height: 30px;
	}

	.dropdown-item {
		width: fit-content;
		font-size: 14px;
		padding: 2px 15px;
	}

	.works_title {
		padding: 26px 0px 10px 0px;
		font-size: 36px;
		line-height: 36px;
	}

	.work-type {
		font-size: 16px;
		line-height: 16px;
		padding: 3px 5px;
	}

	.work-info h3 {
		font-size: 24px;
		line-height: 26px;
		margin-top: 6px;
	}

	.work-info h5 {
		font-size: 18px;
		line-height: 20px;
		margin-top: 0px;
	}

	.about-pg {
		background-position: center;
	}

	.about-bio {
		width: 45%;
		margin-top: 10px;
	}

	.press-item {
		width: calc(33.33% - 25px);
		margin: 25px 25px 0 0;
	}

	.press-img {
		height: 170px;
	}

	.press-img img {
		width: 100%;
	}

	.press-item h1 {
		font-size: 16px;
		line-height: 20px;
	}

	.press-item h4 {
		font-size: 14px;
		line-height: 18px;
		margin-top: 5px;
	}

	.press-item p {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 7px;
	}

	.press-item button {
		font-size: 15px;
		line-height: 20px;
	}

}

@media screen and (max-width:1366px) {
	.film-trailer .video {
		height: 500px;
	}

	.events-container .work-item {
		max-height: 220px;
	}
}

@media screen and (max-width:1200px) {
	.page-margin {
		padding: 120px 2% 0 2%;
	}

	.news-title h1 {
		font-size: 26px;
		line-height: 26px;
	}

	.news-title h1 span {
		font-size: 26px;
		line-height: 26px;
		padding-left: 5px;
	}

	.film-trailer .video {
		height: 460px;
	}

}

@media screen and (max-width:991px) {
	.navbar-light .navbar-toggler {
		color: rgba(255, 255, 255, .5);
		border-color: transparent;
		padding: 2px 8px;
	}

	.navbar-toggler {
		padding: 5px 15px;
		font-size: 16px;
		line-height: 16px;
	}

	.navbar-light .navbar-toggler-icon {
		background-image: url(../img/menu.svg);
	}

	.menu {
		width: 100%;
	}

	.navbar {
		justify-content: flex-end;
	}

	.navbar-nav {
		align-items: flex-end;
	}

	.navbar-nav .dropdown-menu {
		text-align: right;
		text-align: -webkit-right;
	}

	.navbar-light .navbar-nav .nav-link {
		font-size: 13px;
		line-height: 16px;
		padding: 3px 5px;
	}

	.dropdown-item {
		width: fit-content;
		font-size: 13px;
		padding: 2px 5px;
	}

	.navbar-light .navbar-nav .active>.nav-link,
	.navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show,
	.navbar-light .navbar-nav .show>.nav-link {
		width: fit-content;
		direction: rtl;
		float: right;
	}

	.work_type {
		font-size: 16px;
		padding: 3px 5px;
		line-height: 16px;
	}

	.caption_title {
		font-size: 32px;
		line-height: 32px;
	}

	.caption_minititle {
		font-size: 22px;
		line-height: 22px;
	}

	.work_year {
		font-size: 24px;
		line-height: 26px;
	}

	.works_title {
		font-size: 32px;
		line-height: 32px;
	}

	.work-type {
		font-size: 14px;
		line-height: 14px;
	}

	.work-info h3 {
		font-size: 20px;
		line-height: 22px;
		margin-top: 4px;
	}

	.work-info h5 {
		font-size: 16px;
		line-height: 18px;
		margin-top: 0px;
	}

	.footer {
		padding: 20px 0px 30px 0px;
	}

	.footer-social a {
		font-size: 16px;
		line-height: 16px;
		margin-right: 10px;
	}

	.about-pg {
		background-position: center;
		background-attachment: fixed;
	}

	.footer-social {
		text-align: center;
		margin-right: 0;
	}

	.press-item h1 {
		font-size: 15px;
		line-height: 18px;
	}

	.press-item h4 {
		font-size: 13px;
		line-height: 16px;
		margin-top: 5px;
	}

	.press-item p {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 7px;
	}

	.press-item button {
		font-size: 15px;
		line-height: 20px;
	}

	.gallery {
		flex-wrap: wrap;
	}

	.gallery-one,
	.gallery-three,
	.gallery-two {
		width: 100%;
	}

	.sketch_slider {
		height: 210px;
		margin-top: 20px;
	}

	.sketch_img {
		height: 180px;
	}

	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: -5px;
	}

	.events-container .work-item {
		max-height: 180px;
	}
}

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

	.work-item {
		width: calc(50% - 15px);
	}

	.trailershowreel {
		height: auto;
	}

	.trailershowreel video {
		width: 100%;
	}

	.about-pg {
		background-position: top center;
		position: static;
		top: 0;
		margin: 0;
		min-height: 100vh;
	}

	.page-margin {
		padding: 140px 3% 0 3%;
	}

	.about-title h1 {
		font-size: 30px;
		line-height: 32px;
	}

	.about-bio {
		margin-top: 10px;
		font-size: 14px;
		line-height: 20px;
		overflow: scroll;
		height: 100vh;
		width: 60%;
	}

	.web-intro {
		background-image: none;
		background-color: #1E1E1E;
	}

	.press-item {
		width: calc(50% - 15px);
		margin: 15px 15px 0 0;
	}


	.award-img {
		position: absolute;
		bottom: -10px;
		left: 50%;
	}

	.awards-list {
		width: 90%;
		margin-top: 15px;
	}

	.awards-list ul li {
		width: calc(33.3% - 10px);
		margin-right: 10px;
		margin-top: 20px;
	}

	.awards-list ul li img {
		width: 90%;
	}

	.film-trailer .video {
		height: 400px;
	}
}

@media screen and (max-width:575px) {
	.trailershowreel {
		height: 320px;
	}

	.work_type {
		font-size: 13px;
		padding: 1px 3px;
		line-height: 13px;
	}

	.caption_title {
		font-size: 24px;
		line-height: 24px;
		margin-top: 5px;
	}

	.caption_minititle {
		font-size: 20px;
		line-height: 20px;
		margin-top: 5px;
	}

	.work_year {
		font-size: 20px;
		line-height: 20px;
	}

	.play-pause {
		width: 60px;
		height: 60px;
	}

	.sound-off-on {
		right: 5%;
		width: 20px;
		height: 20px;
		bottom: 5%;
	}

	.works_title {
		padding: 20px 0px 0px 0px;
		font-size: 26px;
		line-height: 26px;
	}

	.work-info {
		padding: 10px;
	}

	.work-type {
		font-size: 12px;
		line-height: 12px;
		padding: 1px 4px;
		margin-top: 25%;
	}

	.work-info h3 {
		font-size: 18px;
		line-height: 20px;
		margin-top: 2px;
	}

	.page-margin {
		padding: 105px 3% 0 3%;
	}

	.web-intro .intro-logo {
		width: 20%;
	}

	.web-intro .persone {
		font-size: 16px;
	}

	.web-intro .quote {
		font-size: 18px;
		line-height: 20px;
	}

	.header {
		padding: 25px 2%;
		height: 110px;
	}

	.awards-list {
		width: 65%;
	}

	.award-img img {
		width: 100%;
	}

	.award-img {
		position: absolute;
		bottom: -10px;
		left: 45%;
	}

	.film-trailer .video {
		height: 300px;
	}

	.film-trailer-control svg {
		width: 50px;
		height: 50px;
	}

	.trailer-title h1 {
		font-size: 26px;
	}

	.work-title h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.awards-list {
		width: 90%;
		margin-top: 15px;
	}

	.awards-list ul li {
		width: calc(50% - 10px);
		margin-right: 10px;
		margin-top: 20px;
	}

	.awards-list ul li img {
		width: 90%;
	}
}


@media screen and (max-width:480px) {
	.trailershowreel {
		height: 270px;
	}

	.work-type {
		margin-top: 19%;
	}

	.press-item {
		width: 100%;
		margin: 15px 0px 0 0;
	}
}

@media screen and (max-width:400px) {
	.header {
		padding: 13px 2%;
		height: 70px;
	}

	.navbar-light .navbar-nav .nav-link {
		font-size: 13px;
		line-height: 13px;
		padding: 2px 5px;
	}

	.dropdown-item {
		font-size: 12px;
		padding: 0px 5px;
		line-height: 15px;
	}

	.trailershowreel video {
		width: 120%;
	}

	.trailershowreel {
		height: 100%
	}

	.work-item {
		width: 100%
	}

	.work_inhome {
		margin-left: 3%;
		margin-right: 0%;
	}

	.work-type {
		margin-top: 30%;
	}

}