/*Responsive CSS Overrides*/

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

	.feat-img .page-title h1 {
    	font-size: 30px;
	}
	
	.team-member-feed{
		text-align:center;
	}
	
	.team-member-feed-item{
		display:inline-block;
		float:none;
		width:250px;
		max-width:100%;
		margin-bottom:40px;
	}
	
	.section.team .container.wide{
		padding:0;
	}

}

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

	#header{
		background-color: #1b1b1b;
		position: relative;
		top: 0px;
		overflow: auto;
	}

	#header .search{
		display: none;
		visibility: hidden;
	}

	body.home .wprmenu_bar #custom_menu_icon.hamburger {
		top: 120px;
	}

	.bob_top {
		top: 4%;
	}

	.feat-img{
		max-height: 275px;
		min-height: 200px;
	}

	.feat-img .page-title h1 {
    font-size: 20px;
	}

	.feat-img .page-title{
		padding: 15px 35px;
		bottom: 50%;
		transform: translate(-50%,50%);
	}

	.half.image-grid {
    display: none;
	}

	.section.about .half.content {
    padding-right: 0;
    width: auto;
	}

	.section.news #news-post {
    width: auto;
    float: none;
    margin-right: 0;
	}

	.section.news #news-post:last-child{
		margin-top: 50px;
	}

	#news-post .post-content {
    padding: 50px 25px;
	}

	.projects-archive .project,
	.post-type-archive-team .team-member{
		width: 45%;
	}

	.post-type-archive-team .team-member:nth-child(4n-1) {
    margin-right: 0;
	}

	.post-type-archive-team .team-member:nth-child(3n+1) {
    margin-right: 2.5%;
	}

	.projects-archive .project.featured{
		width: 95%;
	}

	.item.project .padded-columns .two-thirds {
    float: none;
    width: auto;
    margin: 0 0 50px;
	}

	.item.project .details{
		width: auto;
		float: none;
	}

	.item.project .details table{
		max-width: 300px;
	}

	.entry .team.padded-columns .third {
    width: auto;
    float: none;
    margin: 0 auto;
		text-align: center;
	}

	.entry .team.padded-columns .two-thirds{
		width: auto;
	}

	.team-image {
    width: 100%;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
	}

	#footer .two-thirds.menus,
	#footer .third.apply{
		width: auto;
		float: none;
		margin-right: 0;
	}

}

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

	.news-carousel .news-post{
		margin:20px;
	}
	
	.news-carousel .news-post .post-content{
		padding:1em;
	}
	
	.item.project ul.slider-carousel .owl-item img{
		max-height:450px;
	}
	
	.gallery-caption{
		letter-spacing:normal;
		font-size:0.875em;
		padding:1em;
	}

}

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

	.admin-bar .sticky-header,
	.admin-bar #responsive-menu-container{
		top: 46px;
	}

	h1{
		font-size: 30px;
	}

	h2{
		font-size: 28px;
	}

	h3{
		font-size: 26px;
	}

	h4{
		font-size: 24px;
	}

	h5{
		font-size: 20px;
	}

	h6{
		font-size: 18px;
	}

	.feat-img{
		height: 100px;
	}

	.item,
	.section {
    padding: 50px 0px;
	}

	.section.news{
		padding-top: 50px;
	}

	.team .team-member{
		height: 400px;
	}

	#footer{
		position: relative;
	}

	.projects-archive .project,
	.post-type-archive-team .team-member{
		width: 95%;
		height: 400px;
	}
	
	
	.news-carousel .news-post{
		margin:0;
		box-shadow:0 0 0 rgba(0,0,0,0);
	}
	
	.news-carousel .news-post .post-date{
		transform: scale(0.5);
		transform-origin: top left;
	}
	
	.news-post .post-content h6{
		font-size:1em;
		margin-bottom:10px
	}
	
	.news-carousel .news-post .post-content p {
	    line-height: 1.5;
	    font-size: 12px;
	    margin: 0 0 10px;
	}

	.mid-footer .bob_bottom {
		float: none;
	}

}

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

	.slider{
		padding-bottom: 1px;
	}

	.slider .caption {
    width: auto;
    right: inherit;
    left: inherit;
    height: auto;
		bottom: inherit;
    margin: 25px;
		position: relative;
	}

	.slider .caption::after{
		display: none;
	}

	.blog #news-post {
		margin: 0 0 5% 0;
	}

	.works .work, .team .team-member{
		margin: 0;
	}

	.menus .third {
    margin-bottom: 30px!important;
	}
	.menus .third li {
		display: inline;
		margin-right: 20px;
	}

	#footer .overflow .left, #footer .overflow .right {
    float: none;
    text-align: center;
	}

	#footer .overflow .left{
		margin-bottom: 10px;
	}


	.columns .half,
	.columns .third,
	.columns .two-thirds,
	.columns .quarter,
	.columns .three-quarters,
	.padded-columns .half,
	.padded-columns .third,
	.padded-columns .two-thirds,
	.padded-columns .quarter,
	.padded-columns .three-quarters,
	.padded-columns .half:last-child,
	.padded-columns .third:last-child,
	.padded-columns .two-thirds:last-child,
	.padded-columns .quarter:last-child,
	.padded-columns .three-quarters:last-child{
	    margin: auto;
	    width: 98%;
	    float:none;
	}

	div.aligncenter,
	.alignnone,
	.aligncenter,
	.alignright,
	.alignleft,
	.aligncenter,
	a img.alignright,
	a img.alignnone,
	a img.alignleft,
	a img.aligncenter,
	.wp-caption.alignnone,
	.wp-caption.alignleft,
	.wp-caption.alignright {
	    display: block;
	    margin: 5px auto;
	    float:none;
	    text-align:center;
	}

	.mid-footer h6, 
	.mid-footer ul {
		text-align: center;
	}

	.mid-footer .logos,
	.mid-footer .bob_bottom {
		display: block;
		margin: 0 auto 10px;
	}

}