@media (min-width: 768px){
	
	div.col-sm-7.five-three {
    	width: 60% !important;
    }

    div.col-sm-5.five-two {
    	width: 40% !important;
    }
    .publication #page-body{
    	padding: 60px 0 40px 0;
    }
    .special-content{
    	padding: 61px 0 148px;
    }


}

@media (min-width: 1024px){
	.navbar-brand{
		line-height: 1.5;
	}
	.social-media li{
    	width: 40px;
    }
}
@media (min-width: 1400px){	
	.contact #page-body{
		background-position: 70% center;
	}
	
}

@media (max-width: 1199px){
	#header{
	    padding-top: 28px;
		padding-bottom: 10px;
	}
	.section-home .headline{
		font-size: 28px;
		padding-top: 30px;
	}
	.social-media li a{
		width: 30px;
	}	
	#header {
	    padding-top: 17px;
	    padding-bottom: 3px;
	}
	#page-title{
		padding: 37px 0 27px 0;
	}
	#page-title h1{
		font-size: 28px;
		margin-bottom: 15px;
	}

	.contact #page-body{
		background-position: -211% center;
	}
	#banner, .flexslider .slides > li{
	    height: 480px;
	}
}

@media (min-width: 1024px) and (max-width: 1199px){
	.filter-group li:nth-child(5){
		background: none;
	}
}
@media (min-width: 768px) and (max-width: 1023px){
	.filter-group li:nth-child(4){
		background: none;
	}
	.filter-group li:nth-child(8){
		background: none;
	}
	
}
@media (min-width: 1200px){
	/*.filter-group li:nth-child(6){
		background: none;
	}*/
}
@media (max-width: 1024px){
	
	
}
@media (max-width: 1023px){

	.navbar-brand{  font-size: 20px; letter-spacing: 2px; }
	.navbar-brand span{     font-size: 40px; line-height: 40px;     }
	#main-menu ul >li > a {
	    padding: 10px 14px;
	}

	#main-menu{
		margin-top: 11px;
		font-size: 12px;
	}
	#page-title{
		padding: 20px 0;
	}
	#page-title h1{
		font-size: 25px;
		line-height: 25px;
		margin-bottom: 10px;

	}
	#page-title .sub-title{
		font-size: 15px;
	}
	.section-home .headline {
	    font-size: 26px;
	}
	.social-media li a{
		width: 25px;
	}	
	#footer{
		 padding-top: 5px;
    	padding-bottom: 5px;
	}

	.contact #page-body{
		background-position:-45% center;
	}
	.social-media{
		padding-top: 17px;
	}
	.social-media li{
		padding: 0 2px;
	}
	#banner, .flexslider .slides > li{
	    height: 400px;
	}
}

@media (max-width: 767px){

	#header{
		position: fixed;
		top:0;
		left:0;
		right: 0;
		z-index: 80;
	    padding-top: 12px;
		padding-bottom: 10px;
	}
	body{
		padding-top: 84px;
	}
	.navbar-nav{
		margin-top: 0;
	    border-top: 1px solid rgba(255, 255, 255, 0.22);
	}
	.navbar-collapse{
		box-shadow: none;
		border-top: 1px solid #A08E7A;
	}
	.navbar.navbar-xoxo{
		margin-bottom: 0;
	}
	#main-menu ul >li{
		background-image: none;
	}
	.social-media{
		text-align: center;
	}
	.social-media li{
		padding: 0 3px;
	}
	.section{
	    padding-top: 20px;
		padding-bottom: 20px;
	}
	.section-home .headline{
		padding-top: 0;
		font-size: 20px;
	}
	#page-title h1{
		font-size: 20px;
		margin-bottom: 10px;
		line-height: 20px;
	}
	#page-title .sub-title{
		font-size: 14px;
	}
	.img-responsive.auto{
		margin: 0 auto;
	}
	.contact #page-body{
		background-position: -75% center;
		background-size: cover;
	}
	.grid-sizer,
	.grid-item { width: calc(100% / 2); }

	.filter-group{
		text-align: left;
	}
	.filter-group li{
		background: none;
		float: left;
		padding: 3px 5px;
		width: 50%;
		position: relative;
		font-size: 12px;
	}
	.filter-group li:nth-child(2n+2){
		background: none;
	}
	.filter-group li:before{
		content: "■";
		color: #fff;
		position: absolute;
	    left: -10px;
	    top: 2px;
	    font-size: 12px;
	}
	.filter-group li.is-checked:before{
		color: #C6B098;
	}

	#phone.form-control.form-control-fit{
		border-bottom:1px solid #8b8b8b;
	}
	#message.form-control.form-control-fit{
		border-left: 0;
		border-bottom: 0;
		padding: 6px 12px;
	}
	#last_name.form-control.form-control-fit{
	  border-left: 0;
	}
	div.btn-holder{
		padding: 10px 0;
	}
	.form-control.form-control-fit{
		height: 50px;
	}
	.social-media{
		padding-top: 0;
	}
	.copyrights{
		margin-bottom: 10px;
	}
	#banner, .flexslider .slides > li {
	    height: 227px;
	}

}
@media (max-width: 480px){
	body{
		padding-top: 77px;
	}
	.navbar-brand span {
	    font-size: 33px;
	    line-height: 33px;
	}
	.navbar-brand {
	    font-size: 17px;
	}
	

}
@media (max-width: 479px){
	body{
		padding-top: 72px;
		font-size: 13px;
	}
	.navbar-brand span {
	    font-size: 25px;
	    line-height: 25px;
	}
	.navbar-brand {
	    font-size: 14px;
	    line-height: 1;
	}
	.section-home .headline{
	    font-size: 17px;
	}
	.contact #page-body {
	    background-image: none;
	}
	#page-body{
		padding: 20px 0;
	}
	.filter-group li{
		background: none;
		font-size: 12px;
		display: block;
		padding: 3px 5px;
		float: none;
		width: 100%;
	}
	#page-title h1{
		font-size: 18px;
	}
}
@media (max-width: 320px){}