@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 */
	header { padding: 0 10px; }

	/* banner */
	.bnr_wrap { height: 638px; }
	.bnr_wrap { padding: 10px 10px 0; }
	.slider { height: auto; }
	.bnr_txt_left { bottom: 10px; left: 10px; }
	.bnr_txt_right { bottom: 10px; right: 10px; }

	/* middle */
	[class^="mid_box"] { margin: -180px auto 0 0; float: none; width: 24%; }
	[class^="mid_box"] p { padding: 17px 10px 0; min-height: 125px; }

	/* main */
	#main_area { padding: 37px 10px 30px; }
	main { width: 53%; }

	/* bottom */
	#bottom1 { padding: 35px 10px; }
	[class^="btm1_box"] p { min-height: 153px; }

	/* footer */
	.ftr_btm { height: auto;  padding: 30px 10px; overflow: hidden; }
	.ftr_nav ul li a { padding: 0 7px; }


	/* header
	header { padding: 0 12px; }

	#banner{ text-align: center; height: auto; margin: 0; padding: 10px; }


	#middle { text-align: center; margin: 0; padding: 8px 8px 0; }
	.middle_con section{ width: 32%; margin: 0 3px 8px !important; }

	#main_area{ padding: 0; margin: 0; }
	main, .sidebar{ float: none; margin: 10px auto; width: 96%; }
	.side_box1{ text-align: center; width: 100%; max-width: 100%; height: auto; margin: 0px auto; padding: 10px 10px 2px; margin-bottom: 12px; }
	.side_box1 ul li{ margin: 0px 0px 6px !important; display: inline-block; width: 49%;}
	.side_box2{ width: 100%; }

	#bottom1{  }
	.btm1_con section{ width: 32%; margin :0 3px 8px !important;}

	.logo, .header_info{ float:none; text-align: center; margin: 0 auto 20px; }
	.middle_con section, .btm1_con section{ width: 48%; }


	.copyright{ margin-top: 24px; }*/

}

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

	/* nav */
	nav { width: 508px; }
	nav ul li a { padding: 0 9px; }

	/* banner */
	.bnr_wrap { height: auto; padding-bottom: 10px; }

	/* midddle */
	#middle { padding: 25px 10px; }
	[class^="mid_box"] { margin-top: 0; }

	/* bottom */
	#bottom1 { padding-bottom: 0; }
	[class^="btm1_box"] { width: 100%; display: block; float: none; padding: 0 192px 0 0; margin-bottom: 60px; }
	[class^="btm1_box"]  p { min-height: auto;  margin-bottom: 20px; }
	.btm1_img {  bottom: auto; top: 0; }
	#bottom2 { padding: 35px 10px 30px; }
	[class^="btm2_box"] { width: 31%; margin: 0 5px 15px; min-height: auto; padding-bottom: 25px; }
	[class^="btm2_box"] p { min-height: 80px; }
	.btm2_wrap p { width: 100%; }

	/* footer */
	.ftr_nav, .copyright { float: none; display: block; }
	.copyright { font-size: 16px; }

}

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

	/* header */
	header { height: auto; padding: 20px 0 0; }
	.logo, .header_info, nav { float: none; text-align: center; display: block; }
	.logo { margin: 0; }
	.header_info { margin: 5px 0 11px; }

	/* nav */
	nav { width: 100%; border-radius: 0; }
	nav ul li a { padding: 0 16px; }

	/* middle */
	[class^="mid_box"] h2 { font-size: 2vw; }

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

	/* bottom */
	[class^="btm2_box"] { width: 48%; }

	/* footer */
	.ftop_wrap { height: auto; }
	.ftr_contact { width: 100%; position: static; padding: 18px 10px 30px; }
	.ftr_map { position: static; height: 300px; }

}

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

	/* banner */
	.slider { display: none; }
	#bnr_txt_xs, .mobi_ban{ display: block; }
	.mobi_ban { background: #fff; border-radius: 10px; padding: 4px; }
	[class^="bnr_txt"] { position: static; width: 100%; text-align: center; padding: 25px 10px 30px; height: auto; margin-top: 10px; }
	[class^="bnr_txt"] p { padding-right: 0;  margin-bottom: 0; }

	/* middle */
	[class^="mid_box"] h2::after { top: 73px; }
	[class^="mid_box"] p { margin-top: 107px; min-height: 142px; }

}

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

	/* nav */
	nav{ height:auto;margin:auto; padding:10px 10px 4px; transition:none; position: relative; width: 100%; right:0; top: 0; }
	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{ content: ""; }
	nav ul li a{ line-height: 40px; border-radius: 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; }
	nav ul li a:hover, nav ul li a:active, nav ul li.current_page_item > a, nav ul li a:hover small, nav ul li.current_page_item a small{ background: #e3353b; }

	/* middle */
	[class^="mid_box"] { width: 48%; margin-bottom: 20px; min-height: auto; padding-bottom: 20px; }
	[class^="mid_box"] h2 { font-size: 20px; }
	[class^="mid_box"] p { min-height: 96px; }

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

	/* footer */
	.ftr_nav ul{ margin:0; text-align:center; }
	.ftr_nav ul li{ width: 32%; text-align: center; border:1px solid #fff; margin:0px 0px 6px !important; }
	.ftr_nav ul li:after{ background: none; }
	.ftr_nav ul li a{ line-height: 40px; }
	.copyright { margin-top: 19px; }
	.ftr_comp, .copyright { display: block; line-height: 20px; }
	.ftr_comp { margin: auto; }
	.ftr_comp:before, .ftr_comp:after { display: none; }

}

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

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

	/* header */
	.header_info h2, .media { display: block; }
	.media { margin: 3px auto 0; }
	.media h2 { display: inline-block; }

	/* nav */
	.nav_toggle_button{ display:block;}
	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%;}

	/* middle */
	[class^="mid_box"] { width:100%;  }
	[class^="mid_box"] p { min-height: auto; margin-bottom: 20px; }

	/* main */
	main{ text-align: left; }
	.sidebar { width: 290px; }
	.sidebar img { left: 0; }

	/* bottom */
	#bottom1 { padding-top: 30px; }
	.btm1_img { display: none; }
	[class^="btm1_box"] { text-align: center; padding: 0; margin-bottom: 35px; }
	[class^="btm1_box"] a { margin: auto; }
	[class^="btm2_box"] { width: 100%; margin: 0 auto 15px; }
	[class^="btm2_box"] p { min-height: auto; }
	.btm2_wrap p { margin-bottom: 20px; }

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

}

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

	/* banner */
	[class^="bnr_txt"] { padding: 17px 10px 17px; }
	[class^="bnr_txt"] h2 { font-size: 5.4vw; }

	/* main */
	main h1 { font-size: 6.2vw; }

	/* footer */
	.ftr_contact span, .ftr_contact small { font-size: 22px; }

}