/* ============================= */
/*  Custom CSS for Kitchen Countertops page */
/* ============================= */

.bg-white {
	background-color: #fff;
}

.bg-gray {
	background-color: #f5f5f5;
}

.bg-kitchen-countertops {
	background: url('../images/kitchen-countertops-bg01.jpg') center center no-repeat #000;
	background-size: cover;
}

.bg-bdoc-kitchen-countertops {
	background: url('../images/kitchen-countertops-bg01.jpg') center center no-repeat #000;
	background-size: cover;
}

.text-black {
	color: #000 !important;
}

.text-white {
	color: #fff !important;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-bold {
	font-family: 'Montserrat';
	font-weight: 500;
}

.text-common {
	color: #6e6e6e;
	font-size: 15px;
	line-height: 155%;
}

.title-h3 {
	color: #000;
	font-size: 22px;
}

.red-border {
	background-color: #ff0000;
	height: 4px;
	width: 60px;
}

.pros-cons-container {
	border: solid 1px #d9d9d9;
	padding: 20px;
}

.bdoc-kitchen-countertops-container {
	background-color: #fff;
	border-radius: 4px 4px;
	box-shadow: 12px 12px 12px (rgba(0, 0, 0, 0.2));
	position: relative;
	top: -140px;
	padding: 20px 20px;
}

.kitchen-countertops-video {
	width: 280px;
	height: 180px;
	margin: 0 auto;
}


/* ============================= */
/* ======== Media Query ======== */
/* ============================= */

@media (max-width: 767px) {
	.container-px {
		padding-left: 18px;
		padding-right: 18px;
	}
}


@media (min-width: 768px) {
    .title-h3 {
		font-size: 24px;
	}

	.text-common {
		font-size: 16px;
	}

	.kitchen-countertops-video {
		width: 600px;
		height: 320px;
	}

	.bdoc-kitchen-countertops-container {
		padding: 32px 32px;
	}
}

@media (min-width: 1024px) {
	.intro-container {
		position: absolute;
		margin-top: 3rem;
	}

	.types-pr {
		padding-right: 20px;
	}

	.types-pl {
		padding-left: 20px;
	}

	.text-common {
		font-size: 18px;
	}
}

@media (min-width: 1200px) {
	.title-h3 {
		font-size: 28px;
	}

	.types-pr {
		padding-right: 60px;
	}

	.types-pl {
		padding-left: 60px;
	}

	.types-pt {
		padding-top: 20px;
	}

	.bdoc-kitchen-countertops-container {
		padding: 50px 50px;
	}
	
}

@media (min-width: 1400px) {
	
}