/* responsive kv section with side bar, from CNCB*/

.section-kv .kv-container {
    position: relative;
    height: 360px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}
.section-kv .kv-container .kv-holder {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 18px;
    bottom: 18px;
    background-color: #E0E0E0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;
}


.section-kv .kv-container .kv-holder .kv-leadin-holder {
    position: relative;
    height: 100%;
}
.section-kv .kv-container .kv-holder .kv-leadin-holder .leadin {
	font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微軟雅黑", STXihei, "華文細黑", sans-serif;
    line-height: 1.2;
    position: absolute;
    left: 5%;
    display: table;
    width: 46%;
    height: 100%;
	font-weight:bold;
	color:#FF5700;
}

.section-kv .kv-container .kv-holder .kv-leadin-holder .leadin .leadin-text {
    display: table-cell;
    vertical-align: middle;
}
.section-kv .kv-container .door-left-holder {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
}
.img-fit-height {
    height: 100%;
    width: auto;
}
.left-block {
    display: block;
    margin-left: 0px;
    margin-right: auto;
}
.section-kv .kv-container .door-right-holder {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.right-block {
    display: block;
    margin-left: auto;
    margin-right: 0px;
}

/*kv 123 setup*/
.section-kv .kv-container .kv-holder.kv1 {
    background-image: url(../en/kv1.jpg);
}
.section-kv .kv-container .kv-holder.kv1 .kv-leadin-holder .leadin {
    font-size: 25px;
    color: #FF5700;
    text-shadow: 0px 1px 4.14px rgba(255, 255, 255, .0);
    letter-spacing: -0.03em;
}
.section-kv .kv-container .kv-holder.kv1 .kv-leadin-holder .leadin .inmotionkvlogo{
    margin-bottom: 28px;
}

.section-kv .kv-container .kv-holder.kv_reward{
    background-image: url("../en/reward_kv.png");
}

.section-kv .kv-container .kv-holder.kv2 {
    background-image: url(../en/kv2.jpg);
}
.section-kv .kv-container .kv-holder.kv2 .kv-leadin-holder .leadin {
    font-size: 25px;
    color: #FF5700;
    text-shadow: 0px 1px 4.14px rgba(255, 255, 255, .0);
    letter-spacing: -0.03em;
}
.section-kv .kv-container .kv-holder.kv2 .kv-leadin-holder .leadin .inmotionkvlogo{
    margin-bottom: 28px;
}

.section-kv .kv-container .kv-holder.kv3 {
    background-image: url(../en/kv3.jpg);
}
.section-kv .kv-container .kv-holder.kv3 .kv-leadin-holder .leadin {
    font-size: 27px;
    color: #ff5700;
    text-shadow: 0px 1px 4.14px rgba(255, 255, 255, .6);
}
.section-kv .kv-container .kv-holder.kv3 .kv-leadin-holder .leadin .inmotionkvlogo{
    margin-bottom: 28px;
}


@media (max-width: 991px){
.section-kv .kv-container {
    height: 360px;
}
.section-kv .kv-container .kv-holder {
    top: 14px;
    bottom: 14px;
	background-size: cover;
}

.section-kv .kv-container .kv-holder {
    background-position: right center;
}

.section-kv .kv-container .kv-holder.kv3 .kv-leadin-holder .leadin {
    font-size: 27px;
    width: 39%;
}
	
.section-kv .kv-container .kv-holder.kv_reward{
    background-position: left center;
}
    
}

@media (max-width: 767px){
 .section-kv .container{
        padding: 0;
}
    
.section-kv .kv-container .kv-holder .kv-leadin-holder .leadin {
    left: 30px;
    font-size: 28px;
    width: 50%;
}
.section-kv .kv-container .kv-holder {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 18px;
    bottom: 18px;
    background-color: #E0E0E0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}
 
/*767 kv 123 setup*/
.section-kv .kv-container .kv-holder.kv1 {
    background-image: url(../en/kv1-mobile.jpg);
}
.section-kv .kv-container .kv-holder.kv1 .kv-leadin-holder .leadin, .section-kv .kv-container .kv-holder.kv2 .kv-leadin-holder .leadin {
    font-size: 23px;
}
    
.section-kv .kv-container .kv-holder.kv2 {
    background-image: url(../en/kv2-mobile.jpg);
}
.section-kv .kv-container .kv-holder.kv3 {
    background-image: url(../en/kv3-mobile.jpg);
}
	
.section-kv .kv-container .kv-holder.kv_reward{
    background-image: url("../en/reward_kv_m.png");
}

}

@media (max-width: 650px){
.section-kv .kv-container {
    height: 290px;
}    
.section-kv .kv-container .kv-holder .kv-leadin-holder .leadin {
    width: 48%;
}

    .section-kv .kv-container .kv-holder.kv3 .kv-leadin-holder .leadin {
    font-size: 26px;
}
}

@media (max-width: 540px){
.section-kv .kv-container {
    height: 290px;
} 

/* 540 kv 123 setup*/
.section-kv .kv-container .kv-holder.kv1 .kv-leadin-holder .leadin, .section-kv .kv-container .kv-holder.kv2 .kv-leadin-holder .leadin {
    font-size: 18px;
}

    
.section-kv .kv-container .kv-holder.kv3 .kv-leadin-holder .leadin {
    font-size: 21px;
    letter-spacing: -0.05em;
    width: 39%;
}

}

@media (max-width: 430px){
.section-kv .kv-container {
    height: 250px;
    
}    
.section-kv .kv-container .kv-holder.kv1, .section-kv .kv-container .kv-holder.kv2 {
   background-position: 50% 100%;
}
.section-kv .kv-container .kv-holder.kv3 .kv-leadin-holder .leadin {
    font-size: 23px;
    width: 43%;
} 
    
.inmotionkvlogo{
    max-width: 120px;
}
    
}

@media (max-width: 360px){  
   .section-kv .kv-container .kv-holder.kv3 .kv-leadin-holder .leadin {
        font-size: 15px;
        width: 45%;
    } 
}