/* RESPONSIV HEADER */
@media screen and (max-width: 920px) {
	.bg.header {
		height: auto;
	}
	.moduletablemainmenu {
		padding: 20px 0px 20px 0;
	}
	.moduletablelogo {
		position: absolute;
		top: 20px;
		left: 40px;
	}
	.moduletablemainmenu ul {
		text-align: center;
	}
}
@media screen and (max-width: 600px) {
	.moduletablemainmenu li {
		width: 100%;
		padding: 0 0 0 0;
	}
}

/* RESPONSIV CONTENT */
@media screen and (max-width: 920px) {
	.bg.content {
		padding-top: 0;
	}
}

/* RESPONSIV MAINVIDEO and BLACKBOX */
@media screen and (max-width: 1080px) {
	#main-video h1 {
		font-size: 72px;
	}
}
@media screen and (max-width: 920px) {
	#main-video img {
		height: auto;
	}
	#main-video {
		height: auto;
	}
	#main-video h1 {
		top: 20%;
		padding: 0 20px;
	}
	#main-video h2 {
		top: 80%;
		font-size: 20px;
		padding: 0 20px;
	}
	#black-box {
		height: auto;
		padding: 40px 20px;
	}
	#scroll {
		display: none;
	}

}
@media screen and (max-width: 780px) {
	#main-video h1 {
		font-size: 42px;
	}
	#main-video h2 {
		top: 80%;
		font-size: 14px;
	}
	#black-box p {
		font-size: 24px;
	}
}
@media screen and (max-width: 600px) {
	#main-video h2 {
		top: 75%;
	}
}

/* RESPONSIV VIDEA */
@media screen and (max-width: 1650px) {
	.blogvidea h2 {
		font-size: 30px;
	}
	.blogvidea .items-row {
		height: 350px;
	}
}
@media screen and (max-width: 1278px) {
	.blogvidea h2 {
		font-size: 40px;
	}
	.blogvidea .items-row {
		width: 50%;
		height: 450px;
	}
}
@media screen and (max-width: 1080px) {
	.blogvidea h2 {
		font-size: 30px;
	}
	.blogvidea .items-row {
		width: 50%;
		height: 350px;
	}
}
@media screen and (max-width: 920px) {
	.blogvidea {
		padding: 40px 0 0 40px;
	}
	.blogvidea h2 {

	}
	.blogvidea .items-row {
		padding: 0 40px 40px 0;
	}
}
@media screen and (max-width: 760px) {
	.blogvidea h2 {
		font-size: 40px;
	}
	.blogvidea .items-row {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 760px) {
	.blogvidea h2 {
		font-size: 30px;
	}
}

/* RESPONSIV CONTENT */
@media screen and (max-width: 1299px) {
	.content h1 {
		font-size: 42px;
	}
	.content h2 {
		font-size: 24px;
	}
	.content h3 {
		font-size: 20px;
	}
	.content p {
		/*font-size: 20px;*/
	}
	.content a {
		font-size: 16px;
	}
}
@media screen and (max-width: 920px) {
	.bg.content {
		padding-top: 0;
	}
}

/* RESPONSIV CONTENT - ABOUT US */
@media screen and (max-width: 1300px) {
	.blogaboutus .item {
		padding: 80px 60px 80px 80px;
	}
	.blogaboutus h1 {
		font-size: 42px;
	}
	.blogaboutus h2 {
		font-size: 42px;
	}
	.blogaboutus p {
		font-size: 20px;
	}
	.box-aboutus-01 .right {
		min-width: 40px;
	}
}
@media screen and (max-width: 920px) {
	.blogaboutus .item {
		padding: 40px 20px 40px 40px;
	}
	.box-aboutus-01 {
		width: 100%;
	}
	.box-aboutus-02 {
		width: 48%;
		height: auto;
	}
}
@media screen and (max-width: 600px) {
	.box-aboutus-01 {
		display: block;
	}
	.box-aboutus-01 .left {
		width: 100%;
	}
	.box-aboutus-01 .right {
		width: 100%;
		text-align: center;
		padding-top: 0;
		padding-bottom: 20px;
		min-width: 0;
	}
	.box-aboutus-02 {
		width: 98%;
		height: auto;
		margin-right: 2%;
	}
}
@media screen and (min-width: 921px) and (max-width: 1480px) {
	.box-aboutus-02 {
		height: 500px!important;
	}

}
/* RESPONSIV CONTENT - CONTACT */
@media screen and (max-width: 1300px) {
	.blogcontact h1 {
		font-size: 42px;
	}
	.blogcontact .category-desc {
		padding: 40px 0px 40px 0px;
	}
	.blogcontact table tr td:nth-child(1) {
		padding: 40px;
	}
	.blogcontact p {
		font-size: 20px;
	}
	.blogcontact table {
		font-size: 20px;
	}
	.blogcontact a {
		font-size: 16px!important;
	}
}
@media screen and (max-width: 920px) {
	.blogcontact {
		padding: 40px 20px 40px 40px;
	}
	.blogcontact .category-desc {
		padding: 0;
	}
	.blogcontact .item.column-1 {
		width: 100%;
	}
	.blogcontact .item.column-2 {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.blogcontact table tr td:nth-child(1) {
		width: 0%;
	}
	.blogcontact table tr td:nth-child(2) {
		width: 100%;
		padding: 40px 40px 40px 40px;
	}
}

/* RESPONSIV CONTENT - DIRECTORS */
@media screen and (max-width: 1300px) {
	.blogdirectors .item {
		padding: 80px 60px 80px 80px;
	}
	.blogdirectors img {
		margin-right: 80px!important;
		margin-bottom: 80px!important;
	}
}
@media screen and (max-width: 1200px) {
	.blogdirectors table table {
		width: 50%;
	}
}
@media screen and (max-width: 920px) {
	.blogdirectors .item {
		padding: 40px 20px 40px 40px;
	}
	.blogdirectors img {
		margin-right: 40px!important;
		margin-bottom: 40px!important;
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 600px) {
	.blogdirectors table table {
		width: 100%;
	}
}

/* RESPONSIV CONTENT - GIVING BACK */
@media screen and (max-width: 1300px) {
	.bloggivingback .item {
		padding: 80px 60px 80px 80px;
	}
}
@media screen and (max-width: 1200px) {
	.bloggivingback table table {
		width: 50%;
	}
}
@media screen and (max-width: 920px) {
	.bloggivingback .item {
		padding: 40px 20px 40px 40px;
	}
}
@media screen and (max-width: 600px) {
	.bloggivingback table table {
		width: 100%;
	}
}

/* RESPONSIV CONTENT - PHOTOGRAPHY */
@media screen and (max-width: 1300px) {
	.blogphotography .item {
		padding: 80px 60px 80px 80px;
	}
	.blogphotography .item.column-2 h2 {
		font-size: 42px;
	}
}
@media screen and (max-width: 1200px) {
	.blogphotography .item.column-1 table table {
		width: 50%;
	}
}
@media screen and (max-width: 920px) {
	.blogphotography .item {
		padding: 40px 20px 40px 40px;
	}
}
@media screen and (max-width: 600px) {
	.blogphotography table table {
		width: 100%!important;
	}
	.blogphotography .item.column-2 h2 {
		font-size: 30px;
	}
}

/* RESPONSIV CONTENT - PROJECTS */
@media screen and (max-width: 1300px) {
	.blogprojects .item {
		padding: 80px 60px 80px 80px;
	}
}
@media screen and (max-width: 1200px) {
	.blogprojects table table {
		width: 50%;
	}
}
@media screen and (max-width: 920px) {
	.blogprojects .item {
		padding: 40px 20px 40px 40px;
	}
}
@media screen and (max-width: 600px) {
	.blogprojects table table {
		width: 100%;
	}
	.blogprojects h1 {
		font-size: 30px;
	}
}

/* RESPONSIV CONTENT - PRODUCTION SERVICES */
@media screen and (max-width: 1660px) {
	.box-crew p {
		font-size: 20px;
	}
}
@media screen and (max-width: 1660px) {
	p.coastlines {
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 1500px) {
	.box-crew p {
		padding: 60px 40px 60px 40px;
	}
}
@media screen and (max-width: 1290px) {
	.box-crew p {
		font-size: 18px;
	}
}
@media screen and (max-width: 1200px) {
	p.coastlines {
		padding-bottom: 5px;
	}
	.blogproductionservices .items-row:nth-child(1) .span6:nth-child(1) table table {
		width: 50%;
	}
	.box-crew {
		padding-right: 20px;
		background: transparent;
	}
	.box-crew img:first-child {
		width: 100%!important;
		border-bottom: 20px solid #f04a33!important;
		border-right: none!important;
	}
	.box-crew img:nth-child(2) {
		width: 100%!important;
		border-bottom: 20px solid #f04a33!important;
		border-right: none!important;
	}
	.box-crew p {
		width: 100%;
		background: #323232;
	}
}
@media screen and (max-width: 920px) {
	.blogproductionservices .item {
		padding: 40px 20px 40px 40px;
	}
	.blogproductionservices .items-row:nth-child(3) .span6:nth-child(2) table table {
		width: 100%;
		padding-right: 40px;
	}
	#loc-1 {
		width: 100%;
		overflow: hidden;
	}
	#loc-1 img {
		width: 105%;
	}
	#loc-2 {
		width: 100%;
	}
	#loc-3 {
		width: 100%;
		overflow: hidden;
	}
	#loc-3 img {
		width: 105%;
	}
	#loc-4 {
		width: 100%;
		overflow: hidden;
	}
	#loc-4 img {
		width: 105%;
	}
	#loc-5 {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.blogproductionservices .items-row:nth-child(1) .span6:nth-child(1) table table {
		width: 100%;
	}
}

/* CSS TRANSITIONS */
@media screen and (min-width: 920px) {
	.moduletablelogo img {
		/*-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;*/
		margin-top:5px;
	}
	/*.moduletablelogo img:hover {
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}*/
	.moduletablemainmenu li a {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.moduletablemainmenu li a:hover {
		text-shadow: 0px 0 15px #fff;
	}
	.bg.social-networks img {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.bg.social-networks img:hover {
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	.blogvidea .items-row p:hover img {
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.blogvidea .items-row p img {
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	.blogprojects img:hover {
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.blogprojects img {
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	.bloggivingback img:hover {
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.bloggivingback img {
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	.blogproductionservices .items-row:nth-child(1) .span6:nth-child(1) img:hover {
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.blogproductionservices .items-row:nth-child(1) .span6:nth-child(1) img {
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	.blogdirectors table table img:hover {
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.blogdirectors table table img {
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}