/* #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: 959px) {
	#logo{text-align:center; float:none; display:block; margin-bottom:20px;}
	#logoimg img{margin:0px auto;}
	#navigation{text-align:center; float:none; clear:both; margin:0px 0 20px 0!important;}
	#topnav{ float:none}
	
	
	ul.listborder li {width: 40%;}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#maincontainer, #outerslider, #afterheader, #outerbottom, #outerfootersidebar .container{ max-width: 480px; margin-left:auto; margin-right:auto }
	#outerheader{height:auto;}
	
	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center; float:none; display:block; margin-bottom:20px;}
	#logoimg img{margin:0px auto;}

	#navigation{text-align:center; float:none; clear:both; margin:0px 0 20px 0!important;}
	.sf-menu a{background:transparent !important; border:0 !important}
	.sf-menu > li{border:0 !important; display:none;}
	nav{margin:0px; float:none; }
	.js .tinynav { display: block; display: inline-block; text-align:left ; margin:0 0 0 0; width:50%}/* mobile dropdown */
    .js #topnav { display: none }
	
	/*============================================== SLIDER SECTION ==============================================*/
	#slider .nivo-caption{ bottom:-140px;}

	
	/*============================================== CONTENT SECTION ==============================================*/
	#maincontent.hassidebar{background:none;}
	#content.positionright, #content.positionleft{background:transparent; border:0px;}
	#sidebar.positionright{ border-left:0px;}
	#sidebar.positionleft{ border-right:0px;}
	.main{padding-right:0px; padding-left:0px;}
	#content.positionright .main, #content.positionleft .main{padding-left:0; padding-right:0}
	.mediacontainer iframe, .mediacontainer object, .mediacontainer video{width:100%; height: auto;}
	
	.tabcontainer{margin-bottom:20px;}
	ul.tabs{height:auto;}
	ul.tabs li{font-size:12px; display:block; float:none; overflow:visible; height:auto}
	ul.tabs li a{text-transform:capitalize;}
	h2.trigger{font-size:12px;}

	
	.klasik-portfolio .klasik-pf-img img{ width:auto!important}
	
	ul.listborder li {width: 100%;}
	
	/*============================================== BLOG SECTION ==============================================*/

	.wp-pagenavi{margin-bottom:30px;}
	.entry-utility{ float:none; width:100%; text-align:left; margin-bottom:10px; margin-top:0px;}
	.entry-utility div{ display:inline-block;}
	
	
	/*============================================== SIDEBAR SECTION ==============================================*/
	#sidebar { border:0px;}
	#sidebar.positionright div.widget-area{padding-left:0px;}
	#sidebar.positionleft div.widget-area{padding-right:0px;}
	
}


/* 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) {
	
	#slider .nivo-caption{ bottom:-125px;}
	#slider .slider-title{ line-height:normal;}
	#slider .slider-desc{ display:none;}
	
	.pagetitle{ text-align:center;}
	
	.commentlist ol{padding-left:20px;}
	.comment-body{margin:0;}
}