@media (max-width: 1539px){
	.container{
		width: 1230px;
	}

	#intro .text{
		width: 420px;
	}

	#gallery .list-gallery{
		width: 1111px;
	}

	#gallery .list-gallery li{
		margin-left: 35px;
		margin-right: 35px;
	}
}

@media (max-width: 1229px){
	.container{
		width: 1024px;
	}

	#header #menu{
		margin-right: 100px;
	}

	#intro .text{
		width: 320px;
		padding-top: 80px;
	}

	#gallery .list-gallery{
		width: 991px;
	}

	#gallery .list-gallery li{
		margin-left: 15px;
		margin-right: 15px;
	}

	#video .video-content{
		width: 700px;
	}

	#video .video-content .caroufredsel_wrapper{
		width: 100% !important;
		height: 400px !important;
	}

	#video .video-content iframe{
		width: 700px;
		height: 400px;
	}

	.space{
		height: 400px !important;
		background-size: auto 400px !important;
	}
}

@media (max-width: 1023px){
	body{
		padding-top: 58px;
	}

	.container{
		width: 100%;
		padding: 0 30px;
	}

	#header{
		height: 58px;
	}

	#header .logo{
		width: 100px;
		margin-top: 10px;
	}

	#header .social{
		margin-top: 19px;		
	}

	#header .social .facebook{
		width: 7.7px;
		height: 15.5px;
		background-size: 7.7px 31.5px; 
	}

	#header #icon-menu{
		display: block !important;
		position: absolute; 
		top: 10px;
	}

	#header #menu{
		display: none;
		position: absolute;
		background: #333;
		top: 54px;
		right: 50px;
		margin: 0;
		width: 180px;
		border-bottom: 4px solid #c62250;
	}

	#header #menu:before{
		content: "";
		display: block;
		width: 20px;
		height: 11px;
		background: url(../images/arrow_menu.png) no-repeat center;
		position: absolute;
		top: -10px;
		right: 16px;
	}

	#header #menu ul li{
		width: 100%;
		margin: 0;
	}

	#header #menu ul li:after{
		display: none;
	}

	#header #menu ul li a{
		padding: 10px;
		color: #fff;
	}

	#header #menu ul li.active{
		background: #c62250
	}

	#intro, #video, #contact{
		background: #000002;
		padding: 50px 0;
		height: auto !important;	
	}

	#contact, #contact .contact-form li input[type=text], #contact .contact-form li textarea{
		background: #111;
	}

	#contact .contact-form li textarea{
		height: 150px;
	}

	#video h1.title, #contact h1.title{
		margin-top: 0;
	}

	#intro .text{
		width: 100%;
		padding-top: 0;
	}

	.space{
		height: 200px !important;
		background-size: auto 300px !important;
	}

	#gallery .list-gallery{
		width: 300px;
	}

	#event .list-event li{
		width: 100%;
		padding: 0;
	}

	#contact .contact-form li:first-child input{
		margin-left: 0;
		width: 100%;
	}

	#contact .contact-form li:first-child input:first-child{
		margin-bottom: 18px;
	}

	.md-col-4{
		width: 100%;
		margin-bottom: 20px;
	}

	#footer .footer-menu, #footer .social h3{
		margin: 0;
	}

	#footer .social{
		float: left;
	}

	#footer .social img{
		margin-left: 0;
		margin-right: 13px;
	}

	section h1.title{
		margin-top: 50px;
		margin-bottom: 80px;
	}

	#index .container .text{
		width: 260px;
		height: 130px;
	}

	#index .container .text h1{
		font-size: 22px;
	}

	#index .container .text img{
		width: 147px;
	}

	#index .container .text .arrow{
		margin-top: 20px;
		width: 20px;
		height: 17.5px;
		background-size: 100% !important;	
	}

	#video .video-content .prev, #video .video-content .next{
		width: 36px;
		height: 36px;
		background-size: 11.5px 13.5px;
	}

	#video .video-content .prev{
		left: -46px;
	}

	#video .video-content .next{
		right: -46px;
	}

	#video .video-content .caroufredsel_wrapper{	
		height: 350px !important;
	}

	#video .video-content iframe{	
		height: 350px;
	}
}

@media (max-width: 667px){
	#video .video-content .caroufredsel_wrapper{	
		height: 300px !important;
	}

	#video .video-content iframe{	
		height: 300px;
	}
}

@media (max-width: 568px){
	#video .video-content .caroufredsel_wrapper{	
		height: 250px !important;
	}

	#video .video-content iframe{	
		height: 250px;
	}
}

@media (max-width: 479px){
	#gallery .list-gallery{
		width: 260px;
	}

	#gallery .list-gallery li{
		margin-left: 0;
		margin-right: 0;
		width: 260px;
		height: auto;
	}


	.albumThumb {
		width: 47%;
		height: 0;
		padding-top: 47%;
		margin: 1%;
		background-size: cover;
		display: inline-block;
	}

	#video .video-content .caroufredsel_wrapper{	
		height: 200px !important;
	}

	#video .video-content iframe{	
		height: 200px;
	}


}