@media only screen and (max-width :1100px) {
 html,
 body {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none
 }
 header,
 #middle,
 #main_area,
 #bottom1,
 .footer_top {
  padding-left:10px;
  padding-right:10px
 }
/* nav.page_nav ul li a {
  padding:0 17px;
 }*/
 .bnr_info {
  left:10px
 }
 [class^="mid_box"] {
  width:31%
 }
 .footer_nav ul li a {
  padding:0 50px
 }
}
@media only screen and (max-width :1083px) {
 .btm1_box1 .btm1_inner {
  margin:12px 0 0 33px
 }
 .btm1_box2 .btm1_inner {
  margin:12px 33px 0 0
 }
 .btm1_inner p {
  min-height:81px
 }
}
@media only screen and (max-width :1024px) {
 nav.page_nav ul li.menu-item-has-children>span {
  display:block;
  font-size:17px;
  right:20px;
  top:30px;
  position:absolute
 }
 nav.page_nav ul li:hover>ul {
  display:none
 }
}
@media only screen and (max-width :1010px) {
 /*header {
  padding:0 12px
 }
 nav.page_nav {
  clear:both;
  height:auto;
  margin:auto;
  padding:10px 10px 4px;
  transition:none;
  position:relative;
  width:100%;
  right:0;
  top:0;
  font-size:0;
  background:#2d63a6
 }
 nav.page_nav>.wrapper {
  background:0;
  border-radius:0
 }
 nav.page_nav ul {
  margin:0;
  text-align:center
 }
 nav.page_nav ul li {
  width:32%;
  text-align:center;
  margin:0 2px 6px!important;
  -webkit-box-shadow:inset 0 0 5px 0 rgba(255,255,255,0.75);
  -moz-box-shadow:inset 0 0 5px 0 rgba(255,255,255,0.75);
  box-shadow:inset 0 0 5px 0 rgba(255,255,255,0.75)
 }
 nav.page_nav ul li:after {
  content:""
 }
 nav.page_nav ul li a {
  line-height:40px;
  padding:0 10px
 }
 nav.page_nav ul li span {
  right:0;
  top:5px
 }
 nav.page_nav ul ul,
 nav.page_nav ul ul li,
 nav.page_nav ul ul li a {
  width:100%
 }
 nav.page_nav ul ul li {
  margin:0!important
 }*/
 #banner {
  text-align:center;
  height:auto;
  margin:0
 }
 .box_skitter {
  display:none
 }
 .rslides {
  display:block
 }
 .bnr_info {
  position:static;
  width:100%;
  height:auto;
  border-radius:0;
 }
 .slider {
  width:100%;
  margin:0
 }
 .bnr_info p {
  padding:0
 }
 .non_ban figure {
  width:190%;
  margin-left:-42%
 }
 .page_title {
  font-size:40px
 }
 #middle {
  text-align:center;
  margin:0;
  padding:30px 10px 15px;
  border-bottom:1px solid #eee
 }
 .middle_con {
  padding:30px 10px 15px
 }
 #main_area {
  padding:0;
  margin:0
 }
 main {
  float:none;
  margin:0 auto;
  width:100%;
  padding:30px 10px
 }
 .main_img {
  display:none
 }
 .sidebar {
  float:none;
  margin:0 auto;
  width:100%;
  padding:30px 10px;
  border-radius:0;
  height:auto
 }
 .sidebar p {
  padding:0
 }
 .sidebar ul li {
  display:inline-block;
  vertical-align:top;
  width:48%
 }
 #bottom1 {
  height:auto;
  padding:30px 10px 15px
 }
 [class^="btm1_box"] {
  width:48%;
  float:none;
  text-align:center;
  min-height:0;
  padding:30px 10px;
  margin:0 auto 15px
 }
 [class^="btm1_box"] figure {
  display:none
 }
 .btm1_inner {
  width:100%;
  margin:0 auto!important
 }
 .btm1_inner p {
  min-height:54px
 }
 .footer_top {
  padding:0;
  background:0;
  height:auto
 }
 .contact_info {
  width:100%;
  border-radius:0;
  height:auto;
  padding:30px 10px;
  text-align:center
 }
 .contact_info p {
  padding:0
 }
 .contact_info ul:before {
  display:none
 }
 .contact_info ul li {
  padding:50px 16px 0
 }
 .contact_info ul li:before {
  left:0;
  right:0;
  top:0!important
 }
 .footer_nav ul li a {
  padding:0 32px
 }
}
@media only screen and (max-width:979px) {
 .footer_nav {
  margin-bottom:54px
 }
}
@media only screen and (max-width :899px) {
 .thumb_right_dd,
 .thumb_left_dd {
  width:300px
 }
 body.active {
  overflow:hidden;
  width:100%;
  height:100%;
  position:fixed
 }
 .sitemap {
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
  -webkit-column-gap:0;
  -moz-column-gap:0;
  column-gap:0
 }
 .main_logo figure {
  display:inline-block;
  max-width:75%
 }
 header {
  height:auto;
  padding:15px 10px
 }
 .main_logo {
  float: none;
  margin: 0;
  width: auto;
  position: absolute;
  z-index: 99;
 }
 .header_info {
  text-align:center;
  float:none;
  margin:0
 }
 [class^="mid_box"] {
  width:48%;
  margin:0 auto 15px
 }
 .sidebar ul li {
  width:100%
 }
 .nav_toggle_button {
  display:block
 }
 nav.page_nav {
  width:100%;
  position:fixed;
  top:0;
  right:-280px;
  height:100%;
  transition:all .7s ease;
  overflow-y:scroll;
  padding:0 0 30px;
  opacity:0;
  left:auto
 }
 nav.page_nav ul {
  margin:0;
  padding:0
 }
 nav.page_nav ul li {
  width:100%;
  display:block;
  margin:0 auto!important;
  border:0;
  border-bottom:1px solid #f8f8f8;
  text-align:left;
  box-shadow:none
 }
 nav.page_nav ul li:last-child {
  border-bottom:0
 }
 nav.page_nav ul li a {
  line-height:50px;
  padding:0 10px
 }
 nav.page_nav ul ul {
  width:100%;
  position:relative;
  transition:none
 }
 nav.page_nav ul ul li {
  border:0;
  width:100%
 }
 .toggle_right_nav {
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  z-index:1000;
  visibility:hidden;
  transition:all .7s ease
 }
 .toggle_nav_close {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:2
 }
 .toggle_right_cont {
  visibility:visible;
  background:rgba(0,0,0,0.9)
 }
 nav.toggle_right_style {
  right:0;
  opacity:1;
  z-index:45;
  left:auto
 }
 .logo_slide_right {
  float:left;
  width:calc(100% - 70px)
 }
 .menu_slide_right {
  display:block;
  text-align:left;
  padding:20px 10px;
  position:relative
 }
 .menu_slide_right .hamburger {
  position:absolute;
  top:45%;
  right:10px;
  transform:translateY(-50%)
 }
 .footer_btm {
  padding:24px 12px
 }
 .footer_nav ul {
  margin:0;
  text-align:center;
  font-size:0
 }
 .footer_nav ul li {
  width:32%;
  text-align:center;
  border:1px solid #99b0cb;
  margin:0 2px 6px!important
 }
 .footer_nav ul li:after {
  background:0
 }
 .footer_nav ul li a {
  line-height:50px;
  padding:0 10px
 }
 .copyright {
  margin-top:24px
 }
 .copy {
  display:block;
  margin:0;
  line-height:28px
 }
 .footer_comp {
  display:block;
  line-height:28px
 }
 .copy:before,
 .copy:after {
  display:none
 }
}
@media only screen and (max-width :630px) {
 .col2,
 .col3 {
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
  -webkit-column-gap:0;
  -moz-column-gap:0;
  column-gap:0
 }
 .resources ul li {
  min-height:0
 }
}
@media only screen and (max-width :603px) {
 .btm1_inner p {
  min-height:81px
 }
}
@media only screen and (max-width :600px) {
 #wpadminbar {
  position:fixed!important
 }
 .mobi_ban {
  display:block;
  max-width:inherit;
  position:relative;
  width:200%;
  left:-63%
 }
 .non_ban figure {
  width:310%;
  margin-left:-105%
 }
 .page_title {
  position:static;
  background:#1e4b87;
  color:#fff;
  font-size:30px
 }
 [class^="mid_box"] {
  width:100%
 }
 [class^="btm1_box"] {
  width:100%
 }
 [class^="btm1_box"] p {
  min-height:0
 }
 .footer_nav ul li {
  width:100%;
  margin:0 auto 6px!important
 }
 .contact_info ul li {
  padding-left:10px;
  padding-right:10px
 }
 .contact_info ul li small {
  display:block;
  height:0;
  opacity:0;
  position:relative;
  z-index:1
 }
 .thumb_left_dd,
 .thumb_right_dd,
 .thumb_center_dd,
 .slider {
  display:none
 }
 main .bullet {
  padding-left:10px
 }
 .back_top {
  background:url(../images/back_top.png) no-repeat center center #3869c8;
  position:fixed;
  bottom:0;
  right:0;
  width:45px;
  height:45px;
  cursor:pointer;
  z-index:999
 }
 .back_top:hover {
  opacity:.6
 }
 .withAddThis_plugins {
  bottom:48px
 }
 .withAddThis_ftr_btm {
  padding:0 10px 88px
 }
 .footer_nav {
  margin-bottom:0
 }
 .h1_nonhome {
  font-size:17px;
  color: #50c9f3;
 }
}
@media only screen and (max-width :500px) {
 .head_con {
  width:271px
 }
 .head_con h3 span {
  font-size:22px
 }
 main .h1_title {
  font-size:37px
 }
 main .h1_title small {
  font-size:28px
 }
 .sidebar ul li {
  padding-left:15px;
  font-size:16px
 }
 .sidebar ul li:before {
  display:none
 }
}