.cardbanner-container {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.cardbanner-component-figure {
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.cardbanner-component-image {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--focal-point-x) var(--focal-point-y);
	border-radius: 1%;
	align-items: center;
}

.cardbanner-text_container {
	position: relative;

	width: 47%;
	height: 100%;
	margin: 0 10% 0 10%;
}

.cardbanner-text_container-left {
	margin: 0 10% 0 11%;
}

/* .cardbanner-text_container-right {
	margin: 0 0 0 10%;
} */

.cardbanner-text_heading {
	color: rgb(32, 32, 32);
	margin-top: 1%;
	font-size: 32px;
	font-weight: 650;
	width: 92%;
	line-height: 1.5rem;
}

.cardbanner-text_subheading {
	font-size: 8px;
	font-weight: 550;
	width: 81%;
	color: rgb(32, 32, 32);
}

.cardbanner-text_container-right {
	left: 14%;
}

.cardbanner-text_container-left {
	right: 6%;
}

a.cardbanner-shopnow-button {
	cursor: pointer;
	border-radius: 0.15rem;
	background-color: black;
	color: white;
	font-size: 8px;
	font-weight: 650;
	bottom: 5%;
	padding: 4px 8px 4px 8px;
}

a.cardbanner-shopnow-button:hover {
	background-color: rgb(36, 34, 34);
	color: rgb(231, 228, 228);
	text-decoration: none;
}

.cardbanner-caption-container {
	width: 100%;
	height: 65%;
	position: absolute;
	margin: 0 auto;
	top: 24%;
}

.cardbanner-wrap {
	width: 80%;
}

.cardbanner-wrap.sub-heading p {
	padding: 5px 0px;
}

.cardbanner-wrap.heading p {
	font-family: "grapheinpro-bold";
	font-weight: 700;
	text-transform: none;
}

.cardbanner-shopnow-button-container {
	height: 10%;
	position: relative;
	bottom: 5%;
}

.cardbanner-wrap p {
	margin: 0;
}

.cardbanner-container a:hover {
	text-decoration: none !important;
}

@media only screen and (min-width:480px) {

	.cardbanner-text_subheading {
		font-size: 70%;
		width: 80%;
	}

	.cardbanner-text_heading {
		margin-top: 5%;
		font-weight: 640;
		width: 60%;
	}
}

@media (max-width: 767px) {
	.cardbanner-container {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 0 9px 0 9px;
	}
	.cardbanner-wrap.heading p {
		letter-spacing: -.10125rem;
	}
	.experience-layouts-1row2columnforbanner .experience-column1 .cardbanner-component-figure {
		margin-bottom: 6px;
	}
}

@media only screen and (min-width:768px) {
	.cardbanner-wrap {
		width: 80%;
	}

	.cardbanner-text_heading {
		color: rgb(32, 32, 32);
		margin-top: 1%;
		font-size: 25px;
		font-weight: 650;
		width: 81%;
	}

	.cardbanner-wrap.sub-heading p {
		padding: 5px 0px;
	}

	.cardbanner-text_subheading {
		font-size: 10px;
		font-weight: 550;
		width: 100%;
		color: rgb(32, 32, 32);
	}

	.cardbanner-caption-container {
		top: 25%;
	}

	a.cardbanner-shopnow-button {
		padding: 8px 12px 8px 12px;
		font-size: 12px;
	}

	.cardbanner-shopnow-button-container {
		top: 2%;
	}

	.cardbanner-text_container {
		bottom: 30%;
	}
	.cardbanner-text_container-right {
		left: 6%;
	}
}

@media only screen and (min-width:1024px) {

	/* .cardbanner-component-figure {
		min-height: 348px;
	} */
	.cardbanner-text_container {
		position: relative;
		bottom: 0%;
		width: 47%;
		height: 100%;
		/* margin: 0 10% 0 10%; */
	}

	.cardbanner-text_heading {
		font-size: 30px;
		width: 100%;
	}

	.cardbanner-wrap.sub-heading p {
		padding: 15px 0px 10px 0px;
	}

	.cardbanner-text_subheading {
		width: 69%;
	}

	a.cardbanner-shopnow-button {
		font-size: 13px;
	}

	.cardbanner-shopnow-button-container {
		top: 5%;
	}

	.cardbanner-wrap.heading p {
		letter-spacing: -.16875rem;
	}
}

@media only screen and (min-width:1200px) {
	.cardbanner-text_heading {
		width: 49%;
		font-size: 42px;
		font-weight: 700;
		line-height: 38px;
		letter-spacing: 0em;
		text-align: left;
	}

	.ft-hero-2-banner .cardbanner-text_heading {
		width: 100%;
		font-size: 40px;
		line-height: 38px;
		letter-spacing: 0em;
		text-align: left;
		font-weight: 600;
	}

	.cardbanner-wrap.sub-heading p {
		padding: 20px 0px 10px 0px;
	}

	.cardbanner-text_subheading {
		width: 62%;
		font-family: 'Suisse Int\'l';
		font-size: 15px;
		font-weight: 450;
		line-height: 22px;
		letter-spacing: 0em;
		text-align: left;
	}

	.ft-hero-2-banner .cardbanner-text_subheading {
		width: 95%;
		font-family: 'Suisse Int\'l';
		font-size: 14px;
		font-weight: 450;
		line-height: 22px;
		letter-spacing: 0em;
		text-align: left;
	}

	.cardbanner-caption-container {
		top: 32%;
	}

	.ft-hero-2-banner .cardbanner-caption-container {
		top: 10%;
	}

	a.cardbanner-shopnow-button {
		padding: 10px 20px 10px 20px;
	}
}

@media (max-width: 767px) {
	.cardbanner-text_container {
		position: relative;
		width: 60%;
		height: 50%;
		bottom: 22%;
		margin: 0 10% 0 10%;
	}
	.cardbanner-wrap.heading {
		font-size: 1.75rem;
	}
	.cardbanner-text_subheading, .cardbanner-wrap.sub-heading p {
		font-weight: 400;
		font-size:0.85rem;
	}
	.cardbanner-wrap.sub-heading p {
		margin-top: 0.75rem;
		line-height: 1.435;
	}
}