@media (max-width:980px) {  
	#wrapper{width:95%;}
	#header{width:95%;}
	#sub-header{width:95%; background-position:left 40%; }
	#featured-area{width:95%; height:auto;}
	#slider-thumbs{width:100%; border-top: 1px solid #ccc;}
	#folio{width:100%; margin: 0 auto;}
	.no-sidebar #main{width:100%;}
	#page-title{width:95%; height:auto;}
	#page-title h3{font-size:26px;}
	#footer{width:95%; height: auto;}
	#logo{position:relative; width:35%; float:left;}
	#nav{position:relative; width:65%; float:left;}
	#featured-wrapper {
		background: rgb(247, 247, 247);
		box-shadow: 0 0 4px 0 #333;
		margin: 4px auto 7px;
	}
	#slideshow{height:auto;}
	#slideshow .slide{width:100% !important;}
	.jqueryslidemenu ul li a{padding: 0 12px;}	
	.pagination {width: 60%; float: left;	}
	#action {
		height: auto;
		background: #ddd;
		margin-top: 0 auto;
		position: relative;
		border-radius: 0 0 10px 10px;
		border: 1px solid #ccc;
		border-top:0;
		padding:0 10px;
	}
	#action img{left:5px;}
	#action h2 {position:relative; padding: 10px 0 10px 50px; width: 70%;	}
	#action .act-button {
		float:left;
		position:relative;
		width:30%; 
		padding: 6px 20px;
	}
	.entry h3{font-size:21px;}
	.entry iframe{width:100%; }
	#footer #footer-pages {
		margin-bottom: 10px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
	}
	#footer-copyright #copyright, #footer #footer-pages, #footer #sub-footer {width:100%; text-align:center;  } 
	#copyright p { padding: 0 10px;}
}

@media (max-width:850px) { 
	.jqueryslidemenu ul li a{padding: 0 9px;}
	
}
@media (max-width:767px) { 
	#logo, #nav{width:100%;}
	#nav ul {  
	background:#ddd;
		display: none;
		height: auto;
		position: absolute;
		top: 20px;
		width: 100%;
		z-index: 9;
	}
	#nav ul li { 
	height:auto;
		display: block;
		margin: 1px auto;
		text-align: left;
		float: inherit;
		position: relative;
		border-bottom: 1px solid #000077;
	}
	#nav ul li a {
	height:auto;
	line-height: inherit;
		display: block;
		padding: 5px 10px;
		float: inherit;
	}
	#nav li ul {
		border-top: 1px solid #000077;
		margin: 0 auto;
		position: static;
		width: 100%;
	}
	.collapse-button, .collapse-button:hover {
		background-color: #000077;
		background-image: linear-gradient(to bottom, #000077, #000077);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-radius: 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
		box-sizing: border-box;
		color: #ffffff;
		cursor: pointer;
		display: block;
		font-size: 14px;
		padding: 5px 0;
		right: 0px;
		margin-bottom: 10px;
		padding: 5px 0;
		position: absolute;
		text-align: center;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		top: -15px;
		width: 40px;
	}
	.collapse-button .icon-bar {
		background-color: #f5f5f5;
		display: block;
		height: 2px;
		margin: 3px auto;
		width: 22px;
	} 
}
 
@media (max-width:640px) {  
	#action h2{width:100%; font-weight: 400;}
	#action .act-button{width:100%; top: 0; margin: 0px auto 10px;}
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{width:100%; margin:0 auto 10px; }
	#slideshow .fl, #slideshow .fr{width:100%; height:auto;}
	#page-title h3{width:50%; font-size:24px; padding: 10px 0 20px; float: left;}
	#button-wrap {width:50%; text-align:right; padding:20px 0; position: relative;    top: 0px;    right: 0;     float: right;}
	.alignright, img.alignright, a img.alignright , .alignleft, img.alignleft, a img.alignleft{		margin: 10px auto;		width: 100%;	}
	#slideshow .left-shadow{		box-shadow:inherit;		border:0;	}
	.left-shadow {
		background: transparent;
		box-shadow: 5px 4px 5px 0px  #000;
		border: 1px solid #ccc;
		padding:0;
	}
	.entry .framed > img{		margin:0 auto;	}
	#slideshow .slides{height:400px;}
	.pagination ,	#slider-thumbs .slider-info{width:100%; text-align:center;}
	#sub-header p {font: italic 16px/30px Georgia, "Times New Roman", Times, serif;}
}
@media (max-width:480px){
	#page-title h3{width:100%; padding:20px 0;}
	#button-wrap {width:100%; float: left; padding:0 0 20px; text-align:center;}
	#button-wrap > a.button-link{width:100%; margin:0 auto;}
	#sub-header p {padding-left:150px;   font: italic 14px/20px Georgia, "Times New Roman", Times, serif;}
}