@media (min-width:1400px) {
	.gallery {
		height: 320px;
	}

}

/*media 1199px*/
@media (max-width:1199px) {
}

/*media 1199px*/
@media (max-width:1024px) {
	.menu li a {
		padding: 9px 5px;
	}

}

/*media 991px*/
@media (max-width:991px) {
}

/*media 768px*/
@media (max-width:768px) {
	.menu li a {
		padding: 9px 1px;
	}

}

/*media 480px*/
@media (max-width:480px) {
	.accordion-body
	{
		width: 100%;
		overflow: auto;
	}
	.back_main
	{
		display: flex;
    align-items: center;
    justify-content: space-around;
	}
	.middle
	{
		display: flex;
	}
	.fc-center h2 {
		font-size: 20px !important;
	}

	.fc-right {
		margin-top: 20px
	}

	.menu li a {
		padding: 9px 12px;
		text-shadow: none;
	}

	.bottom-footer img {
		width: 15%;
	}

	.menu li .active {
		color: #fff;
	}

	.mobile-navbar {
		display: block;
	}

	.main-top {
		display: none;
	}

	.mobile-navbar .top {
		display: flex;
		justify-content: space-between;
		padding: 2px 10px;
		align-items: center;
	}

	.mobile-navbar .top .searchButton img {
		width: 16px;
	}

	.top-content {
		display: block;
	}

	nav {
		display: block;
	}

	.menu {
		display: none;
	}

	.drop-box {
		background-color: #fff;
	}

	.wht-new .text-scroll .left {
		padding-left: 0;
	}

	.wht-new .text-scroll {
		display: block;
	}

	.wht-new .text-scroll .left {
		width: 100%;
	}

	.drop-box .page-control .list {
		justify-content: space-between;
		border: 1px solid #0003;
	}

	.wht-new .text-scroll .middle {
		width: 100%;
	}

	.main-notice .tabs-menu ul li {
		float: none;
	}

	.drop-box ul {
		justify-content: center;
		padding: 0;
		margin: 0;
	}

	.wht-new .text-scroll .right {
		width: 100%;
	}

	.wht-new .text-scroll .left h4 {
		text-align: center;
	}

	.wht-new .text-scroll .left {
		display: block;
	}

	.notice {
		margin-left: 0;
	}

	.more-nav {
		justify-content: flex-end;
		width: 100%;
	}

	.responsive-menu {
		padding: 5px;
	}

	.responsive-menu {
		text-decoration: none;
	}

	.m-menu {
		position: absolute;
		top: 5px;
		right: 0;
	}

	#calendar {
		position: relative;
	}

	.m-box {
		border-bottom: 1px solid #0003;
	}

	.m-box li a {
		text-decoration: none;
		color: #000;
		font-weight: bold;
	}

	.top .middle-content h1 {
		font-size: 20px;
		text-align: center;
	}

	.top .top_left-logo img {
		width: 100px;
		margin: 0 auto;
	}

	.top .top_left-logo {
		text-align: center;
	}

	.top .middle-content p {
		font-size: 18px;
		text-align: center;
	}

	.logo-content img {
		width: 50px;
	}

	.top_right-logo img {
		width: 50px;
	}

	.logo-text h1 {
		font-size: 20px;
	}

	.logo-text p {
		font-size: 18px;
	}

	.responsive-menu {
		background-color: transparent;
	}

	.mixSlide-frame.fullscreen {
		height: 107px !important;
	}

	.mixSlide-container {
		overflow: unset;
	}

	.wht-new .text-scroll .left {
		border: none;
	}

	.wht-new .text-scroll {
		border: none;
	}

	#button {
		display: none;
	}

	.all-item {
		flex-wrap: wrap;
	}

	.top-content {
		display: flex;
	}

	.main .banner {
		width: 100%;
	}

	.nav-bar nav {
		position: relative;
	}

	.main-notice .tabs-menu ul {
		display: block;
	}

	.main-notice .tabs-menu ul li {
		width: 100%;
	}

	.notice-board {
		height: auto;
	}

	.responsive-menu:hover {
		background-color: transparent;
	}

	.video iframe {
		height: 150px !important;
	}

	#overlay img {
		width: 75%;
	}

	.wht-new .text-scroll .right {
		border-left: 0;
	}

	.director-carousel .owl3 .item img {
		width: 100%;
	}

	.color-control li {
		justify-content: center;
	}

	.setting {
		cursor: pointer;
	}

	.slick-track {
		width: 100% !important;
		display: flex;
		justify-content: space-between;
		overflow: scroll;
	}

	.slide {
		width: 100% !important
	}

	.director-carousel .owl-prev {
		left: 0px;
		bottom: -45px;
		top: auto;
		right: 50px;
	}

	.director-carousel .owl-next {
		right: 0px;
		bottom: -45px;
		top: auto;
		left: 50px;
	}

	.owl-theme .owl-nav [class*='owl-']:hover {
		background: transparent !important;
	}

	.searchBox:hover > .searchInput {
		padding: 7px 12px;
	}

	.top-content {
		display: block;
	}

	.about-mis_vis h3 {
		margin-top: 20px;
		margin-bottom: 0;
	}

	#gallery #overlay img {
		width: 100%;
	}

	.bottom-footer img {
		margin-left: 0;
	}

	.tabs {
		display: none;
		padding: 5px 10px;
	}

	.rtps-content h2 {
		margin-top: 0;
	}

	.breadcrumb li:last-child:before {
		width: 115%;
	}

	.location_icon {
		width: 36px;
		height: 36px;
	}
	.main .banner
	{
	 height: 135px;
	}
	section
	{
	  margin: 30px 0;
	}
	.footer iframe
	{
		width: 100% !important;
	}
	.content ul 
	{
		padding-left: 0;
	}
	.mixSlide-frame.fullscreen {
		height: 135px !important;
		overflow: hidden;
	}


}

/*small-device*/
@media (max-width:320px)
{
	
}