.page_patioDoorHardware2020 .content-containter-wrapper-div {
	min-width: 100%;
	max-width: 100%;
}
.main-content {
	padding: 1em 0;
	color: #000;
}
.patio-door-hardware-2020 .width-controller {
	margin: auto;
	padding: 0 .5rem;
}
.patio-door-hardware-2020 .banner {
	position: relative;
}
.patio-door-hardware-2020 .banner img {
	max-width: none;
	width: 100%;
}
.flap {
	display: none;
	width: 5em;
	background: linear-gradient(0deg, rgba(0,0,0,.667) 93%, transparent 5.5%);
}
.flap::before {
	content: '';
	position: absolute;
	border-width: 1em;
	border-style: solid;
	border-color: transparent #f16029 #f16029 transparent;
	width: 0;
	height: 0;
	background: transparent;
}
.banner-text-container {
	display: flex;
	color: #FFF;
	font-size: 1.1rem;
}
.patio-door-hardware-2020 .banner .txt-container {
	padding: 2rem;
	background: rgba(0,0,0,.667);
}
.banner-text-container .title {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: .675rem;
}
.patio-door-hardware-2020 .flex {
	display: flex;
	flex-direction: column;
}
.new-row > .title {
	font-size: 1.5rem;
	margin: 3rem 0 .5rem 0;
}

.new-row:first-child > .title {
	margin-top: 1rem;
}
.box .title, .box .txt, .new-row .txt {
	font-size: 1.1rem;
}
.flex ~ .txt {
	margin-top: 2rem;
}
.new-row .box {
	border: 1px solid #b9b9b9;
	margin: 1rem 0;
	display: flex;
	flex-direction: column;
	padding: 1rem;
	color: #000;
	flex: 1 1 100%;
}
.new-row .box:hover {
	border-color: #f16128;
}
.new-row .box .image {
	text-align: center;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.new-row .box .image > span:first-child {
	min-height: 156px;
}
.new-row:nth-child(2) > .flex:last-child .box .image > span:first-child {
	min-height: 190px;
}
.browser-ie .new-row .box .image > span:first-child {
	flex: 1 1 100%;
}
.browser-ie .new-row .box .image > span:last-child {
	flex-basis: 2.75rem;
}
.browser-ie .new-row:nth-child(2) > .flex:last-child .box .image > span:first-child {
	min-height: 164px;
}
.patio-door-hardware-2020 .image .flex {
	display: flex;
	flex-direction: column;
	max-width: 1.75rem;
	/* position: absolute;
	top: 0;
	right: 0;
	*/
}
.patio-door-hardware-2020 .image .flex > span {
	max-width: 2.75rem;
}
.browser-ie .patio-door-hardware-2020 .image .flex > span {
	max-height: 1.75rem;
}
.browser-ie .patio-door-hardware-2020 .image > span:first-child {
	max-height: 7.5rem;
}
.box .title {
	margin-top: 1rem;
	margin-bottom: .5rem;
	font-size: 1.2rem;
	font-weight: bold;
}
.box .title .normal {
	font-weight: normal;
	font-size: 1rem;
}
.box a {
	color: #000;
}
.box a:hover {
	color: #CB4C0C;
}
sup {
	font-size: .675rem;
}
@media (min-width: 700px) {
	.patio-door-hardware-2020 .banner {
		display: flex;
		align-items: center;
	}
	.browser-ie .patio-door-hardware-2020 .banner {
		display: block;
	}
	.banner-text-container {
		position: absolute;
		max-width: 75%;
		max-height: 100%;
		left: 5%;
		overflow: hidden;
	}
	.browser-ie .banner-text-container {
		top: 5%;
		bottom: 5%;
	}
	.banner-text-container .txt {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.patio-door-hardware-2020 .flex {
		flex-direction: row;
	}
	.new-row .box {
		margin: 1rem;
	}
	.new-row .box:first-child {
		margin-left: 0;
	}
	.new-row .box:last-child {
		margin-right: 0;
	}
	.flex ~ .txt ~ .flex {
		width: calc(50% - 1rem - 4px);
	}
	.yale-row > .flex {
		width: calc(25% - 2rem - 4px);
	}
	.yale-row .box .image > span:first-child img {
		max-width: 7rem;
	}
	.browser-ie .yale-row .box .image > span:first-child img {
		max-width: 6rem;
	}
}
@media (min-width: 800px) {
	.banner-text-container {
		max-width: 50%;
		left: 10%;
	}
}
@media (min-width: 1080px) {
	.patio-door-hardware-2020 .width-controller {
		padding: 0;
	}
	.banner-text-container {
		max-width: 30%;
		left: 10%;
	}
}