.post img, #logo { max-width: 100%; height: auto; width: auto; }

#mobile_nav { display: none; padding: 5px 15px; position: relative; padding: 10px 20px 10px 50px; color: #fff; background: #111; line-height: 40px; text-transform: uppercase; font-family: 'Titillium Web', Arial, sans-serif; font-size: 1.3em; }
#mobile_nav:hover { color: #fff; text-decoration: none; }
	#mobile_nav > span { display: block; width: 26px; height: 22px; background: url(../images/responsive_arrow.png) no-repeat; position: absolute; top: 50%; left: 50%; margin: -11px 0px 0px -62px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
	#mobile_nav.opened > span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
#mobile_menu { position: absolute; top: 50px; left: 50%; width: 460px; margin-left: -230px; text-align: center; z-index: 1000; padding: 15px 0 9px; display: none; }
	#mobile_menu li { line-height: 1.44em; font-size: 20px; }
	#mobile_menu ul { display: block !important; visibility: visible !important; }
#mobile_nav, #mobile_menu { background: #111; }

#mobile_menu a { font-style: normal; color: #fff; }
#mobile_menu li.current-menu-item > a, #mobile_menu a:hover { color: #fff; text-decoration: none; }

nav#top-menu ul.mobile_nav { width: 320px; border: 1px solid #d6d6d6; background: #fafafa; display: none; }
.mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; }

ul#top-menu ul { display: none; }

.wp-caption { max-width: 96%; padding: 8px; }
embed, iframe, object, video { max-width: 100%; }





@media only screen and ( min-width: 1360px ) and ( max-width: 1600px ) {
	.container { width: 1160px; }
	
	ul#top-menu li { padding: 0px 13px; }
	
	#homepage-story h1, #home-carousel h2 { font-size: 2.2rem; }
	#left-area { width: 840px; }
	#sidebar { width: 300px; }
	
}



@media only screen and ( min-width: 960px ) and ( max-width: 1360px ) {
	.container { width: 960px; }
	
	#logo { height: 70px !important; }
	#header-tag { font-size: 130%; }
	ul#top-menu li { padding: 0px 7px; }
		ul#top-menu li a { font-size: 0.8rem; }
	#search-top { width: 230px; }
	
	/* Homepage Styles */
	#homepage-story ul li article { padding: 30px 30px 30px; }
		#homepage-main-content h1, #home-latest h2, #homepage-story h2, h3 { font-size: 2.2rem; }
		#homepage-story ul li div { font-size: 1.2rem; }
			#homepage-story ul li div strong { font-size: 1.4rem; }
	#home-latest article { padding: 20px; }
		#home-latest article .badge { font-size: 1.7rem; padding: 55px 20px; }
		#home-latest article .latest-buttons { width: 220px; top: 20px; left: 20px; }
			#home-latest article .latest-buttons a.button { padding: 22px 10px 20px; }
	
	
	#category-name { padding: 120px 0 80px; }
		h1.category-title { font-size: 2.8rem; }
	#content { background-position: 620px 0px; }
		#left-area { width: 650px; }
			li.et_pt_blogentry a.et_pt_thumb { height: 210px !important; }
		#sidebar { width: 300px; }
			.widget { width: 260px; }
				.widget img { width: 100%; }
	
	/* Single Posts */
	body.single #left-area .post img.size-blog-photo { float: none; max-width: 100%; border: 20px solid #eee; margin: 0 0 20px; }
	
	
	#footer-topbar ul li { padding-right: 30px; }
		#footer-topbar ul li img.ftlogo { width: 60px; }
		#footer-topbar ul li span strong { font-size: 100%; }
		#footer-topbar ul li.footer-menu h4 { font-size: 1.4rem; }
			#footer-topbar ul li.footer-menu ul li { float: none; width: auto; }
				#footer-topbar ul li.footer-menu ul li a { padding: 10px 0px 10px 20px; }
}



@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	.container { width: 750px; }
	
	#logo { height: 60px !important; }
		#header.myfixed #logo { height: 40px !important; }
	#header-tag { font-size: 100%; }
	ul#top-menu li { padding: 0px 9px; }
		ul#top-menu li a { font-size: 0.8rem; }
	#search-top { float: none; margin-top: 10px; width: auto; }
	
	/* Homepage Styles */
	#homepage-story ul li article { }
		#homepage-main-content h1, #homepage-story h2, h3, #home-carousel h3 { font-size: 1.6rem; }
		#homepage-story ul li { float: none; width: auto; margin-right: 0; margin-bottom: 30px; }
		#homepage-story ul li div { font-size: 1.2rem; }
			#homepage-story ul li div strong { font-size: 1.4rem; }
	#home-latest article { padding: 20px; text-align: right; }
		#home-latest article .badge { font-size: 1.7rem; padding: 55px 20px; top: 210px; left: 20px; margin-right: 0; }
		#home-latest article .latest-buttons { width: 220px; top: 20px; left: 20px; }
			#home-latest article .latest-buttons a.button { padding: 22px 10px 20px; text-align: center; }
	
	#category-name { padding: 50px 0; }
		h1.category-title { font-size: 2rem; }
		#breadcrumbs { line-height: 22px; }
	#content { }
		#left-area { width: 480px; }
			h2 { font-size: 2rem; }
			h1, h2, h3, h4, h5, h6 { line-height: 2rem; }
			li.et_pt_blogentry a.et_pt_thumb { height: 160px !important; }
		#sidebar { width: 260px; font-size: 0.9rem; padding-left: 20px; }
			.widget h3.title { line-height: 1.2rem; font-size: 1rem; }
			.widget { width: 240px; }
				.widget img { width: 100%; }
			.widget p { padding-bottom: 5px; }
			
	/* Single Posts */
	body.single #left-area { padding: 20px; }
		body.single #left-area .post img.size-blog-photo { float: none; max-width: 100%; border: 10px solid #eee; margin: 0 0 20px; }
	
	
	#footer-topbar ul li { padding-right: 30px; }
		#footer-topbar ul li img.ftlogo { width: 60px; }
		#footer-topbar ul li span strong { font-size: 100%; }
		#footer-topbar ul li.footer-menu h4 { font-size: 1.4rem; }
			#footer-topbar ul li.footer-menu ul li { float: none; width: auto; }
				#footer-topbar ul li.footer-menu ul li a { padding: 10px 0px 10px 20px; }

}





@media only screen and ( max-width: 767px ) {
	.container { width: 460px; }
	
	#logo { display: block; float: none; margin: 0 auto; height: 60px !important; }
	#header-tag { display: block; float: none; margin: 0 auto; font-size: 100%; line-height: 30px; }
	#navigation { display: none; }
	#search-top { float: none; margin-top: 10px; }
	
	/* Homepage Styles */
	#header, #home-latest .container, #homepage-story ul li, #home-carousel .container, #left-area, .widget { padding: 10px; }
	#homepage-story ul { float: none; }
		#homepage-story ul li { float: none; width: auto; margin-right: 0px; margin-bottom: 30px; }
		#homepage-story ul li div { left: 10px; right: 10px; bottom: 10px; font-size: 1.2rem; padding: 10px; }
			#homepage-story ul li div strong { font-size: 1.4rem; }
		#homepage-main-content h1, #home-latest h2, #homepage-story h3, h3 { font-size: 1.6rem; }
	#home-latest article { padding: 20px; text-align: center; }
		#home-latest article .badge { font-size: 1.4rem; letter-spacing: 1px; padding: 30px 10px; top: inherit; bottom: 155px; left: -18px; width: 150px; margin-right: 0; z-index: 111; }
		#home-latest article .latest-buttons { position: relative; width: 100%; top: 0px; left: 0px; padding-top: 10px; }
			#home-latest article .latest-buttons a.button { padding: 22px 10px 20px; text-align: center; }
	
	#category-name { padding: 50px 0px; }
		h1.category-title { font-size: 2rem; line-height: 2rem; }
		p.description { font-size: 0.9rem; }
		#breadcrumbs { line-height: 22px; }
		a#page-header-am { position: relative; bottom: 0px; left: 0px; margin: 0 auto; text-align: center; display: block; padding-bottom: 10px; }
	#content { }
		#left-area { display: block; float: none; width: auto; margin-bottom: 20px; }
			h1 { font-size: 2rem; }
			h1, h2, h3, h4, h5, h6 { line-height: 2rem; }
			p { padding-bottom: 20px; line-height: 1.3rem; }
			.alignright, .alignleft, img.alignright, img.alignleft { display: block; float: none; margin: 0 0; width: 100%; }
			.post ul li, .comment-content ul li, .post ol li, .comment-content ol li { line-height: 1.3rem; padding: 0 0 5px 30px; }
			.post { padding: 0 0 50px !important; }
			.one_third, .one_half { width: auto !important; float: none !important; margin-right: 0 !important; }
			ul#et_pt_blog { float: none !important; width: auto !important; }
				li.et_pt_blogentry { float: none !important; width: auto !important; }
			.tablepress { font-size: 0.7rem !important; line-height: 0.9rem !important; }
			.tablepress td, .tablepress th { padding: 4px !important; }
			
		#sidebar { display: block; float: none; width: auto; padding-left: 0px; padding-right: 0px; font-size: 1rem; }
			.widget h3.title { line-height: 1.2rem; font-size: 1rem; }
			.widget, .widget img { float: left; width: 100%; max-width: 460px; }
			.widget p { padding-bottom: 5px; }
			
	/* Single Posts */
	body.single #left-area { padding: 20px; }
		body.single #left-area .post img.size-blog-photo { float: none; max-width: 100%; border: 0 none; margin: 0 0 20px; }
				
	#footer-topbar ul li, #footer-topbar ul li:first-child { float: none; width: auto; padding-right: 0px; }
		#footer-topbar ul li img.ftlogo { width: 60px; }
		#footer-topbar ul li span strong { font-size: 100%; }
		#footer-topbar ul li.footer-menu h4 { font-size: 1.4rem; }
			#footer-topbar ul li.footer-menu ul li { float: none; width: auto; }
				#footer-topbar ul li.footer-menu ul li a { padding: 10px 0px 10px 20px; }
	#footer-bottom { font-size: 0.7em; text-align: center; padding: 10px 0 65px; }
		#copyright, #developed { float: none; }
	#footer-toggle-menu { display: block; }
	
	#back-top { bottom: 60px; right: 0px; }
	
}





@media only screen and ( max-width: 479px ) {
	.container { width: 90%; }
	.widget h3.title, .widget h3.widget-title, .button, input[type=submit], button { font-family: 'Roboto', Arial, sans-serif; font-weight: 500 !important; }
	
	#logo { display: block; float: none; margin: 0 auto 10px; height: 50px !important; }
	#header-tag { display: block; float: none; margin: 0 auto; width: auto; font-size: 90%; line-height: 23px; }
	#navigation { display: none; }
	#search-top { float: none; margin-top: 10px; }
	
	/* Homepage Styles */
	#header, #homepage-main-content article, #home-latest .container, #homepage-story ul li, #home-carousel .container, #left-area, .widget { padding: 10px; }
	#homepage-main-content { padding-top: 20px; }
		#homepage-main-content p:last-of-type { padding-bottom: 30px; }
	#homepage-story ul { float: none; }
		#homepage-story ul li { float: none !important; width: auto !important; margin-right: 0px !important; margin-bottom: 30px; }
		#homepage-story ul li div { position: relative; left: 0px; right: 0px; bottom: 0px; font-size: 1.2rem; padding: 10px; background: rgba(35,62,149,1); }
			#homepage-story ul li div strong { font-size: 1.4rem; }
		#homepage-story ul li ul li:last-child { display: block; }
		#homepage-main-content h1, #home-latest h2, #homepage-story h3, h3 { font-size: 1.4rem; }
			#homepage-story ul li article .button { padding: 22px 20px 20px; }
				#homepage-story ul li article .button i { font-size: 1.4rem; }
	#home-latest article { padding: 20px; text-align: center; }
		#home-latest article img { max-width: 100%; height: auto; }
		#home-latest article .badge { font-size: 0.8rem; line-height: 1.2rem; letter-spacing: 1px; padding: 18px 10px; top: inherit; bottom: 165px; left: -5px; width: 95px; margin-right: 0; z-index: 111; }
		#home-latest article .latest-buttons { position: relative; width: 100%; top: 0px; left: 0px; padding-top: 10px; }
			#home-latest article .latest-buttons a.button { padding: 22px 10px 20px; text-align: center; }
	
	#category-name { padding: 50px 0px; }
		h1.category-title { font-size: 1.3rem; line-height: 1.8rem; }
		p.description { font-size: 0.9rem; }
		a#page-header-am { position: relative; bottom: 0px; left: 0px; margin: 0 auto; text-align: center; display: block; padding-bottom: 10px; }
	#content { margin-top: 20px; }
		#left-area { display: block; float: none; width: auto; margin-bottom: 20px; border-top: 0 none; background: none transparent; padding: 0 !important; box-shadow: 0 0; -webkit-box-shadow: 0 0; }
			h1 { font-size: 2rem; }
			h2, h3, h4, h5, h6 { font-size: 1.4rem; line-height: 1.8rem; }
			p { line-height: 1.5rem; }
			.post { padding: 0 0 50px !important; }
			.one_third, .one_half { width: auto !important; float: none !important; margin-right: 0 !important; }
			ul#et_pt_blog { float: none !important; width: auto !important; display: flex; flex-flow: row wrap; justify-content: space-between; }
				li.et_pt_blogentry { float: none !important; width: 48% !important; padding: 0px !important; border: 0 none; margin-right: 0; }
					li.et_pt_blogentry a.et_pt_thumb img { display: block; }
						li.et_pt_blogentry h2.et_pt_title { font-size: 0.9rem; line-height: 1.1rem; margin-bottom: 10px; font-weight: bold; }
						li.et_pt_blogentry p { font-size: 0.7rem; line-height: 1rem; padding: 0; border: 0 none; }
				
			input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input.text, input.title, textarea, select { padding: 7px !important; font-size: 0.9rem !important; }
			input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit { padding: 17px 10px 15px; font-size: 0.9rem !important; }
			.tablepress { font-size: 0.7rem !important; line-height: 0.9rem !important; }
			.tablepress td, .tablepress th { padding: 4px !important; }
			
		#sidebar { display: block; float: none; width: auto; padding-left: 0px; font-size: 1rem; }
			.widget h3.title { line-height: 1.2rem; font-size: 1rem; }
			.widget, .widget img { float: left; width: 100%; max-width: 300px; }
			.widget p { padding-bottom: 5px; }
	
				
	#footer-topbar ul li, #footer-topbar ul li:first-child { float: none; width: auto; padding-right: 0px; margin-bottom: 20px; }
		#footer-topbar ul li img.ftlogo { width: 60px; }
		#footer-topbar ul li span strong { font-size: 100%; }
		#footer-topbar ul li.footer-menu h4 { font-size: 1.4rem; }
			#footer-topbar ul li.footer-menu ul li { float: none; width: auto; margin-bottom: 0px; }
				#footer-topbar ul li.footer-menu ul li a { padding: 10px 0px 10px 20px; }
	#footer-bottom { font-size: 0.7em; text-align: center; padding: 10px 0 65px; }
		#copyright, #developed { float: none; }
	#footer-toggle-menu { display: block; }
	
	#back-top { bottom: 60px; right: 0px; }
	
	.et-protected { width: auto !important; }
		.et-protected-form { background: none !important; }
			.et-protected-form p input { margin: 0 !important; }

}