/* fablux */
/* fablux */
/* fablux */

	.fablux { /*position: relative;*/ height: calc(100vh - 80px); }
	.fablux .sub-content { height: 100%; background-color: transparent; padding-bottom: unset; }
	.fablux .sub-inner { width: 100%; height: 100%; position: relative; }
	.fablux .content_bg {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		background-color: #e8e6dd;
	}

	.fablux .fabluxcentent {
		display: grid;
		position: relative;
		z-index: 1;
		overflow: hidden;
		width: 100%;
		height: 100%;
		grid-template-columns: 35% 35% 30%;
		grid-template-rows: 50% 50%;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		grid-template-areas: "l_top c_top r_top" "l_bottom c_bottom r_bottom";
	}

	.fablux .grid-item { position: relative; width: 100%; height: 100%; }
	.fablux .grid-item img { width: 100%; height: 100%; object-fit: cover; }
	.fablux .imgBox {
		position: absolute;
		bottom: 0;
		left: -40%;
		width: 100%;
		height: 130%;
	}
	.fablux .imgBox img {
		/*position: relative;
		width: 150%;
		object-fit: contain;
		transform: translate(-40%, -20%);*/
	}

	.fablux #footer { background-color: #e8e6dd; }

	.fablux .l-top { grid-area: l_top; }
	.fablux .l-bottom { grid-area: l_bottom; }
	.fablux .c-top { grid-area: c_top; }
	.fablux .c-bottom { grid-area: c_bottom; }
	.fablux .r-top { grid-area: r_top; }
	.fablux .r-bottom { grid-area: r_bottom; }


	.fablux .c-top img { object-fit: contain; }

	.fablux .c-bottom { display: flex; flex-direction: column; justify-content: start; align-items: center; padding: 0 10%; }
	.fablux .c-bottom p { width: 80%; padding-top: 50px; font-size: 20px; }

	.fablux .r-top img { object-position: top; }



/* responsive area */
/* responsive area */
/* responsive area */

@media(max-width: 1199px){

	.fablux .sub-content { max-width: 1100px; margin: 0 auto; }

	.fablux { height: max-content; }

	.fablux .fabluxcentent {
		grid-template-columns: 50% 50%;
		justify-content: center;
		grid-template-rows: repeat(4, auto);
		grid-template-areas: "l_top l_bottom" "c_top c_top" "c_bottom c_bottom" "r_top r_bottom";
	}

	.fablux .imgBox { /*transform: translate(-40%, -20%);*/ left: -40%; height: 200%; }

	.fablux .c-top { min-height: 300px; }

	.fablux .c-bottom { padding: 0 5%; width: 100%; }
	.fablux .c-bottom p { width: max-content; font-size: 16px; line-height: 1.5; }
	.fablux .c-bottom p:last-child { padding-bottom: 50px; }

}
@media(max-width: 768px){
}
@media(max-width: 640px){
}
@media(max-width: 480px){
}
@media(max-width: 360px){
}