/*==============================================================
	Media css
==============================================================*/
@media (max-width: 1400px){
	.aside-content{font-size: 1.120em; line-height: 1.9em;}
	.main-headline{font-size: 5.5em;}
	.description-text{font-size: 24px;}
	.form .form-control{height: 55px;}
	.stay-in-touch .btn{left: 15px; top: 15px;}
	.header-wrap{top: 20px;}
	.contact-form{padding-top: 0;}
}
@media (max-width: 1200px){
	.main-headline{font-size: 80px;}
}

@media (max-width: 1024px){
	.main-headline{font-size: 50px;}
	.contact-info-box{font-size: 14px; line-height: 24px;}
	.main-aside{padding: 1.250em 1.75em;}
	.stay-in-touch{padding: 1.250em 1.75em;}
	.play-pause-button{display: block;}
	.play-pause-button #yt-pause{font-size: 16px; margin-left: 7px;}
}

@media (max-width: 991px){
	.main-aside{height: auto; padding-top: 3.75em; padding-bottom: 3.75em; padding-left: 50px; padding-right: 50px;}
	.header-wrap .navbar{display: none;}
.trailer-us{display: block !important; position: relative; height: auto; top: 0; padding-top: 2.5em; padding-bottom: 1.75em; background: #5176c3;}
.about-us{display: block !important; position: relative; height: auto; top: 0; padding-top: 2.5em; padding-bottom: 1.75em; background: #2d4a85 ; padding-left: 50px; padding-right: 50px;}
.cast-us{display: block !important; position: relative; height: auto; top: 0; padding-top: 2.5em; padding-bottom: 1.75em; background: #2d4a85; padding-left: 50px; padding-right: 50px;}
.contact-us{display: block !important; position: relative; height: auto; top: 0; padding-top: 2.5em; padding-bottom: 1.75em; background: #213661;}
	.aside-content{display: block !important;}
	.stay-in-touch{position: fixed; background-image: url(../images/aside-bg-patterns.png); background-color: #f9f9f9; z-index: 13;}
	.social-icons{position: relative; left: 0; bottom: 0; text-align: center; padding: 20px 15px 15px; background-color: #14213c;}
	.contact-us .title{display: block;}
	.headline-wrap{visibility: visible !important; opacity: 1 !important;}
}
@media (max-width: 767px){
	.main-wrap{height: auto;}
	.header-wrap{padding: 0 15px;}
	.headline-wrap{padding: 100px 15px;}
	.main-headline {font-size: 35px; margin-bottom: 20px;}
	.subscribe-form{text-align: left;}
	.subscribe-form .form-control{width: 100%; margin-bottom: 20px;}
	.subscribe-form .loading-btn{top: inherit; right: inherit; left: 0;	bottom: 0;}
	.main-aside{padding-left: 15px; padding-right: 15px;}
	.trailer-us{padding-left: 15px; padding-right: 15px; background: #5176c3 !important;}
	.about-us{padding-left: 15px; padding-right: 15px; background: #3a5eaa   !important;}
	.cast-us{padding-left: 15px; padding-right: 15px;background: #2d4a85 !important;}
	.contact-us{padding-left: 0; padding-right: 0; background: #213661 !important;}
	.description-text{font-size: 19px;}
	.stay-in-touch{padding: 80px 20px 50px;}
	.contact-info-box{font-size: 16px; line-height: 26px;}
	.contact-info-box h5{margin-bottom: 10px;}
	.countdown_dashboard{margin: 20px 0;}
	.counter-block{padding: 15px 10px;}
	.counter-block .counter .number{font-size: 25px;}
	.play-pause-button{bottom: inherit; top: 22px; width: 45px; right: 15px; padding: 0; left: inherit; z-index: 13;}
	.play-pause-button a{margin-bottom: 10px;}

}
@media (max-width: 660px){
		.trailer-us{background: #5176c3; !important}
	.about-us{background: #2d4a85  !important;}
	.cast-us{background: #2d4a85 !important;}
	.contact-us{ background: #213661 !important;}
	.background-video iframe, .background-video .youtube-iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transform: scale(3.2); -moz-transform: scale(3.2); -o-transform: scale(3.2); -ms-transform: scale(3.2); transform: scale(3.2);}
	.main-headline{font-size: 24px;}
	.headline-wrap .additional-text{font-size: 1.4em;}
}

@media screen and (max-width: 768px) {
            .image-item {
                flex: 0 1 calc(50% - 20px);
				max-width: 60%;
				margin: 20px 20% 0 20% !important;
            }
        }

@media screen and (max-width: 480px) {
            .image-item {
                flex: 0 1 calc(100% - 20px);
								max-width: 50%;
margin: 20px 20% 0 20% !important;
            }