/* Large Tablet Devices ----------- */
@media only screen 
and (max-width : 960px) {
	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}
	body{background:#fff;}
	header, #banner, .middle-area, .bottom-area, footer.page-footer {height: auto;padding: 10px;}
	.float { -webkit-transition-property: none;   transition-property: none;   -webkit-transform:none;   transform: none;   box-shadow: none;}
	.float:hover, .float:focus, .float:active {-webkit-transform: none;transform: none;}
	/*
	* Header
	*/
	header{ overflow: visible; height:auto;text-align:center;clear:both; background:#1C487F;}
	.headleft, .headright{position:relative; float:none ;margin:0;}
	.headright{display:block; text-align:center;}
	.headcenter{position:relative; top:0; max-width:100%;}
		
	/*nav*/
	.nav-area2{display:none;}
	.nav-area{display:block;}
	nav{clear: both; height:auto;margin:auto; background:#FFBF00; padding:10px 10px 4px; transition:none;}
	nav ul{column-count:2;-webkit-column-count:2;-moz-column-count:2;}
	nav ul li:nth-child(4){padding:0;}
	nav ul li{width: 100%; text-align: center; border:1px dashed #fff; margin:0px 0px 6px !important; padding:0; border-radius: 5px;}
	/*nav ul li{width: 48%; text-align: center; border:1px solid #fff; margin:0px 0px 6px !important;}*/
	nav ul li:after{content: "";}
	nav ul li a{line-height: 40px; }
	
	/*banner*/
	#banner{background:#1C487F; text-align:center; height:auto; margin:0;}
		#slideshow{display:none;}
		.rslides{display:block;}
		.rslides img{margin:0 auto;margin:0 auto;}
		.ban-right, .ban-left{float:none; width:100%; margin:0 auto 10px; text-align:center;}
		.first, .last{padding-left:0;}
		
	/*mid*/
	.middle-area { text-align:center; margin:0;}
		.mid{ margin:0 auto 8px;}
		
	/*main*/
	#main{padding:0!important; margin:0!important;}
	.col-a, .col-b{float:none; margin: 10px auto; width:96%; border:0;}
		.right-box1, .right-box2{position:relative; display: inline-block; vertical-align: middle;text-align: center; width:300px; margin:0 10px 10px;}
		.right-box2{border:1px dashed #FFBF00; padding:5px; border-radius:10px;}
		.right-box2 a{margin:0 auto;}
		
	.bottom-area{background:#184276; text-align:center; margin-top:0;}
		.survey, .testimonials{margin:0 10px 8px; padding-bottom:10px; height: 233px;}
		.testimonials{background:#28558a; border-radius:10px; width:300px; max-width:100%; padding:10px;}
		.testimonials h2:before, .info .wrapper:after, .info h2:after{content:"";}
		.testimonials h2, .testimonials p, #text-8{display:block; margin:0; width:100%; padding:0 15px;}
		.testimonials h2{font-size:20px;}
		.testimonials h2 span{font-size:18px;}
		.testimonials a{position:relative; bottom:0; right:0; margin:5px auto 0;}
	footer.page-footer{padding:0 ;}	
		.info{margin:0; background:#FFBF00; padding:10px; text-align:center; height:auto;}
		.info ul li{margin-bottom:10px;}
		.container{padding:10px;}
}

	
/* Smartphones */
@media only screen 
and (max-width : 650px) {
	.nav-area{background-color:#FFBF00; min-height:40px; margin:0; position:relative;}
	.nav-toggle-button, nav li, nav li span, .nav-area p{ display: block;}
	nav{display: none; }
	nav ul{margin: 0; padding: 0; column-count:1;-webkit-column-count:1;-moz-column-count:1;}
	nav ul li{width: 100%; display: block; height:35px;}
	nav ul li a{padding: 10px 0;line-height: 15px; height: 33px;}
	
	.nav-footer ul{text-align: center; list-style: none;}
	.nav-footer ul li{vertical-align:top; width:100%; display: block; height:30px;  border: 1px dashed #666666;  padding:0; margin-bottom: 5px; border-radius:5px;}	
	.nav-footer ul li a{display: block; color: #666666; height:30px;line-height:30px;}
	.nav-footer ul li:last-child{border-right:1px dashed #666666;}
	.nav-footer ul li a:hover, .nav-footer ul li.current_page_item a{ height: 30px; line-height: 30px; text-decoration: none;}
	
}

@media only screen 
and (max-width : 600px) {
	.f-right, .f-left, .col-a img{display:none;}
}

@media only screen 
and (max-width : 494px) {
	.ban-right{display:none;}
	.ban-left{margin:0 auto; padding:8px;}
	.ban-left h2{font-size:26px;}
	.first, .last{line-height: 36px;}
	.second{font-size:50px;}
	.third{font-size:25px ;}
	.last{font-size: 52px;}
	.survey, .testimonials, .right-box1, .right-box2 {margin:0 auto 10px;}
	.info ul li {margin:0 auto 8px!important; display:block; width: 230px;}
	
}