/*		
	Mobile Layout: 480px.
	Gutters: 24px.
	Outer margins: 22px.
	Inherits styles from: Default Layout
*/

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

	/* Header logo */
	header .logo { margin:0; padding:10px 0; width:100%; float:none; }
	header .logo a { display:block; width:175px; margin:0 auto; }
	header .logo a img { display:block;margin-top:10px; }

	/* Header navigation */
	header nav { float:none; width:100%; display:block; }
	header nav ul { display:block; z-index:9999; line-height:49px; height:auto; text-align:center; margin:0 0 10px 0;  }
	header nav ul li { margin:0 0 10px 0; display:block; }
	header nav ul li a { padding:9px; border:1px solid #dedede; background:#ffffff; color:#f3198f; text-decoration:none; }
	
	/* Drop down border radius */
	header nav ul li.drop-down a { display:none; }
	header nav ul li.drop-down a.hovered {}

	/* Hover state */
	header nav ul li a:hover,
	header nav ul li a.hovered { padding:9px; border:1px solid #dedede; background:#ffffff; color:#f3198f; text-decoration:none; }

	/* Drop Down */
	header nav ul li ul { z-index:9990; position:static; border:0; display:block; width:100%; height:auto; margin:0; }
	header nav ul li ul li { z-index:9998; position:relative; list-style:none; display:block;  vertical-align:middle; border:0; height:auto; line-height:normal; margin:0 0 10px 0; }
	header nav ul li ul li a { display:block !important; font-size:14px; background:white; display:block; line-height:normal; padding:9px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }
	header nav ul li ul li a:hover { padding:9px; border:1px solid #dedede; background:#fff; color:#f3198f; text-decoration:none; }

	.tinynav{display:block;margin:10px auto; padding: 5px; border: 1px solid #ccc; }
	ul#jsddm{display:none;}
	
	#show-nav {
		display:block;
		border:1px solid #dedede;
		font-size:14px; 
		background:white;
		display:block;
		line-height:normal;
		padding:9px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-bottom:10px;
		text-align:center;
	}
	
	#show-nav {
		text-decoration:none;
	}
	
	#show-nav.show-nav-active {
		background-color:#ddd;
	}
	

	
	#slider #slide_nav	{ display:none; }
	
	/* Subtitle */
	h1.services-header { font-size: 32px; }
	h2.subtitle { width:100%; font-size:40px; line-height:34px; letter-spacing: -1px; margin-bottom: 10px; height: 100% !important; padding-top: 10px; }
	p.subtitle-subheader { font-size: 16px; line-height: 24px; }
	
	/* content block */
	.content-blocks .content-container { width:260px; margin-left:0px;}
	.content-blocks .content-container .content-slider .content-instance { width:260px; }
	.content-blocks .content-container .content-slider .content-instance h2 a, .content-blocks .content-container .content-slider .content-instance h2 img { display:block; width:95%; margin-left: 6px; }
	.content-blocks a.nav-arrow-right { right: -30px; }
	.content-blocks a.nav-arrow-left { left: -30px; }
	
	/* Our clients */
	.our-clients-wrapper { height:auto; line-height:130px; position:relative; background:url(/images/home/our_clients/background.jpg) center 20px no-repeat; padding:76px 0 0 0; overflow:hidden; white-space:wrap; display:none; }
	.our-clients-wrapper img { display:block; vertical-align:middle; margin:0 auto 40px; }
	
	

	/* bx slider */
	.bxslider .__right{margin-top:30px;width:100%;}
	.bxslider img.__left{width:100%;}
	.bxslider li { height: 360px; } 

	/*selectors in general for small devices*/
div.selector {
	background-image:url(images/select-drops.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	line-height:40px;
	height:40px;
	width:250px;
	cursor:pointer;
	float:left;
	font-size:12px;
	font-weight:400;
	color:#757575;
	text-align:left;
	background-color:#f2f2f2;
	border:1px solid #c2c3c2;
	border-bottom:1px solid #ababab!important;
	border-radius:3px;
	margin-bottom:10px;
	
}

div.selector:hover {	
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
}

div.selector span {
	line-height:40px;
	height:40px;
	width:300px;
	max-width:300px!important;
	cursor:pointer;
	float:left;
	font-size:12px;
	color:#757575;
	text-align:left;
	border-radius:3px;
	text-transform:capitalize;
}

div.selector select {
/* change these to adjust positioning of select element */
	top:-1px;
	cursor:pointer;
	width:315px;
	text-align:left;
	float:left;
	padding-left:10px;
	color:#757575;
	font-size:13px;
	border:0px;
	background:transparent;
}

div.selector:active,div.selector.active {
	background-position:right top;
	cursor:pointer;
}

div.selector:active span,div.selector.active span {
	background-position:right top;
	cursor:pointer;
}

div.selector.focus,div.selector.hover,div.selector:hover {
	background-position:right top;
	cursor:pointer;
}

div.selector.focus span,div.selector.hover span,div.selector:hover span {
	background-position:right top;
	cursor:pointer;
}

div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover {
	background-position:right top;
	cursor:pointer;
}

div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span {
	background-position:right top;
	cursor:pointer;
}

/* Form Inputs */
input#id_name, input#id_email { width: 100%; }

}