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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) { 
	
	.logo { display: block; margin-left: auto; margin-right: auto; float:none; text-align:center; } 
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) { 
	
	header {  }
	.valikko { float:none; display: block; margin-left: auto; margin-right: auto; margin-top:10px; }
	.portfolio-thumb img { width:160px; height:100px; }
	.hommatoimii:after, .hommatoimii-first:after { margin-left: 105px; }
	.main-nav a { padding:0 20px; }
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		header { height:157px; }
		.valikkomobile { margin-left:0px; margin-right:0px; width:auto; }
		.headerblock { height:auto;	}
		.main-nav ul {
			margin-bottom:20px;
			float:left;
			margin-left:0px;
		}
		.main-nav ul ul, .main-nav ul ul ul {
			position:relative;
			top:0;
			left:0;
			opacity:1;
			background: #fff;
			text-align:left;
			margin:0;
			z-index:999;
			border:none;
		}
		
		.main-nav ul li:hover > ul {
			position:relative;
			top:0;
		}
		.main-nav ul a {
			border:1px solid #dbdbdb;
			border-top:none;
			line-height:40px;
			width:390px;
		}
		.menu {
			border-top:1px solid #dbdbdb;
		}
		.main-nav ul ul a {
			color:#333;
			padding: 0 10px 0 40px;
			width:368px;	
			line-height:40px;
			border:none;
			border:1px solid #dbdbdb;
		}
		.main-nav ul ul a:first-child {
			border-top:none;
		}
		.main-nav ul ul a:hover, .main-nav ul a:hover {
			color:#333;
			box-shadow:none;
			background:#f6f6f6;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			transition: none;	
		}
		.main-nav ul li {
			float:none;
		}
		.main-nav {
			display:none;
		}
		#show-nav {
			display:block;	
		}
		.nav-bar { height: inherit; } 
		.valkoinen { background-image: none; }	
		.footerwidget {	padding:10px; width:90%; }
		.portfolio-thumb { float:none; width:100%; }
		.portfolio-thumb img { width:250px; height:157px; }
		.syylista { float:none; width:100%; }
		.syylista li { margin-right:0px; }
		.sticky { position:relative; }
		.blogimage { width:0%; float:none; display:none; }
		.blogdesc { width:100%; float:none; }
		.headerinfoteksti { display:none; }
		.hommatoimii-first { padding-left:0; }
		.hommatoimii:after, .hommatoimii-first:after { display:none; }
		.main-nav ul ul ul a { padding:0 0 0 60px; }
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		header { height:auto; }
		.main-nav ul a {width:250px; }
		.main-nav ul ul a { width:228px; }
		.headeremail, .headerphone { padding: 3px 5px; }
		.headeremail { margin-right: 10px; }
		.headerfb { float:left; margin-left:10px; }
		.headerinfo { font-size:11px; }
		.headeremail, .headerphone { float:left; background:#4795be; padding: 2px 8px; border-radius:15px; }
		.headeremail { margin-right:5px; }
		.ls-wp-fullwidth-container { margin-top:-10px; }
		
	}