/* Large Tablet Devices ----------- */
@media only screen
and (min-width : 1001px) {
	.fixed{position:fixed;width:100%;top:0;left:0;right:0;background:url(../images/bg_fixednav.jpg) repeat-y center;height:119px;}
	.fixed .social_icons{top: 36px;}

	.fixed nav{padding-top:25px; position: relative; z-index: 10; padding: 10px 0 17px;}
	.fixed .logo{top:18px;}
	.fixed .logo img{width:277px;}
}



@media only screen
and (max-width : 1270px) {
	[class^="btm2_box"]{width:28%;margin:0 2.5%;}
	[class^="btm2_box"] h3{font-size:29px;}
}

@media only screen
and (max-width : 1186px) {
	header{padding:0 10px;}
	#banner{padding:0 10px;}



	.btm1_box1{width: 36%;}
	.btm1_box2{width:63%;}

	.btm1_box2 ul{-webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
	.btm1_box2 ul li a{font-size:20px;}

	[class^="txtfield"]{width:24%;}
	.txtfield3{width:32%;}
	.btn_submit{width:15%;}
}

@media only screen
and (max-width : 1060px) {
	/*Middle*/
	[class^="btm2_box"]{width:32%;margin: 0 .5%;}
}

@media only screen
and (max-width : 1000px) {
	html, body{-webkit-touch-callout: none;-webkit-user-select: none; /* Webkit */-moz-user-select: none;/* Firefox */-ms-user-select: none;  /* IE 10  */}

	/*Banner*/
	.slider{position: static; width: 180%; margin-left: -69%;}
	.bnr_sec{position:static;padding:15px 0;}

	.slogan{text-align:center;}
	.bnr_btn ul{float:none;margin:10px 0 0;text-align:center;}
	.bnr_btn{width:100%;}
	.bnr_btn ul li a{width:100%;padding:15px 0;}


	.bnr_btn ul li:first-child{position:static;width:300px;display:inline-block;}
	.bnr_btn ul li:first-child a{position:static;width:100%;}
	.bnr_btn ul li:first-child:after{display:none;}
	.bnr_btn ul li:hover > ul{display:none;}

	.bnr_btn ul ul{position: static;padding: 0 10px 10px;}
	.bnr_btn ul ul li{width:100%!important;margin:5px 0;}
	.bnr_btn ul ul li a{width:100%!important}

	.ban_toggle{display:block;position:absolute;top:0;right:0;width: 45px;height: 55px;cursor:pointer;z-index:10;}
	.ban_toggle:before{content:"";border-style: solid;border-width: 18px 15px 0 15px;border-color: #fff transparent transparent transparent;position:absolute;top:18px;left:0;}
	.ban_icon:before{border-width: 0 15px 18px 15px;border-color: transparent transparent #fff transparent;}



	/*Middle*/
	[class^="btm2_box"] h3{font-size:34px;}
	[class^="btm2_box"] h3 span{display:block;}

	/*main*/


	/*Bottom*/

	.btm1_box1{width: 100%;text-align:center;}
	.btm1_box2{width:100%;margin-top:30px;}

	.btm3_con section{width:62%;}
	.btm3_con section h3{font-size:30px;}
	.btm3_con img{right:0;width:43%;}


	.footer_top{padding-bottom:160px;}
	[class^="txtfield"]{width:49%;margin:0 0 10px;}
	.txtfield3{width:98.8%;}
	.btn_submit{width:98.8%;}

	.ft_contact{padding-bottom: 35px;min-height: 0;}
	.ft_contact ul li{margin:37px 0 0;width:30%;}
}




@media only screen
and (max-width : 850px) {
	nav ul li{margin-left:35px;}
	[class^="btm2_box"]{margin:0;}


	.ft_contact ul li span{display:block;}
}

@media only screen
and (max-width : 750px) {
	/*Header*/
	header{position:static;height:auto;padding:0;}
	.logo{position:static;text-align:center;background:#93898d;padding:10px;}
	.header_info{background:#93898d;text-align:center;float:none;display:block;padding:10px;}

	/*Nav*/
	nav{clear: both; height:auto;margin:auto; padding:10px 10px 4px; transition:none; position:relative; width:100%; right:0; top:0;background:#00aaca;}
	nav ul{ margin:0; text-align:center;}
	nav ul li{width: 24%; text-align: center; border:1px solid #fff; margin:0px 0px 6px !important;}
	nav ul li:after{display:none!important;}
	nav ul li a{line-height: 40px;display:block;text-align:center;}

	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;}

	.slider{width: 250%;margin-left: -117%;}
	.social_icons{padding: 28px 0; position: static; right: 0;top: 0; text-align: center;}
	.btm1_box2 ul li a::before {top:2px;}
	.btm1_box2 ul li a{font-size:21px;}

	#bottom3{background-size:cover;}
	.btm3_con section{width:100%;text-align:center;padding:40px 0 0;}
	.btm3_con img{width:auto;position:static;display:block;margin:25px auto 0;}

	/*Footer*/

	.footer_btm{padding: 0 12px 30px;}
	.footer_nav ul{ margin:0; text-align:center;}
	.footer_nav ul li{width: 49%; text-align: center; border:1px solid #fff; margin:0px 0px 6px !important;}
	.footer_nav ul li:after{display:none!important;}
	.footer_nav ul li a{line-height: 40px;}

	.copyright{margin-top: 24px;}
}

@media only screen
and (max-width : 650px) {

	.slogan{font-size:42px;}
	.slogan span{display:block;}


	.btm2_con{padding:30px 0;}
	[class^="btm2_box"]{width:343px;max-width:100%;margin:20px 0;text-align:center;}
	[class^="btm2_box"] h3 span{display:inline-block;}

	.ft_contact{padding: 12px 10px 40px;}
	.ft_contact ul li{width:49%}

}

/* Smartphones */
@media only screen
and (max-width : 600px) {

	/*Nav*/
	.nav_toggle_button{ display:block;}
	nav{display: none;padding:0; }
	nav ul{margin: 0; padding: 0;}
	nav ul li{width: 100%; display: block;margin:0!important;border:0;border-top:1px solid rgba(0,0,0,.2);}
	nav span{top: -2px;}

	nav ul ul{width:100%; position:relative;  transition:none;}
	nav ul ul li {border:none; width:100%;}

	main p{text-align:left;}

	.btm1_box2{padding: 23px 15px 10px;}
	.btm1_box2 ul{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}

	/*Footer*/
	[class^="txtfield"]{width:100%;}

	.footer_nav ul li{width:100%;}

	.footer_btm{padding-bottom:0;}
	.copyright{padding-bottom:70px;}

	/*Others*/
	.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{display: none;}
	main .bullet{padding-left:10px;}
	.back_top{background: url(../images/back_top.png) no-repeat center #33a86b; position: fixed; bottom: 0; right: 0; width: 100%; height: 43px; cursor: pointer;z-index: 999;}
	.back_top:hover{opacity: .6;}
}


@media only screen
and (max-width : 450px) {
	.ft_contact ul li{width:100%;margin:20px 0 0;}
	.bordtop {width: 296px; font-size: 19px;}
	.ban_title h1{font: 40px/100% 'Sorts Mill Goudy';}
}
