@media (min-width: 768px) {
	header .header-navbar ul.nav li.dropdown:hover > ul.dropdown-menu {
	    display:block;
	}
}

@media (max-width: 1199px) {
	header {
		margin-top:20px;
	}

	header .header-logo .logo {
		height:100px;
	}

	header .header-logo .slogan {
		left: 210px;
	    height: 52px;
	    font-size: 13.7px;
	}

	header .header-navbar {
		padding-top:65px;
	}

	header .header-navbar .navbar-nav > li {
		margin-left:10px;
	}

	header .header-navbar .navbar-nav > li:first-child {
		margin-left:0;
	}
	
	main .content .slideshow img {
		height:340px;
	}

	main .content .slideshow .frame .content {
		font-size:16px;
	}

	main .content .slideshow .frame .content a.title {
		font-size:28px;
	}

	main .content .block_1 {
		margin-top:30px;
	}
	
	main .content .latest_events_list .image_thumb {
		width:155px;
		height:116px;
	}

	main .content .latest_events_list .content {
		padding-left:110px;
		height:210px;
	}

	main .content .block_os_inner .content {
		height:114px;
		font-size:16px;
	}
}


@media (max-width: 991px) {
	header .header-navbar {
		padding-top:15px;
	}

	header .header-navbar .navbar {
		margin-bottom:10px;
	}
	
	main .content .slideshow img {
		height:270px;
	}

	main .content .slideshow .frame .content {
		left:30px;
		bottom:30px;
		font-size:14px;
	}

	main .content .slideshow .frame .content a.title {
		font-size:20px;
	}

	main .content .block_left {
		padding:0 15px;
	}

	main .content .block_title {
		margin-bottom:10px;
	}

	main .content .block_welcome {
		padding-left:0;
	}

	main .content .block_value {
		margin-top:-5px;
	}
	
	main .content .latest_events_list .image_thumb {
		width:185px;
		height:139px;
	}

	main .content .latest_events_list .content {
	    padding-left: 130px;
	    height: 170px;
	    padding-right: 70px;
	}

	main .content .block_os_inner .content {
	    height:102px;
	    font-size: 13px;
	}
}


@media (max-width: 767px) {
	header .header-navbar {
		padding:15px;
	}

	header .header-navbar .navbar {
		width:100%;
		border:2px solid #01923F;
	}

	header .header-navbar .navbar .container-fluid,
	header .header-navbar .navbar .navbar-collapse {
		padding-right:15px;
	}

	header .header-navbar .navbar-header {
		display:block;
	}

	header .header-navbar .navbar-nav > li {
		margin:0 15px !important;
		padding-bottom:5px;
	}

	header .header-navbar .navbar-nav > li > a {
		padding:10px 15px;
	}

	header .header-navbar ul.dropdown-menu .menu-caret {
		display:none;
	}

	header .header-navbar .navbar-nav > li.dropdown:hover ul.dropdown-menu > li > a {
		color:#000;
		background:none;
	}

	header .header-navbar .navbar-nav li.dropdown > ul.dropdown-menu > li:hover > a {
		color:#fff;
		background:#01923F;
	}
	
	main .content .slideshow img {
		height:230px;
	}

	main .content .slideshow .slick-dots {
		right:15px;
		bottom:15px;
	}

	main .content .slideshow .slick-dots li button:before {
		font-size:13px;
	}

	main .content .slideshow .frame .content {
		left:25px;
		bottom:25px;
		font-size:13px;
	}
	
	main .content .slideshow .frame .content .logo img {
		height:45px;
	}

	main .content .slideshow .frame .content a.title {
		font-size:18px;
	}

	main .content .block_1 {
		margin-top:-10px;
	}

	main .content .block_2 {
		margin-top:15px;
	}

	main .content .block_right {
		margin-top:25px;
	}

	main .content .block_welcome {
		padding-left:15px;
	}

	main .content .block_value {
		width:230px;
		margin:auto;
	}

	main .content .latest_events_list .content {
		height:auto;
		width:100%;
		margin-top:0;
		padding-left: 105px;
	    padding-right: 15px;
		background-image:none;
		border-radius:5px;
	}
	
	main .content .latest_events_list .image_thumb {
		width:130px;
		height:98px;
		top:17px;
		left:15px;
	}

	main .content .latest_events_list .content .title,
	main .content .latest_events_list .content .body,
	main .content .latest_events_list .content .read_more {
		margin-left:55px;
	}

	main .content .latest_events_list .content .body {
    	padding-right:0; 
	}

	main .content .block_os_inner .content {
		background:#01923F !important;
	}

	main .content .block_os_inner.block_os_1,
	main .content .block_os_inner.block_os_3 {
		padding-right:15px;
	}

	main .content .block_os_inner.block_os_2,
	main .content .block_os_inner.block_os_4 {
		padding-left:15px;
	}

	main .content .block_os_inner.block_os_1,
	main .content .block_os_inner.block_os_2 {
		margin-bottom:0;
	}
}


@media (max-width: 600px) {
	main .content .slideshow img {
		height:210px;
	}

	main .content .slideshow .frame .content {
		left:15px;
		bottom:15px;
		font-size:12px;
	}
	
	main .content .slideshow .frame .content .logo img {
		height:35px;
	}
	
	main .content .slideshow .frame .content .subtitle {
		margin:5px 0;
	}

	main .content .slideshow .frame .content a.title {
		font-size:16px;
	}
}


@media (max-width: 500px) {
	main .content .slideshow img {
		height:170px;
	}

	main .content .slideshow .frame .content {
		left:15px;
		bottom:15px;
		font-size:11px;
	}
	
	main .content .slideshow .frame .content .logo img {
		height:25px;
	}

	main .content .slideshow .frame .content a.title {
		font-size:12px;
	}
	
	main .content .latest_events_list .image_thumb {
		position:relative;
		width:100%;
		height:auto;
		top:0;
		left:0;
	}

	main .content .latest_events_list .image_thumb img {
		border-radius:5px 5px 0 0;
	}

	main .content .latest_events_list .content {
		padding-left:15px;
		border-radius:0 0 5px 5px;
	}

	main .content .latest_events_list .content .title,
	main .content .latest_events_list .content .body,
	main .content .latest_events_list .content .read_more {
		margin-left:0;
	}

	main .content .block_os_inner {
		width:50% !important;
	}

	main .content .block_os_inner:first-child,
	main .content .block_os_inner:nth-child(2) {
		margin-bottom:15px;
	}
}


@media (max-width: 450px) {
	header .header-logo .logo {
		height:60px;
	}

	header .header-logo .slogan {
		left: 135px;
	    height: 30px;
	    font-size: 10px;
	    line-height: 1;
	}

	main .content .slideshow img {
		height:140px;
	}
}