/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {


}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.widget-maintop li.widget-container,
	.widget-mainbottom li.widget-container { 
		padding-left:10px;
		padding-right:10px;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;
		width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
		
	.container{ margin: 0px auto; max-width: 420px; }
	
	.widget-maintop li.widget-container,
	.widget-mainbottom li.widget-container { 
		padding-left:10px;
		padding-right:10px;
		margin: 0px auto; max-width: 400px;
	}
	
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }

	.row .column, .row .columns { width: 100%; float: none; }

	.column:last-child, .columns:last-child { float: none; }
	[class*="column"] + [class*="column"]:last-child { float: none; }

	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both; }

	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center; float:none!important; display:block; margin:0px;}
	.logo-light {  height: 100px; left: -100px;}
	#logo img{ float:none!important; display:inline-block!important; }
	.logo-light{ display:none!important}
	#topright{display:none;}

	
	#navigation{text-align:center; clear:both; height:auto; padding-top:0px; padding-bottom:15px; float:none}
	#nav-wrap{ background:none!important;}
	.sf-menu a{background:transparent!important; border:0!important;}
	.sf-menu > li{border:0 !important; display:none;}
	nav{margin:0; float:none; }
	.js .tinynav { display: block; text-align:left ; margin:15px 0 0 0; width:100%; }/* mobile dropdown */
    .js #topnav { display: none }
	
	#navigation .sn{ text-align:center; float:none!important; padding:5px 0 0px; background:#272727; margin-top:20px;}
	
	#headertext h1{ font-size:24px;}
		

	
	/*============================================== CONTENT SECTION ==============================================*/
	.main{padding-right:0;}
	#maincontent.positionleft .main{padding-left:0; padding-right:0}
	#content.positionleft .main{padding-right:0px;}
	#content.positionright .main{padding-left:0px; padding-right:0}
	#content.positionleft  .contenttop-container, 
	#content.positionleft  .contentbottom-container{
		padding-right: 0px;
	}
	
	#content.positionright .contenttop-container, 
	#content.positionright .contentbottom-container{
		padding-left: 0px;
	}
		
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:90%}
	
	.hassidebar .widget-contenttop:first-child li.widget-container,
	.hassidebar .widget-contentbottom:first-child li.widget-container{ padding-top:20px;}

	.klasik-latestnews-widget .recent-text-wrap{ overflow:inherit}
	.klasik-latestnews-widget .recent-thumb img{float:none; width: auto; height: auto;}
	.klasik-latestnews-widget .recent-thumb .image{float:none; width: auto; height: auto;  margin: 0 0px 10px 0;}
	

	/*============================================== BLOG SECTION ==============================================*/
	.wp-pagenavi{margin-bottom:30px;}
	.postimg{margin-right:0px; width:100%;}
	#post-content .icon{ margin-right:25px}
	
	#sidebar.positionright div.widget-area {padding-left: 0px;}
	#sidebar.positionleft div.widget-area {padding-right: 0px;}


	/*============================================== Footer ==============================================*/
	#copyright{ margin-bottom:0px; text-align:center; padding-top:25px;}

	
}

/* 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) {
		
	.main{padding:0px!important;}
	blockquote{ margin:0px 0px 20px!important;}
	.commentlist ol{ padding-left:35px;}
	
	/*============================================== BLOG SECTION ==============================================*/
	.entry-text{ overflow:visible!important}


}