/*
12 Media Queries
---------------------------------------------------------------------------------------------------- */
.mobile-nav {
	display:none;
	background-color: #2DCC70;
}

.toggle-switch span {
	color: #fff;
}

.toggle-switch{
	display: block;
	width: 100%;
	padding: 15px 0;
	text-align: left;
	text-decoration: none;
	position: relative;
	text-indent: 20px;
}

.toggle-switch:after{
	content: "";
	background: url(mobile_button_white.png) no-repeat ;
	position: absolute;
	height: 30px;
	width: 30px;
	top: 10px;
	right: 15px;
}

.primary .toggle-switch,
.secondary .toggle-switch {
	/*background: -webkit-linear-gradient(#4d4c4c 0%, #ffffff 100%);*/
	/*background: -webkit-linear-gradient(rgba(22,22,22,1) 0%, rgba(78,78,78,1) 100%)*/
	background-color: #00AC53;
}	

.mobile-nav ul li{
	padding: 10px;
	text-align: left;
}

.mobile-nav ul li:hover{
	background-color: #00AC53;
}

.mobile-nav ul li a{
	color: #fff;
}

@media only screen and (max-width: 1240px) {
	#wlc_txt {
		font-size:12px;
	}
}

@media only screen and (max-width: 1150px) {
	#ftr_left #footer-contact {
		float:none;
		margin-left:0;
		position:relative;
		top:30px;
	}
}

/* Desktops, laptops and iPads (landscape) ----------- */

@media only screen and (max-width: 1024px) {

	#wlc .wrap{
		text-align: center;
	}
	
	#arrow-right{
		display: none;
	}
	#rmk{
		width: 100%;
		padding: 10px 0;
	}
	
	#wlc{
		padding-bottom: 15px;
		height: auto;
	}
	#wlc_txt {
		width: 100%;
		padding: 10px 0;
	}
	
	#video {
		width: 27.5%;
	}

}


@media only screen and (max-width: 920px) {
	#cnt_bx,
	.mobile-nav	{
		width: 100%;
	}
	#mn_nav, 
	#side_bar{
		display: none;
	}
	
	#social_icons_mn{
		display: block !important;
	}
	
	.mobile-nav {
		display: block;
		position: fixed;
		top: 0;		
		z-index: 999999;
	}
	
	.box{
		width: 28.838%;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	#ftr_right{
		float: none;
	}
}

/* iPads (portrait) ----------- */

@media only screen and (max-width: 768px) {


	/* Align everything center */
	.alignright,
	img.alignright,
	.aligncenter,
	img.aligncenter,
	.alignleft,
	img.alignleft {
		display: block;
		margin: 0 auto 24px;
		float:none;
	}
	
	.mn_box, #video{
		width: 48%;
	}
	#cnt_bx .box,
	#icombx-1,
	#icombx-2,
	#icombx-3,
	#icombx-4,
	#icombx-5,
	.abtbox,
	#mnbox1,
	#mnbox2,
	#mnbox3,
	#video{
		width:100%;
	}

	#mnbox1 .showhover,
	#mnbox2 .showhover,
	#mnbox3 .showhover{
		display: block;
	}

}

@media only screen and (max-width: 600px) {
	.box{
		width: 43.838%;
	}
	
	#logo{
		width: 100%;
		margin: 35px 0 0 0;
	}



}

/* iPhones (portrait and landscape) ----------- */

@media only screen and (max-width: 480px) {

	html {
		font-size: 57.5%; 
	}
	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds,
	.box{
		margin: 0;
		width: 100%;
	}
	
	.showhover{
		font-size: 19px;
		padding: 17px 20px;
	}	
}