/* keyvis Start */
.keyvis-headline {
    font-family: 'geomanist-medium';
}

.keyvis-img-container {
    background: url('https://www.ocbc.com.my/personal-banking/accounts/booster-i/assets/images/booster-i-banner-2spend2save.png') no-repeat center center;
    background-size: cover;
}

#keyvis-onlinebanking-2s2s .keyvis-img-container {
    background: url('https://www.ocbc.com.my/personal-banking/accounts/booster-i/assets/images/booster-i-banner-2spend2save.png') no-repeat center center;
    background-size: cover;
}

#keyvis-onlinebanking-1 .keyvis-img-container {
    background: url('https://www.ocbc.com.my/personal-banking/Accounts/booster-i/assets/images/booster-i-banner-x2-updated.png') no-repeat center center;
    background-size: cover;
}

#keyvis-booster-ac-promo .keyvis-img-container {
    background: url('https://www.ocbc.com.my/personal-banking/Accounts/booster-i/assets/images/D-OCBC-Booster-AC-Campaign-BAU-banner.jpg') no-repeat center center;
    background-size: cover;
}

.section-keyvis-title {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 30px;
}

.section-keyvis .content-container.section-wrapper {
    position: relative;
	margin: 0px !important;
	padding: 0px !important;
	width: 100%;
}

.keyvis-container {
	position: relative;
}

.keyvis-img-container {
	height: 350px;
}

.keyvis-headline-container,
.keyvis-ico-spot-container {
	position: relative;
    margin: auto;
	width: 940px;
	height: 100%;
}

.keyvis-headline {
	position: absolute;
	top:50%;
	left: 0px;
	padding: 10px;
	width: auto;
	font-family: 'geomanist-medium';
	font-size: 30px;
	line-height: 38px;
	color: #333333;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.keyvis-headline-HL {
	font-size: 30px;
	line-height: 40px;
}

#slide-keyvis .slick-dots li {
    background: none;
}

#slide-keyvis .slick-dots li.slick-active button:before {
    background-color: #E30613;
    color: #E30613;
}
/* keyvis End */

/* spot Start */
.ico-spot-panel {
    position: relative;
    margin: auto;
    max-width: 940px;
    height: 50px;
}

.ico-spot-container {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 2;
}

.ico-spot {
    width: 100px;
    height: auto;
}

.ico-spot img {
    width: 100%;
}
/* spot End */

@media (max-width:480px) {
    #botboot label {
        width: 38% !important;
    }
    
    #BotBootInput {
        width: 60% !important;
    }

    .section-content-container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .keyvis-img-container {
        height: 180px;
    }

    .keyvis-img-container {
        background: url('https://www.ocbc.com.my/personal-banking/accounts/booster-i/assets/images/booster-i-banner-2spend2save-xs.png') no-repeat center center;
        background-size: cover;
    }

    #keyvis-onlinebanking-2s2s .keyvis-img-container {
        background: url('https://www.ocbc.com.my/personal-banking/accounts/booster-i/assets/images/booster-i-banner-2spend2save-xs.png') no-repeat center center;
        background-size: cover;
    }

    #keyvis-onlinebanking-1 .keyvis-img-container {
        background: url('https://www.ocbc.com.my/personal-banking/Accounts/booster-i/assets/images/m-booster-banner-updated.png') no-repeat center center;
        background-size: cover;
    }

    #keyvis-booster-ac-promo .keyvis-img-container {
        background: url('https://www.ocbc.com.my/personal-banking/Accounts/booster-i/assets/images/M-OCBC-Booster-AC-Campaign-BAU-banner-2x.jpg') no-repeat center center;
        background-size: cover;
    }

    .keyvis-headline {
        font-size: 20px;
        line-height: 28px;
    }

    .online-banking-container {
        padding:20px 0px;
    }

    .sec-1 {
        height: 260px;
    }

    .prize-cont-amount {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    .prize-cont-desc {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    .prize-cont-bubble {
        width: 150px;
        height: 150px;
    }

    .prize-cont-bubble-desc {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .lbl-title,
    .lbl-title-2 {
        font-size: 22px;
        line-height: 30px;
    }

    .lbl-title-sub {
        font-size: 16px;
        line-height: 22px;
    }

    .how-title {
        font-size: 16px;
        line-height: 24px;
    }


    .prize-cont-amount-upto {
        display: block;
        font-size: 16px;
        line-height: 20px;
    }

    .prize-cont-desc-3 {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width:481px) and (max-width:640px) {
    .keyvis-img-container {
        height: 240px;
    }

    .keyvis-headline {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (min-width:641px) and (max-width:768px) {
    .sec-1 {
        height: 220px;
        padding: 70px 0 0 0;
    }

    .keyvis-img-container {
        height: 240px;
    }

    .keyvis-img-container {
        background: url('https://www.ocbc.com.my/personal-banking/accounts/booster-i/assets/images/booster-i-banner-2spend2save.png') no-repeat center center;
        background-size: cover;
    }

    #keyvis-onlinebanking-2s2s .keyvis-img-container {
        background: url('https://www.ocbc.com.my/personal-banking/accounts/booster-i/assets/images/booster-i-banner-2spend2save.png') no-repeat center center;
        background-size: cover;
    }

    #keyvis-onlinebanking-1 .keyvis-img-container {
        background: url('https://www.ocbc.com.my/personal-banking/accounts/booster-i/assets/images/booster-i-banner-x2.png') no-repeat center center;
        background-size: cover;
    }

    #keyvis-booster-ac-promo .keyvis-img-container {
        background: url('https://www.ocbc.com.my/personal-banking/Accounts/booster-i/assets/images/M-OCBC-Booster-AC-Campaign-BAU-banner-2x.jpg') no-repeat center center;
        background-size: cover;
        height: 330px;
    }


    #img-prize-grand.prize-img {
        top: 20px;
        left: -70px;
        width: 380px;
        max-width: 380px;
    }
}

@media (min-width:769px) and (max-width:992px) {}

@media (min-width:769px) and (max-width:1024px) {
    .sec-1 {
        height: 260px;
    }

}

@media (min-width:993px) and (max-width:1200px) {}

@media (min-width:1025px) and (max-width:1400px) {
    .sec-1 {
        height: 350px;
    }

}



@media (max-width:640px) {
    .ico-spot-panel {
        height: 30px;
    }
    
    .ico-spot-container {
        bottom: 0px;
        right: 20px;
    }
    
    .ico-spot {
        width: 60px;
        height: auto;
    }
    
}

@media (max-width:767px) {
    
}

@media (max-width:768px) {

}

@media (max-width:992px) {
    .keyvis-headline {
        padding: 10px 15px;
    }

    .ico-spot-container {
        right: 15px;
    }

    .keyvis-headline-container, 
    .keyvis-ico-spot-container {
        width: 100%;
    }
}

@media (max-width:991px) {}

@media (max-width:1024px) {}

@media (min-width:1201px) {}