@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  */
	 }
	
	/*header*/
	#header{ height:auto; background:#fff; }
	.header-logo,.header-content{ float:none; width:100%; text-align:center; margin:0; padding:10px 0;  }
	.header-content{ background:#032F6A; padding-bottom:0; }
	.header-logo section{position: static;}
	.header-logo section img { border: 1px solid #032F6A; border-radius: 50%; }
	.header-logo { display: flex; justify-content: center; }
	.soc-media a{ margin:0 5px;}
	.mid-box:nth-child(1):after, .mid-box:nth-child(2):after, .mid-box:nth-child(3):after{display: none !important;}
	/*nav*/
	#nav{ height:auto; margin:0; padding:5px 0; transition:none; background:#56b74a; border-radius:0;}
	#nav span { display: block;  }
	#nav ul{ margin: 0;  padding: 0; text-align: center;  }
	#nav li{ width: 24%; display: inline-block; vertical-align: top; padding:0; margin:2px auto; border:1px solid #fff; }
	#nav li:after{ content:'';  }
	#nav ul li a{ margin: auto; padding:8px 0; }
	#nav li span{ display: none;  }
	
	/* nth drop down */
	#nav ul ul,#nav ul li:hover ul{ display: none;  left: 0; top: 100%; transition:none;  }
	#nav ul ul li a{ text-indent: 25px;  }
	
	/*banner*/
	#banner{ height:auto; margin:0; }
	.banner-slider{ height:auto; }
	.box_skitter{ display:none; }
	.rslides{ display:block;  }
	
	/*mid*/
	#mid{ margin:0;        padding: 15px 10px; }
	.mid-box{        margin: 5px auto !important; width: 48% !important; }
	
	/*main*/
	#main { margin:10px 0!important;  }
	
	/*main content*/
	#main-content{ margin:0; padding: 15px; float: none; width: 100%; height:auto;  }
		
	#sidebar{ width:100%; text-align:center;  }
	
	#side-tab,#side-btn{ width:305px; display:inline-block; vertical-align:middle; text-align:left; width: 49%; }
	
	#side-tab li{ width:95%; }
	
	#side-btn a{ background:#05367a; }
	#side-btn a:hover{ background:#309522; }
	
	/*footer*/
	#footer{ margin:0;  padding:10px 0 0;  height:auto; background:#033579; }
	#footer h3{ margin:0; }
	.contact-info:after ,.footer-nav:after{ content:'';}
	
	.footer-logo{ position:static; padding:10px 0; }
	
	.contact-info{ float:none; text-align:center; border:1px dashed #fff; padding:15px 0 10px; }
	.contact-info p{ display:inline-block; vertical-align:middle; padding:0; margin:10px; }
	.contact-info p span{ position:static; }
	
	.footer-nav{ float:none; width:100%; text-align:center; padding:10px 0; }
	.footer-nav h3{ margin:10px 0 !important; }
	.footer-nav li{ margin:2px 0!important; width: 24%; }
	.footer-nav li a{ padding:0; }
	
	#copyright{ position:static; padding:0 0 70px; line-height: 150%; }
 }

@media only screen and (max-width : 600px) { 
	.mid-box p,#mid .mid-box:nth-child(2n) h3 span, #mid .mid-box:nth-child(2n+1) h3 span {min-height: 0;}
	.nav-toggle-button,#nav li,#nav span{  display: block;   }
	#nav{ display: none;  }
	#nav li,.footer-nav li{ width: 99%;  }
	#nav li:after{ content:'';  }		
	.mid-box{width: 100% !important;max-width: unset;}
	/*main content*/
	#main-content img{ float:none; display:block; text-align:center; margin:10px auto;  }
	#side-btn a {height: auto;padding: 19px 10px;text-align: center;}
	#side-btn a:after {position: static;display: block;}
	#side-tab li ul a {text-align: left;}
	#side-tab a, #side-tab h3 {text-align: center;padding-left: 0;}
	.contact-info p {width: 100%; }
	#side-tab,#side-btn{ margin:5px 0; width:100%;  }
	#sidebar{padding: 0 10px;}
	#copyright{padding: 0 0 60px;}
	
 }
 @media only screen and (max-width : 450px) { 
	.header-logo section img{width: 95%;}
 }