@media screen and ( max-width: 1350px ) {
/* FOOTER */
#footer { padding: 0 0 33% 0; }
}

@media screen and ( max-width: 1273px ) {
	.menu { float: none; display: inline-block; text-align: center; width: 100%; margin-top: 5px; }
}

@media screen and ( max-width: 1225px ) {
/* TOP */
	/* HEADLINES */
	/* TOP */
	.box-head-post span { font-size: 25px; }

}

@media screen and ( max-width: 1205px ) {
/* CONTENT */
	.border-img, .border-text { clear: both; max-width: 80%; margin: 0 auto; float: none; position: relative; }

/* FOOTER */
#wrapper-footer { max-width: 100% !important; }
	.box-1 { margin: 25px 20px; }
}

@media screen and ( max-width: 1190px ) {
	.single-wrapper .single-left { width: 100% !important; }
	.single-wrapper .single-right { max-width: 100% !important; border: 0; }
	.single-wrapper .ad-box { vertical-align: top; }
}

@media screen and ( max-width: 1185px ) {
/* TOP */
#top { text-align: center; }
	.menu { float: none; display: inline-block; }
	#sub-nav { background: #000 !important; margin-top: 15px !important; }
	/* HEADLINES */

		/* BOTTOM */
		.bottom-head .bottom-img-post { max-width: 100%; text-align: center; }
		.bottom-text-post { max-width: 100%; clear: both; }

/* MODAL MENU OVERLAY */
.overlay { bottom: -136px; }

#hover-1 .hover-box, #hover-2 .hover-box, #hover-3 .hover-box { margin: 0 5px; }

/* CONTENT */
	/* MAIN-LEFT */
		/* LATEST-POST */
		.latest-post .img { max-width: 60%; float: none; margin: 0 auto 15px; }
		.latest-post .context { clear: both; max-width: 100%; }
			.img p { display: none; }

		.post-wrap .post-img-wrap { float: none; margin: 0 auto; max-width: 55%; }
		.post-wrap .post-text-wrap { max-width: 80%; margin: 0 auto; clear: both; position: relative; float: none; }

}

@media screen and ( max-width: 1182px ) {
	.single-right { max-width: 360px; }
}

@media screen and ( max-width: 1150px ) {
/* CONTENT */
	.posts-title { font-size: 35px; }

/* FOOTER */
#footer {height: 40px;}
.footer-box { display: inline-block; float: none; text-align: left; vertical-align: top; text-align: left; max-width: 30%; }
}

@media screen and ( max-width: 1130px ) {
	.single-left { width: 100%; }
	.single-right { display: none; }
	#hidden-6, #hidden-4, #hidden-7, #hidden-8 { display: block; text-align: center; }
}
@media screen and ( max-width: 1110px ) {
	#footer .box-1 {width: 35% !important;}
}
@media screen and ( max-width: 1084px ) {
	.footer-box {max-width: 40% !important;float: left;}
	#footer .box-3 {float: left;}
	#footer .box-1 {width: 40% !important;  margin-right: 100px;}
}
@media screen and ( max-width: 1000px ) {
/* TOP */
	/* HEADLINES */
		/* TOP */
		.box-head-post { text-align: center; }
			.box-head-post .head-img { max-width: 65%; float: none; display: inline-block; }
			.box-head-post .head-text { clear: both; max-width: 100%; }

		/* BOTTOM */
		.bottom-head .bottom-title { font-size: 60px; }
		#footer {height: 50px;}
}
@media screen and ( max-width: 980px ) {
#footer {height: 60px;}
}
@media screen and ( max-width: 950px ) {
#footer {height: 70px;}
}
@media screen and ( max-width: 930px ) {
#footer {height: 90px;}
}
@media screen and ( max-width: 910px ) {
#footer {height: 100px;}
}
@media screen and ( max-width: 900px ) {
#footer {height: 120px;}
}
@media screen and ( max-width: 880px ) {
/* TOP */
	.search div { width: 100%; text-align: center; margin: 0px 5px 2px 5px; }
	.search img { float: none; }

/* CONTENT */
	.posts-title { font-size: 30px; }

	/* MAIN-LEFT */
	.main-left { max-width: 100%; }
	/* MAIN-RIGHT */
	.main-right { clear: both; max-width: 95%; border: none; padding: 0; float: none; }
		.border-img, .border-text { max-width: 60%; }
		.border-top-post, .main-right .bottom-box p { text-align: center; }
		.post-box p, .right-box p { text-align: center; }
	#footer {height: 130px;}
}

@media screen and ( max-width: 870px ) {
/* MAIN */
	.logo, .right-top-wrap { max-width: 100%; width: 100%; text-align: center; }
	.search { padding: 5px 0 0 0; float: none; }
	.status-wrap, .temp, .temp div { float: none; }
	.status-wrap { padding: 10px 0; }

	/* TOGGLED-MENU */
	.menu { display: none; }
	#toggle-menu, #toggle-button { display: block; }
	#footer {height: 150px;}
}
@media screen and ( max-width: 830px ) {
#footer {height: 160px;}
}
@media screen and ( max-width: 829px ) {
#footer .box-1 {width: 100% !important;margin: 20px;}
.footer-box {max-width: 90% !important;float: none; margin: 10px 20px;}
#footer {height: 260px;}
}
@media screen and ( max-width: 822px ) {
/* TOP */
#menu ul li { padding: 0 1px; }

/* FOOTER */
.footer-box { max-width: 90%; margin: 25px 20px; }

/* MODAL OVERLAY */
.overlay { top: 346px; }

/* TOGGLED-MENU */
.menu { display: none; }
#toggle-menu { display: block; }
#footer {height: 325px;}
}
@media screen and ( max-width: 800px ) {
#footer {height: 335px;}
}
@media screen and ( max-width: 792px ) {
	#footer {height: 340px;}
}
@media screen and ( max-width: 795px ) {
	.bottom-box { margin: 0 10px; }
}
@media screen and ( max-width: 785px ) {
.post-detail .wp-caption {width: 100%;}
.footer-box {max-width: 90%; margin: 25px 20px;}
}
@media screen and ( max-width: 760px ) {
#footer {height: 360px;}
}
@media screen and ( max-width: 749px ) {
#footer {height: 380px;}
}
@media screen and ( max-width: 730px ) {
#footer {height: 390px;}
}
@media screen and ( max-width: 720px ) {
#footer {height: 400px;}
.box-head-post p a {font-size: 22px;}
}
@media screen and ( max-width: 710px ) {
#footer {height: 410px;}
}
@media screen and ( max-width: 700px ) {
	.row-category-pager { width: 96%; margin-bottom: 25px; padding: 0 6px; }
	.column-category-page { width: 80%; float: none; margin: 0 auto; }

	#hidden-1, #hidden-2, #hidden-3 { display: block; text-align: center; margin: 30px 0; }
	#hidden-6 { display: none; }
}
@media screen and ( max-width: 670px ) {
#footer {height: 420px;}
}
@media screen and ( max-width: 647px ) {
	ul.box-wrapper-three { text-align: center; }
	ul.box-wrapper-three li { float: none; display: inline-block; vertical-align: top; }
}
@media screen and ( max-width: 645px ) {
#footer {height: 430px;}
}
@media screen and ( max-width: 610px ) {
#footer {height: 440px;}
}
@media screen and ( max-width: 600px ) {
/* TOP */
.middle-post .middle-post-title, .middle-post .middle-post-text { max-width: 100%; margin: 0; }

.box-head-post span { font-size: 16px; }

.bottom-head .bottom-title { font-size: 45px; }
.latest-post .title {font-size: 40px;}
.bottom-head .bottom-title {font-size: 40px;}
}
@media screen and ( max-width: 596px ) {
#footer {height: 450px;}
}
@media screen and ( max-width: 580px ) {
	ul.box-wrapper-three li { width: 100%; margin: 0; }
	#footer {height: 460px;}
}
@media screen and ( max-width: 579px ) {
#footer {height: 470px;}
}
@media screen and ( max-width: 577px ) {
.column {max-width: 95%;}
}
@media screen and ( max-width: 566px ) {
#footer {height: 480px;}
}
@media screen and ( max-width: 558px ) {
.footer-box {max-width: 80% !important;}
}
@media screen and ( max-width: 550px ) {
#footer {height: 490px;}
}
@media screen and ( max-width: 550px ) {
.bottom-head .bottom-title {font-size: 35px;}
.latest-post .title {font-size: 35px;}
}
@media screen and ( max-width: 520px ) {
#footer {height: 500px;}
}
@media screen and ( max-width: 500px ) {
/* CONTENT */
	/* INNER */
	.inner-left-main { border: none; padding: 0; max-width: 100%; }
	.inner-right-main { margin: 20px 0 0 0; padding: 0; max-width: 100%; }

	.column { max-width: 100%; margin: 0; }
	.col-right { padding: 0; border: none; }

	.bottom-box { max-width: 100%; margin: 0; }

	.box-head-post { clear: both; max-width: 100%; }

/* FOOTER */
.footer-box { max-width: 80%; margin: 25px 10px; }
#footer {height: 510px;}
}
@media screen and ( max-width: 490px ) {
	#footer {height: 520px;}
}
@media screen and ( max-width: 485px ) {
	#toggle-menu ul.toggle-innersub { top: 175px; }
}
@media screen and ( max-width: 473px ) {
#footer {height: 530px;}
}
@media screen and ( max-width: 459px ) {
#footer {height: 550px;}
}
@media screen and ( max-width: 450px ) {
#footer {height: 560px;}
}
@media screen and ( max-width: 446px ) {
	#footer {height: 580px;}
}
@media screen and ( max-width: 422px ) {
	.footer-box {max-width: 90% !important;}
}
@media screen and ( max-width: 420px ) {
	#footer {height: 550px;}
}
@media screen and ( max-width: 412px ) {
	#wrapper-footer {max-width: 95% !important;margin: 0;}
	#footer {height: 590px;}
}
@media screen and ( max-width: 400px ) {
	#toggle-menu ul li a { font-size: 20px; padding: 0 10px; }

	.column-category-page { width: 97%; }
	.post-content-pager { padding: 0 10px; }
	.post-text img  { width: 100%; float: none; margin: 0 0 10px 0;  }
}
@media screen and ( max-width: 397px ) {
	#footer {height: 610px;}
}
@media screen and ( max-width: 396px ) {
	#footer {height: 650px;}
}
@media screen and ( max-width: 392px ) {
	#footer {height: 700px;}
}
@media screen and ( max-width: 389px ) {
	.latest-post .title {font-size: 27px;}
	.bottom-head .bottom-title {font-size: 27px;}
	.box-head-post p a {font-size: 19px;}
}
@media screen and ( max-width: 375px ) {
	#footer {height: 710px;}
}
@media screen and ( max-width: 364px ) {
	#footer {height: 730px;}
}
@media screen and ( max-width: 359px ) {
	#footer {height: 670px;}
	.latest-post .title {font-size: 22px;}
	.bottom-head .bottom-title {font-size: 22px;}
	.posts-title {font-size: 24px;}
	.post-box .col-title {font-size: 21px;}
}
@media screen and ( max-width: 355px ) {
	#footer {height: 740px;}
}
@media screen and ( max-width: 329px ) {
	#footer {height: 750px;}
}
@media screen and ( max-width: 327px ) {
	#footer {height: 780px;}
}
@media screen and ( max-width: 324px ) {
	#footer {height: 800px;}
}
@media screen and ( max-width: 307px ) {
	#footer {height: 830px;}
}
@media screen and ( max-width: 270px ) {
	#toggle-menu ul li a { padding: 0; font-size: 17px; }
}