@media only screen 
and (max-width : 1000px) {
	html, body{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
	.wrapper {width:100%;}	
	#slideshow {display:none;}
	.rslides {display:block;}
	header {min-height:auto;overflow:hidden;}
	
	nav ul li {width:33%;margin:0 0 4px;}
	nav ul li:after {content:"";}
	nav ul li a {border:1px solid #fff;border-radius:0;}
	nav {background-image:none;background:#E01721;min-height:auto;padding:4px 5px 0;}
	
	#banner {min-height:auto;background:none;}
	.banner-menu {position:relative;background-image:none;background:#1F328D;width:100%;left:auto;top:auto;padding:5px 10px;}
	.banner-menu ul {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
	.banner-menu h2 {background-image:none;line-height:45px;width:275px;margin:0 auto;padding-left:50px;}
	.banner-menu h2 span {display:inline;}
	.banner-menu h2::before {left:-13px;}
	.banner-menu ul li {margin-bottom:4px;}
	
	#main {padding:10px 0;}
	#main .wrapper {padding:0 10px;}
	#col-b {float:none;width:100%;}
	#col-a {float:none;width:100%;}
	
	footer h2 {margin-bottom:10px;}
	.whychoose {width:49%;padding:0 0 10px;float:left;min-height:auto;margin-bottom:10px;}
	.whychoose h2 {background-image:none;background:#1F3089;border-radius:11px 11px 0 0;}
	
	.areas {width:49%;padding:0 150px 0 0;float:right;min-height:140px;background-position:82% 6px;}
	
	.mid_box:nth-child(2){margin:0px 25px;}
	#mid {text-align:center;}
	.mid_box {text-align:left;}
     #swiffycontainer{position: relative; display: block; max-width: 100%; width: 440px !important; margin: 0 auto;}
	
	footer {background-image:none;background:#283292;min-height:auto;padding:10px 0;overflow:hidden;}
footer .wrapper {padding:0 10px;}

.contact {width:100%;text-align:center;float:none;}
.contact p {vertical-align:top;display:block;text-align:center;}
.contact .second {margin:0 20px;}
.contact2 {width:100%;text-align:center;float:none;margin:0;padding:0;}
.contact2 p {vertical-align:top;display:block;text-align:center;min-width:220px;}
.contact2 .second {margin:0 20px;}
.contact3 {width:100%;text-align:center;float:none;margin:0;padding:0;}
.contact3 p {vertical-align:top;display:block;text-align:center;min-width:220px;}
.contact3 .second {margin:0 20px;}
.contact4 {width:100%;text-align:center;float:none;margin:0;padding:0;}
.contact4 p {vertical-align:top;display:block;text-align:center;min-width:220px;}
.contact4 .second {margin:0 20px;}
.contact p img{position:relative;left:-10px;top:4px;}
.contact2 p img{position:relative;left:-10px;top:4px;}
.contact3 p img{position:relative;left:-10px;top:4px;}
.contact4 p img{position:relative;left:-10px;top:4px;}
.contact3 .contact, .contact4 .contact{width: 100%;}


.nav_footer {width:100%;margin:0;float:none;text-align:center;}
.nav_footer ul li {text-align:left;width:100%;}
.nav_footer ul li a {width:auto;}

#copyright {margin:15px 0 0;float:none;width:100%;text-align:center;}
}

@media only screen 
and (max-width : 815px) {
nav ul li {width:49%;}
}

@media only screen 
and (max-width : 780px) {
nav span {display:block;}
}

@media only screen 
and (max-width : 763px) {
.nav_footer {padding-top:20px;}
}

@media only screen 
and (max-width : 730px) {
.header_left,.header_right {float:none;width:100%;text-align:center;padding:0; margin-bottom:7px;}
.banner-menu ul {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}

@media only screen 
and (max-width : 650px) {
.areas {padding-right:125px;}
}

@media only screen 
and (max-width : 600px) {
	.nav-toggle-button, nav li, nav li span{display: block; }
	nav{display: none;}
	nav ul li {width:100%;}
	.banner-menu ul {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.whychoose {width:100%;float:none;}
	.areas {width:100%;float:none;}
	.nav_footer ul {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.contact p {width:100%;margin:0 auto!important;display:block; padding-left: 0;}
}

@media only screen 
and (max-width : 500px) {
.col_2 { -webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.thumb {float:none;display:block;margin:0 auto 10px;}
}

@media only screen 
and (max-width : 450px) {
.rslides {display:none;}
}

@media only screen 
and (max-width : 360px) {
	.areas {padding-right:0;background:none;border: 1px solid #CCC;padding: 10px;border-radius: 11px;min-height: auto;}
	.areas h2 {text-align:center;}
	.areas h2 span {display:inline;}
	.header_right{margin-bottom: 10px!important;}
}