.i-sear .main-content .form-box INPUT {width: 79%; float: left; margin: 0 2% 15px 0;}
.i-sear .main-content .form-box BUTTON {margin: 0; width: 18%; padding: 9px 1%; height: 38px;}
.i-sear #content .main-content .form-box P {display: inline-block;}
#content .detail .social {margin-top: -32px;}
.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides1_nav.next {display: none;}
.top-bar {padding: 12px 0 15px; height: 15px;}
.top-bar UL, .with-popup, #header .box IMG {display: none;}
/* Menu-Mobile */
#header .area {
	/*position: relative;*/
}
#header #show-menu {
	position: absolute;
	left: 18px;
	top: 30px;
	display: none;
	z-index: 100;
}
#header #show-menu span {
	width: 25px;
	background: #d5140d;
	height: 3px;
	margin: 0 0 4px;
	display: block;
	height: 3px;
    margin: 0 0 5px;
    width: 30px;
}
#header #show-menu:hover {
	text-decoration: none;
}
#header #show-menu.close {
	width: 24px;
	height: 24px;
	background: url("../images/icons/i-close.gif") no-repeat left top;
}
#header #show-menu.close span {display: none;}



.for-mob {display: none;}
.i-banner-box {display: none;}
@media screen and (max-width: 1200px) {
	#page {min-width: 320px;}
	.area {width: 90%;}
	#header H1 {width: 19%; float: left;}
	#header .logotype IMG {width: 100%;}
	#header .box {width: 40%; margin: 12px -3% 0 3%;}
	#header .box IMG {width: 23%; margin-left: 5%;}
	#header .box A {font-size: 10px;}
	.main-content .banner IMG {width: 100%;}
	#slider-menu {width: 36%;}
	.rslides {width: 59%;}
	#content .rslides .img .camera {top: 155px;}
	#footer > .area > .top-menu > UL > LI {margin-left: 16px;}
	#content .news {width: 35%;}
	#content .events {width: 64%;}
	/* Change-profile */
	.column {width: 44%;}
	.small-col {width: 21%;}
	.main-content .form-box.register INPUT {width: 100%;}
	/* News */
	#content IMG.i-resp {width: 100%; height: 100%;}
	#content .form-area TEXTAREA, #content .comments .form-area P {width: 65%;}
	#content .form-area BUTTON {font-size: 14px; width: 30%; padding: 12px 3%;}
}
@media screen and (max-width: 1165px) {
	/* Search-results */
	.main-content .form-box BUTTON {margin: 5px 0 13px; display: block;}
}
@media screen and (max-width: 1100px) {
	#content .events LI {width: 44%;}	
	#content .sort .jq-selectbox {margin-left: 1%;}
}
@media screen and (max-width: 1050px) {
	.main-menu {font-size: 12px;}
	#content .rslides .img .camera {top: 115px;}
	/* Profile-login */
	#content .main-content.profile .column > UL LI .delete {margin: 20px 0 0 10px;}
	#content .sort > UL > LI {margin: 5px 0 0 15px;}
}

@media screen and (max-width: 992px) {
	.i-sear #content .sort strong {display: block; margin: -23px 0 0;}
	.i-sear #content .sort .jq-selectbox {margin: 0 0 0 -8px;}
	#content .i-indent {padding: 33px 0 8px;}
	.i-sear #content .sort > UL > LI A, .i-sear .sort .jq-selectbox__select {font-size: 14px;}
}
@media screen and (max-width: 950px) {
	#content .events LI {
		display: table;
	    vertical-align: top;
	    width: 88%;
	}
	#content .rslides .img .camera {top: 145px;}
	#footer > .area > .top-menu > UL > LI {margin-left: 10px;}
	#footer {font-size: 12px;}
	/* Change-profile */
	.small-col {width: 100%; text-align: center;}
	.small-col IMG {display: inline-block;}
	.i-small-call {margin: auto; width: 50%;}
	#content .small-col .change {margin: -5px 0 15px;}
	.column, #content .main-content .column .form-box.register {width: 100%; margin: 0;}
	.column, #content .main-content .column {margin: 10px 0 0;}
	#content .main-content.profile H1 {font-size: 20px; text-align: center;}
	/* Search-results */
	.main-content .form-box INPUT {width: 100%;}
}
@media screen and (max-width: 845px) {
	.main-menu LI A {padding: 10px 4px;}
	#footer > .area > .top-menu > UL > LI {margin-left: 10px;}
	/* News */
	#content .comments .form-area P {font-size: 12px;}
	#content .form-area BUTTON {font-size: 12px; width: 62%; float: left; margin: 12px 0 0;}
	#content .form-area TEXTAREA {height: 32px;}
	#content .form-area TEXTAREA, #content .comments .form-area P {width: 100%;}
	.main-content .social LI {margin-left: 8px;}
}
@media screen and (max-width: 800px) {
	#header .box {margin: 12px 0 0 10%;  width: 27%;}
	#header .box IMG {display: none;}
	#header .box A {
		display: inline-block; 
		line-height: 130%;
		padding-right: 10px;
	}
	#header H1 {width: 23%;}
	.with-popup.i-reg {display: block; font-size: 0;}
	.i-reg:before {
		width: 12px;
		height: 12px;
		content: '';
		display: block;
		margin: 2px 0 0;
		background: url("../images/icons/i-log.gif") no-repeat left top;
	}
	.right-side .search {background: none; position: relative;}
	.right-side .search INPUT {
		top: 0;
		right: 30px;
		background: #fff; 
		padding: 1px 7px 3px; 
		width: 110px; 
		display: none;
		position: absolute;
	}
	.right-side .search BUTTON {
		margin: 5px 0 0;
		background: url("../images/icons/i-search.gif") no-repeat left top;
	}
	.i-banner-box {text-align: center;}
	.i-banner-box H2 {text-align: left;}
	.i-banner-box .banner IMG {width: 95%; margin: auto; text-align: center;}
	.right-side {width: 12%;}
	#header UL LI.i-non {display: none;}
	.for-mob {display: block;}
	.main-menu UL {width: 30%; display: inline;}
	.for-mob {float: right;}
	.for-mob > LI {float: right;}
	.for-mob > LI > A:after {
		width: 15px;
		height: 15px;
		content: '';
		margin: 0 0 -7px 10px;
		display: inline-block;
		background: url("../images/icons/white-arrow.gif") no-repeat left top;
	}
	.main-menu {font-size: 14px;}
	#header .main-menu UL.for-mob .sub-menu {text-align: center;}
	#header .main-menu UL.for-mob .sub-menu UL LI {text-align: center; margin: 0!important;}
	.main-content .banner, .slideshow .i-non, #content .events LI.i-non {display: none;}
	.slideshow {min-height: 439px; position: relative;}
	.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides1_nav.next {
		width: 20px;
		height: 36px;
		top: 102px;
		left: 10px;
		z-index: 100;
		position: absolute;
		text-indent: -10000px;
		display: block;
		background: url("../images/icons/i-prev.png") no-repeat left top;
	}
	.rslides_nav.rslides1_nav.next {left: auto;right: 10px;background: url("../images/icons/i-next.png") no-repeat left top;}
	#content .rslides .img .camera {top: 203px;z-index: 100;}
	#content #slider-menu {width: 63%; margin: -220px 0 0;}
	#content #slider-menu strong,  #content #slider-menu A em {display: none; background: none;}
	#content #slider-menu LI {display: inline-block; margin: 0 4px;}
	#content #slider-menu A {
	 	width: 9px;
		font-size:0 !important;
	 	height: 9px;
	 	display: block;
	 	background: #fff;
	 	text-indent: -10000px;
	 	border-radius: 50%;
		-o-border-radius: 50%;   
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	#content #slider-menu A span{font-size:0 !important;}
	#content #slider-menu LI.rslides_here A {background: #d5140d;}
	.i-banner-box {display: inline-block;}
	.rslides {width: 100%;}
	#content .events {width: 43%;}
	#content .events UL {margin-left: 0;}
	#content .events LI {width: 100%; margin-left: 0;}
	#content .news {width: 53%;}
	#content .events LI:last-child {border: none;}
	.main-content {margin: 0;width: 60%;}
	.sidebar {width: 37%;}
	.weather IMG, .facebook IMG, .tweets IMG, .pic IMG {width: 100%; height: auto;}
	.course A {font-size: 13px;} 
	#content .tabs UL LI A {width: 100%; display: table-cell; padding: 4px 5px;}
	#footer .i-non {display: none;}
	#footer .for-mob > LI > A::after {background: url("../images/icons/gray-arrow.gif") no-repeat left top;}
	#footer .for-mob > LI > A span {display: none;}
	#footer .sub-menu {display: none;}
	#footer .for-mob LI:hover .sub-menu {display: block;}
	#footer .for-mob > LI > A {text-decoration: none;}
	#footer > .area > .top-menu > UL > LI {margin-left: 35px;}
	#footer .menu LI {font-size: 10px;}
	#footer P {text-align: center;}
	#footer .for-mob LI.i-no {display: none;}
	/* News */
	.main-content.detail > IMG, .main-content.detail .video-box iframe {width: 100%; height: auto;}
	/* Profile */
	#content .main-content.profile .column > UL LI {margin-left: -10px;}
	#content .pager .prev, #content .pager .next {margin: 0;}
	#content .pager UL LI {margin: 0 3px;}
	/* Register */
	#content .captcha IMG {width: 100%; height: auto;}
	.main-content .form-box.register BUTTON {width: 100%;}
	/* All-News */
	.i-news .sidebar {margin: 50px 0 0;}
	.sidebar .jq-selectbox__select {margin: 0 25px 0 -20px;}
	#content .pager .prev {float: left;}
	#content .pager .next {float: right;}
	#content .detail .social {margin-top: 13px;width: 100%;}
	#content .detail.main-content .social LI {margin: 0 8px 0 0;}
	/* Search-results */
	.i-sear .main-content .form-box BUTTON {height: 32px; width: 29%; padding: 7px 1%;}
	.i-sear .main-content .form-box INPUT {width: 69%; padding: 4px 10px;}
	
	
	#content .owl-controls .owl-prev {left: 0;}
	#content .owl-controls .owl-next {right: 0;}
}
@media screen and (max-width: 746px) {
	#content .rslides .img .camera {top: 183px;}
	#content #slider-menu {margin: -230px 0 0;}
	#footer > .area > .top-menu > UL > LI {
	    margin-left: 8px;
	}
	/* All-News */
	.i-news #content H1 SPAN {left: 50px;}
	.sidebar .ui-datepicker .ui-datepicker-title {margin: -55px 37px 0 0;}
	/* Search-results */
	.i-sear #content .sort > UL {float: left; width: 100%; margin: 0 0 0 -12%;}
	.i-sear #content .sort > UL > LI {margin: 5px 0 0 17%;}
	.i-sear #content .sort strong {float: left;}
	.i-sear #content .sort .jq-selectbox {float: right; margin: -29px 0 0 -8px;}
	.i-sear #content .sort > UL {margin: 0;}
	.i-sear #content .sort > UL > LI {margin: 5px 0 0 10%;}
	#content .i-indent {display: inline-block; width: 100%;}
}
@media screen and (max-width: 646px) {
	#content .rslides .img .camera {top: 150px;}
	#content #slider-menu {margin: -230px 0 0;}
	.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides1_nav.next {top: 78px;}
}
@media screen and (max-width: 600px) {
	#header {border-bottom: 10px solid #d5140d;}
	.top-bar {background: none;}
	.top-bar UL, #header .box, .banner IMG {display: none;}
	#header H1 {width: 32%; float: none; margin: -40px auto 0;}
	.right-side .search INPUT {border: 1px solid #d5140d;}
	.right-side {margin: 20px 0 0;}
	.i-banner-box H2 span {
		width: 77%;
		float: right;
		display: inline;
	}
	.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides1_nav.next {top: 122px;}
	#content .rslides .img .camera {top: 253px;}
	#content #slider-menu {margin: -220px 0 0;}
	.rslides .text-box{min-height:120px;}
	#content {padding: 7px 0 70px;}
	.sidebar {display: none;}
	.main-content {width: 100%;}
	.i-banner-box {margin: 0 0 12px;}
	.i-banner-box H2 span {width: 75%;}
	#footer .for-mob > LI > A span {display: inline-block;}
	#footer .for-mob > LI > A strong, #footer > .area > .top-menu > UL {display: none;}
	#footer > .area > .top-menu UL.for-mob {display: block; width: 120%; border-top: 1px solid #a4adb5; margin: 0 0 0 -8%; padding: 10px 0 0;}
	.for-mob {float: none; margin: auto; text-align: center;}
	#footer > .area > .top-menu > UL.for-mob > LI {float: none;}
	#footer .menu {border-bottom: none; margin: 10px 0 40px;}
	#footer .for-mob LI.i-no {display: block;}
	
	/* Menu-Mobile */
	#header #show-menu {display: block;}
	#header .menu {
		background-color: #fff;
		width: 63%;
		margin-top: 0;
		position: absolute;
		left: 0;
		top: 88px;
		margin: 0;
		padding: 0;
		display: none;
		margin-left: 0;
	}
	#header .menu UL LI {
		display: block;
		float: none;
	}
	#header .menu UL LI A {
		padding: 3px 10px;
		display: block;
		float: none;
		padding: 10px;
		border-left: none;
		font-size: 16px;
		color: #000!important;
		border-top: 1px solid #ccc;
	}
	#header .menu UL LI:first-child A {border: none;}
	#header .menu UL LI:hover A {background: none!important;}
	#header .menu UL LI A:hover {
		background: none!important;
		color: #d5140d!important;
	}
	#header .for-mob {display: none;}
	#header .main-menu UL UL LI:first-child {margin: 0!important;}
	#header .main-menu UL .sub-menu {top: 128px;}
	/* Advertising */
	#content .ad {width: 100%;}
	#content .ad .btn {margin: 45px auto 0; float: none; display: block;}
	/* All-News */
	.i-news #content H1 {width: 100%;}
	.i-news #content H1 SPAN {left: 100px;display: inline-block;}
	#content .posts UL LI:last-child {border-bottom: none;}
	#content .posts .more {margin-left: 6px;}
	/* News */
	#content .comments {padding: 12px 0;}
	#content .pager {padding: 25px 0 0; width: 75%; margin: auto;}
	#content .detail .social {margin-top: -32px;width: auto;}
	/* Profile404 */
	.not-find {width: 100%;}
	.i-prof #content .search {width: 100%;}
	/* Search-results */
	.i-sear #content .sort strong {display: inline;margin: 0;}
	#content .i-indent {padding: 13px 0 8px;}
	.i-sear #content .sort .jq-selectbox {margin: 0 0 0 1%;}
	.i-sear #content .sort > UL > LI {margin: 5px 0 0 8px;}
	.i-sear #content .sort strong {display: block;}
	.i-sear #content .sort .jq-selectbox {float: left; margin: -4px 0 0 1%;}
	.i-sear #content .sort > UL {width: auto; margin: -6px 0 0;float: right;}
}


@media screen and (max-width: 560px) {
	#content .rslides .img .camera {top: 230px;}
	#content #slider-menu {margin: -211px 0 0;}
	/* Search-results */
	.i-sear #content .sort strong {float: left;}
	.i-sear #content .sort .jq-selectbox {float: right; margin: 0; margin: -6px 17% 0 0;}
	.i-sear #content .sort > UL {margin: 0;}
	.i-sear #content .sort > UL > LI {margin: 5px 0 0 10%;}
	#content .i-indent {display: inline-block; width: 100%;}
	.i-sear #content .sort > UL {width: 100%;}
	#content .posts UL {margin: 0;}
	#content .pager {padding: 5px 0 0;}
}
@media screen and (max-width: 540px) {
	#content .rslides .img .camera {top: 220px;}
	#content #slider-menu {margin: -225px 0 0;}
}

@media screen and (max-width: 510px) {
	#content .rslides .img .camera {top: auto; bottom: 100px;}
	#content .i-banner-box H2 span {width: 73%;}
	#content .events, #content .news {width: 100%; margin: 15px 0 0;}
	#content .events H3 {text-align: center;}
	#content .rslides P {display: none;}
	.rslides .text-box, .slideshow {min-height: 60px;margin: 0 0 27px;}
	.slideshow {margin: 0 0 2px;}
	.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides1_nav.next {
		top: auto; 
		bottom: 0;
		background: url("../images/icons/i-prev-2.png") no-repeat left top;
	}
	.rslides_nav.rslides1_nav.next {background: url("../images/icons/i-next-2.png") no-repeat left top;}
	#content #slider-menu {margin: 0;}
	#content #slider-menu A {background: #d7d7d7;}
	#content #slider-menu UL {margin-bottom: 4px;}
	/* All-News */
	#content .posts UL IMG {width: 100%;}
	#content .pager {width: 100%;}
	/* News */
	#content .detail .social {margin-top: 12px; width: 100%;}
}
@media screen and (max-width: 470px) {
	BODY {font-size: 14px;}
	#content .rslides .img .camera {top: 175px;}
	#content .i-banner-box H2 span {width: 58%;}
	#header #show-menu {top: 20px;}
	.right-side {width: 17%; margin: 10px 0 0;}
	#header .menu {width: 100%; top: 73px;}
	#content {padding: 7px 0 32px;}
	/* Advertising */
	#content .ad .btn {width: 100%; box-sizing: border-box; font-size: 11px; margin: 20px auto 0;}
	#content .ad H1, #content .detail H1 {text-align: center; font-size: 20px; margin-bottom: 5px;}
	#content .ad P {line-height: 130%; margin-bottom: 10px;}
	/* All-News */
	#content .pager .prev {margin-right: 15px;}
	#content .pager .next {margin-left: 15px;}
	/* News */
	#content .theme-posts {width: 100%;}
}



	
	
@media screen and (max-width: 400px) {
	#content .rslides .img .camera {top: 160px;}
	.i-sear #content .sort > UL > LI {margin: 5px 0 0 5%;}
}
@media screen and (max-width: 370px) {
	#header .menu {top: 60px;}
	/* All-News */
	#content .pager .prev {margin-right: 5px;}
	#content .pager .next {margin-left: 5px;}
}
@media screen and (max-width: 364px) {
	#content .rslides .img .camera {top: 136px;}
	
}
@media screen and (max-width: 340px) {
	#content #slider-menu {width: 67%;}
	#content .rslides .img .camera {top: 120px;}
	#content .i-banner-box H2 {margin: 0 0 0 20px; font-size: 12px;}
	#content .i-banner-box H2 span {
		width: auto;
		float: none;
		display: inline;
		font-size: 13px;
		padding: 0 15px 0 0;
		background: url("../images/icons/arrows-two.gif") no-repeat right 6px;
	}
	#content .rslides H2 {
		display: inline;
		padding: 0 15px 0 0;
		background: url("../images/icons/arrows-two.gif") no-repeat right 74%;
	}
	/* All-News */
	#content .pager UL LI {margin: 0 3px;}
	
}
@media screen and (max-width: 600px) {
	#header .menu UL > LI {
		position: relative;
	}
	#header .main-menu UL .sub-menu {
		top: 37px;
		z-index: 777;
	}
	.topbanner iframe, .topbanner, .mtbottom.mtr3 {width: 100% !important;}
	.mtbottom.mtr3 {overflow: hidden;}
	.mtbottom.mtr3 td {display: block; height: 225px;}
	.right-side .search INPUT {top: 31px;}
}
@media screen and (max-width: 600px) {
 
 .right-side .search INPUT {right: 0;}
 .mtbottom.mtr3 td {width: auto !important;}
 iframe, #MIXADV_565, #teaser_block_table_565 {width: 100% !important;}
 #MIXADV_565 {overflow: hidden;}
 .topbanner > div, .topbanner > div > div {width: 100% !important;}
}
@media screen and (max-width: 600px) {
 #header .menu UL > LI {
  border-bottom: 1px solid #ccc;
 }
 #header .menu UL > LI > A {
  display: inline-block;
  border: none;
 }
}
@media screen and (max-width: 800px) {
	
 .right-side .search {
  background: #fff;
 }
 .right-side {width: 340px; margin: 0 !important;}
 .right-side .search INPUT {
  display: block;
  padding: 1px 0 2px 10px;
  width: 142px;
 }
 .right-side .search BUTTON {
  margin: 0;
  background: #fff url("../images/icons/search.gif") no-repeat scroll center center;
 }
 .right-side .search INPUT {position: relative; float: left;}
 .right-side .search {width: 174px;}
 .right-side .search INPUT {right: 0;}
 .right-side .search INPUT {padding-left: 0;}
}

@media screen and (max-width: 600px) {
 
 .top-bar {
     background: rgba(0, 0, 0, 0) url("../images/bg/top-bg.png") repeat scroll left top;
 }
 .right-side .search INPUT {
  border: none;
  top: 0;
  right: 30px;
 }
 #header #show-menu {top: 62px;}
 #header H1 {margin-top: -7px;}
 .right-side {
     left: 0 !important;
     margin: auto !important;
     position: absolute !important;
     right: 0 !important;
     top: 14px !important;
     width: 200px !important;
 }
 #header .menu {top: 88px;}
 #header .main-menu UL .sub-menu {
  left: -10000px;
 }
 #header .main-menu UL .sub-menu.open {
  left: 0px;
 }
}
@media screen and (max-width: 400px) {
 #header #show-menu {top: 55px;}
 .right-side .search INPUT {position: relative; float: left;}
 .right-side .search {width: 188px;}
 .right-side .search INPUT {right: 0;}
 .right-side .search INPUT {padding-left: 0;}
}