/*
 * Mobile / Responsive
 */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 580px) {

	body {
		overflow-x: hidden;
		width: 100%;
	}

	.web { display: none; }
	.mobile { display: block; }

	#wrapper { width: 100%; }

	#header { height: auto; }
	#container { background: none; }

	#content { width: 90%; margin: 0 auto; float: none; margin-bottom: 20px; }
	#content .box { background: #fff; padding: 5px 3%; }
	#content h1 { font-size: 17px; color: #252525 !important; margin: 0 !important; margin-bottom: 10px !important; padding: 5px 0; line-height: 17px; }

	/*#primary { display: none; }*/
	body.home #primary { display: block; }

	#search-social { display: none; }

	#branding { width: 100%; height: 90px; top: 0; position: static; }
	#branding .ad-banner { display: none; }

	#site-title { float: none; margin: 0 auto; width: 167px; height: 71px; }
	#site-title span { display: block; width: 100%; height: 100%; }
	#site-title a { width: 100%; height: 100%; background-size: 100%; }

	#access { position: static; top: 0; width: 100%; font-size: 12px; font-weight: bold; color: #fff; }
	#access .menu_nav { height: 35px; padding-left: 3%; }
	#access .menu_nav .nav { width: 80%; height: 100%; float: left; }
	#access .menu_nav a { display: block; width: 97%; line-height: 30px; height: 100%; color: #fff; font-weight: bold; border-right: 0; padding: 0; }
	#access .menu_nav a span { background: url('../images/img-arrow-bottom.png') no-repeat right center; padding-right: 20px; }
	#access .menu_nav a.search { display: block; width: 40px; border-left: 1px solid #fff; border-right: 0; height: 100%; float: right; background: url('../images/img-search.png') no-repeat center center; }
	#access .menu-header { display: none; }
	#access li { float: none; display: block; height: 35px; }
	#access li a { 
		padding: 0;
		padding-left: 3%;
		display: block; 
		font-weight: bold;
		width: 97%; 
		height: 100%; 
		border-right: 0; 
		line-height: 30px;
		border-top: 1px solid #fff; 
		background-image: url('../images/img-arrow-right.png');
		background-repeat: no-repeat;
		background-position: 95% center; 
	}
	#access li ul { display: none !important; }
	#access div.search { display: none; border-top: 1px solid #fff; padding: 5px 3%; position: relative; }
	#access div.search .s { 
		display: block; 
		border: 0;
		color: #002454;
		font-size: 12px;
		background: #e9e9e9 url('../images/bg-input.png') repeat-x top;
		height: 29px;
		width: 84%;
		font-family: Arial, serif;
		padding: 0 3%;
		line-height: 25px;
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-top: 1px solid #6a798c;
	}
	#access div.search .searchsubmit { 
		position: absolute; 
		display: block; 
		background: none; 
		border: 0; 
		height: 100%;
		top: 0;
		line-height: 32px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		width: 40px;
		right: 0;
	}

	#slideshow {
		height: 394px;
		width: 90%;
		margin: 0 auto;
		overflow: visible;
	}
	#slide-content { width: 100% !important; height: 335px !important; left: 0; background: #fff; box-shadow: 0px 0px 5px #c0bebe; }
	#slide-main li { width: 100%; }
	#slide-main .entry-title { padding: 0; margin: 0 3%; margin-top: 5px; margin-bottom: 10px; }
	#slide-main .entry-title a { font-size: 17px; line-height: 19px; font-weight: bold; }
	#slide-main .entry-meta { font-size: 10px; padding: 0 3%; margin: 0; width: 97%; }
	#slide-main .entry-photo { width: 100%; height: auto; overflow: hidden; margin: 5px 0; }
	#slide-main .entry-photo img { width: 100%; height: auto; }
	#slide-main .entry-content { width: 94%; font-size: 12px; line-height: 14px; margin: 0 3%; }
	#slide-thumb { width: 100%; top: 345px; padding: 0; }
	#slide-thumb li { background: none; margin: 0; padding: 0; display: block; width: 16%; margin-right: 5%; float: left; }
	#slide-thumb li:last-child { margin-right: 0; }
	#slide-thumb li.current { background: none; position: relative; }
	#slide-thumb li.current span { display: block; width: 10px; height: 5px; background: url('../images/img-thumb-active.png') no-repeat; position: absolute; top: 0; left: 50%; margin-left: -5px; }
	#slide-thumb li .entry-photo { float: none; margin: 0; width: 100%; display: inline-block; }
	#slide-thumb li .entry-photo a { display: block; width: 100%; height: 100%; }
	#slide-thumb li .entry-photo img { width: 100%; height: auto; display: block; }
	#slide-thumb li .entry-title { display: none; }
	#slide-thumb li .entry-content { display: none; }

	#categories { width: 90%; margin: 0 auto; padding: 0; height: auto; padding-top: 44px; background: #fff; }
	#categories .tabs-mobile { width: 100%; position: relative; height: 31px; position: absolute; top: 5px; left: 0; -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden; background: #002454; }
	#categories ul.tabs { height: 31px; width: 880px; }
	#categories ul.tabs li { height: 31px; }
	#categories ul.tabs li a { font-size: 11px; line-height: 31px; padding: 0 8px; font-weight: bold; }
	#categories .content-tab { position: relative; top: 0; left: 3%; width: 94%; height: auto; }
	#categories .content-tab ul { width: 100%; }
	#categories .content-tab ul li { width: 48%; height: auto; padding: 0; background: none; margin-bottom: 10px !important; float: left; min-height: 150px; clear: left; }
	#categories .content-tab ul li:hover { background: none; }
	#categories .content-tab ul li:nth-child(even) { float: right; clear: none; }
	#categories .content-tab .entry-title a { padding: 0; font-size: 12px; font-weight: normal; color: #002454; line-height: 14px; }
	#categories .content-tab .entry-photo { margin-bottom: 5px; }
	#categories .content-tab .entry-photo a { width: 100%; height: auto; }
	#categories .content-tab .entry-photo a img { width: 100%; height: auto; }

	body.home #primary { width: 100%; padding: 0; }
	#homeCentralArea, #homeCentralArea2, #homeCentralArea3 { display: none; }

	.widget_videos { width: 90%; margin: 0 auto; background: #fff; padding: 0; float: none; min-height: 10px; }
	.widget_videos h3 { font-size: 17px; color: #252525 !important; margin: 0 3% !important; margin-bottom: 10px !important; padding: 5px 0; line-height: 17px; }
	.widget_videos .slide_video { width: 100%; float: none; }
	.widget_videos .slide_video iframe { width: 100% !important; height: 156px !important; }
	.widget_videos #videos-thumbs { padding-bottom: 5px; }
	.widget_videos #videos-thumbs .text { float: none; width: 94%; border-bottom: 1px solid #666; padding-bottom: 10px; margin: 10px 3%; }
	.widget_videos #videos-thumbs .text h2 { font-size: 12px; line-height: 14px; }
	.widget_videos #videos-thumbs .text .entry-content { font-size: 12px; line-height: 14px; }
	.widget_videos #videos-thumbs ul { width: 94%; margin: 0 3%; float: none; text-align: left; }
	.widget_videos #videos-thumbs ul li { text-align: left; }
	.widget_videos #videos-thumbs ul li a { color: #666; font-size: 12px; font-weight: normal; }
	.widget_videos #videos-thumbs ul li.first { display: none; }

	body.home #loop { width: 84%; padding: 0 3%; margin: 0 auto; background: #fff; float: none; margin-top: 10px !important; padding-bottom: 38px; position: relative; }
	#nav-below { display: none; }
	body.home #secondary { display: none; }

	#content #loop .hentry h3, .archive #content .hentry h3 { color: #454545; font-size: 17px; line-height: 19px; padding-bottom: 5px; margin-bottom: 10px; padding-top: 5px; }
	#content #loop .hentry .entry-photo, .archive #content .hentry .entry-photo { width: 28%; margin-right: 3%; }
	#content #loop .hentry .entry-photo img, .archive #content .hentry .entry-photo img { width: 100%; height: auto; }
	#content #loop .hentry .entry-title, .archive #content .hentry .entry-title { font-size: 12px; line-height: 14px; min-height: 0; }
	#content #loop .hentry .entry-title a, .archive #content .hentry .entry-title a { color: #000; }
	#content #loop .hentry .entry-meta, .archive #content .hentry .entry-meta { display: none; }
	#content #loop .hentry .entry-content, .archive #content .hentry .entry-content { color: #666666; font-size: 12px; line-height: 14px; padding: 0; }
	#content #loop .hentry:last-child, .archive #content .hentry:last-child { border-bottom: 0; }
	
	#content .pagination { position: absolute; bottom: 0; width: 100%; left: 0; height: 38px; line-height: 38px; text-align: center; font-weight: bold; font-size: 11px; border-top: 1px solid #9f9f9f; }
	#content .pagination a { display: block; width: 100%; height: 100%; text-align: center; line-height: 38px; text-transform: uppercase; background: #ebebeb; color: #002454; text-decoration: none; }

	ul.videos { list-style: none; margin: 0; margin-top: 20px; }

	#footer { padding: 0; }
	#footer-content { padding: 10px; }
	#footer-content .logo { float: none; margin: 0 auto; width: 32px; height: 27px; }
	#footer-content .logo span { width: 32px; height: 27px; background-size: 100%; margin: 0; }

	#site-generator { display: none; }
	.foot-ad-banner { display: none; }
	#footer-widget-area { display: none; }
	#frame_promos { display: none; }

	.breadcrumbs { display: none; }

	.archive .box { position: relative; padding-bottom: 35px !important; }

	.page-title a.rss-link { display: none; }

	#content .entry-title { font-size: 17px; line-height: 19px; color: #002454; }
	.entry-title a:link { color: #002454; }
	.hentry .entry-photo { float: none; width: 100%; margin: 10px 0; }
	.hentry .entry-photo img { display: block; width: 100%; height: auto; }

	body.single #content .box { padding: 5px 0; }
	body.single #content .entry-title { margin: 0 3%; margin-bottom: 5px; }
	body.single #content .entry-meta { margin: 0 3%; }
	body.single .entry-content { padding: 0 3%; width: 94%; padding-bottom: 20px; }
	body.single .entry-content .actions {  }
	body.single .entry-content .bt_print { display: none; }
	#content .entry-social { float: none; }

	#content .entry-tags { padding: 0 3%; padding-top: 10px; margin-bottom: 5px; }
	#content .entry-tags li { margin-bottom: 5px; }
	#content img.alignleft, #content img.alignright, #content img.aligncenter {
		display: block;
		float: none;
		margin: 10px auto;
	}

	#content .entry-content iframe { width: 100%; height: auto; }

	.entry-content blockquote { margin: 20px; padding: 20px 25px 20px 60px; }
	.entry-content blockquote img { display: none !important; }

	.others { padding: 0 3%; }
	.others h2 { color: #252525 !important; font-weight: bold; font-size: 17px !important; line-height: 19px !important; border-bottom: 1px solid #666666; margin-bottom: 10px !important; padding-bottom: 5px !important; }
	.others ul { margin: 0 !important; margin-bottom: 5px !important; list-style: none; }
	.others ul li h3 { margin: 0 !important; font-size: 12px; }
	.others ul li h3 a { font-size: 12px; color: #969696 !important; font-weight: normal; text-decoration: underline !important; }

	#comments { padding: 0 3%; }
	h3#comments-title, h3#reply-title { font-size: 17px; line-height: 19px; color: #252525; border-bottom: 1px solid #666666; padding-bottom: 5px; margin-bottom: 10px; }
	.commentlist { margin: 0 !important; border: 0; }
	.commentlist .children { margin: 0; }
	.commentlist li.comment { padding: 0; background: none; border-top: 1px solid #ababab; padding-top: 5px; margin-top: 10px; }
	.commentlist > li.comment:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
	.commentlist .comment-avatar { display: none; }
	.comment-author, .comment-author a { font-size: 12px; text-transform: none; }
	.comment-author .author { text-transform: uppercase; font-weight: bold; color: #454545; float: left; }
	.comment-author .author a { text-transform: uppercase; font-weight: bold; color: #454545; text-decoration: none; }
	.comment-author .date { float: right; text-transform: none; font-family: Arial, serif; font-size: 10px; }
	.comment-author .date a { text-transform: none; text-decoration: none; font-family: Arial, serif; font-size: 10px; }
	#comments .comment-body { font-family: Arial, serif; font-size: 12px; line-height: 14px; padding: 0; }
	#comments .reply { float: right; margin: 0; margin-top: 5px; font-size: 11px; line-height: 27px; height: 27px; width: auto; }
	#comments .reply a { padding: 0 10px; font-size: 11px; }

	#respond { margin-top: 10px; }
	#respond #c4c-login { display: none; }
	#respond .reply-author, #respond .reply-email { float: none; width: 100%; }
	#respond .reply-author input.text, #respond .reply-email input.text, #respond .reply-url input.text { width: 93%; padding: 5px 3%; color: #454545; font-family: Arial, serif; font-size: 16px; }
	#respond #c4c-login, #respond .reply-url { float: none; width: 100%; }
	#respond textarea { padding: 5px 3%; color: #454545; width: 93%; }
	#respond .subscribe-to-comments { display: none; }
	#respond .form-submit input { display: block; float: right; width: auto; padding: 5px 10px; text-transform: none; }

	#cancel-comment-reply { margin-bottom: 10px; }
	.comment #respond .reply-author, .comment #respond .reply-email, .comment #respond .reply-url, .comment #respond #c4c-login {
		width: 100%;
		float: none;
	}
	.comment #respond .reply-author input.text, .comment #respond .reply-email input.text, .comment #respond .reply-url input.text, .comment #respond textarea {
		width: 93%;
	}

	#content .helptofind .entry-content input.s, .search #content form.searchform input.s { width: 85%; }
	.entry-utility { display: none; }

	/* Forum */
	.bbp-forum-content .entry-content, .bbp-topic-wrapper .entry-content { padding: 0 !important; width: 100% !important; }
	#content tr td, #content .bbp-forum-topic-count, #content .bbp-forum-reply-count, #content .bbp-topic-reply-count, #content .bbp-topic-voice-count, #content .bbp-topic-action { padding: 5px; }
	#content tr th, #content thead th { padding: 5px; }
	#content .bbp-forum-info { width: 35% !important; }
	#content .bbp-forum-freshness { width: 23%; }
	#content .bbp-forum-topic-count, #content .bbp-forum-reply-count, #content .bbp-topic-reply-count, #content .bbp-topic-voice-count, #content .bbp-topic-action { width: 20% !important; }
	#content td.bbp-topic-author, #content td.bbp-reply-author { padding: 5px !important; }
	#content th.bbp-topic-author, #content th.bbp-reply-author { width: 20% !important; }
	#content fieldset.bbp-form, #container fieldset.bbp-form, #wrapper fieldset.bbp-form { padding: 0 !important; width: 100% !important; overflow: hidden; }
	.bbp-reply-form .wp-editor-container { width: 100% !important; }
	#content fieldset.bbp-form input#bbp_topic_title, #container fieldset.bbp-form input#bbp_topic_title, #wrapper fieldset.bbp-form input#bbp_topic_title { width: 98% !important; }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 480px) and (max-width:767px) {
/* Styles */
#slideshow { height: 458px !important; }
#slide-content { height: 380px !important; }
#slide-thumb { top: 390px !important; }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#search-social { width: auto; }
	/*#wrapper { width: 90%; }

	#branding { width: 100%; }
	#branding .ad-banner { display: none; }

	#access { width: 100%; }
	.grid { width: 100%; }

	#search-social ul { right: 275px; left: auto; }

	#content { width: 94%; margin: 0 3%; }

	#categories { height: auto; }
	#categories .tabs-mobile { width: 100%; overflow-x: scroll; }
	#categories .tabs-mobile ul.tabs { width: 910px; }
	#categories .content-tab { height: auto; }
	#categories .content-tab ul { width: 100%; }
	#categories .content-tab li { margin-bottom: 10px; }
	#categories .content-tab li:nth-child(even) { float: right; margin-left: 0; }

	#content .entry-others .others { width: 245px; }

	#respond textarea { padding: 5px 3%; width: 93%; }

	#respond .form-submit input { width: auto; padding: 5px 20px; }

	#primary { display: none; }
	.single .entry-content .actions { width: 100%; }*/

	#access a { padding: 0 10px; }

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-width : 320px) and (max-width : 580px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
body { /*background-size: 100%;*/ }

#site-title a { 
	background-image: url('../images/airjournal@2x.png');
	background-size: 100%;
}

}