@media (max-width: 320px){
body{ width:320px;}
.container{ width:100%;}
.main_nav{ display:none;}
.menu-main_nav-container {display: none; width:85%;}
.nav_btn{border: 1px solid #fff; float: right; height: 21px; margin-right: 20px; margin-top: 8px; padding-top: 1px; width: 23px;}
.nav_btn span{background: none repeat scroll 0 0 #fff; display: block;  height: 3px;  margin: 2px auto;  width: 13px;}
.main_nav2{ height:auto; min-height:50px; display:block;}
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul{ position: relative;top: 0;}
.logo {margin-left: 6px; width:28%;}
.logo img{ max-width:100%;}
.banner_text {margin-right: 10px;}
.banner_text h1 {font-size: 18px;}
.banner_text h3{ padding-top:45px; font-size:20px;}
.banner_text p{ font-size:16px;}
.main_banner {background: url("../images/main_banner3.jpg") no-repeat scroll -154px 0 transparent;}
.footer {padding: 61px 20px;}
.copyright {padding-top: 0 !important;}
.content_left, .content_right{ width:auto; float:none; padding:0 13px 20px;}
.footer_about {float: none;width: 100%;}
.footer_address { float: none; margin: 40px 0 0;width: 100%;}
.top_row {background: url("../images/header_bg.jpg") repeat scroll 0 0 transparent;height: auto;}
.top_nav {float: none;text-align: center;width: auto;}
.top_row_right { float: none; text-align: center;width: auto;margin-top: 10px;}
.top_row .search {display: inline-block; margin-left: 0;margin-top: 4px;}
.top_row_right ul.social { display: inline-block; float: none;  margin: 0; padding: 0;}
.sub-menu{ display:none;}
.contact_us textarea{ width:100%;}
.contact_us input[type="text"], input[type="email"]{ width:100%; float:none;}
.contact_us label { float: none; width: 100%;}
.contact_us input[type="submit"] { margin-left: 0; width: 50%;}
.footer_address ul li {float: none;width: 100%;}
.footer_social ul li{ float:left; width:50px;}
/*22-8-13*/
.top_nav ul li{ float:none;}
#slider2 li a p{ font-size:80%;}
.menu-mobile-menu-container{ display:none;}
.menu-mobile-menu-container li:hover .sub-menu{ display:none;}
.image{ float:none; margin-bottom:20px;}
.public_health_content{ width:100%;}
.nav-menu ul.sub-menu { position: relative; top: 0; width: 100%;}
.gray_bg { background:#f3f2f7; }
}
@media (min-width: 321px) and (max-width: 480px) {
.container{ width:100%;}
.main_nav{ display:none;}
.menu-main_nav-container {display: none; width:85%}
.nav_btn{border: 1px solid #fff; float: right; height: 21px; margin-right: 20px; margin-top: 8px; padding-top: 1px; width: 23px;}
.nav_btn span{background: none repeat scroll 0 0 #fff; display: block;  height: 3px;  margin: 2px auto;  width: 13px;}
.main_nav2{ height:auto; min-height:50px; display:block;}
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul{ position: relative;top: 0;}
.logo {margin-left: 6px; width:30%;}
.logo img{ max-width:100%;}
.banner_text {margin-right: 10px;}
.banner_text h1 {font-size: 18px;}
.banner_text h3{ padding-top:45px; font-size:20px;}
.banner_text p{ font-size:16px;}
.main_banner {background: url("../images/main_banner3.jpg") no-repeat scroll 32% 0 transparent;}
.footer {padding: 61px 20px;}
.copyright {padding-top: 0 !important;}
.content_left, .content_right{ width:auto; float:none; padding:0 13px 20px;}
.footer_about {float: none;width: 100%;}
.footer_address { float: none; margin: 40px 0 0;width: 100%;}
.top_row {background: url("../images/header_bg.jpg") repeat scroll 0 0 transparent;height: auto;}
.top_nav {float: none;text-align: center;width: auto;}
.top_row_right { float: none; text-align: center;width: auto;margin-top: 10px;}
.top_row .search {display: inline-block; margin-left: 0;margin-top: 4px;}
.top_row_right ul.social { display: inline-block; float: none;  margin: 0; padding: 0;}
.sub-menu{ display:none;}
.contact_us textarea{ width:100%;}
.contact_us input[type="text"], input[type="email"]{ width:100%; float:none;}
.contact_us label { float: none; width: 100%;}
.contact_us input[type="submit"] { margin-left: 0; width: 50%;}
.footer_address ul li {float: none;width: 100%;}
.footer_social ul li{ float:left; width:50px;}
/*22-8-13*/
.top_nav ul li{ float:none;}
#slider2 li a p{ font-size:80%;}
.public_health_content{ width:60%; padding-top:20px;}
.menu-mobile-menu-container{ display:none;}
.menu-mobile-menu-container li:hover .sub-menu{ display:none;}
.image{ float:none; margin-bottom:20px;}
.public_health_content{ width:100%;}
.nav-menu ul.sub-menu { position: relative; top: 0; width: 100%;}
.gray_bg { background:#f3f2f7; }
}

@media (max-width: 530px){.main_banner {background: url("../images/main_banner3.jpg") no-repeat scroll 48% 0 transparent !important;}
	.station { 
		width:100%; margin-right:0;
	}
}
@media (max-width: 452px){.main_banner {background: url("../images/main_banner3.jpg") no-repeat scroll 60% 0 transparent !important;}.logo{ margin-top:30px;}}


@media (min-width: 481px) and (max-width: 640px) {
.container{ width:100%;}
.main_nav{ display:none;}
.menu-main_nav-container {display: none; width:93%}
.nav_btn{border: 1px solid #fff; float: right; height: 21px; margin-right: 20px; margin-top: 8px; padding-top: 1px; width: 23px;}
.nav_btn span{background: none repeat scroll 0 0 #fff; display: block;  height: 3px;  margin: 2px auto;  width: 13px;}
.main_nav2{ height:auto; min-height:50px; display:block;}
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul{ position: relative;top: 0;}
.logo {margin-left: 6px; width:34%;}
.logo img{ max-width:100%;}
.banner_text {margin-right: 10px;}
.banner_text h1 {font-size: 24px;}
.banner_text h3{ padding-top:45px;}
.banner_text p{ font-size:25px;}
.main_banner {background: url("../images/main_banner3.jpg") no-repeat scroll -90px 0 transparent;}
.footer {padding: 61px 20px;}
.copyright {padding-top: 0 !important;}
.content_left, .content_right{ width:auto; float:none;}
.footer_about {float: none;width: 100%;}
.footer_address { float: none; margin: 40px 0 0;width: 100%;}
.top_row {background: url("../images/header_bg.jpg") repeat scroll 0 0 transparent;height: auto;}
.top_nav {float: none;text-align: center;width: auto;}
.top_row_right { float: none; text-align: center;width: auto;margin-top: 10px;}
.top_row .search {display: inline-block; margin-left: 0;margin-top: 4px;}
.top_row_right ul.social { display: inline-block; float: none;  margin: 0; padding: 0;}
.sub-menu{ display:none;}
.contact_us textarea{ width:100%;}
.contact_us input[type="text"], input[type="email"]{ width:100%; float:none;}
.contact_us label { float: none; width: 100%;}
.contact_us input[type="submit"] { margin-left: 0; width: 50%;}
/*22-8-13*/
.top_nav {padding-left: 5px;}
.top_nav ul li{ float:none;}
.top_row_right{ margin-right:5px;}
.menu-mobile-menu-container{ display:none;}
.menu-mobile-menu-container li:hover .sub-menu{ display:none;}
#slider2 li a p{ font-size:80%;}
.public_health_content{ width:70%;}
.nav-menu ul.sub-menu { position: relative; top: 0; width: 100%;}
.gray_bg { background:#f3f2f7; }
}
@media (min-width: 641px) and (max-width: 767px) {
.container{ width:100%;}
.main_nav{ display:none;}
.menu-main_nav-container {display: none; width:93%;}
.nav_btn{border: 1px solid #fff; float: right; height: 21px; margin-right: 20px; margin-top: 8px; padding-top: 1px; width: 23px;}
.nav_btn span{background: none repeat scroll 0 0 #fff; display: block;  height: 3px;  margin: 2px auto;  width: 13px;}
.main_nav2{ height:auto; min-height:50px; display:block;}
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul{ position: relative;top: 0;}
.logo {margin-left: 6px;float: left; margin-top: 80px;width: 250px;}
.banner_text {margin-right: 10px;}
.banner_text h1 {font-size: 30px;}
.banner_text h3{ padding-top:25px;}
.main_banner {background: url("../images/main_banner2.jpg") no-repeat scroll -190px 0 transparent;}
.footer {padding: 61px 20px;}
.copyright {padding-top: 0 !important;}
.content_left, .content_right{ width:auto; float:none;}
.nav-menu ul.sub-menu{ display:none;}
/*22-8-13*/
.top_nav {padding-left: 5px;}
.top_row_right{ margin-right:5px;}
.menu-mobile-menu-container{ display:none;}
.menu-mobile-menu-container li:hover .sub-menu{ display:none;}
.nav-menu ul.sub-menu { position: relative; top: 0; width: 100%;}
.gray_bg { background:#f3f2f7; }
}
@media (min-width: 768px) and (max-width: 959px) {
.container{ width:768px;}
.main_nav{ display:none;}
.menu-main_nav-container {display: none; width:93%}
.nav_btn{border: 1px solid #fff; float: right; height: 21px; margin-right: 20px; margin-top: 8px; padding-top: 1px; width: 23px;}
.nav_btn span{background: none repeat scroll 0 0 #fff; display: block;  height: 3px;  margin: 2px auto;  width: 13px;}
.main_nav2{ height:auto; min-height:50px; display:block;}
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul{ position: relative;top: 0;}
.logo {margin-left: 6px;float: left; margin-top: 80px;width: 250px;}
.banner_text {margin-right: 10px;}
.banner_text h1 {font-size: 38px;}
.main_banner {background: url("../images/main_banner2.jpg") no-repeat scroll -110px 0 transparent;}
.footer {padding: 61px 20px;}
.footer .container{ width:100%;}
.copyright {padding-top: 0 !important;}

/*22-8-13*/
.top_nav {padding-left: 5px;}
.top_row_right{ margin-right:5px;}
.menu-mobile-menu-container{ display:none;}
.menu-mobile-menu-container li:hover .sub-menu{ display:none;}
.public_health_content{ width:71%;}
.nav-menu ul.sub-menu { position: relative; top: 0; width: 100%;}

}
@media (min-width: 960px){
.main_nav{ display:block;}
.main_nav2{ display:none;}
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul{ position:absolute; display:block; padding-top:20px !important; z-index:-1;}
.nav-menu li:hover .sub-menu{ display:block !important;}
}