/*----------------------------------*/
/*-----------960px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:960px) {

	#show-more-designs {
	    margin: 80px auto -50px;
	}

	#pdf-link {
		position: relative;
	}
	
	.title-arrows {
		display: none;
	}
	
	#header {
		padding: 60px 0 0px;
		height: auto;
		text-align: center;
	}
	body.page-template-themes-php #header,
	body.category-portfolio #header,
	#headerContainer.is-sticky #header {
		height:auto;
	}
	
	a#logo {
		top: 0;
		margin: 10px auto 20px;
	}
	
	#navigation {
		top:0;
	}
	#dropmenu {
		position: relative;
	}
	
	#dropmenu li {
		float: none;
		display: inline-block;
	}
	
	li#menuLink, 
	#dropmenu li a {
		padding: 0;
	}
	
	#dropmenu > li.actionItem a {
		padding: 0 10px;
	    background: none;
	    box-shadow: none;
	    border: none;
	    margin: 0;
	    color: #aaa;
	}
	
	
	#about-container,
	#contact-container {
		max-width: 590px;
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 60px;
		font-size: 14px;
		margin: 0 auto;
	}
	#about-container ul li {
	    padding-left: 5px;
	    margin-bottom: 7px;
	}
	
	#about-container h2,
	#contact-container h2 {
    	font-size: 16px;
    }
	#about-container h3,
	#contact-container h3 {

	    margin-bottom: 10px;
	    font-size: 14px;
	
	}
	
	#main {
		padding: 20px;
		float: none;
		max-width: 85%;
	}
	
	/*
	body.home #main {
	    margin-top: -380px;
	    overflow: hidden;
	}
	*/
	
	
	.wide-video-player {
		
		width: 110%;
		padding-bottom: 61.875%;
	}
	#content {
    	padding: 20px 0px 0px;
    }
	
	#themes {
		padding: 30px 10px;
	} 
	
	#themes .post:nth-child(3n+1) {
	    margin-left: auto;
	}
	
	body.page-template-themes-php #content, 
	body.category-portfolio #content {
	    padding: 40px 0;
	}

	body.page-template-themes-php .entrytitle, 
	body.category-portfolio .entrytitle {
		font-size: 22px;
	}
	body.page-template-themes-php #main h2, 
	body.category-portfolio #main h2 {
		margin-bottom: 0;
	}
	
	#themes .post {
		float: none;
		margin: 10px auto 40px;
		width: auto;
		max-width: 590px;
	}
	
	#themes .post:nth-child(2n) {
		margin-left: auto;
	}
	
	.post .posttitle, .entrytitle {
 	   font-size: 24px;
 	   margin-bottom: 20px;
	}
	
	.section .inner { 
		background-position: center !important;
	}
	
	#sidebar {
		float: none;
		padding: 20px;
	}


	.footerWidget {
		padding: 40px 40px 20px;
	}
	#footerWidgetFour {
		margin-right: 47px;
	}

	
	#copyBar {
		background: none;
    	height: 50px;
    	padding: 10px;
	}
	
	div#socialIcons {
	    float: right;
	    position: relative;
	    right: 0;
	    top: 20px;
	    z-index: 100;
	}
	
	a.socialicon {
		margin-right: 5px;
	}
	
	#copyright {
		line-height: 1em;
		position: relative;
		top: 23px;
		left: 0;
		float: left;
	}
	
	#copyBarContainer {
	    width: 100%;
	    text-align: center;
	    padding-top: 20px;
	}
	
	div#socialIcons {
    float: none;
    position: relative;
    right: 0;
    width: auto;
    z-index: 100;
}
a.socialicon {
	display: inline-block;
	float: none;
}
#copyright {
    float: none;
    left: 0;
    line-height: 1em;
    margin-bottom: 0;
    padding-bottom: 80px;
    position: relative;
    top: 25px;
    margin-top: 20px;
}
a.socialicon:first-child {
    margin-right: 5px;
}

#title-display {
    font-size: 14px;
    line-height: 60px;
}

#case-studies .call-to,
#theme-designs .call-to {
    font-size: 12px;
    color: #555;
    display: inline-block;
    padding: 0;
    font-family: "Courier";
    margin-top: 20px;
    text-align: right;
    background: #121212;
    padding: 6px 15px;
    border-radius: 25px;
    width: 200px;
    opacity: 1;
    position: relative;
	transform: translate3d(0%, 0%,0) scale(1);
	top: auto;
	left: auto;
	
	display: none;
}

	
	#case-studies .post:hover .call-to,
	#theme-designs .post:hover .call-to {
		transform: none;
	    opacity: 1;
	}
	
	#themes #case-studies .post:hover a.thumb,
	#themes #theme-designs .post:hover a.thumb {
		transform: scale(1.05);
		background-color: #121212;
	}
	
		#themes #case-studies a.thumb {
		    padding-top: 15px;
		    background-position: 5px 5px;
		}
	
	#case-studies .post:hover img,
	#theme-designs .post:hover img {
		opacity: 1 !important;
	}

}

/*----------------------------------*/
/*-----------800px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:800px) {

	/*
	.entry p {
	    margin: 0 0 35px;
	    float: none !important;
	}
	*/
	
	body.page-id-4442 #content, 
	body.page-id-4960 #content {
		max-width: 100%;
	}
	
		body.page-id-4442 #main, 
		body.page-id-4960 #main {
		    padding: 6%;
		    max-width: 80%;
		}
		
		/*
		body.page-id-4442 #copyBarContainer,
		body.page-id-4960 #copyBarContainer {
			display: none;
		}
		*/

	#custom-submit {
	    top: 0;
	}
}


/*----------------------------------*/
/*-----------600px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:600px) {
	
	
	body.page-id-4960,
	body.page-id-4442 {
		background: #fff;
	}
	
		body.page-id-4442 #main, 
		body.page-id-4960 #main {
		    padding: 0;
		    max-width: 90%;
		}
	
	.wpcf7-form p {
	    margin: 0 0 35px;
	    float: none !important;
	    width: 100% !important;
	}


	body.home #header {
	    height: auto;
	}
	
	/*
	li#menuLink, 
	#dropmenu li a {
		padding: 0 5px;
	}
	*/
	
	#dropmenu > li.actionItem a {
		padding: 0 5px;
	}

	body.home #content {
	    padding: 0px 15px;
	}

	body #main #themes h2 {
		margin-bottom: 40px;
	}
	#design-filter {
		margin-top: 30px;
		margin-bottom: 40px;
	}
	#pdf-link {
	    margin: 60px auto;
	    display: block;
	    text-align: center;	
	}

	body.home #main {
		margin-top: 0;
		min-height: inherit;
	}
	
	.roundabout-holder {
		display: none;
	}
	
	#intro {
		margin: 15px 0;
	}
	
	#intro h1 {
		font-size: 24px;
	}
	#intro h2 {
		font-size: 20px;
	}
	
	div.post a.thumbLink, 
	div.page a.thumbLink {
	    display: inline-block;
	    float: left;
	    margin-bottom: 10px;
	    margin-right: 10px;
	    padding: 0;
	    width: 75px;
	}

	.listing .post .posttitle,
	.listing .page .posttitle {
		font-size: 20px;
	}
	
	.listing .post p,
	.listing .page p {
    	clear: left;
	}	
	
	.footerWidget {
		width: auto;
	}
	
}


/*----------------------------------*/
/*-----------420px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:420px) {

	.listing .post .posttitle, 
	.listing .page .posttitle {
	    font-size: 18px;
	}
	
	#copyBarContainer { text-align: center;}
	
	div#socialIcons {
    float: none;
    position: relative;
    right: 0;
    width: auto;
    z-index: 100;
}
a.socialicon {
	display: inline-block;
	float: none;
}
a.socialicon:first-child {
    margin-right: 5px;
}
}