/* Large Tablet Devices ----------- */
@media only screen
and (max-width : 1150px) {
	.header_upper, .header_lower, #banner {padding:0 15px;}
	main{width: 100%; padding: 0 405px 0 0;}
	.main_con{padding: 0 15px 46px;}
	.sidebar {position: absolute; top: 0; right: 15px;}

	.btm1_box1, .btm1_box5{float:none;}
	#bottom2{padding:0 15px;}

	.btm1_box3 {margin:0;}
	[class^="btm1_box"]{width:19%;}
	[class^="btm1_box"] h3{min-height: 111px;}

	.footer_top, .footer_btm{padding:0 15px;}
	.btm3_right {width: 47%;}

}

@media only screen
and (max-width : 1100px) {
	.footer_right {display: block; float:none;}
	.footer_btm_left {display:block; text-align:center;}
	.footer_right {text-align: center;position: relative;width: 100%;}
	/* .footer_right ul li{padding: 7px 9px;} */
	.footer_right ul li{top: 12px; right: -4px;}

	.btm1_con2_info p {width: 537px;}
	.btm1_con2_img {margin:0;}
}


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

	nav ul {width:100%; display:table;}
	nav ul li{display:table-cell;}
	nav ul li:after {right:0;}

	.middle_con {text-align:center;}
	[class^="mid_box"]{width:24%;}
	[class^="mid_box"] h3 {min-height: 54px; margin-bottom: 4px;}
	[class^="mid_box"] p {min-height: 81px;}
	.mid_box2 {margin:0;}
	.mid_box4 {float:none;}

	.btm2_con h2 {line-height:35px; margin-bottom: 11px;}
	.btm2_con p {margin-bottom: 20px;}

}


@media only screen
and (max-width : 1030px) {
	.logo{margin-top: 39px;}
	.logo img{max-width: 256px;}
	.header_info {margin-left: 14px;}
	.header_info:after {right: -11px;}
	.social_media{margin-left: 14px;}
	.chap_section:after{right: -11px;}
}


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

	.btm1_con2{height:auto;}
	.btm1_con2_img {display:none}
	.btm1_con2_info p {width:100%}
	.btm1_con2_info {float: none;text-align: center;padding: 20px 10px 30px;}

	.btm2_con{padding: 20px 0;}
	.btm2_con section{width: 47%; margin: 10px 0;}
	.btm2_con section:after{height: 100%;}
	.btm2_con section:nth-child(3):after{display: none;}
	.btm2_con section:last-child{width: 100%;}

}
@media only screen
and (max-width : 900px) {
	.header_con{text-align:center;}
	.logo{float: none; margin-top:0; padding-top: 18px; display: block;}

	.headerL_right{float:none;margin: 24px 0;}
	.header_info h3  {font-size:17px; text-align: center;}
	.chap_section h3, .social_media h3{font-size:17px;}
	.social_media{text-align: center;}

	/*nav*/

	nav{clear: both; height:auto;margin:auto; transition:none; position:relative; width:100%; right:0; top:0; background: #bd2525; padding: 8px 5px 3px;}
	nav ul{ margin:0; text-align:center; display:block;}
	nav ul li{width: 32.8%; text-align: center; border:1px solid #cc7c58; margin:0px 0px 6px !important; display:inline-block;}
	nav ul li:after{background:none;}
	nav ul li a{line-height:36px;}
	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{text-decoration:none; background:#fff; color:#8b3e1a;}

	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 {padding:0;}
	.slider {left: auto; width: 216%;max-width: 250%; margin-left: -80%;}
	.bnr_info{width: 100%; position: static; text-align:center;padding:15px;background: #fff;}
	.bnr_info h2 {font-size:25px;}
	.bnr_info h2 span{font-size:34px;}



	#middle {padding: 0 15px;}
	[class^="mid_box"] p {min-height: 108px;}

	main {padding:0;}
	.sidebar{position: static; right: 0; left: 0; margin: 0 auto; float:none; max-width: 100%;}

	.btm1_con {padding: 0 15px 40px;}
	[class^="btm1_box"]{width: 32%; margin-bottom:5px;}

	.btm2_con {text-align:center;padding: 30px 0; height: auto; width:100%;}
	.btm2_con h2{font-size:25px;}
	.btm2_con p{padding-right:0;}
	.btm2_btn {line-height:42px;}
	.btm2_bg  {display:none;}

	.footer_btm_con{min-height:auto; padding: 23px 0;}
	.footer_nav {margin-bottom: 13px;}
	.footer_nav ul{ margin:0; text-align:center; display:block;}
	.footer_nav ul li{width: 32.8%; text-align: center; border:1px solid #cc7c58; margin:0px 0px 6px !important; display:inline-block;}
	.footer_nav ul li:after{background:none;}
	.footer_nav ul li a{line-height:36px;}
	.footer_nav ul li a:hover, .footer_nav ul li a:active, .footer_nav ul li.current_page_item a{text-decoration:none; background:#fff; color:#8f411c;}

	.footer_comp{display:block;}
	.footer_comp:before, .footer_comp:after {display:none;}
	.footer_right {margin: 20px 0 0;}
	.footer_right ul li{width: 48%; text-align: center; border:1px solid #cc7c58; margin:0px 0px 6px !important; display:inline-block; padding:0;}
	.footer_right ul li:after{background:none;}
	.footer_right ul li a{line-height:30px; display:block;}
	.footer_right ul li a:hover{text-decoration:none; background:#fff; color:#8f411c;}

}


@media only screen
and (max-width : 750px) {
	main h6 {height:66px;}

	[class^="mid_box"] {width: 46%; margin: 0 0 5px !important;}
	[class^="mid_box"] img {max-width: 315px;}
	[class^="mid_box"] p{min-height: 81px;}
	.middle_con h2 {font-size:25px;}

	.footer_top_con{text-align: center;}
	.contact_info{width: 100%; margin-bottom: 20px;}
	.contact_info ul li{text-align:center; padding-left:0;}
	.contact_info ul li:before{display:block; position:static;}
	.btm3_right {width: 100%; float:none; text-align: center;}
	.chap_section2{margin: 30px 0 0;}
	.chap_section2 h3{padding: 0 0 10px; display:block;}
}


/* Smartphones */
@media only screen
and (max-width : 600px) {
	.header_upper_con {text-align:center; padding: 10px 0;}
	.upper_hd_nav {float:none;}
	.header_upper ul li{margin: 0 6px!important;}
	.header_upper ul li:before{top: 9px;}
	.header_upper ul li a, .header_email, .header_upper_con h3 {line-height:30px;}
	.header_upper_con h3{padding-left:0;}
	.header_upper_con h3:before{display:none;}

	.headerL_right{margin: 8px 0;}
	.chap_section, .header_info, .social_media {display:block; margin:15px 0;}
	.chap_section:after, .header_info: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%;}

	main p {text-align:left;}
	main .bullet ul li {text-align:left;}

	[class^="btm1_box"] {width:100%; min-height: auto;}
	[class^="btm1_box"] h3{min-height:auto;}
	[class^=btm1_box] p {min-height:auto;}
	.borderlist li {margin: 0 0 5px 0;}

	.btm1_con2_info small{display: block; margin: 10px 0 0;}

	.btm2_con{padding: 15px 0;}
	.btm2_con h3{margin: 0; font-size: 32px; line-height: 29px;}
	.btm2_con section{width: 100%; margin: 0; padding: 25px 15px;}
	.btm2_con section:after{width: 100%; height: 1px; bottom: 0; top: auto; display: block!important;}
	.btm2_con section:last-child:after{display: none!important;}

	.footer_nav ul li{width:100%;}
	.footer_right ul li{width:100%;}

	.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 #bd2525; position: fixed; bottom: 10px; 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 : 500px) {
	main h6 {height:90px;}

	.slider{display:none;}
	.mobi_ban{display: block;max-width: 250%; width: 241%; margin-left: -94%;}
	.bnr_info {margin-top: -7px;}
	.bnr_info h2 {font-size:22px}
	.bnr_info h2 span{font-size:26px}

	[class^="mid_box"] {width:100%;}
	[class^="mid_box"] h3, [class^="mid_box"] p{min-height:auto;}

	main h1 {margin-bottom: 12px; font-size:29px; line-height:32px;}
	.sdbar_right a{padding-left: 20px; font-size:20px;}

	.btm1_con2_info h2 {font-size: 26px;}
	
	.inline_toggle{width: 100% !important;}
	.content_toggle{margin-bottom: 0;}
	.content_toggle h6{height:auto !important;padding:9px !important;}
}


@media only screen
and (max-width : 400px) {
	.btm1_con2_info h2 {font-size: 20px;}
}