/* #Media Queries
================================================== */


	@media only screen and (min-width: 960px) {

	.navdropdown {
	display:none;	
	}
	.portfoliothumb {
    float: left;
    width: 24.2%;
	}

}

	@media only screen and (min-width: 850px) and (max-width: 959px){
	.slidercontainer {
    width: 75%;
	}
	

}

	@media only screen and (min-width: 870px) and (max-width: 900px){
	
	.slidercontainer {
    width: 70%;
	}

}

	@media only screen and (min-width: 845px) and (max-width: 869px){
	
	.slidercontainer {
    width: 68%;
	}

}

	@media only screen and (min-width: 769px) and (max-width: 844px){
	
	.slidercontainer {
    width: 62%;
	}

}



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

	.mobileportfolio {
	display:none;	
	}
	.home h2 {
    font-size: 13px;
    line-height: 20px;
	}
	.contactinfo {
	font-size: 13px;
    line-height: 23px;
	}

}




@media only screen and (max-width: 959px) {
	
	.content {
	width:auto;
	padding: 0 20px 0 20px;
	}
	
	.single-portfolio {
    overflow: hidden;
	}
	
	.single-portfolio a {
color: rgba(255,255,255,1);	
}

	.portfoliotitle {
background-color: rgba(50,127,197,.45);		
}

}





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


	.topbar {
		height:60px;
	}
	
	.navwrap ul li {
	display:none;	
	}
	
	.navdropdown {
	display:block;
	z-index:2000;
	top:10px;
	right:20px;
	position:absolute;
	}
	

	.navdropdown ul {
	padding:3px;
	list-style: none;
	position: relative;
	display: inline-table;
	background-color:#144d82;
	width: 63px;
	}
	
	.navdropdown ul:after {
		content: ""; clear: both; display: block;
	}
	
	.navdropdown ul li {
	text-align: right;
	padding: 0 0 0 5px;
	display: block;
	}
		
		
	navdropdown ul li a {
	display: block; 
	padding: 25px 40px;
	text-decoration: none;
	}

		.navdropdown ul ul {
	display: none;
	position: absolute; 
	 right: 0px;
padding: 3px 4px 4px 0px;
	}

	.navdropdown ul li:hover > ul {
	display: block;
	}
	
	.navdropdown ul ul li {
	margin-top:8px;
	position: relative;
	
	}
	
	.slidercontainer {
    width: 100%;
	float: none;
	}
	
	.home h2 {
    margin: 0 0 10px 0;
	font-size: 15px;
	line-height: 20px;
	}
	
	.contactinfo {
	font-size: 15px;
    line-height: 20px;
	}

	.thumbnails {
	display: none;
	}
	
	.mobileportfolio {
	display: block;
	}	
	
	.mobileportfolio img {
	width:100%;
	border:3px solid #86a9de;
	margin: 10px 0 10px 0;
	}
	
	.contactinfo {
	width: 100%;
	float: none;
	}
	
	.contactimage {
	width:100%;
	float:none;
	}
	
	.contactimage img {
	margin: 10px 0;
	}
	
}


@media only screen and (min-width: 480px) and (max-width:767px) {
	
	h1.mainheader {
	background: url(images/stellalux_logo_smaller.png) no-repeat;
	}
	
	.navwrap {
    padding-top: 37px;
}
	
}

@media only screen and (max-width: 479px) {
	
	.nav {
	height:48px;
	}
	
	h1.mainheader {
    background: url("images/stellalux_logo_mobile.png") no-repeat;
	
	max-width: 270px;
    height: 70px;
	float:left;
	}
	
	.navwrap {
	height: 0px;
	padding:0px;
	}
	
	.navdropdown {
	margin-top:0px;
	}
	
	.slider {
	margin:10px auto;
	}
}