/*Medium devices*/

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



header{
	width:100%;	
	position:relative;
	
}


.desktop-logo{
	display:none;
}



.main-navi{
	
	background-color:#3d8840;	
	position:fixed;
	width:250px;
	right:0;
	top:0;
	bottom:0;
	z-index:15;
	transition:all ease-in-out .3s;	
	overflow-y: auto;
	overflow-x:hidden;
	display:none;
	
		
}

.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;
	
}

.menu > li > a:hover{		
	border-bottom: none;
}

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

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

.video-gallery .flex-items.flex-col-4 {
    width: calc((100%/12) * 6);
}

.our-team-section .flex-items.flex-col-3{
	width: calc((100%/12)* 4);
	
}

.regular-contents iframe{
	height:400px !important;
}


}