/* Large Tablet Devices ----------- */
@media only screen
and (max-width : 1175px) {
	/*middle*/
	.middle_con ul {margin: 0;}
	.middle_con ul li {width:30%; margin:0 10px;}
	.middle_con ul li:after {right: -89px;}
	.middle_con p {padding: 20px 0 14px; min-height:109px;}
}
	
@media only screen
and (max-width : 1090px) {
	/*header*/
	header {padding: 0 10px;}
	.contactinfo span {margin:0;}
	
	/*nav*/
	nav ul li a,#footer_nav ul li a {width: 143px;}
	
	/*banner*/
	.bnr_info {padding: 25px 10px 20px; bottom:0;}
	.bnr_info h2 {font-size:24px;}
	.bnr_btn a {right:10px;}
	
	/*middle*/
	.middle_con {padding: 30px 10px 0;}
	
	/*main*/
	#main_area {padding: 30px 10px;}
	.main_cont {padding: 30px 10px;}
	main {width:45%;}
	.sidebar {width: 55%;  padding: 0 115px 0 30px;}
	
	.main_bottom ul li {margin-right: 123px;}
	.main_bottom ul li:after{width: 123px; right: -123px;}
	
	/*bottom*/
	.btm_cont {padding: 0 10px 30px;}
	.btm_tabs ul li {width:98%;}
	
	/*footer*/
	.footer_top {padding:0 10px;}
	.ftop_left{width: 54%;}
	.ftop_right{width: 45%; margin-right: 0;}
		.ftop_right iframe {width:100%;}
}

@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  */
}
	/*nav*/
	nav{height:auto; padding:20px 0 14px;}
	nav ul{font-size:0;}
	nav ul li{width:24%; margin:0 .4% 4px !important;}
	nav ul li a{width:100%;}
	nav ul li:after{display:none;}
	
	nav li.menu-item-has-children > 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*/
	.slider{margin:0 -420px;}
	.bnr_info h2 {font-size: 2.2vw;}
	.bnr_info:before,.bnr_info:after{display:none;}
	
	/*middle*/
	.middle_con p {min-height:134px;}
	
	/*main*/
	.main_info {margin:0;}
	.main_cont {background:#14328a; margin:0;}
	main {float:none; width:100%;}
		main h1 {width: 100%;}
	.sidebar {float:none; width:100%; padding: 30px 0 0; text-align:center;}
	
	.main_bottom {padding: 30px 0 0;}
	.main_bottom ul {text-align:center;}
	.main_bottom ul li {margin: 0 13px 0 !important; width:29%;}
	.main_bottom ul li:after,.main_cont:before {display:none;}
	
	/*bottom*/
	.btm_cont {text-align:center;}
		.btm_cont h3{padding-bottom: 20px;}
	.btm_left {float:none; width:100%;}
		.btm_tabs {width:48%;}
		.btm_tabs ul li {width:100%;}
		.btm_tabs ul li:first-child a{padding: 43px 30px;}
	.btm_right{float:none; width:100%; margin-top:30px;}
		.btm_right p {padding:0;}
		.btm_btn a {width: 300px;}
	
	/*footer*/
	.footer_top {padding:30px 10px;}
	.ftop_left {padding:0;}
		.ftop_contact ul {text-align:center;}
		.ftop_contact ul li {padding: 44px 0 0; margin: 0 22px !important;}
		.ftop_contact ul li:before{left:0!important; right:0; margin:auto; top:0!important;}
		.social_media {right: 10px; top: 0;}
	
	.ftop_right {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	
	footer {height:auto; padding: 20px 10px;}
	#footer_nav{height:auto;}
	#footer_nav ul{font-size:0;}
	#footer_nav ul li{width:24%; margin:0 .4% 4px !important;}
	#footer_nav ul li:after{display:none;}
	#footer_nav ul li a{padding:0;display:block; width:100%;}
	
	#copyright {padding:20px 0;}
}

@media only screen
and (max-width : 860px) {
	.covid{width: 200px;}
	.covid a{font-size: 16px;}
}
	
@media only screen
and (max-width : 800px) {
	/*header*/
	header {padding:20px 10px; height:auto;}
	.logo {position:static;}
	.contactinfo {text-align:center; float:none; padding:20px 0 0;}
	.contactinfo span {width: 100%; padding-left:30px;}
	.contactinfo span:before {margin-left: -30px; left:unset;}
	.covid{position: relative;}
	/*nav*/
	nav{padding:0; }
	
	/*banner*/
	.bnr_info {position:static; text-align:center; padding:20px 10px;}
	.bnr_info h2 {font-size: 3vw;}
	.bnr_btn a {position:static; margin-top:10px; display:inline-block;}
	
	/*middle*/
	.middle_con {padding:0 10px;}
	.middle_con ul li {width: 46%; margin: 30px 10px 0;}
	.middle_con ul li:after {display:none;}
	.middle_con p {min-height:109px;}
	
	/*main*/
	.main_bottom {padding:0;}
	.main_bottom ul li {margin: 30px 13px 0 !important;  width: 39%;}
	
	/*bottom*/
	.btm_tabs ul li:first-child a{padding: 43px 10px;}
	
	/*footer*/
	.footer_top {text-align:center;}
	.ftop_left {float:none; width:100%;}
		.ftop_left p {padding: 17px 0 20px;}
		.ftop_contact ul li {margin: 0 61px 30px !important;}
		.social_media {position:static;}
	.ftop_right {float:none; width:100%; padding: 10px; margin-top:30px; position:static; transform:none; -webkit-transform:none; -ms-transform:none;}
	
	#copyright ul li{display:block; margin:0;}
	#copyright ul li:after{display:none;}
}

/* Smartphones */
@media only screen
and (max-width : 600px) {
	/*nav*/
	.nav_toggle_button{ background:#b44106; color:#fff;display:block;}
	nav{ display:none;}
	nav ul{ margin:0; padding:0; }
	nav ul li{ width:100%; display:block; margin:0!important;}
	
	nav ul ul{width:100%; position:relative; transition:none;}
	nav ul ul li {border:none; width:100%;}
	
	/*banner*/
	.slider {margin: 0 -130px;}
	.rslides {display:none;}
	.static_img {display:block; margin-bottom:-7px;}
	.bnr_info h2 {font-size:21px;}
	
	/*middle*/
	.middle_con ul li {width: 80%; margin: 30px 0 0;}
	.middle_con p {min-height:0;}
	
	/*main*/
	.main_bottom ul li {margin: 30px 0 0 !important;  width: 75%;}
	.resources ul li {text-align:left;}
	
	/*bottom*/
	.btm_img {display:none;}
	.btm_tabs{width:100%;}
	.btm_tabs ul li a {height:auto; line-height:24px; padding:20px 10px!important;}
	
	/*footer*/
	#footer_nav ul li{width:100%; margin:0!important;}
	#footer_nav ul li a{padding:0; display:block;}
	
	#copyright {padding: 20px 0 30px;}

	.sitemap,.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 p{text-align:left;}
	main .bullet{padding-left:10px;}
	.back_top{background: url(../images/back_top.png) no-repeat center #14328a; position: fixed; bottom: 5px; 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 : 400px) {
	.ftop_contact ul li {
		margin: 0 7px 30px !important;
	}
}