/*
Theme Name: On Tap 2
Description: Editable version of custom On Tap theme.
Author: On Tap
Author URI: https://www.beontap.co
Version: 2.0.0
Text Domain: beontap
*/

/*********************************** 
 * Table of Contents
 * 	Manufacturing Marketing Page
 * 		We Get Manufacturing
 * 	 	What We Do	
 * 		Why Work With Us	
 * 		Contact Section
***********************************/

/*************************************
 * 		Manufacturing Marketing Page
 * **********************************/
.manufacturing-double-angle {
	color: #ef814c;
	margin-right: .4%;
}

/***********************************
 * 		We Get Manufacturing
 * ********************************/
.hero-section-list {
	padding: 0;
	list-style-type: none;
	font-weight: bold;
}

/***********************************
 * 		What We Do
 * ********************************/
@media only screen and (max-width: 320px) {
	#manufacturing-img0 {
		margin-bottom: -10%;
	}
}

@media only screen and (min-width: 1024px) {
	#manufacturing-img0 {
		margin-bottom: 20%;
	}
	
	.want-to-hear-more-heading {
		text-align: center;
	}
}

.what-we-do-list {
	padding: 0;
	list-style-type: none;
}

.what-we-do-double-angle {
	margin-top: 1.5%;
}

.what-we-do-li-div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: flex-start;
}

.what-we-do-li {
	margin-bottom: 3%;
	text-align: left;
}

.what-we-do-para {
	font-weight: bold;
}

.what-we-do-flex-div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contact-us-btn {
	text-align: left;
}

/***********************************
 * 		Why Work With Us
 * ********************************/
@media only screen and (max-width: 425px) {
	#manufacturing-img1 {
		width: 130%;
		margin-bottom: -20%;
	}
}

@media only screen and (min-width: 768px) {
	#manufacturing-img1 {
		width: 135%;
		margin-bottom: -15%;
	}
}

@media only screen and (min-width: 1024px) {
	.why-work-with-us-div {
		margin-left: 10%;
	}
	
	#why-work-with-us-img {
		width: 85%;
	}
	
	.why-work-with-us-div {
		padding-left: 8%;
	}
	
	#manufacturing-img1 {
		width: 160%;
		margin-left: 5%;
	}
}

@media only screen and (min-width: 1252px) {
	#manufacturing-img1 {
		margin-right: -15%;
	}
}

@media only screen and (min-width: 1440px) {
	#manufacturing-img1 {
		width: 180%;
		padding: 0;
		margin: 0;
	}
}

#why-work-with-us-section {
	margin-top: 5%;
}

.why-work-with-us-heading {
	margin-top: -15%;
}

.why-work-with-us-paragraph {
	margin: 0;
	font-size: 1.1em;
}

/***********************************
 * 		What Our Clients Say
 * ********************************/
@media only screen and (min-width: 768px) {
	#manufacturing-img3 {
		margin-bottom: 70%;
	}
}

@media only screen and (min-width: 1024px) {
	#manufacturing-img3 {
		margin-bottom: 0;
	}
	
	#what-our-clients-say-heading-section {
		min-height: 0;
	}
}

@media only screen and (max-width: 1440px) {
	#what-our-clients-say-heading-section {
		padding: 0;
	}
	
	.worldwide-steel-buildings-img, .elmwood-img {
		width: 100%;
		margin-top: -20%;
	}
	
	.what-our-clients-say-heading-div {
		text-align: center;
		padding-top: 40px;
	}
	
	.what-our-clients-say-para {
		font-size: 1.3em;
	}
	
	.what-our-clients-say-left-quote {
		padding-right: 5px;
	}
	
	.what-our-clients-say-right-quote {
		padding-left: 5px;
	}
	
	/***********************************
 * 		Contact Section
 * ********************************/
	@media only screen and (max-width: 425px) {
		#contact-section {
			margin-top: -15%;
		}
	}
	
	@media only screen and (min-width: 768px) {
		#contact-section {
			margin-top: -20%;
		}
	}
	
	#contact-section, .contact-section-para {
		text-align: center;
	}
	
	/*new css by ps 22/04/2022 */
	.content-block.--lg-image .content-block__image {
		width: 115% !important;
		margin: 0% !important;
	}
}