@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_info_top, .header_info_btm { padding: 0 10px; }
	.logo img { width: 320px; }

	/* nav */
	nav ul li a { padding: 0 53px; }

	/* banner */
	.bnr_info { padding: 0 10px; transform: translate(0,-50%); top: 50%; }

	/* middle */
	.mid_wrap section { margin: 0 auto 17px; width: 24%; padding: 5px; }
	.mid_wrap img { max-width: 100%; }
	.mid_wrap p { padding: 0; }

	/* main */
	#main_area { padding: 30px 10px; }
	main { width: 60%; }
	.sidebar { width: 35%; }

	/* bottom */
	.btm1_wrap section { margin: 0 auto 17px; width: 24%; padding: 5px; }
	.btm1_wrap h3 { font-size: 18px; }
	.btm1_wrap img { max-width: 100%; }
	.btm1_wrap a { bottom: 30px; }
	#bottom2 { padding: 0 10px; }
	.btm2_wrap p { width: 537px; }
	.btm2_wrap img { margin-right: 0; }
	#bottom3 { text-align: center; }
	.btm3_wrap section { padding: 0 10px!important; }
	.btm4_box2 { margin: auto; }
	.btm4_wrap section { float: none; width: 31%;  background: #feab3e; }
	.ftr_top { padding: 30px 10px; min-height: auto; }
	.ftr_btm {  height: auto;  padding: 20px 10px; }
	.fbtm_info2 li:last-child a { padding-right: 0; }
	.fbtm_info2 li a { padding: 0 4px; }
	.fbtm_info1 {  margin-left: 0; }
	.ftr_nav ul li::after, .fbtm_info2 li::after { top: 10px;  right: -3px; }
	[class^="fbtm_info"] { text-align: center; float: none; display: block; }
	.ftr_comp { margin: 0 15px; }
	.ftr_comp::before { left: -14px; }
	.ftr_comp::after { right: -14px; }
	.fbtm_info2 { margin-top: 10px; }

	/* header
	#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%; }

	*/

}

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

	/* banner */
	.bnr_wrap { height: auto; }
	.slider { margin-left: 0;  }
	.box_skitter{ display: none; }
	.rslides{ display: block; }
	.rslides img { width: 167%!important; max-width: 221%!important; width: 167%; margin-left: -38% }

}

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

	/* header */
	.header_info_btm { height: auto; text-align: center; padding: 20px 10px; }
	.logo, .hdr_btm { float: none; }
	.logo { margin-top: 0; }
	.hdr_btm {margin-top: 12px;max-width: 200px;display: inline-block;vertical-align: top;position: relative;right: -15px;}
	.hdr_btm .hdr_media { padding: 3px 17px 0; }
	.joint-logo {position: relative;margin-top: 0;margin-bottom: 15px;left: -20px;}
	.joint-logo:after {right: -15px;}
	.questions {top: -18px;display: inline-block;left: 0;}
	.questions:after {right: -10px;}

	/* nav */
	nav{ background: #1f5da2; 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{ 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; }

	/* middle */
	.mid_wrap section { width: 31%; }
	.mid_wrap h3 { font-size: 18px; }

	/* main */
	.sidebar { display: none; }
	main { width: 100%; float: none; }

	/* bottom */
	.btm1_wrap section {  width: 48%;  padding: 10px; min-height: 306px; }
	#bottom2 {  min-height: auto; }
	.btm2_wrap img { display: none; }
	.btm2_info { width: 100%; float: none; text-align: center; padding: 20px 10px 30px; }
	.btm2_info p { width: 100%; }
	.btm2_info a { margin: auto; }
	.btm3_wrap h3 { font-size: 2.2vw; }
	.btm3_box1 ul li { font-size: 16px; margin-bottom: 11px; }
	.btm4_wrap h2 { font-size: 2.4vw; }

	.ftr_nav {max-width: 100%;float: none;}
	.copyright {float: none;}
}

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

	/* footer */
	footer {  margin-top: 30px; }
	[class^=ftr_contact] { float: none;  width: 100%; }
	.ftr_top { text-align: center; }
	.ftr_contact1 ul li { display: inline-block; vertical-align: top; padding: 10px; width: 48%; margin-bottom: 0; font-size: 17px; }
	.ftr_contact1 ul li:before { position: static; display: block; }

}

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

	/* header */
	.hdr_btm .hdr_media { width: 100%; text-align: center; margin-top: 18px; }
	.hdr_number:after { display: none; }
	.hdr_btm li { padding: 3px 12px 0; }

	/* banner */
	.bnr_info { text-align: center; transform: translate(0,0); position: static; width: 100%; padding: 10px 10px 29px; }

	/* middle */
	.mid_wrap section { width: 48%; }

	/* bottom */
	#bottom3 { padding: 40px 0 30px; }
	.btm3_wrap section { min-height: auto; }
	[class^=btm3_box] { margin-bottom: 20px;  }
	.btm3_box1, .btm3_box2 { width: 48%; }
	.btm3_box2 { border-right: 0; }
	.btm3_box3 { width: 100%;  }
	.btm3_wrap h3 { font-size: 3vw; }
	#bottom4 { padding-bottom: 29px; }
	.btm4_wrap section {  width: 48%; margin-bottom: 10px; }
	.btm4_wrap h2 { font-size: 20px;}

	/* footer */
	.ftr_nav { padding-bottom: 10px; }
	.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; }
	.ftr_comp { display: block; margin: 0; line-height: 15px; }
	.ftr_comp:before, .ftr_comp:after { display: none; }
	.fbtm_info2 li a { font-size: 14px; }

}

@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: 91px; right: 10px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; z-index: 999;}
	.back_top:hover{ opacity: .6; }

	/* header */
	.header_info_top { background: #c48510; height: auto; text-align: center; }
	.header_info_top span, .header_info_top ul { float: none; }
	.header_info_top ul { margin-top: -8px; }
	
	.joint-logo {left: 0;display: block;margin: 0 auto;right: 0;}
	.questions {top: -18px;display: block;left: 0;}
	.hdr_btm {display: block;text-align: center;margin: 0 auto;right: 0;left: 0;}
	.joint-logo:after{display:none;}
	.questions:after {display:none;}

	.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%;}

	/* banner */
	.mobi_ban{display: block; }
	.rslides img { width: 227% !important;max-width: 238% !important;margin-left: -77%; }
	
	#bottom5 {padding: 5px;}
	[class^="btm5-boxes"] {width: 100%;margin-bottom: 5px;}

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

	/* bottom */
	.btm1_wrap h2 { font-size: 7.1vw; }
	#bottom4 { padding: 38px 10px 38px; }
	.btm4_wrap section {  width: 100%; }

	/* footer */
	.media {  margin-top: 20px;  }
	.ftr_contact1 h2 { margin-bottom: 20px; }
	.ftr_nav ul li{width:100%;}
	.ftr_contact1 ul li {  display: block; width: 100%; margin-bottom: 20px; }

}
@media only screen and (max-width : 503px) {
	.fbtm_info2 li{display:block}
	.fbtm_info2 li:after{display:none; }
	.fbtm_info2{margin: 10px 0;}
}
@media only screen and (max-width : 500px) {

	/* header */
	.header_info_btm { padding-bottom: 0; }
	.hdr_btm li { text-align: center; width: 100%; display: block; padding: 0!important; margin: 0 0 15px !important; }
	.hdr_btm li:after { display: none; }

	/* banner */
	.bnr_info h2 { font-size: 7vw; }
	.bnr_info h2 span { font-size: 8vw; line-height: 24px }

	/* middle */
	#middle { padding: 30px 10px; }
	.mid_wrap h2 { font-size: 28px; }
	.mid_wrap section { width: 100%; min-height: auto; padding: 10px; }
	.mid_wrap a { position: static; }
	.mid_wrap p {  margin-bottom: 20px; }

	/* main */
	main h1 { font-size: 27px; }
	main h1 span { font-size: 21px; }

	/* bottom */
	#bottom1 { padding: 10px 10px 34px; }
	.btm1_wrap section {  width: 100%;  min-height: auto; }
	.btm1_wrap p { margin-bottom: 15px; }
	.btm1_wrap a { position: static; }
	.btm2_wrap h2 { font-size: 26px; }
	.btm3_wrap section { width: 100%; display: block; }
	.btm3_wrap h3 { font-size: 19px; }
	.btm3_wrap h2 {  font-size: 8vw;  margin-bottom: 20px; }
	.btm3_wrap img {margin: 10px auto 0;position: static; }

	/* footer */
	.ftr_contact1 h2 { font-size: 25px; margin-right: 0; }
	.ftr_contact2 h2 { margin: 0; }

}