.mobile-nav { display: none; }
/*************************************************
*	10. Tablet Landscape	 *
*************************************************/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)  {
	.whole-content {
    width: 90%;
	margin: 0 auto;
	display: block;
	}
	.content.sidebar {
    width: 60%;
}	
#sidebar{
	    width: 34%;
	
}



	#top_social.search {
    right: 65px;
    margin-top: 20px;
    top: initial;
}
div#pop-up {
	width:70%;
}
.post-entry .wp-caption {
    max-width: 100%;
}
.suodatus_wrapper{
width:462px;	
	padding-bottom: 18px;
}
.suodatus_wrapper input, .suodatus_wrapper label{
	
	margin-bottom: 3px !important;
	
}

}

/*************************************************
*	10. Tablet under 960px	 *
*************************************************/
@media only screen and (min-width: 768px) and (max-width: 960px){
	
	.m_logo {
    margin-left: 35%;
}
	
	
}
/*************************************************
*	10. Tablet Portrait		 *
*************************************************/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait)  {
.tabs {

    left: 12.5%;

   
}
.post-image.full img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
	#sidebar{
	width: 100%;
	margin: auto 0;
	
	}
	
	.widget, .tab_content{
	margin-left:1%;
	
	}
	
	.post-entry iframe.full-length{
		max-width:726px;
		
	}
	#wrapper.full-length{
		width:100%;
	}
	
	.m_logo{
	 margin-left: 35%;
	}
	.nlposts-block-container .pagination a, .nlposts-block-container .pagination span{
	font-size: medium;
}

#top_social.search {
    right: 65px;
	margin-top: 20px;
	top: initial;
}

#etusivu{
width:620px;	
	
}
.suodatus_wrapper input, .suodatus_wrapper label{
	width:100px !important;
	
}
#blogit{
width:310px;	
	
}

div#pop-up {
	width:70%;
}
#sidebar > div:nth-child(1) > h3{
	    display: block;
	
}
.content.sidebar {
    width: 100%;
}
.whole-content {
    width: 100%;
	margin: 0 auto;
}
.post-image img{
	max-width: 100%;
	
}
.container {
	width:90% !important;
	margin: 0 auto;
}
.post, .post-entry p, #sidebar p {
	font-size: 16px;
}
.content.sidebar{	
max-width:100%;
}

	#sidebar img {
    max-width: 100%;
}
#respond input {
  
width: 90%;
}
	
}


/*************************************************
*	Mobile Portrait				 *
*************************************************/

@media only screen and (max-width: 767px) {
	#sidebar{
	
	margin: auto 0;
	
	}
	
	.content.sidebar {
    margin-left: 0;
	
}
	#wrapper.full-length{
		width:100%;
	}
	.m_logo{
	 margin-left: 35%;
	}
	.whole-content{
	margin: 0;
}
#top_social.search {
    right: 65px;
	margin-top: 20px;
	top: initial;
}
div#pop-up {
	width:70%;
}
.post-entry .first{
	width:100%;
}
#sidebar > div:nth-child(1) > h3{
	    display: block;
	
}
.content.sidebar {
    max-width: 100%;
	width: 100%;
}
.whole-content {
    width: 100%;
	margin: 0 auto;
}
.post-image img{
	max-width: 100%;
	
}
.container {
	width:90% !important;
	margin: 0 auto;
}
.post, .post-entry p, #sidebar p {
	font-size: 16px;
}
#sidebar{
	width: 100%;
	
	
}

	#sidebar img {
    max-width: 100%;
}
.post-author .author-image img {
    max-width: 96px !important;
     max-height: 96px!important; 
}
#respond input {
   width: 78%;
}
.post-author.mainsite{
	margin: 0;
	
}
}

/*************************************************
*	10. Landscape				 *
*************************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
   width:90% !important;
	margin: 0 auto;
}
	#wrapper.full-length{
		width:100%;
	}
	.m_logo{
	 margin-left:  35%;
	}
		.nlposts-block-container .pagination a, .nlposts-block-container .pagination span{
	font-size: medium;
	padding: 2% 4% !important;
}
.nlposts-block-container .pagination ul > li > span.page-numbers.dots{
	padding: 2% 1%!important;
}
.whole-content{
	margin: 0;
	
}
.container.footer{
	width:90%;
	
}
#top_social.search {
    right: 65px;
	margin-top: 20px;
	top: initial;
}
.suodatus_wrapper{
width:330px;	
	
}
.suodatus_wrapper input, .suodatus_wrapper label{
	width:100px !important;
	margin-bottom: 3px !important;
}
div#pop-up {
	width:70%;
}
#sidebar > div:nth-child(1) > h3{
	    display: block;
	
}
div.crp_related.crp_related_shortcode > ul > li:nth-child(2) {
    margin: 0 14px;
}
#logo > h3, #logo > h1 {

    font-size: 63px;
	
   
}

}

/*************************************************
*	11. 	Mini Portrait			 *
*************************************************/

@media only screen and (max-width: 480px) {
	
	.mean-bar{
		min-width:100px;
	}
	.m_logo{
	    margin-left: 20%;
    margin-top: 9px;
	}
	div.m_logo > a > img{
		    width: 50%;
			left: 40px;
	}
	
	.post-entry#blogs_short {
   width: 100%;
 
	}
	.nlposts-block-container .pagination a, .nlposts-block-container .pagination span{
	font-size: medium;
	padding: 2% 3% !important;
}
.nlposts-block-container .pagination ul > li > span.page-numbers.dots{
	padding: 2% 1% !important;
}
.whole-content{
	margin: 0;
}
#top_social.search {
    right: 65px;
	margin-top: 20px;
	top: initial;
	 display: none;
}
.suodatus_wrapper{
width:250px;	
	
}
.suodatus_wrapper input, .suodatus_wrapper label{
	width:100px !important;
	    margin-bottom: 5px !important;
}
.blog_short h1 a {
    font-size: 40px;
}
div#pop-up {
	width:50%;
}
#sidebar > div:nth-child(1) > h3{
	    display: block;
	
}
#logo > h3, #logo > h1 {

    font-size: 35px;
   
}
div.crp_related.crp_related_shortcode > ul > li:nth-child(2) {
    margin: 0;
}

div.crp_related.crp_related_shortcode > ul > li{
	margin: 0 17px 0 0;
}


}


/*************************************************
*	12. 	Bloggaajat sivu			 *
*************************************************/

@media (max-width: 736px){
.post-author.mainsite{width:100%;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;padding-top:25px;padding-bottom:5px;}
.author-image.mainsite{float:left;width:35%;}
.author-info.mainsite{float:left;width:60%;}
.author-info.mainsite h4 {clear:both !important;position:relative !important;}
.author-description.mainsite{clear:both;width:95%;}
.nlposts-block-meta{text-align:center !important;text-align: -moz-center !important; text-align: -webkit-center !important;}
} 


@media only screen and (max-width: 767px) {
.post-entry blockquote p {
	padding: 0 1px 0 6px !important;
	font-size:16px !important;
}
}