.innerbanner-bg {
	position: relative;
	background: url(../images/inner-banner-bg.jpg) no-repeat;
	background-size: cover;
	min-height: 123px;	
}

.in-header {
	position: relative;
}

.breadcrumb {
	padding: 38px 0 30px;
	margin: 0;
	display: inline-block
}

.breadcrumb li {
	padding: 15px 45px 10px 0;
	display: inline-block;
	color: #fff;
	text-transform: capitalize;
	position: relative;
	font-family: 'AvenirNextLTPro-Bold';
	float: left;
	line-height: 100%;
}

.breadcrumb li:first-child {
	padding: 0 40px 0 0;
}

.breadcrumb li a {
	color: #3277bc;
	display: inline-block;
}

.breadcrumb li:not(:last-child):before {
	content: "\f0da";
	font-family: FontAwesome;
	position: absolute;
	right: 17px;
	top: 36%;
	font-size: 16px;
	line-height: 14px;
	color: #fff;
}

.breadcrumb li a i {
	width: 43px;
	height: 43px;
	background-color: rgba(0, 0, 0, .75);
	border-radius: 50%;
	text-align: center;
	line-height: 43px;
	font-size: 12px;
	color: #3277bc;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.breadcrumb li a:hover i,
.breadcrumb li a:hover {
	color: #fff
}

.page-title {
	font-size: 40px;
	text-transform: uppercase;
	line-height: 100%;
	margin-bottom: 50px;
	color: #3277bc;
	font-family: 'AvantGarde-Demi';
}

.inner-content {
	 padding: 50px 0 0;	
}

.title22 {
	font-size: 22px;
	color: #453b39;
	font-family: 'AvantGarde-Demi';
	line-height: 120%;
	margin-bottom: 20px;
}

.about-cta-wrapper {
	max-width: 1094px;
	margin: 0 auto 75px;
	text-align: center;
	position: relative;
	min-height: 294px;
	width: 100%;
	display: table;
	background: url(../images/cta-bg.jpg) center no-repeat;
}

.about-cta-wrapper .cta-caption:before {
	border: 6px solid #3277bc;
	position: absolute;
	content: "";
	left: 0;
	width: 162px;
	height: auto;
	border-right: 0;
	top: 20px;
	bottom: 20px;
}

.about-cta-wrapper .cta-caption:after {
	border: 6px solid #3277bc;
	position: absolute;
	content: "";
	right: 0;
	width: 162px;
	height: auto;
	border-left: 0;
	top: 20px;
	bottom: 20px;
}

.cta-caption {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 55px;
}

.about-cta-wrapper .cta-caption .btn-view {
	min-width: 265px;
	margin-bottom: 0px;
}

.cta-caption p {
	font-size: 24px;
	color: #231f1e;
	text-shadow: 1px 2px 17.82px rgba(24, 23, 24, 0.48);
	font-family: 'AvantGarde-Demi';
	margin-bottom: 20px;
}

.cta-caption p:last-child {
	margin-bottom: 0;
}

.about-cta-wrapper .cta-caption .call {
	font-size: 22px;
	color: #3a1c16;
	display: inline-block;
	padding: 10px;
	background-color: transparent;
	transition: background-color 1s, box-shadow .5s;
}

.about-cta-wrapper .cta-caption .call img {
	margin-right: 10px;
}

.about-cta-wrapper .cta-caption a:hover .call {
	background: #fff;
	box-shadow: 8px 13px 20px rgba(70, 68, 67, .18);
}


.title40 {
	color: #3277bc;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 40px;
	font-family: 'AvantGarde-Demi';
	line-height: 100%;
}

.cat_content p,
.cat_content {
	margin-bottom: 20px;
}

.error_image img,
.thankerror img {
	max-width: 100%;
	display: inline-block
}

.thankerror,
.cat_content {
	padding-bottom: 50px;
}

.landing_cnt,
.landing_cnt p:last-child,
.cat_content p:last-child {
	margin-bottom: 0;
}

.landing_cnt p b,.landing_cnt p strong{font-size: 18px;font-weight: bold;}
.landing_cnt .main_heading{font-size: 40px;text-transform: uppercase;line-height: 100%;margin-bottom: 30px;color: #3277bc;
	font-family: 'AvantGarde-Demi';padding-top: 20px;}
.sub_heading{font-size: 25px;font-weight: bold;margin-bottom: 20px;}
.landing_cnt p{margin-bottom: 25px;}

.list_ul li{position: relative;padding-left: 18px;margin-bottom: 20px;}
.list_ul li:before {position: absolute;content: "\f0da";font-family: 'FontAwesome';color: #3277bc;font-size: 16px;left: 0;top: 3px;
	line-height: 18px;}

.list_ol li{position: relative;padding-left: 18px;margin-bottom: 20px;}
.list_ol li:before {position: absolute;color: #3277bc;font-size: 16px;left: 20px;top: 3px;
	line-height: 18px;}

.pdf_link_ul li a{font-size: 16px;font-weight: bold;padding: 15px 0 15px 32px;display: inline-block;position: relative;}
.pdf_link_ul li a:before{content: "\f1c1";font-family: FontAwesome;font-size: 20px;position: absolute;left: 0;top: 14px;font-weight: normal;}
.pdf_link_ul li:not(:last-child){border-bottom: 1px solid #e6e6e6;}
.pdf_link_ul li a:hover{color: #3277bc;}
.img_wrp{float: right;margin-left: 40px;margin-bottom: 15px;}
.right_div img{float: left;margin-right: 40px;margin-bottom: 15px;}

.cat_content .cat_content_main {
    max-width:767px;
    margin:0 auto 50px;
}

/* Composite Decking Category */

.term-composite-decking .pro-block-3, .term-composite-decking .pro-block-3:nth-child(3n){
    margin-right:1.75%;
}

.featured-products-container,
.accessories-heading-container {
    clear: both;
    width: 100%;
    display: block;
}

.featured-products-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.featured-products-container li { 
    max-width:100%;
    height:auto
}

.accessories-heading-container {
    margin-top: 20px; /* Add some space above the Accessories heading */
    display:block;
    clear:both;
}


.accessories-title {
font-size: 32px;
  text-transform: uppercase;
  line-height: 100%;
  margin-bottom: 50px;
  color: #3277bc;
  font-family: 'AvantGarde-Demi';
  display:block;
  clear:both;
}

.accessories-title, .sub-title {
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}

.featured-products-section:last-child {
    margin-bottom: 40px; /* Add margin to the bottom of the last section */
}

.term-composite-decking .woocommerce-info {
    clear: both;
    margin-top: 40px; /* Add margin to the top of the message to keep it clear of the sections */
    visibility:hidden;
}

@media (max-width: 480px) {
    .featured-products-container {
    display: inline-block;
}
   
    .featured-products-container li { 
   width:100%;
    margin:0 0 40px 0;
}

}