/* #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: 959px) and (max-width: 1024px) {
	
	 #slider .flex-caption { width:97.1%}
	
	 .gallery-columns-3 .gallery-item { width: 31%; }
	 .gallery-columns-2 .gallery-item { width: 48%; }
	 .gallery-columns-4 .gallery-item { width: 22%; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.sf-menu a {padding: 13px 0px 10px 0px !important;	}
	
	#slider .flex-caption { width:97%}

	.gallery-columns-3 .gallery-item { width: 30%; }
	 .gallery-columns-2 .gallery-item { width: 47%; }
	 .gallery-columns-4 .gallery-item { width: 21.5%; }
}

/* 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; }
	
	.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; padding:40px 0 0;}
	#logo img{ display:inline-block!important; width:40%;  }

	
	#navigation{text-align:center; clear:both; height:auto; padding:0; float:none}
	#nav-wrap{ padding-top:5px;}
	.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:0px auto 0 auto; width:70%; }/* mobile dropdown */
    .js #topnav { display: none }
	.menu-l{ top:-5px;}
	.menu-r{ top:-5px;}
	
	/*============================================== Slider SECTION ==============================================*/

	#slider .flex-caption { width:94.3%}

	
	/*============================================== CONTENT SECTION ==============================================*/
	.main{padding-right:0;}
	#maincontent.positionleft .main{padding-left:0; padding-right:0}
	#content.positionright .main{padding-left:0; padding-right:0}
	#content.positionright { background:none}
	#content.positionleft { background:none}
	#content.positionleft .widget-contenttop, #content.positionleft .widget-contentbottom{ margin-right:0px;}
	#content.positionright .widget-contenttop, #content.positionright .widget-contentbottom{ margin-right:0px; margin-left:0px}

	.klasik-advancedpost-widget .recent-title{ margin-top:19px}
	
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:90%}
	.wpcf7-submit{ margin-left:0px;}
	
	.gallery .gallery-item { margin-bottom:30px;}
	.gallery-columns-2 .gallery-item, 
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item { width:98%; margin-right:0px; float:none}
	
	/*============================================== BLOG SECTION ==============================================*/
	.wp-pagenavi{margin-bottom:30px;}
	.postimg{margin-right:0px; width:100%;}

	
	#sidebar.positionright, #contnet.positionright { background:none}
	#sidebar.positionleft, #content.positionleft  { background:none}
	#sidebar.positionright div.widget-area, #sidebar.positionleft div.widget-area{ padding:0px; margin:0px; background:none}


	.commentlist li.comment ul.children {
		margin: 0 0 0 5%;
		padding: 0;
	}
	
	/*============================================== 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;}
	



}