/*
 :: Table Of Content
 1.) Tablet and Mobile
 2.) Tablet
 3.) Mobile
 * ==============================*/

/*
 1.) Tablet and Mobile
 * ==============================*/

@media all and (max-width: 1023px) {
	body {
		min-width: 1px;
	}
	#wrapper {
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#wrapper, .Index-Apply {
		max-width: 970px;
		width: 100%;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.logo, .search-block {
		background-size: 100%;
	}
	.search-block input.txt-field {
		width: 91%;
		font-size: 11px;
		padding: 3px 0;
	}
	#nav .drop-box.large {
		width: 100%;
	}
	.search-block .btn-go {
		width: 21px;
		background-size: 100% auto;
	}
}

/*
 2.) Tablet
 * ==============================*/

@media all and (min-width: 768px) and (max-width: 1023px) {
	.top-nav li {
		padding: 0 0 0 13px;
	}
	.logo {
		width: 44%;
	}
	.search-block {
		width: 49.5%;
	}

	#content {
		width: 67%;
	}
	#sidebar {
		width: 30.9%;
	}
	#nav > li > a {
		font-size: 12px;
		padding: 3px 5.4px 6px 6px;
	}
	#nav .drop-box.large {
		width: 746px;
	}
	#nav .drop-box .box, #nav .drop-box .box:first-child {
		width: 100px;
		margin: 0 15px -999px 0;
	}
	.two-cols > .box:first-child {

		width: 58%;
	}
	.two-cols > .box {
		width: 39.4%;
	}
	.top-nav a, .top-txt, #nav .drop-box .box a {
		font-size: 12px;
	}
	#nav .drop-box .box h2 {
		font-size: 14px;
	}
	.Index-Apply {
		font-size: 10px;
	}
	.banner-box {
		width: 100%;
	}
	.textwidget iframe, .textwidget #s7, .textwidget div, .textwidget iframe img {
		width: 100% !important;
	}
	/*.loadMoreBar .archiveLink {
	 left: 55px;
	 }*/
	.lst-social li.twitter {
		margin-top: 10px;
	}
	.ttl-box h2 {
		font-size: 16px;
	}
	#nav > li.last {
		float: left;
		padding-left: 0.3px;
	}
	#nav {
		text-align: center;
	}
	#nav > li.last, #nav > li {
		float: none;
		text-align: left;
	}
	#nav > li {
		display: inline-block;
		vertical-align: top;
	}
	/*#nav li:hover .drop-box {
	 display: none;
	 }*/

	#nav .drop-box.large {
		left: auto;
		right: 0;
	}
	#nav li:nth-child(6) .drop-box {
		width: 460px;
	}
	#nav li:nth-child(7) .drop-box {
		width: 396px;
	}
	#nav > li.active-menu-list > a {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: #f2f2f2 none repeat scroll 0 0;
		border-color: #ccc;
		border-image: none;
		border-style: solid;
		border-width: 1px 1px 0;
		color: #ca1e8b;
		text-decoration: none;
	}
	#nav > li > a {
		cursor: pointer;
	}
	input[type="radio"] {
		display: block;
		float: left;
		margin-top: 5px;
	}
	.adv-box {
		width: 100%;
		overflow: hidden;
	}
	.loadMoreBar .archiveLink {
		left: 28%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	input[type="radio"] {
		display: block;
		float: left;
		margin-top: 5px;
	}
}

/*
 3.) Mobile
 * ==============================*/

@media screen and (max-width: 767px) {
	body, p {
		font-size: 12px;
		line-height: 1.5;
	}

	.h-area .txt, .social-top-icos {
		float: left;
		display: block;
	}
	.h-area, .top-h-row {
		text-align: center;
	}
	.h-area {
		padding: 4px 0 12px;
	}

	.imenu {
		display: block;
		color: #2ba8e0;
		text-align: left;
		padding: 0 10px;
		float: right;
	}
	.imenu span {
		display: block;
		width: 20px;
		height: 3px;
		margin-bottom: 3px;
		background: #2ba8e0;
	}
	.imenu strong {
		display: block;
		float: left;
		line-height: 16px;
		padding-left: 25px;
		text-transform: uppercase;
		font-size: 13px;
	}
	.h-area {
		position: relative;
		overflow: none;
	}
	#menu-header-nav.top-nav {
		display: none;
		float: none;
		position: absolute;
		left: 0;
		top: 38px;
		background: rgba(43,168,224,0.9);
		width: 100%;
		z-index: 100;
		padding: 13px 0;
	}
	.top-nav li {
		float: none;
		padding: 0;
		text-align: left;
		border-bottom: 1px solid #fff;
	}
	.top-nav a {
		color: #fff;
		display: inline-block;
		font-size: 16px;
		padding: 10px;
	}
	.top-nav li:last-child {
		border-bottom: none;
	}
	.imenu strong, .imenu span {
		cursor: pointer;
	}
	.top-txt {
		text-align: center;
	}
	.top-txt span, .top-txt a {
		display: block;
	}
	.logo {
		display: block;
		float: none;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	.search-block {
		float: none;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-size: 100% 20px;
	}
	.search-block input.txt-field {
		width: 90%;
		padding: 1px 0;
	}
	.search-block .btn-go {
		width: 18px;
	}

	#header #nav {
		display: none;
		padding: 0px;
		width: 100%;
		z-index: 1000;
	}

	.imenu2 {
		display: block;
		color: #fff;
		text-align: left;
		margin-top: 10px;
		background: #000;
		padding: 10px;
		border-bottom: 1px solid #fff;
	}
	.imenu2 span {
		display: block;
		width: 20px;
		height: 3px;
		margin-bottom: 3px;
		background: #fff;
	}
	.imenu2 strong {
		display: block;
		float: left;
		line-height: 16px;
		padding-left: 25px;
		text-transform: uppercase;
		font-size: 13px;
	}
	#nav > li > a, #nav > li, #nav > li.last {
		float: none;
	}
	#nav > li {
		position: relative;
	}
	#nav > li > a {
		font-size: 16px;
		border-bottom: 1px solid #fff;
		display: block;
		border-left: none;
		border-top: none;
		border-right: none;
		padding: 3px 7px 6px 6px;
	}
	#nav > li.last > a {
		border-bottom: none;
	}
	#nav li:hover .drop-box {
		display: none;
		z-index: 200;
	}
	.arrow-mob {
		display: block;
		color: #fff;
		position: absolute;
		right: 0;
		top: 50%;
		content: " ";
		width: 20px;
		height: 20px;
		font-size: 10px;
		cursor: pointer;
		z-index: 100;
		margin-top: -10px;
	}
	.arrow-mob span:nth-child(2) {
		display: none;
	}
	.arrow-mob.active span:nth-child(1) {
		display: none;
	}
	.arrow-mob.active span:nth-child(2) {
		display: block;
	}
	#nav > li:hover > a, #nav > li > a:hover {
		text-decoration: none;
		background: #000;
		color: #fff;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #fff;
		padding: 3px 7px 6px 6px;
	}
	#nav > li.last:hover > a, #nav > li.last > a:hover {
		border-bottom: none;
	}
	#nav .drop-box {
		background: #f2f2f2;
		left: 0;
		width: 100%;
		z-index: 200 !important;
		border: 1px solid #ccc;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#nav .drop-box .box, #nav .drop-box .box:first-child {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		width: 100%;
	}
	#nav .drop-hold {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#nav .drop-hold {
		padding: 0 20px;
	}
	#nav .drop-box .box {
		border-right: none;
		padding: 0;
		text-align: center;
	}
	#content, #sidebar, .two-cols > .box, .two-cols > .box:first-child {
		max-width: 100%;
		width: 100%;
		float: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.Index-Apply {
		text-align: center;
		line-height: 1.2;
	}
	.Index-Apply a, .Index-Apply b {
		display: block;
	}
	.h-section {
		padding: 0;
	}
	.Index-Apply {
		margin-bottom: 30px;
	}
	#content .img-box, .side-news-box .img {
		text-align: center;
	}
	#sidebar .btn-row > span {
		float: none;
		padding-right: 10px;
	}
	.banner-box {
		margin: 0 auto;
		max-width: 300px;
		width: 100%;
	}
	.news-txt-hold .txt-box h2 {
		font-size: 20px;
		line-height: 1.2;
	}
	.social-btns {
		float: none;
	}
	.social-btns li {
		float: none;
		display: inline-block;
		vertical-align: top;
		padding: 0 0px 0 10px;
	}
	#breadcrumbs {
		padding: 10px 0 3px;
	}
	.top-inform-area .txt-box h1 {
		font-size: 24px;
		line-height: 1.2;
	}
	.top-inform-area .txt-box {
		width: 100%;
		float: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.top-inform-area {
		padding: 0;
	}
	.loadMoreBar .archiveLink {
		left: 29%;
	}
	.imenu2 strong, .imenu2 span {
		cursor: pointer;
	}
	#nav .drop-box .box h2 {
		font-size: 24px;
		margin: 0 0 25px;
	}
	#nav .drop-box .box a {
		font-size: 16px;
	}
	#nav .drop-box .box li {
		margin-bottom: 13px;
	}
	#nav .block {
		float: none;
		width: 100%;
	}
	.textarea-wrapper {
		width: 100%;
	}
	input[type="radio"] {
		display: block;
		float: left;
		margin-top: 5px;
	}

	.entry input[type="text"], .entry input[type="password"], .entry textarea {
		box-sizing: border-box;
		width: 100%;
		border-radius: 0px;
	}
	.entry h1, .top-inform-area .txt-box h1 {
		font-size: 22px;
	}
	.news-txt-hold .txt-box a {
		display: block;
		text-align: center;
	}
	.news-txt-hold .alignleft, .news-txt-hold img.alignleft, .news-txt-hold a img.alignleft {
		display: inline-block;
		float: none;
	}
	.news-txt-hold .txt-box .add-row a, .news-txt-hold .txt-box span.date a, .news-txt-hold .txt-box h4 a {

		display: inline;
		text-align: left;
	}
	.img-area {
		text-align: center;
	}
	.lst-social li {
		display: inline-block;
		float: none;
		padding: 0 7px 7px 0;
		vertical-align: top;
	}
	.news-txt-hold .txt-box h2 {
		font-size: 18px;
	}
	.entry p {
		line-height: 1.5;
	}
	.news-txt-hold .txt-box h2 a {
		text-align: left;
	}
	#sidebar .txt-box h3 {
		font-size: 13px;
		line-height: 1.2;
	}
	.entry-area .news-txt-hold .txt-box h2 {
		font-size: 18px;
		line-height: 1.2;
	}
}