/* #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) {
	#bodychild{width:100%; margin:0}
	#logo h1{font-size:20px; line-height:20px;}

	
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	.container{max-width:420px;}
	
	#bodychild{width:100%; margin:0}
	#outerheader{height:auto;}

	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center; float:none!important; display:block; margin-left:-100px;}
	#logo img{ float:none!important; display:inline-block!important;}
	
	#outermainmenu{ height:130px;}
	#logo{ top:43px;}
	.admin-bar #logo{top:71px;}
	
	#bg-image{ height:210px;}
	#navigation{text-align:center; clear:both; margin:0px!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 #navigation-left, .js #navigation-right { display: none }
	#navigation-hidden{display:block;}
	/*============================================== SLIDER SECTION ==============================================*/
	#slider{ padding:0px; overflow:hidden;}
	#slider img{ width:1500px; max-width: none;}

	/*============================================== AFTER HEADER SECTION ==============================================*/

	
	/*============================================== PROMOTION SECTION ==============================================*/
	.promotion .columns{ margin-bottom:40px;}
	
	/*============================================== CONTENT SECTION ==============================================*/
	
	#content.positionright, #content.positionleft{background:transparent; margin-bottom:20px;}
	
	.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;}

		
	/*============================================== BLOG SECTION ==============================================*/
	.posttitle, .posttitle a{ font-size:18px; line-height:20px;}
	.postimg{margin-right:0px; width:100%; float:none; margin-bottom:20px;}
	blockquote.left, blockquote.right{ width:auto;}
	.wp-pagenavi{margin-bottom:30px;}
	
	
	
	/*============================================== BLOG SECTION ==============================================*/
	
	#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) {
	#bodychild{width:100%;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#bodychild{width:100%;}
	
	
	/*============================================== SLIDER SECTION ==============================================*/
	.flex-caption{ display:none }

	
	
	/*============================================== BLOG SECTION ==============================================*/
	.commentlist ol{padding-left:20px;}
	.comment-body{margin:0;}
}