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

}
@media only screen
and (max-width : 1100px) {
	html, body{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
	img{max-width: 100%; height: auto;}
	header {background: #F3F3F3;}
	#slideshow {display:none;}
	.rslides{display:block;}
	header,#banner,#middle,footer{height:auto;padding:0;margin:0;}
	.contactinfo{padding:0;}
	.logo { position: relative;padding: 10px;}
	footer {padding: 10px}
	#nav-area{padding:10px 10px 4px;height:auto;background: #DA3030;}
	/**nav ul{column-count:2;-webkit-column-count:2;-moz-column-count:2;}
	nav ul li{width:100%;margin:0 0 6px;border:1px solid #fff;}*/
	nav ul li{width:48%;margin:0 0 6px!important;border:1px solid #fff;}
	nav ul li a{line-height:5px;}
	nav ul li a:hover{background: #2330D1}
	nav ul li:after{content:""!important;}


	#middle{padding-bottom:0;margin: 5px 0;}
	.middleboxes{margin:0 0 10px!important;}

	#main{margin:0!important;padding:0!important;}
	#sidebar,.page-content{width:100%;padding:10px;float:none;}
	aside { margin: 0 auto;}
	.bot-top {background: #103992;height: auto;}
	.bot-top .f-right {padding: 10px;width: 100%}
	.bot-top .f-right::before { content: ""}
	.bot-top .f-right { float: none; text-align: center;margin: 0px auto;}
	.bot-top a { margin: 0 auto;text-align: left; }
	.footerboxes{margin:15px auto;height: auto;text-align: center;display: block;}.footerboxes:last-child {margin:0 auto;}
	footer{height: auto;padding: 10px;background: #D72525}
	#contactinfo ul li:first-child::before {content: ""}
	#copyright{height:auto;padding:10px;}
	.bottom{padding: 0}
	.bottom ul {padding: 10px;text-align: center;}
	.bottom ul li {margin-left: 0;}
	/*.bottom ul li { width: 49%;}*/
	.bottom ul li a {margin: 0 auto;}
		
	.footerboxes{ text-align: center!important;}
	
	.footerboxes h4 span{ padding-bottom: 0}
	#copyright{ padding:0;}
}
@media only screen
and (max-width : 765px) { 
	.bottom ul li { width: 100%;display: block;}
	.slogan {bottom: 15px}
	}
@media only screen
and (max-width : 600px) {
	.logo { position: relative;width: 100%!important;padding: 5px!important;  left: 0 !important; margin: 0 auto !important}
	header {height: auto!important}
	.nav-toggle-button, nav li, nav li span{display: block; }
	.thumbnail, .main-thumb, .thumb-left, .thumb-right, .thumb-center,nav, .maincontents img{display: none; margin:0;}
	
	.slogan { position: relative;bottom: 0;padding: 10px;background:#123B97	;}
	

	.bannerright,.rslides,.rslides_nav{display: none !important;}
	#nav-area{min-height:40px;}
	#nav-area p{display:block;}

	nav{margin-top:30px;}
	nav ul li{display:block;width:100%;}
	.dropdown ul ul{position:relative;padding:0;}
	.dropdown ul ul ul{left:0;}
	.dropdown ul ul li a{width:100%;}
	.toggle-button { display: block; }
	.dropdown ul li:hover > ul {display: none;}
	
	.page-content ul{padding-left:10px;}
	/*.page-content p{margin:10px 0!important;}*/
	.bot-top p {padding: 0 10px}
	#footer_nav ul { column-count: 1;-webkit-column-count: 1;-moz-column-count: 1; }

	#footer_nav ul li{display:block;height:auto;width:100%;border:1px solid #fff;margin:0 0 6px!important;padding:0;}
	#footer_nav ul li:before{content:"";}
	#footer_nav ul li a{line-height:35px;padding:0;margin:0;text-align: center;}

	#footer_nav ul li a{ width: 100%}
	#banner::after {content: ""}
	.page-content ul.three-col {column-count:1;-webkit-column-count:1;-moz-column-count:1;padding: 0 0 0 20px;}

	.page-content ul.two-col {column-count:1;-webkit-column-count:1;-moz-column-count:1;padding: 0 0 0 20px;}
	.page-content ul.one-col {column-count:1;-webkit-column-count:1;-moz-column-count:1;}
}

 @media only screen
and (max-width : 400px) { 
	.slogan h3 { font-size:32px}
	.middleboxes {margin: 10px !important;text-align: center;width: auto;height: auto;text-align: center;}
	.middleboxes p{padding: 10px ;height: auto;}
	.middleboxes a{text-align: left;margin: 0 auto;}
	.middleboxes h4:after { content: ""!important}
	.bottom ul li a{ width: auto;}
	aside{width: 100%;border-radius: 12px;margin: 0 auto}
	aside h4::after {content: ""}
	.footerboxes { width: 100%;}
	.footer-logo { width: 100%}

	}
 @media only screen 
 and (max-width : 450px) { 
	.bot-top .f-right { width: 100%;}
	}