/* ---------------------------------------- 

		LARGE SCREEN CSS STYLES 

---------------------------------------- */


@media only screen and (max-width: 1440px) {
	
	/* HEADER */
	
	.search-bar {
		margin-right: 30px;
	}
	
	
	/* HOMEPAGE */
	
		/* Service Bins */
		
		.hp-services h2 {
			font-size: 32px;
			line-height: 32px;
		}
		
		.hp-services p {
			font-size: 14px;
		}
		
		.hp-services ul a {
			font-size: 15px;
		}
		
		.hp-services .service-bin:first-of-type {
			text-align: left;
		}
		
			.hp-services .service-bin:first-of-type img {
				border-radius: 0 3px 3px 0;
			}
		
		.hp-services .service-bin:last-of-type {
			text-align: right;	
		}
		
			.hp-services .service-bin:last-of-type img {
				border-radius: 3px 0 0 3px;
			}
			
	
	/* PROJECTS */
	
	.featured-projects-links a {
		font-size: 30px;
		line-height: 30px;
	}
	
		.featured-projects-links a i {
			top: 7px;
			margin-left: 10px;
			font-size: 35px;
		}	
		
		.featured-projects-links div:first-of-type a i {
			margin-right: 10px;
		}
	
			
	/* FOOTER */
	
	.footer-container {
		width: 90%;
	}
		
		.footer-container div.footer-copyright p:first-of-type span {
			display: block;
		}
			
		div.footer-links div:first-of-type {
			border-right: 0;
		}
		
		.footer-social div:first-of-type {
			border-right: 0;
		}
		
		.footer-social div:last-of-type {
			padding-right: 0;
		}
		
		
	/* BACK TO TOP */

	.back-to-top {
		right: 30px;
	}	

}


@media only screen and (max-width: 1225px) {
	
	/* HOMEPAGE */
	
		/* Tabs */
		
		.hp-tabs {
			width: 100%;
		}
		
		
		/* Tabs Content */
	
		.tab > div:nth-of-type(2) div {
			top: 90px;
    		width: 70%;
		}
		
		
		/* Body */
		
		.hp-center-container h1 {
			font-size: 29px;
		}
	
	
		/* Service Bins */
		
		.hp-services h2 {
			font-size: 28px;
			line-height: 28px;
		}
		
		.hp-services p {
			width: 90%;
			margin: 16px auto 10px;
			font-size: 16px;
		}
		
		.hp-services ul {
			float: none;
			margin-bottom: 0;
			padding-left: 20%;
		}
		
		.hp-services ul:nth-child(2) {
			margin-top: 0;
		}
		
			.hp-services ul a {
				font-size: 17px;
				line-height: 25px;
			}
	
	
	/* SUBPAGE BODY */
	
	.sp-center-content {
		width: 90%;
	}
	
	
	/* PROJECTS */
	
	.featured-projects-links a {
		font-size: 37px;
		line-height: 37px;
	}
	
		.featured-projects-links a i {
			top: 9px;
			margin-left: 15px;
			font-size: 45px;
		}	
		
		.featured-projects-links div:first-of-type a i {
			margin-right: 15px;
		}
	
	
	/* FOOTER */
	
	.footer-container div.footer-copyright {
		padding-top: 25px;
	}
	
		.footer-container div.footer-copyright div > img {
			display: block;
			float: none;
			top: 0;
			margin: 0 auto 25px;
		}
		
		.footer-container div.footer-copyright div .footer-social {
			width: 100%;
			float: none;
			margin: 0 auto 20px;
		}
		
			.footer-social div:first-of-type {
				border-right: 1px solid #3b3b3b;
			}
			
			.footer-social div:last-of-type {
				padding-right: 3%;
			}
	
	.footer-container div.footer-links {
		width: 90%;
	}
	
		div.footer-links div:first-of-type,
		div.footer-links div:nth-of-type(2) {
			width: 45%;
		}
		
		div.footer-links div:first-of-type {
			width: 40%;
			margin: 0 5%;
		}
		
		div.footer-links div:nth-of-type(2) {
			width: 45%;
			padding-left: 5%;
		}

}


@media only screen and (min-width: 1081px) {
	
	/* MOBILE NAVIGATION */
	
	.mobile-navigation.open-menu {
		display: none !important;
	}
}


@media only screen and (max-width: 1080px) {
	
	/* CALLOUT BINS */
		
	.callout-container {
		width: 100%;
	}
	
		.cta-bin {
			height: 350px;
		}
	
			.cta-bin div {
				width: 90%;
				max-width: 670px;
			}
	
	/* DESKTOP NAVIGATION */
	
	.desktop-navigation,
	.sp-desktop-navigation,
	.sp-grandchild-navigation {
		display: none;
	}
	
	
	/* MOBILE NAVIGATION */
	
	.mobile-menu-btn {
		display: block;
	}
		
	
	/* SUBPAGE */
	
	.sp-center-container {
		padding: 50px 0;	
	}
	
	
		/* Hero */
		
		.sp-hero {
			height: 160px;
		}
		
			.sp-hero img {
				max-width: 1080px !important;
				min-width: 1080px;
				max-height: 160px;
				min-height: 160px;
				margin-left: -540px;
			}
			
			.sp-hero-content h4 {
				display: none;
			}
}