/* #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) {

	#slider .slider-2ndpic{width:500px; height:308px;}
	#slider .camera_wrap .camera_pag{bottom:40px;}
	.banner{font-size:24px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#slider .flex-caption .slider-title{font-size:40px; line-height:normal;}
	#slider .flex-caption .slider-subtitle{font-size:24px; line-height:normal;}
	#slider .flex-caption .desc{font-size:11px;}	
	#slider .camera_wrap .camera_pag{bottom:30px;}
	.flex-control-nav {  bottom: 60px!important;}
}

/* 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:28px 0px 18px;}
	.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;}
	#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;}
		
	/*============================================== SLIDER SECTION ==============================================*/
	.flex-control-nav, .flex-caption{ display:none!important;}

	#slider #slideritems{margin-bottom:30px !important;}
	#slider .slider-2ndpic{width:390px; height:220px;}
	#slider .camera_wrap .camera_pag{bottom:0px; left:5px;}
	

	
	/*============================================== CONTENT SECTION ==============================================*/
	.main{padding-right:0;}
	#maincontent.positionleft .main{padding-left:0; padding-right:0}
	
	

	/*============================================== BLOG SECTION ==============================================*/
	.wp-pagenavi{margin-bottom:30px;}
	.postimg{margin-right:0px; width:100%;}
	.post .header-wrapper {overflow: auto; clear:both; }
	
	#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;}
	#footer-light{ display:none!important}
	
	.banner{font-size:24px; text-align:center;}
	.banner .lefttext{
		padding:25px 31px; 
		margin:0px; 
		float:none;
		background-image:none; 
		background-color:#e07809;
	}
	.banner .righttext{
		background-image:url(images/banner-mid.png); 
		background-repeat:no-repeat; 
		background-position:center left; 
		padding:35px 25px 35px 126px;
		float:left;
	}
	
	
}

/* 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}
	.entry-utility{ margin-top:30px;}

}