/*Medium devices*/

@media (max-width: 970px) {
	
.mobile-navi{
	display:block;
	padding-top:20px;
	
}

.mobile-navi img{
	width:200px;
}

header{
	width:100%;	
	position:relative;
	background-color:#550015;
	border-left:solid #800028 5px;
	border-right:solid #800028 5px;
}

.second-nav ul li{
	display:inline-block;
	margin:10px 5px;
}

.second-nav{
	background-color:#800028;
	margin-top:5px;
}

.desktop-logo{
	display:none;
}



.main-navi{
	
	background-color:#550015;	
	position:fixed;
	width:100%;
	left:0;
	top:0;
	bottom:0;
	z-index:15;
	transition:all ease-in-out .3s;		
	overflow-y:hidden;
	overflow-x:hidden;
	display:none;
	border-top:solid #800028 5px;
	border-bottom:solid #800028 5px;
	
		
}

.main-navi.active{	
	
	display:block;
	
}
.main-navi .mobile-menu
{
	display:block;	
}


.main-navi .menu{

	
	padding:30px;	
}

.main-navi .menu .sub-menu{
	display:block;
	position:relative;
	border:none;
	background-color:transparent;
}

.main-navi .menu li{
	display:block;
	padding-bottom:10px!important;
	padding-left:10px;
	margin:0;
}

.main-navi .menu li:hover{
	background-color:transparent;
}

.main-navi .menu a{
	padding:0;
	color:rgba(255,255,255,.8) !important;
}

.main-navi .menu a:hover{
	
	color:rgba(255,255,255,1) !important;
}

.main-navi .menu > li > a:after{
	content:'';
}

.main-navi .menu .sub-menu{
	margin:0;
	width:100%;
}

.main-navi .menu .sub-menu li{
	border:none;
	padding-left:15px !important;
	
}

#main-section, footer{
	margin:0;
}

#image-gallery .gallery-item .items{
	width:calc(((100% / 12) * 6) - 20px);	
}




}