/* Large Tablet Devices ----------- */
@media only screen
and (max-width : 1080px) {
	header {padding: 0 10px;}
		.logo {width: 29%;}

	nav ul li {margin: 0 2.1%;}
	nav ul li a {font-size: 16px;}
		nav ul li:after {right: -23px;}

	main {padding: 53px 10px 0 0;width: 58%;}

	#bottom1 {padding: 40px 10px;min-height: 0;}
		.btm1_con .btm1_text {width: 56%;}
	.btm1_con section {width: 32%;padding: 103px 35px;margin: 32px 1.5% 0 0;}

	#bottom2 {padding:20px 10px;min-height: 0;overflow:hidden;}
		.btm2_con .btm2_box1{width:29%}
		.btm2_inner::after {height:100%}

	.footer_top {padding: 40px 10px;min-height: 0;text-align:center;}
	[class^="ftr_box"] {text-align:left;}
	.ftr_box1 {width: 32%;}
	.ftr_box2 {width: 31%;}
	.ftr_box3 {width: 33%;}

	.ftr_box2 textarea{width:74%}
	.ftr_box2 input[type="submit"]{width:24.6%}
	.ftr_btn {float:none;}
	
	.footer_btm {padding: 9px 10px;}
}
@media only screen
and (max-width : 1024px) {
	.header_info .cp{margin: 3px 5px 0 0;}
	.header_info .cp1{right: 175px;}
}

@media only screen
and (max-width : 1010px) {
	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}

	header {padding:10px;min-height: 0;}
		.logo {margin:0;width:315px;}
		.header_info {top: 25px;}
		.header_info span {position:static;display:block;}
		.header_info .cp {position: absolute;right: 170px;top: 108px; margin: 0;}
		.header_info .cp1{right: 0; top: 108px; margin: 0;}
		

		/*nav*/
		nav{clear: both; 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; margin-top: 30px;}
		nav ul li{width: 32.8%; text-align: center; border:1px solid #ccc; margin:0px 0px 6px !important;}
		nav ul li:after{content: "";display:none;}
		nav ul li a{line-height: 40px;}

		nav ul li.menu-item-has-children> 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{text-align:center; height:auto; margin:0;}
		.box_skitter{display:none;}
		.slider {width: 100%;margin-left: 0;}
		.rslides{display:block;}
		.bnr_info {width:100%;padding:20px 10px;position:static;}
			.bnr_info h4:before,.bnr_info h4:after {display:none;}
			.bnr_info a {margin:0 auto;}
			.bnr_info h4 {font-size:29px;padding:0;}
			.bnr_info h4 span {font-size: 37px; line-height:39px;}
			.btm1_con section p {min-height: 109px;}

	/*main*/
	#main_area{padding:0; margin:0!important;}
	main{padding:10px;width:52%;min-height:0!important}

	#bottom1 {padding: 20px 10px;text-align:center;}
		.btm1_con section{width:32%; margin:0 3px 8px;padding: 103px 10px 0;background-size:cover!important}
		.btm1_con .btm1_text {width: 100%;display: block;}
		.btm1_con h2 {margin:0 auto;padding:0;display:block;}
		.btm1_con h2:before,.btm1_con h2:after {display:none;}
		.btm1_con .btm1_btn {float:none;margin:10px auto 20px;display:block;}
		.btm1_con section a {bottom: 73px;}

	#bottom2 {padding: 30px 10px;}
		.btm2_con .btm2_box1{display:none}
		.btm2_con .btm2_box2 {width:100%;margin:0;text-align:center;padding:0;float:none}
		.btm2_inner {text-align: center; width: 30% !important; margin: 0 10px !important;}
		.btm2_inner::after {right:-13px}
		.btm2_inner h2{margin:0}
		.btm2_inner h2::before,.btm2_inner h2::after{display:none}

	.footer_top {padding: 20px 10px;}
		.ftr_box1 {width:52%;}
		.ftr_box2 {width: 47%;float:right}
		.ftr_box2 textarea{width: 74.4%;}
		.ftr_box2 input[type="submit"]{width:24.5%}
		.ftr_box3 {width:100%;float:none;margin:0}
		.ftr_btn {margin-top:25px;}

	.footer_btm {min-height:0;padding:20px 10px;}
	.footer_nav { float:none;margin:0 auto 10px;}
		.footer_nav ul{ margin:0; text-align:center;}
		.footer_nav ul li{width: 32%; text-align: center; border:1px solid #ccc; margin:0px 0px 6px !important;}
		.footer_nav ul li:after{background: none;display:none;}
		.footer_nav ul li a{line-height: 40px;}

	.copyright {float:none;text-align:center;}
}

@media only screen
and (max-width : 850px) {
	#main_area{padding:0;}
	main{width:100%;float:none;padding:20px 10px}
	.sidebar{padding:0;float:none;width:100%}
	.side_box1{width:100%;float:none;padding:20px 10px}
}

@media only screen
and (max-width : 800px) {
	.btm1_con section {background:#703091;padding: 20px 10px;height:auto;min-height: 243px;}
	.btm1_con section a {bottom: 20px;}

	.btm2_con .btm2_box1 {width: 51%;padding-right: 20px;}
	.btm2_con section {width: 48%;text-align: center; margin: 0 auto !important; padding: 0 10px;}
	.btm2_con .btm2_box3 {display:none;}
	.btm2_con section h4:before,.btm2_con section h4:after {display:none;}
	.btm2_con section a {right: 0; margin: 0 auto;}

	.ftr_box2 textarea{width:74%}
}

@media only screen
and (max-width : 750px) {
	.thumb_left_dd, .thumb_right_dd, .thumb_center_dd{width: 250px;}

	.btm1_con section{width:48%;}
	.btm1_con section {min-height: 225px;}

	#bottom2{padding:20px 10px 0}
	.btm2_inner{width:100%!important;margin:0 0 20px!important;padding:0}
	.btm2_inner p{margin: 15px 0;min-height:0;}
}


/* Smartphones */
@media only screen
and (max-width : 750px) {
	[class^="ftr_box"] {width:100%!important;float:none!important;display:block;text-align:center;}
		.ftr_box1 li {font-size: 16px;padding:0;display:inline-block;vertical-align:top;margin:0 1.5% 2%;}
		.ftr_box1 li:before {position: static;display:block;}

	.ftr_box2 {margin: 6px 0 17px 0;}

	.ftr_box3 .f_block {display:inline-block;vertical-align:top;width:49%;}
	.ftr_box3 textarea {width: 98.5%;margin: 0 auto 13px;}
	.ftr_box3 input[type="submit"] {margin:0 auto;}
}

@media only screen
and (max-width : 650px) {
	header {padding: 15px 0 0;text-align:center}
	.header_info .cp, .header_info .cp1 {position: static;display: block;margin: 10px auto;width: 180px;}

	.logo, .header_info{float:none; text-align:center; margin: 0 auto 9px;position: static;padding: 0 10px; width: 100%;}
}
	
/* Smartphones */
@media only screen
and (max-width : 600px) {
	.col2, .col3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
	.thumb_left_dd, .thumb_right_dd, .thumb_center_dd, .slider{display: none;}

	.googleTranslate {margin: 0 0 10px 0;}

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

	.bnr_info h4 {font-size: 25px;}
	.bnr_info h4 span {font-size: 31px;line-height: 32px;}

	.mobi_ban{height: 350px; position: relative;display:block;}
	.mobi_ban img{left:78%; max-width: initial; width: auto; height: 100%; position: absolute; transform: translateX(-50%);}

	main .bullet{padding-left:10px;}
	main h1 {font-size:24px;line-height:31px;}
	main h1 span {font-size:25px;}

	#bottom1 {padding: 15px 10px 10px;}
	.btm1_con section{margin: 0 auto 10px;min-height: 300px;width: 327px;padding: 75px 10px 0;max-width: 100%;}
	.btm1_con section a {position:static;}
	.btm1_con section p {min-height: 0;}

	#bottom2 {padding: 20px 10px 30px;}
	.btm2_con section {width: 100%!important;display:block;border: 0!important;min-height: 0;padding:0!important;}

	.btm2_con section a{position:static;}
	.btm2_con .btm2_box1{margin:0 auto 20px!important;}

	.footer_top {padding: 15px 10px 30px;}
	[class^="ftr_box"] h4 {font-size: 30px;}
	.ftr_box1 li {display: block;margin: 0 auto 20px;}

	.ftr_box2 {margin: 27px 0 17px 0;}


	.footer_btm {padding: 20px 0;}
	.footer_nav ul li{width:100%;border:0;border-bottom:1px solid #333;margin:0!important}
	.footer_nav ul li:last-child{border-bottom:0}
	.footer_comp {display:block;}
	.footer_comp:before {display:none;}

	.copyright {margin-top: 30px;}
	.copy_home{display:block}

	.back_top{background: url(../images/back_top.png) no-repeat center #e66c0d; position: fixed; bottom:80px; right: 10px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; z-index: 999;}
	.back_top:hover{opacity: .6;}
}

@media only screen
and (max-width : 450px) {
	.mobi_ban img {left: 90%;}

	.ftr_box3 .f_block,.ftr_box3 textarea {width:100%;display:block;}
}