/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#header .header-inner {
		max-width: 748px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	/*-----------------------------------------------------------------------------------*/
	/*	Styleswitcher
	/*-----------------------------------------------------------------------------------*/
	#styleswitcher {
		display: none;
	}
	/*-----------------------------------------------------------------------------------*/
	/*	Call to action
	/*-----------------------------------------------------------------------------------*/
	.call-to-action {}
	.call-to-action-text {
		text-align: center;
		float: none;
		width: 100%;
	}
	.call-to-action-button {
		text-align: center;
		float: none;
		width: 100%;
	}
	/*-----------------------------------------------------------------------------------*/
	/*	Portfolio filter
	/*-----------------------------------------------------------------------------------*/
	.portfolio-filter {
		line-height: 35px;
		height: inherit;
		border: 1px solid #e0e0e0;
	}
	.portfolio-filter li {
		border-bottom: 1px solid #e0e0e0;
		border-right: none;
		float: none;
		display: block;
	}
	.portfolio-filter li:last-child {
		border-bottom: none;
	}
	.portfolio-filter li a {
		display: block;
		padding: 0px 15px;
	}
	/*-----------------------------------------------------------------------------------*/
	/*	Pagination
	/*-----------------------------------------------------------------------------------*/
	.pagination {
		height: inherit;
		line-height: 35px;
		border: 1px solid #e0e0e0;
	}
	.pagination li {
		text-align: center;
		border-bottom: 1px solid #e0e0e0;
		border-right: none;
		float: none;
		display: block;
	}
	.pagination li:last-child {
		border-bottom: none;
	}
	.pagination li a {
		display: block;
		padding: 0px 15px;
	}
	/*-----------------------------------------------------------------------------------*/
	/*	Copyright
	/*-----------------------------------------------------------------------------------*/
	.footer-social-icons, #copyright {
		text-align: center;
	}
	/*-----------------------------------------------------------------------------------*/
	/*	Mobile menu
	/*-----------------------------------------------------------------------------------*/
	.mobileMenu {
		display: block;
		width: 100%;
		border: 1px solid #e5e5e5;
		outline: none;
		cursor: pointer;
		margin-bottom: 10px;
	}
	.bottom-bar > .footer-social-icons {
		display: none;
	}
	#header .header-inner {
		max-width: 420px;
	}
	#header .header-inner .top-bar {
		padding-top: 30px;
		height: inherit;
	}
	#header .header-inner .bottom-bar {
		position: inherit;
		height: inherit;
		width: 100%;
		background-color: transparent !important;
		background-image: none !important;
	}
	#header .contact-info {
		background-color: #fff;
		text-align: center;
		padding: 10px;
		position: inherit;
	}
	#header .contact-info ul li {
		display: inherit;
		margin-right:0px;
		float:none;
	}
	#logo {
		position: inherit;
		margin-bottom: 10px;
	}
	#menu {
		display: none !important;
	}
	.tab {
		display: block;
	}
	.tab.active:last-child {
		border-bottom: 1px solid #e0e0e0 !important;
	}
	.page-404 h1 {
		font-weight: bold;
		font-size: 32px;
	}
	#contact-human p {
		width: 100%;
		margin: 0 0 15px 0;
		float: none;
		display: block;
	}
	#contact-human div {
		float: none;
		width: 100%;
	}
	#contact-human label {
		width: 30%;
		float: left;
	}
	#contact-human input {
		width: 70%;
	}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.text-layers {
		display: none !important;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#header .header-inner {
		max-width: 300px;
	}
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 18px;
	}
	.text-layers {
		display: none !important;
	}
}
