.subtitle-text-wrap {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	pointer-events: none;
}

.subtitle-text-left,
.bg-curve-box-wrap.img-r .subtitle-text-content {
	position: absolute;
	left: 150px;
	top: 0;
	transform: rotate(90deg);
    transform-origin: left top;
	width: auto;
    overflow: hidden;
	pointer-events: all;
}

.bg-curve-box-wrap.img-r .subtitle-text-content {
	top: 50px;
}

.subtitle-text-left .subtitle-text,
.bg-curve-box-wrap.img-r .subtitle-text-content .subtitle-text {
	transform: rotate(180deg);
}

.subtitle-text-right,
.bg-curve-box-wrap.img-l .subtitle-text-content {
    position: absolute;
	top: 0;
    right: 150px;
    transform: rotate(-90deg);
    transform-origin: right top;
    width: auto;
    overflow: hidden;
	pointer-events: all;
}

.bg-curve-box-wrap.img-l .subtitle-text-content {
	top: 50px;
}

.subtitle-text .line {
	height: 1px;
	width: 250px;
	background-color: #000;
	align-self: center;
}

.subtitle-text h3,
.subtitle-text h4 {
	letter-spacing: 0.1em;
	margin-left: 15px;
}



/*========== RESPONSIVENESS ==================*/

@media screen and (max-width: 1320px) {
	
	.subtitle-text-right {
		right: 100px;
	}
	
	.subtitle-text-left {
		left: 100px;
	}
	
	.bg-curve-box-wrap.img-r .subtitle-text-content {
		left: 100px;
	}
	
	.bg-curve-box-wrap.img-l .subtitle-text-content {
		right: 100px;
	}
	
}




@media screen and (max-width: 1024px) {
	
	.subtitle-text .line {
		width: 200px;
	}
	
	.subtitle-text-right {
		right: 65px;
	}
	
	.subtitle-text-left {
		left: 65px;
	}
	
	.bg-curve-box-wrap.img-r .subtitle-text-content {
		top: 25px;
		left: 65px;
	}
	
	.bg-curve-box-wrap.img-l .subtitle-text-content {
		top: 25px;
		right: 65px;
	}
	
}




@media screen and (max-width: 768px) {
	
	.subtitle-text .line {
		width: 150px;
	}
	
	.subtitle-text-right {
		right: 40px;
	}
	
	.subtitle-text-left {
		left: 40px;
	}
	
	.bg-curve-box-wrap.img-r .subtitle-text-content {
		left: 40px;
		width: 450px;
	}
	
	.bg-curve-box-wrap.img-l .subtitle-text-content {
/*		top: 25px;*/
		right: 40px;
		width: 450px;
	}
	
	.bg-curve-box-wrap .subtitle-text-content .subtitle-text .line {
		width: auto;
		flex: 1;
	}
	
	.sec-connects .bg-curve-box-info-wrap .ico-box-wrap.ico-box-t-r {
		display: none;
	}
	
}