/* #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) {
	.klasik-features .feature-img{	width:144px; height:144px;}
	.klasik-features .img-container{ width:116px; height:116px;}
	.klasik-features .img-container img{ padding-top:35px}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.klasik-features .feature-img{	width:114px; height:114px;}
	.klasik-features .img-container{ width:86px; height:86px;}
	.klasik-features .img-container img{ padding-top:20px}
}

/* 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;}
	.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:0 0 15px 0; 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; margin:15px auto 0 ; width:80%; }/* mobile dropdown */
    .js #topnav { display: none }

		
	/*============================================== SLIDER SECTION ==============================================*/
	#slider .slider-title{ font-size:20px; }
	#slider .slider-desc{ font-size:14px;}

	
	/*============================================== CONTENT SECTION ==============================================*/
	.main{padding-right:0;}
	#maincontent.positionleft .main{padding-left:0; padding-right:0}
	
	.single #afterheader .pagetitle{ padding:25px 20px 20px}
	
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:90%}
	
	#rsvpform label{display:block; width:100%; margin-bottom:0px; }
	.wpcf7 #rsvpform  input[type="text"], .wpcf7 #rsvpform  input[type="email"], .wpcf7 #rsvpform  input[type="number"], 
	.wpcf7 #rsvpform .your-subject input[type="text"]{ width:55%;}
	.wpcf7 #rsvpform .no-attending input[type="text"], .wpcf7 #rsvpform .your-subject input[type="text"]{width:25%;}
	.wpcf7 #rsvpform input[type="text"], .wpcf7 #rsvpform input[type="email"]{ margin-bottom:0px}

	/*============================================== 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;}
	
	#rsvpform label{ display:block; width:50%; padding-bottom:9px;;}
	.wpcf7 #rsvpform  input[type="text"], .wpcf7 #rsvpform  input[type="email"]{ width:50%;}
	



}