@media only screen 
and (max-width : 1300px) {
	nav ul li:nth-child(8) ul, nav ul li:last-child ul{right:0;left:auto;}
}

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

	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}
	
	/*header area*/
	
	/*nav area*/
	nav ul li a{padding:0;}
	
	
	
	/*banner area*/
	.slider{width:100%;margin:0;position:relative;height:522px;}
	.slider img{position:absolute;top:0;left:33%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);}

	/*middle area*/
	.mid_con{padding:40px 10px;}
	.mid_con ul li{width: 21%;margin: 0 2% 44px;}
	.mid_con ul li a{display:block;}
	
	
	#middle { text-align:left; }
	[class^="mid_box"] .mid_img_wrap{width:50%;}
	[class^="mid_box"] .mid_content{width:50%;}
	
	/*main area*/
	.sidebar{width:24%;}
	.sidebar ul, .sidebar ul li a{width:100%;}
	main{width:76%;padding: 30px 20px 20px;}
	
	/*bottom area*/
	#bottom{ min-height: auto; padding-bottom: 30px; }
	.btm_box{ padding: 39px 0 30px; }
	
	
	
	/*footer area*/
	.footer_nav ul{width:100%;}
	
	
	.contact section{width:20%;}
	.contact{padding:78px 10px 70px}
	.footer_top .contact ul li:not(:last-child){width:305px;padding-left:70px;margin:0;text-align:left;}
	
	.contact ul{ margin: auto; padding: 0; text-align: center; }
	.footer_top{min-height:auto;}

	
}

@media only screen 
and (max-width : 1000px) {
	#middle .wrapper {padding: 50px 10px 50px;}
	.mid_flyer{margin: 0 auto;}
	/*[class^="mid_box"] .mid_img_wrap{width:100%;}
	[class^="mid_box"] img{margin:0 auto;}
	[class^="mid_box"] .mid_content{width:100%;padding:0!important}
	[class^="mid_box"] .mid_content::before {position:static!important;display:block;margin:10px auto;}
	[class^="mid_box"] section a{margin:16px auto 0;}
	[class^="mid_box"]:not(:last-of-type) {margin-bottom: 30px;}*/
	[class^="mid_box"]:nth-of-type(2n+1) .mid_content {padding: 0 0 0 110px;}
	
	.contact{padding:30px 10px;}
	.contact section{width:100%;float:none;text-align:center;margin:0 0 10px;}
	.contact ul{width:100%;}
	.footer_top .contact ul li{width:48%!important;text-align:center!important;padding:0!important;}
	.footer_top .contact ul li:before{position:static!important;display:block;margin:20px auto 5px;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);}
	.contact ul .social_icons{margin:40px 0 0;}
}

@media only screen 
and (max-width : 960px) {
	#header{position:static;background:#fff;padding:25px;background:#00252c;}
	.logo::before {width:103%;height:113%;}
	.logo{position:relative;text-align:center;width:100%;top:auto;padding:20px;height:auto;}
	.logo img{width:200px;}
	
	nav{height: auto;padding: 10px 0;}
	nav ul{width: 100%;float: none;text-align: center;}
	nav ul li:after{content:""!important;}
	nav ul li a{ font-size:15px;line-height: 50px;width: 100%;}
	nav ul li{display: inline-block;width: 32%;border: 1px solid rgba(255,255,255,.5);margin:0 -2px -1px;}
	nav ul li::after {content: "";}
	nav ul li a::before {position: absolute;top: 9px;left: 23px;}
	
	nav ul li:hover > ul{display:none;}
	
	nav ul ul{padding:0;width:100%;}
	nav ul ul li{border:0;}
	nav ul ul li a{text-align:center;}
	
	nav ul li .fa{margin-top: 10px;margin-right: -18px;}
	nav ul ul li .fa{margin-top: 4px;}
	
	nav ul ul ul{left:0;top:100%;}
	
	.toggle-button{display:block;}
	
	#banner{margin:0;padding: 46% 0 0;background-size:contain;}
	.banner_con{height:auto;}
	.bnr_info{position:static;background:#00252c;width:100%;padding:20px;}
	
	.footer_nav{height:auto;padding:10px;}
	.footer_nav ul li{display:inline-block;width:32%;margin:2px 0;}
	.footer_nav ul li:after{content:""!important;}
	.footer_nav ul li a{line-height:40px;background:#4DA0C8;}
	
	
	
}


@media only screen 
and (max-width : 800px) {
	#middle {  text-align:center;}
	[class^="mid_box"] .mid_img_wrap{width:100%;}
	[class^="mid_box"] img{margin:0 auto;}
	[class^="mid_box"] .mid_content{width:100%;padding:0!important}
	[class^="mid_box"] .mid_content::before {position:static!important;display:block;margin:10px auto;}
	[class^="mid_box"] section a{margin:16px auto 0;}
	[class^="mid_box"]:not(:last-of-type) {margin-bottom: 30px;}
	
	/*Main Area*/
	main .bullets{column-count:1;}

	
	/*footer area*/
	footer{background:#011216;}
	.footer_form form{ width:100%; padding:0 10px; }
	.footer_btm .footer_form .txt_field{ width:100%; margin:5px auto; text-align:left; padding-left: 9px; padding-top: 2px; }
	
	
	
}



@media only screen 
and (max-width : 768px) {
	
	.mid_con ul li{width:45%;text-align:center;}
	
	
	.btm_slider figure{ padding:10px; }
	.btm_slider figure.default{ transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); }
	.btm_slider figure.default span img{ -webkit-filter: none; filter: none; opacity:1; }
}


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

}

@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{display: none;}
.back_top{display: block;}

	#header{padding:0;}
	.logo::before {width:0;height:0;display:none;}
	.logo{}

	
	.nav_toggle_button{color:#fff;position: relative;z-index: 51;height: auto;background: rgba(20,159,213,.85);display:block;}
	nav{ display:none; padding:0!important; transition:none;position: relative;z-index: 999;background: #064a77;}
	nav ul{ margin:0; padding:0 10px; }
	nav ul li{ width:100%; display:block; margin:0 !important; border:0;}
	nav ul li:not(:last-child){border-bottom: 1px solid rgba(255, 255, 255, 0.16);}
	nav ul li a{ font-size: 15px; padding: 0;  }
	nav ul li a:before{ content:''!important; } 
	
	 nav ul ul{top:106%;width:100%; position:relative;  transition:none;}
	nav ul ul li {border:none; width:100%;}
	
	.bnr_info h2{font-size:26px;}
	
	[class^="mid_box"] h2 span{display:block;}

	main p{text-align:left;}
	
	.table_con{overflow:scroll;}
	main .table_cont{width:600px;}
	
	/*footer area*/
	.footer_nav ul li a::before {width:0;height:0;display:none;}
	.footer_btm .footer_nav ul{ padding-top:10px; }
	.footer_btm .footer_nav ul li { display:block; width:100%; }
	.footer_btm .footer_nav ul li:after{ border:0; display:none; }
	.footer_btm .footer_nav ul li a{ font-size: 15px; line-height: 290%; }

	.footer_nav{padding-bottom:70px;}
	.back_top{width: 100%;height: 50px;z-index:99;}
	
	.comment-form label { display:block; }
	.comment-form input { width:100%; }
	.comment-form input[type="submit"] { width:100%; }
	.comment-form-comment textarea { width:100%; }
}


/* Smartphone Devices */
@media only screen 
and (max-width : 520px) {
	
	
	/*middle area*/
	#middle [class^="mid_box"] .mid_content{ padding:19px 0 0 30px;	}
	#middle [class^="mid_box"] .mid_content:after{ left: 0; top: 4px; }
	#middle [class^="mid_box"] .mid_content:before{ content:''; }
	
	.footer_top .contact ul li{width:100%!important;}
	
	
	
}


@media only screen 
and (max-width : 420px) {
	.mid_con ul li{width:100%;margin:0 0 30px;}

}