@media only screen and (max-width : 1100px) {

	html, body{
	-webkit-touch-callout: none;
	-webkit-user-select: none; /* Webkit */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE 10  */
	}

		.header_info {width: 72%;}
		[class^="header_boxes"] li {font-size: 1.5vw}
		.header_boxes2  {margin: 0 5%;}

  /* header */
    .logo { padding-left: 10px; }
    .logo img { width: 230px; }

  /* nav */
    nav { width: 720px; }
    nav ul li a { padding: 0 17px; }

	/* banner */
		.slider .rslides img { left: -143px; }
		[class^="slogan_dv"] { margin-left: 10px; }
		.slogan_dv3 { font-size: 30px; }
		.slogan_dv3 li { line-height: 37px; }
		.slogan_dv3 li span { font-size: 22px; }

  /* middle */
    [class^="mid2_list"] li { margin: auto; float: none!important; margin: 0 auto!important; width: 19%; }
    .mid2_list2 { margin-top: 40px; }
    #middle2 { min-height: 0; padding: 40px 0; }

  /* main */
    #main_area { padding: 50px 10px 0; }
    main { width: 53%; }
    .sidebar { left: 0; width: 44%; }

    /* bottom */
      #bottom1 { padding: 64px 10px 0; }
      .btm1_info { width: 100%; padding-right: 370px; }

    /* footer */
      .ftr_contact { padding: 44px 10px 0; }
      .ftr_map { width: 835px; }
      .ftr_btm { padding: 57px 10px 0; }
      .copyright, .copyright a, .ftr_nav li a { font-size: 16px; }
			.ftr_contact li:last-child {padding-left: 14px;}

}

@media only screen and (max-width : 1000px) {

  /* header */
    header { min-height: 0; text-align: center; }
    .header_info, .logo { float: none; }
    .logo {  position: static; padding: 30px 10px;  }
    .header_info, #google_translate_element { display: block; vertical-align: top; width: 100%; }
    #google_translate_element,[class^="header_boxes"] { position: static; text-align: center; }
    .header_info { margin: 0; padding-bottom: 33px; }
		[class^="header_boxes"] {margin-bottom:10px;}
		[class^="header_boxes"] li {font-size: 16px;}

  /* nav */
    .nav_area { position: static; }
    nav { background:#013689; border-radius: 0; height:auto; padding:10px 10px 4px; width: 100%; }
  	nav ul{ margin: 0; text-align: center; }
  	nav ul li{ width: 32.8%; text-align: center; border: 1px solid #fff; margin: 0px 0px 6px !important; }
  	nav ul li:after{ display: none; }
  	nav ul li a{ line-height: 40px; padding: 0; }
  	nav li span{ display: block; }
  	nav ul ul, nav ul ul li, nav ul ul li a{ width: 100%; }
  	nav ul ul li a{ line-height: 40px; }
  	nav ul li:hover > ul{ display: none; }

  /* banner */
    #banner { background: #0274b9; text-align: center; }
		.non_home_banner { min-height: 0; padding: 40px 10px; width: 100%; margin: auto; }
		.page_title { position: static; transform: none; font-size: 34px; }
		.slider { width: 100%; height: auto; margin: 0; }
		.mobi_ban { display: block; }
		.rslides { display: none; }
		.label_text .wrapper { height: auto; position: static; }
		[class^="slogan_dv"] { min-height: 0; position: static; display: block; width: 100%; margin: auto; padding: 30px 10px; }
		[class^="slogan_dv"]::before { display: none; }
		.bnr_align { position: static; transform: none; }
		.slogan_dv1 a { margin: auto; }
		.slogan_dv1 h2 span { margin: 8px auto 11px; padding-left: 0; width: 460px; }
		.slogan_dv1 p { padding: 0; }
		.slogan_dv3 { display: inline-block; margin: auto; text-align: left; width: auto; }
		#slogan_xs { display: block; }

		.extra_slog {position:relative;left:0;bottom:0;padding-bottom:20px;}
		.extra_slog  h6 {font-size:9vw;}

  /* middle */
		#middle1 { margin-top: 0; }
    .mid1_wrap { padding: 25px 10px 36px; }
		.mid1_wrap::before { display: none; }
		.mid2_list1 a { font-size: 2.4vw; }
    .mid2_list1 a span, .mid2_list2 a { font-size: 3vw; }
    [class^="mid2_list"] small { margin-bottom: 12px; }
    .mid2_list2 { margin-top: 20px; }

  /* main */
    main { padding-top: 0; }

  /* bottom */
		#bottom1 { padding-top: 50px; }
		.btm1_img { top: 0; }

  /* footer */
    footer { text-align: center; }
    .ftop_wrap { min-height: 0; }
    .ftr_map { position: static; width: 100%; margin: auto; height: 250px; }
    .ftr_contact p { width: 100%; }
    .ftr_contact li { width: 48%; padding: 0!important; }
    .ftr_contact { padding: 0 10px 35px; }
    .ftr_btm { background:#749A03; padding: 30px 10px; border-top: 15px solid #053648; min-height: 0; }
    .ftr_nav { float: none; padding: 0; }
  	.ftr_nav ul li{ width: 32%; text-align: center; border:1px solid #fff; margin:0 0 6px; }
  	.ftr_nav ul li:after{ display: none; }
  	.ftr_nav ul li a{ line-height: 40px; padding: 0; }
  	.copyright{ margin-top: 24px; }
    .fbtm_info { padding-top: 30px; }

}

@media only screen and (max-width : 900px) {

	/* middle */
    #middle2 { padding-bottom: 20px; }
    [class^="mid2_list"] li { width: 32%; margin-bottom: 20px!important; }
    .mid2_list1 a { font-size: 22px; }
    .mid2_list1 a span, .mid2_list2 a { font-size: 27px; }

  /* bottom */
    main, .sidebar { float: none; }
    main { width: 100%; }
    .sidebar { width: 370px; margin: 40px auto 0; max-width: 100%; }

}


@media only screen and (max-width : 800px) {

	/* main */
    .thumb_left_dd, .thumb_right_dd, .thumb_center_dd, .thumb_featured  { display: none; }

  /* bottom */
    #bottom1 { text-align: center; padding-top: 34px; }
    .btm1_img { position: static; margin: 32px auto 0; }
    .btm1_info { padding: 0; }
    .btm1_info p { margin-top: 0; }
    .btm1_info a { margin: auto; }

}

@media only screen and (max-width : 600px) {

	/* presets */
  	.col2, .col3, .sitemap{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0; }
  	main .bullet{ padding-left:10px;}
  	.back_top{ background: url(../images/back_top.png) no-repeat center rgba(0,0,0,.8); position: fixed; bottom: 86px; right: 10px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; z-index: 999;}
  	.back_top:hover{ opacity: .6; }

  /* header */
    .header_info, #google_translate_element { display: block; width: 100%; text-align: center; }
    .header_info { padding: 0 10px 33px; }
    .header_info::after { display: none; }
    .logo { padding-bottom: 25px; }
			[class^="header_boxes"] {margin:0 auto 10px!important;display:block;}
			.header_boxes3 {margin:0!important;}

  /* nav */
  	.nav_toggle_button{ display:block;background:#013689;}
  	nav{ display: none; }
  	nav ul{ margin: 0; padding: 0;}
  	nav ul li, .nav-footer ul li{ width: 100%; display: block; }
  	nav span{ top: -2px; }
  	nav ul ul{ width:100%; position: relative;  transition: none; }
  	nav ul ul li { border: none; width: 100%;}

	/* banner */
		.mobi_ban { max-width: 300%; width: 140%; margin-left: -29%; }
		.extra_slog  h6 {font-size:41px;}

  /* middle */
    .mid2_list1 a { font-size: 4vw; }
    .mid2_list1 a span, .mid2_list2 a { font-size: 5vw; }
    [class^="mid2_list"] li { margin-bottom: 15px!important; }

	/* main */
	 main{ text-align: left; }

	/* footer */
   .ftr_contact li { width: 100%; display: block; }
	 .ftr_contact li { margin-bottom: 20px; }
   .ftr_contact p { margin-bottom: 25px; }

}

@media only screen and (max-width : 500px) {

	/* banner */
	.slogan_dv1 h2 span { padding-left: 0; width: 100%; }

  /* middle */
    [class^="mid2_list"] li { width: 48%; }
    .mid2_list1 a { font-size: 22px; }
    .mid2_list1 a span, .mid2_list2 a { font-size: 27px; }
		.slogan_dv1 h2, .slogan_dv1 h2 span { font-size: 7vw; height: auto; }
		.slogan_dv1 h2 span { line-height: 50px; }
		.slogan_dv1 a { width: 203px; height: 48px; font-size: 21px; line-height: 56px; }

  /* main */
    main h1 { font-size: 7vw; }
    main h1 span { font-size: 8vw; }
    .sidebar a { width: 213px; height: 148px; font-size: 17px; padding: 12px 10px 0; }
    .sidebar a span { font-size: 19px; line-height: 19px; }
    .sidebar a::before { top: 12px; margin: 0 auto 6px; }

  /* footer */
    .ftr_nav ul li { width: 100%; display: block; }

		.media {margin: 28px auto 20px;display: block;}
		.serv_areas {display: block;margin:0 auto;}
}


@media only screen and (max-width : 360px) {

	/* banner */
		.slogan_dv1 h2 span { margin: 1px auto 2px; }

  /* middle */
    [class^="mid2_list"] li { width: 100%; display: block; }


}