/*
|-----------------------------------------------
| @Nav
|-----------------------------------------------
*/

@media screen and (max-width: 1055px) {
	.nav-item{
		font-size: 0.8em;
	}
}

@media screen and (max-width: 930px){
	.nav-left{
		width: 35%;
	} 

	.nav-right{
		width: 65%;
	}
}

@media screen and (max-width: 860px){
	header {
		min-height: 86px;
	}

	.nav-item,
	.header-social-media {
		display: none;
	}
	.nav-item.ham-icon{
		display: inline-block;
	}

	.nav-left{
		width: 65%;
	} 

	.nav-right{
		width: 35%;
		text-align: right;
	}
	.mobile-nav{
		display: block;
	}
}

@media screen and (max-width: 600px) {
	.mobile-nav{
		top: 86px;
	}
}

@media screen and (max-width: 550px){
	.mobile-nav{
		width: 100%;
	}
}

@media screen and (max-width: 500px){
	header {
		min-height: 62px;
	}

	.nav-left{
		width: 82%;
	} 

	.nav-right{
		width: 18%;
	}
	.nav-title {
		width: 162px;
		padding: 5px;
		/*padding: 17px 17px;*/
	}

	.nav-logo {
	    width: 45px;
	}

	.nav-item.ham-icon {
		padding: 7px 15px;
	}

	.mobile-nav{
		top: 62px;
	}
}

/*
|-----------------------------------------------
| @General
|-----------------------------------------------
*/

@media screen and (max-width: 768px){
	.gen-first-item{
		min-height: 250px;
		padding-top: 150px;
	}
	.gen-sec-item{
		min-height: 200px;
		padding-top: 150px;
	}
}

/*
|-----------------------------------------------
| @Home
|-----------------------------------------------
*/

@media screen and (max-width: 768px){
	.hm-frame4-card-content{
		min-height: 120px;
		padding-top: 100px;
	}
}

@media screen and (max-width: 650px){
	.hm-frame4-card {
		width: 100% !important;
	}
	.hm-frame4-content{
		width: 100%;
	}
}

@media screen and (max-width: 600px){
	.hm-frame3-cards{
		width: 100%;
		margin-bottom: 20px;
	}

	.gen-first-holder {
		left: 5px;
		padding: 5px;
	}

	.gen-first-content {
		padding: 10px;
	}

	.gen-first-content h1 {
		font-size: 1.5em;
	}
}

/*
|-----------------------------------------------
| @Members
|-----------------------------------------------
*/

@media screen and (max-width: 1122px){
	.mm-member-right{
		width: 80%;
	}
	.mm-member-title{
		margin-left: 0px;
	}
	.mm-member-name{
		margin-left: 0px;
	}
}

@media screen and (max-width: 650px){
	
	.mm-member,
	.mm-member-right,
	.mm-member-title,
	.mm-member-name{
		width: 100%;
	}

}

/*
|-----------------------------------------------
| @Events
|-----------------------------------------------
*/

@media screen and (max-width: 850px){
	.ev-card-holder {
		width: 49%;
	}
}

@media screen and (max-width: 768px){
	#ev-show{
		width: 100%;
	}
	.ev-show-right{
		width: 100%;	
		margin-top: 20px;
	}
	.ev-show-left{
		width: 90%;
		min-height: 250px;
	}
}

@media screen and (max-width: 650px){
	.ev-card-holder {
		width: 100%;
	}	
	.ev-card-img {
		min-height: 250px;
	}
}