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

}

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

	/* Slider */
	#shadowslider{ background:none;}
	
	/* Blog */
	.postimg{background:none;}
	
	/* Contact */
	.shadowmap{background:none; padding-left:0px; padding-right:0px;}

}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#bodychild{width:100%; margin:0}
	#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; width:100%; clear:both; margin:0px 0 20px!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:80%}/* mobile dropdown */
    .js #topnav { display: none }
	
	/*============================================== SLIDER SECTION ==============================================*/
	#outerslider{ padding-bottom:38px}
	#shadowslider{ background:none;}
	#slider .slider-text{ display:none}
	#slider{ margin-bottom:0px;}

	/*============================================== AFTER HEADER SECTION ==============================================*/
	#outerafterheader{padding:0 0 0 0; margin-top:178px;}
	#afterheader .pagetitle{float:none; margin:0px;}


	
	/*============================================== CONTENT SECTION ==============================================*/
	#maincontent.hassidebar{background:none;}
	#content.positionright, #content.positionleft{background:transparent;}
	.padcontent{padding-right:0;}
	#content.positionright .padcontent{padding-left:0; padding-right:0}
	.mediacontainer iframe, .mediacontainer object, .mediacontainer video{width:100%; height: auto;}

	/* Title */
	.title{background:url(../images/bg-title-420.png) no-repeat center;}
	
	.widget-homefeatured .widget-title, 
	.maintop-container .widget-title, 
	.mainbottom-container .widget-title, 
	.contenttop-container .widget-title, 
	.contentbottom-container .widget-title{
		background:url(../images/bg-title-420.png) no-repeat center;
	}
	
	
	/* Contact */
	.shadowmap{background:none; padding-left:0px; padding-right:0px;}
			
	/*============================================== 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;}
	.postimg{ padding-bottom:0px;}
	
	#sidebar.positionright div.widget-area{padding-left:0px;}
	#sidebar.positionleft div.widget-area{padding-right:0px;}
	
	li.widget-container.widget_klasik_testimonial, 
	li.widget-container.widget_klasik_pfilter, 
	li.widget-container.widget_klasik_features, 
	li.widget-container.widget_klasik_recentposts, 
	li.widget-container.widget_klasik_testimonial 
	{ margin-bottom:40px;}
	
	#sidebar .klasik-testimonial-widget, #footersidebar .klasik-testimonial-widget,
	#sidebar .klasik-portfolio, #footersidebar .klasik-portfolio,
	#sidebar .klasik-features, #footersidebar .klasik-features,
	#sidebar .klasik-recentpost-widget, #footersidebar .klasik-recentpost-widget,
	#sidebar .klasik-testimonial-widget, #footersidebar .klasik-testimonial-widget
	{ margin-bottom:0px;}
	
	
	/*============================================== FOOTER SECTION ==============================================*/
	.copyrighttext, .social-container{ float:none;}
	
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bodychild{width:100%;}
	.container{max-width:480px;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#bodychild{width:100%;}
	.container{max-width:340px;}

	
	/* Title */
	.title{background:url(../images/bg-title-300.png) no-repeat center;}
	.title h1{ font-size:16px; padding-top:15px;}
	
	.widget-homefeatured .widget-title, 
	.maintop-container .widget-title, 
	.mainbottom-container .widget-title, 
	.contenttop-container .widget-title, 
	.contentbottom-container .widget-title{
		background:url(../images/bg-title-300.png) no-repeat center;
		font-size:16px; padding-top: 30px;
	}
	
	.commentlist ol{padding-left:20px;}
	.comment-body{margin:0;}
}