p{
	font-family:'SunwaySans SemiBold','OpenSans SemiBold', Arial;
}

#bread_contact_banner h1{
        font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
        color:#444;
}

ul li{
    /*margin-bottom:15px;*/
    color:#555555;
}

.modal h2{
    background:none;
}


.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity = 20);
    position: absolute;
    top: 20px;
    right: 20px;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal.fade .modal-content {
    padding: 20px;
}


.el-gajah{
       top: -20%;
    right: 2%;
    max-width:275px;
    z-index:999;
}


.w-el{
    width:calc(100% - 220px);
}


section.kidsclub{overflow: hidden;}
.bread_contact_banner.kidsclub{
	background-color: #fff69d; 
	/*margin-top: 50px; */
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url('https://www.sunwaymedical.com/images/smckc/titlebg.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	overflow: hidden;
}
.kidsclub .content-wrap{border: none;}
.bread_contact_banner.kidsclub h1 {
    margin-bottom: 0px;
    font-size: 30px;
    font-family: 'DINPro Bold', sans-serif;
	letter-spacing: 0px;
	text-align: center;
}
.kidsclub .topcrumb ul{text-align: center;}
.maintitle{margin-top: 0px;}
.welcometext{letter-spacing: 2px; margin-bottom: 40px;}
.maintitle svg{max-height: 450px;}
.bread_contact_banner.kidsclub .container{position: relative;}
.kidsclub .element1{
	position: absolute;
	top: 40%;
    left: -50px;
	transform: translateY(0%);
	max-height: 445px;
    visibility: hidden;
}
.kidsclub .tnc{margin-top: 100px;}
.kidsclub .tnc .freemembership, #gajah .tnc .freemembership{
	font-size: 40px;
	color: #555;
	line-height: 1;
	margin-bottom: 20px;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
}

#gajah{
    background-image: url('https://www.sunwaymedical.com/images/smckc/elfiebg-sunwaycity.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:120px;
}


#gajah .tnc .free{
    font-size: 30px;
	line-height: 1.2;
	margin-bottom: 20px;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
}

#gajah .free{
    font-size: 28px;
	line-height: 1.2;
	margin-bottom: 20px;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
}

.radiostyle label{
    font-size:16px;
}

.tnc span.red{
    color:#ec2227;
}

.h2kidclub{
	font-size: 55px;
	color: #444;
	line-height: 1;
	margin-bottom: 20px;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
}

.kidsclub .tnc .for, #gajah .tnc .for{
	font-size: 35px;
	line-height: 1;
	margin-bottom: 30px;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
}
[class*="el-"] {
	position: absolute;
}
.hero .el-1 {
	top: 22%;
	left: 0%;
}
.hero .el-2 {
	left: 20%;
	top: 10%;
}
.hero .el-3 {
	right: 20%;
	top: 6%;
}
.hero .el-4 {
	right: 9%;
	top: 21%;
}
.hero .el-5 {
	top: 45%;
    right: 12%;
}
.hero .el-6 {
	top: 65%;
    right: 0%;
}
.blink {
	animation: blinker 2s linear infinite;
}
.blink:nth-child(1){
	animation: blinker 2s ease infinite;
	animation-delay: 1s;
}
.blink:nth-child(2){
	animation: blinkera 2s ease-in infinite;
}
.blink:nth-child(3){
	animation: blinker 2s ease-out infinite;
}
.blink:nth-child(4){
	animation: blinkerb 2s ease-in-out infinite;
	animation-delay: 1s;
}
.blink:nth-child(5){
	animation: blinkera 2s ease-in infinite;
	animation-delay: 0.5s;
}
.blink:nth-child(6){
	animation: blinkerd 2s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}
@keyframes blinkera {
	20% {
		opacity: 0;
	}
}
@keyframes blinkerb {
	40% {
		opacity: 0;
	}
}
@keyframes blinkerc {
	60% {
		opacity: 0;
	}
}
@keyframes blinkerd {
	80% {
		opacity: 0;
	}
}

#exclusive.kidsclub{
	background-color: #fff69d;
	margin-bottom: 0;
	padding-top: 60px;
	padding-bottom: 60px;
}
#exclusive.kidsclub h2{font-size: 40px; margin-bottom: 10px;}
#exclusive .row{position: relative; justify-content: center;}
#exclusive .row .col{position: relative;}
#exclusive .row p{
	color: #f61022;
	margin-left: auto;
	margin-right: auto;
    max-width: 88%;
    font-size:14px;
}
#exclusive .row p.percentage, #exclusive .row p.discounttitle{
	line-height: 1;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
}
#exclusive .row p.percentage{
	font-size: 80px;
}
#exclusive .row p.discounttitle{
	font-size: 20px;
	line-height: 1.2;
}
@media(min-width: 768px){
    
    .pd-20-30-768{
        padding:20px 30px;
    }
    
    .show-767{
        display:hide;
    }
    
	#exclusive .row p.discounttitle span{white-space: nowrap;}
}
#exclusive.kidsclub .button{
	background: linear-gradient(180deg, rgba(215,170,105,1) 0%, rgba(215,170,105,1) 60%, rgba(192,151,93,1) 100%);
	text-shadow: none;
	font-size: 16px;
	text-transform: none;
	font-family:'SunwaySans SemiBold','OpenSans SemiBold', Arial;
    font-weight: normal;
}
#exclusive.kidsclub p:has(.button){margin-bottom: 0;}
.el-7{top: 0; left: -60px;}
.el-8{bottom: 0; left: -60px;}
.el-9{display:none; top: 0; left: 50%; transform: translateX(-50%);}
.el-10{top: 0; right: -60px;}
.el-11{bottom: 0; right: -60px;}

#roomtype{
	position: relative;
	background-color: #9adefa;
	margin-bottom: 0;
	background-image: url('https://www.sunwaymedical.com/images/smckc/el-12.png');
	background-repeat: no-repeat;
	background-position: left 60%;
	background-size: 130px auto;
	padding-bottom: 60px;
	overflow: visible;
}
#roomtype .container{
	position: relative;
	padding-top: 60px;
}
#roomtype h2{
	font-size: 35px;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
	margin-bottom: 35px;
	line-height: 1.2;
	color: #444;
	background: none;
}

#guide h2{
	margin-bottom: 20px;
	padding-bottom: 0px;
	font-size: 35px;
	line-height: 1.2;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
	color: #444;
	background: none;
}

#exclusive h2{
	background: none;
}

#kidsclubform h2{
	margin-bottom: 20px;
	padding-bottom: 0px;
	font-size: 35px;
	line-height: 1.2;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
	color: #444;
	background: none;
}

#events h2{
	margin-bottom: 20px;
	padding-bottom: 0px;
	font-size: 35px;
	line-height: 1.2;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
	color: #444;
	background: none;
}

#roomtype .imagecol{
	position: relative;
}
#roomtype .imagecol img{
	border-radius: 10px;
	width: 100%;
}
#roomtype .imagecol p{
	background-color: white;
	text-align: center;
	font-size: 20px;
	border-radius: 10px;
	padding: 10px 5px;
	width: calc(100% - 30px);
	margin-right: 15px;
	margin-left: 15px;
	position: absolute;
	bottom: 5px;
	left: 0;
}
#roomtype .col{margin-bottom: 15px; margin-top: 15px;}
.el-13{
	position: absolute;
	/*top: 5px;*/
	/*right: 100px;*/
	    top: 10%;
    right: 0;
}
.el-13 img{max-width: 200px;}
.el-14{
	position: relative;
	/*padding-left: 30px;*/
}
.el-14 img{
	padding-left: 50px;
	margin-top: 30px;
}
.el-15{
	bottom: -80px;
	right: 50%;
	transform: translateX(100%);
	z-index: 1;
}

#guide{
	background-color: #fff69d;
	padding-top: 80px;
	padding-bottom: 30px;
	position: relative;
}
#guide h3{
	font-size: 35px;
}
#guide .row{justify-content: center;}
#guide .row img{
	filter: drop-shadow(-5px 6px 8px rgba(163,163,163,0.25));
}
#guide .row a{
	display: inline-block;
	background: linear-gradient(180deg, rgba(215, 170, 105, 1) 0%, rgba(215, 170, 105, 1) 60%, rgba(192, 151, 93, 1) 100%);
    font-family:'SunwaySans SemiBold','OpenSans SemiBold', Arial;
}
#guide .row p:has(a){margin-bottom: 30px;}
#guide .row .col-xs-12{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}
.el-16{}
.el-16 img{padding-left: 30px;}
.el-17{
	bottom: 50px;
	right: 150px;
}
.el-18{
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}

#kidsclubform{
	background-color: #fff69d;
	padding-top: 20px;
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
}
#kidsclubForm{
	max-width: 95%;
	margin: 0 auto;
}
#kidsclubForm .sm-form-control{
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #b4ac6f;
    padding: 10px 0 15px;
    font-size: 14px;
}
#kidsclubForm label{
	font-weight: normal;
	font-family:'SunwaySans SemiBold','OpenSans SemiBold', Arial;
}
#kidsclubForm label:has( + .sm-form-control){
	letter-spacing: 1px;
	font-size: 14px;
	font-family:'SunwaySans SemiBold','OpenSans SemiBold', Arial;
}
#kidsclubForm label.desc{
	letter-spacing: 1px;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 20px;
}
#kidsclubForm input::placeholder{
	color: rgba(68,68,68,0.6);
	letter-spacing: 0.5px;
}
#kidsclubForm #promolabel{
	font-size: 16px;
	letter-spacing: 0;
	margin-left: 30px;
}
#kidsclubForm input.promo{}

.checkboxdiv{position: relative;}
/* Hide the browser's default checkbox */
#kidsclubForm input[type='checkbox'] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #cecece;
	border-radius: 5px;
}

/* On mouse-over, add a grey background color */
#kidsclubForm input:hover ~ .checkmark {
	background-color: #fdfdfd;
}

/* When the checkbox is checked, add a blue background */
#kidsclubForm input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
#kidsclubForm input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
#kidsclubForm .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#submitBtn{
	font-family:'SunwaySans SemiBold','OpenSans SemiBold', Arial;
	text-transform: none;
	display: block;
	padding: 11px 20px;
	font-size: 16px;
	background: linear-gradient(180deg, rgba(215, 170, 105, 1) 0%, rgba(215, 170, 105, 1) 60%, rgba(192, 151, 93, 1) 100%);
}

#events{
	background-color: #fff69d;
	padding-top: 60px;
	padding-bottom: 60px;
	background-image: url('https://www.sunwaymedical.com/images/smckc/eventbg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

span.arrowbutton, .arrowbutton span{
	padding-right: 20px;
	position: relative;
}
/*span.arrowbutton:before, .arrowbutton span:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ec2227;
	height: 1px;
	width: 0%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}*/
a:hover .arrowbutton:before, span.arrowbutton:hover:before, .arrowbutton span:hover:before {
	width: 100%;
}
/*span.arrowbutton:after, .arrowbutton span:after {
	content: '';
    width: 20px;
    height: 100%;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/icons/btn-arrow.png);
    position: absolute;
    right: 0;
    top: 0;
}*/

#oc-events.owl-carousel .owl-nav [class*=owl-]{
	border: none! important;
    color: #444 !important;
    background-color: transparent! important;
}

.infobox .icon-chevron-sign-right:before {
    content: "\e7d5";
    margin-top: 5px;
    line-height: 15px;
    padding-left: 5px;
}
span.arrowbutton.news_button{padding-bottom: 3px;}

/*#oc-events{
	z-index: 99999;
}*/
#oc-events .oc-item{
    filter: drop-shadow(0px 6px 5px rgba(163,163,163,0.25));
    padding: 15px 0;
}
#oc-events .oc-item > a{
    border-radius: 15px;
    overflow: hidden;
    display: block;
}
#oc-events img{
	aspect-ratio: 270 / 270;
	object-fit: cover;
}
#oc-events .infobox{
	background-color: white;
	padding: 20px 15px;
}
#oc-events .infobox .date{
	font-family:'SunwaySans SemiBold','OpenSans SemiBold', Arial;
	color: #444;
	margin-bottom: 5px;
}

#oc-events .infobox p{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 50px;
	color: #444;
	line-height: 1.3;
	font-family:'SunwaySans ExtraBold','OpenSans ExtraBold', Arial;
}
#oc-events a .infobox span{
	color: #ec1f25;
	font-family:'SunwaySans SemiBold','OpenSans SemiBold', Arial;	
}


.owl-carousel .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-next {
    left: auto;
    right: -30px;
    opacity: 1;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-prev {
	left: -30px;
	right: auto;
    opacity: 1;
}
.owl-carousel .owl-nav .disabled {
    display: block;
    opacity: 0.5;
}
.owl-carousel .owl-nav [class*=owl-]{
	background-color: transparent;
	border: none;
	font-size: 60px;
}
.owl-carousel .owl-nav [class*=owl-]:hover{
	color: #78c7cb !important;
    background-color: transparent !important;
}

label#promolabel{
    margin-left:30px;
}

.checkboxdiv input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkboxdiv label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #555;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-left: -30px;
}

.checkboxdiv input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #dc1b21;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.tnc-label {
    width: calc(100% - 50px);
    margin-bottom: 0px;
    padding-left: 30px;
}

@media(max-width: 1499px){
	.el-18{right: 0;}
	#exclusive .row p.discounttitle{font-size: 30px;}
}
@media(max-width: 1399px){
	.el-18{max-width: 200px; right: 50px;}
}
@media(max-width: 1199px){
    #gajah .free{
        font-size:20px;
        margin-bottom:10px;
    }
	.kidsclub .element1{left: -90px; max-height: 400px;}
	.el-14 img{max-width: 40vw;}
	.el-15{max-width: 17vw;}
	.el-17{right: 50px;}
	.el-18{
		top: auto;
	    bottom: 115px;
	    transform: none;
	    max-width: 18vw;
	}
	#guide h2{font-size: 28px! important;}
}

@media(max-width:1080px){
    .el-13{
	    top: 15%;
    }
}
@media(max-width: 991.9px){
    
    .bread_contact_banner.kidsclub{
        padding-top:0px;
            background-position: center bottom;
    }

	.row{
		display:flex! important;
	}

	#header.sticky-style-2 #header-wrap {background-color: transparent;}
	.bread_contact_banner.kidsclub{margin-top: 0;}
	.maintitle svg{max-height: 40vw;}
	.kidsclub .element1 {
	    left: -25px;
	        top: 60%;
	    max-height: 35vw;
	}
	[class*="el-"].blink img{
		max-width: 75%;
	}
	.kidsclub .tnc .freemembership {
	    font-size: 5vw;
	    margin-bottom: 5px;
	}
	.kidsclub .tnc .for {
	    font-size: 3.2vw;
	    margin-bottom: 10px;
	}
	#exclusive.kidsclub h2 {
	    font-size: 3.6vw;
	}
	#exclusive .row p{max-width: 100%;}
	#exclusive .row p.percentage{font-size: 7vw;}
	/*#exclusive .row p.discounttitle{font-size: 2.8vw;}*/
	.el-7, .el-8{left: -25px;}
	.el-10, .el-11{right: -25px;}
	.el-7 img, .el-8 img, .el-10 img, .el-11 img{max-width: 80%;}
	.el-9 img{max-width: 70%;}
	.el-13{right: 0;top:20%;}
	.el-15{bottom: -55px;}
	.el-16 img{max-height: 150px;}
	.el-17 img{max-height: 100px; right: 120px;}
	
	.bread_contact_banner.kidsclub .container{
      margin-top: 70px;
    }
    .kidsclub .element1{
        position:relative;
        left: -170px;
        margin-top: 25px;
        max-height: 42vw;
    }
    .el-gajah{
        top:55%;
      max-width: 35vw;
      right: 100px;
    }
    .kidsclub .tnc {
        margin-top: 0;
    }
}
@media(max-width: 767.9px){
    
    .pd-20-30-768{
        margin-bottom:30px;
    }
    
    .mb-30-767{
        margin-bottom:30px! important;
    }
    
    #gajah .free, #gajah p{
        text-align:center;
    }
    
    .el-gajah {
        top: 60%;
        right: 10%;
        max-width: 200px;
    }
    
    .w-el{
        width:100%;
        text-align:center;
    }
    
    .hero .el-6{
        right:-5%;
        display:none;
    }

    .owl-carousel .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-next{
        right:-15px;
    }
    
    .owl-carousel .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-prev{
         left:-15px;
    }
    
    #guide .row img{
        object-position: center! important;
        margin-bottom:30px! important;
    }
    
    #guide p, #guide h2, #guide a{
        text-align:center;
    }

	#roomtype .container{
		padding: 0 15px;
	}
	
	#gajah .tnc .freemembership {
	    font-size: 30px !important;
        line-height: 1.3;
	}

	h2, #gajah .tnc .free {
        font-size: 20px !important;
        line-height: 1.3;
    }
    
    .show-767{
        display:block;
    }

	.maintitle {margin-top: 40px;}
	.hero .el-3 {
	    right: -6%;
	}
	.hero .el-4{right: 0;}
	.el-6{max-width: 62%;}
	.kidsclub .element1 {left: -145px;top:75%;}
	.bread_contact_banner.kidsclub {
        padding-bottom: 30px;
    }
	/*.kidsclub .tnc {margin-top: 100px;}*/
	.el-7 img, .el-8 img, .el-10 img, .el-11 img {max-width: 65%;}
	.el-7, .el-8 {left: -10%;}
	.el-10, .el-11 {right: -10%; text-align: right;}
	.el-9 {transform: translateX(-34%);}
	.el-9 img{max-width: 60%;}
	#exclusive .row p{font-size: 14px;}
	#roomtype{padding-top: 65px;}
	.el-13{top: -60px;}
	#guide .row img{
		max-height: 350px;
	    object-fit: contain;
	    object-position: left;
	    margin-bottom: 15px;
	}
	.el-17{bottom: 250px;}
	#events{padding-top: 20px;}
}
@media(max-width: 599.9px){
    
    .el-gajah {
        top: 85%;
    }
    .bread_contact_banner.kidsclub{
        background: rgb(255,246,157);
        background: linear-gradient(180deg, rgba(255,246,157,1) 0%, rgba(255,246,157,1) 70%, rgba(168,222,248,1) 70%, rgba(168,222,248,1) 100%);
    	background-color: #fff69d; 
    	overflow: hidden;
    }
    .bread_contact_banner.kidsclub .container{
        position: relative;
        background-image: url('https://www.sunwaymedical.com/images/smckc/titlebg-mobile.png');
    	background-repeat: no-repeat;
    	background-size: 100% auto;
        background-position: center top;
        background-size: cover;
        min-height: 300px;
        max-width:100%;
    	
    }
    .kidsclub .element1{top: 80%;left:15%;}
    .bread_contact_banner.kidsclub{
        padding-bottom:0px;
    }
    .kidsclub .element1 {
	    left: auto;
        position: relative;
        float: left;
        right: 0%;
        width: 180px;
        height: auto;
        max-height: none;
	}
	.el-gajah {
	    position: relative;
        top: auto;
        right: auto;
         left: 5%;
        width: 50%;
        float: left;
	}
}

@media (max-width: 767px) {
    .container {
        max-width: 540px;
    }
    .el-13 {
        position:relative;
        /*top: 45px;*/
        top:0;
        left: 0;
        right: 0;
        text-align: center;
    }
    .mb-mt-90{
        /*margin-top:120px;*/
        margin-top:-50px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 579.9px){
	/*.kidsclub .element1 {left: 15%;top:75%;}*/
	.welcometext{margin-bottom: 20px;}
	[class*="el-"].blink img {max-width: 55%;}
	.el-7, .el-8 {left: 0;}
	.el-10, .el-11 {right: 0;}
	.el-8,.el-11 {bottom: -70px;}
	.el-16 {left: auto; right: 2%;}
	.el-17 {right: auto; left: 45%;}
	#exclusive.kidsclub h2 {
	    font-size: 30px !important;
	    max-width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	}
	#roomtype h2{
	    font-size: 28px !important;
	    /*text-align: left! important;*/
	    padding-left: 15px;
	    margin-bottom: 20px;
	}
	#roomtype .row .col{width: 100%; flex-basis: inherit;}
	#kidsclubform h2{
	    font-size:28px;
	}
	
}
@media(max-width: 559.9px){
	#exclusive .row .col{width: 100%; flex-basis: inherit;}
	.el-9{display: none;}
	.el-7, .el-8{left: 0;}
	.el-10, .el-11{right: 0;}
	#exclusive .row p.percentage {font-size: 12vw; margin-bottom: 0;}
	#exclusive .row p.discounttitle {font-size: 18px;}
	.el-13 img {
	    max-width: 185px;
	}
	.el-14 img {max-width: 50vw;}
	.el-15 {
	    max-width: 22vw;
	    right: 45px;
	    transform: none;
	}
}
@media(max-width: 499.9px){
    #kidsclubform{overflow: visible;}
    .el-18{bottom: -40px;}
}
@media(max-width: 479.9px){
    
    #kidsclubform h2{
        font-size:28px! important;
    }
    
    .bread_contact_banner.kidsclub{
        padding-bottom:30px;
    }
    .mb-mb-30{
        margin-bottom:30px;
    }
    .mb-mb-50{
        margin-bottom:50px;
    }
	
	#bread_contact_banner + img{
	    aspect-ratio: 2 / 1;
	    object-fit: cover;
	}
	#oc-events .infobox p{height: auto;}
}
@media(max-width: 439.9px){
	.kidsclub .tnc {
	    margin-top: 60px;
	}
	[class*="el-"].blink img {
	    max-width: 50%;
	}
	.hero .el-2 {
	    left: 0;
	}
	.hero .el-6 {
	    right: -55px;
	}
	.el-14 img {
	    max-width: 55vw;
	}
	.el-15 {
	    max-width: 25vw;
	}
	.el-16 {
	    left: auto;
	    right: -90px;
	}
	.el-17 {
	    right: 15px;
	    left: auto;
	}
	#guide h3 {
	    font-size: 25px !important;
	}
}

@media(max-width: 390px){
    .el-gajah{
        max-width:150px;
    }
    .kidsclub .element1{
        max-width:160px;
    }
}

@media(max-width: 345px){
    .el-gajah{
        max-width:130px;
    }
    .kidsclub .element1{
        max-width:140px;
    }
}