/* Responsive */
@media (max-width: 767.5px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 2.2rem;
}
.navbar-content {
    padding: 1.5rem 0px;
}
.menu-btn {
    padding: 0 2px;
}
.intro {
	background-image: url(../img/hero-m.jpg);
}
.slide--1 {
    background-image: url(../img/bg-lepas-mobile.jpg);
}
.slide--2 {
    background-image: url(../img/bg-landing-2a-mobile.jpg);
}
.slide--3 {
    background-image: url(../img/bg-landing-3a-mobile.jpg);
}
.slide--4 {
    background-image: url(../img/bg-story.png);
}
.slide--5 {
    background-image: url(../img/bg-landing-5a-mobile.jpg);
}	
.slide--1 .col__content {
	left: 0;
	top: 75%;
	transform: translateY(-50%);
	max-width: 80%;
	padding: 10px 30px;
}
.intro__content {
    /* position: absolute; */
    /* left: auto; */
    /* right: 2%; */
    /* transform: translate(-5%, -50%); */
    /* top: 50%; */
    /* z-index: 3; */
    /* width: 56%; */
	/* min-width: 230px; */
	
	position: absolute;
	left: 0;
	right: auto;
	transform: none;
	top: auto;
	bottom: 110px;
	z-index: 3;
	width: 100%;
	min-width: 230px;
	padding: 10px 30px;
}


.intro.partner--0{
	background-image: url(../img/bg-partner-1a-m.jpg);
}

.partner--1{
	background-image: url(../img/bg-partner-2-m.jpg);
	height: auto;
}
.slide-introxxx{
	height: auto;
}
.partner--3{
	/* background-image: url(../img/bg-partner-4-m.jpg); */
	background-image: url(../img/bg-roi.jpg);
}
.intro__content h1 {
	font-size: 32px;
}
.partner--3 .col__content-title .line__inner {
    font-size: 32px;
}
.intro-partner .intro__content {
	/* width: 60%; */
	/* right: 3%; */
	
	width: 100%;
	right: 0;
	padding: 25px;
	bottom: 0;
	transform: none;
	top: auto;
}

.partner--3 .col__content-title {
    margin: 0 0 20px;
}

.hero-title {
    /* font-size: 32px; */
    font-size: 20px;
	margin-bottom: 16px;
}
.logo-container {
	margin-bottom: 16px;
}
.header-label {
    margin-bottom: 12px;
}

.section-contact-us.roi {
    height: auto;
    /* background: url(../img/bg-roi.jpg) no-repeat; */
    background: url(../img/sky-bg-m.png) no-repeat;
    background-size: 100vw;
    position: relative;
    background-position-x: center;
	    /* padding-bottom: 26%; */
}
.bg-kl {
    background: url(../img/skyline.png) no-repeat;
    background-position-y: bottom;
    background-size: 100vw;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.section-roi .form-container {
    padding-bottom: 32vw;
}
.form-container {
    padding: 20px;
    border-radius: 8px;
    margin: 0 auto;
}
.section-contact-us .hero-content {
    /* padding-bottom: 0; */
    padding-bottom: 45px;
}
.lepas-eye {
    max-width: 350px;
}
.eyelepas{
	display: block;
	position: absolute;
	right: 10px;
	bottom: 6px;
	width: 101px;
}
.eyelepas.eye-left{
	right: auto;
	left: 10px;
}

.eyelepas.eye-right{
	right: 10px;
	left: auto;
}

.partner--1 .video-background,
.slide-introxxx .video-background
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 0;
}

.partner--1 .video-background video,
.slide-introxxx .video-background video
{
    position: relative;
    top: 0%;
    left: 0%;
    min-width: 100%;
    min-height: 100%;
	width: 100%;
	height: auto;
    transform: unset;
    object-fit: cover;
}
.page-banner {
    background-image: url(../img/bg-news-m.jpg);
    height: 400px;
}

.banner-title {
    font-size: 40px;
    margin-bottom: 30px;
}
.card-news {
    margin-bottom: 30px;
}
.category-title {
    color: var(--color-orange);
    font-size: 22px;
    margin-bottom: 20px;
}
.category-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
.card-title {
    margin-bottom: 4px;
}
.article-title {
    font-size: 28px;
}
.article-title span {
    font-size: 18px;
    padding-top: 14px;
}
.wrapper-back {
    margin-bottom: 40px;
}
.article-info {
    font-size: 14px;
    margin-bottom: 24px;
}
.link-back {
    /* font-size: 12px; */
}
.box-comment {
    padding: 20px 20px;
}
.entry-content iframe {
    height: 205px;
}
.wrapper-article-info {
    padding-bottom: 18px;
}
.section-thankyou{
	background: url(../img/sky-bg-m.png) no-repeat;
	background-size: 100vw;
	position: relative;
	background-position-x: center;
	padding-top: 50%;
			

}
.section-thankyou .hero-content {
    padding-bottom: 46%;
}
.section-thankyou h3 {
    font-weight: 500;
	font-size: 24px;
}
.back-to-top {
    right: 0.5rem;
}/* END 767.5px */