#XSplit {
    background-color: #000;
    background-image: url(../images/XSplit.jpg);
    background-position: 45% 80px;
    background-repeat: no-repeat;
    min-height: 740px;
}

.XSplit_MV {
    position: absolute;
    color: #fff;
    left: 57%;
    top: 40%;
    z-index: 10;
    display: block;
}

.MV2 {
    width: 440px;
    height: 285px;
}

a.more {
    display: block;
    width: 208px;
    height: 45px;
    background-image: url(../images/more.png);
    text-indent: -99999px;
    position: absolute;
    color: #fff;
    right: -2%;
    bottom: -20%;
    transition: background-image .5s;
}

a.more:hover {
    background-image: url(../images/more2.png);
}


}
@media screen and (max-width: 1440px) {
    #XSplit {
        background-color: #000;
        background-image: url(../images/XSplit.jpg);
        background-position: 45% 85px;
        background-repeat: no-repeat;
        min-height: 740px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 62%;
        top: 40%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 400px;
        height: 270px;
    }
    
    a.more {
        display: block;
        width: 208px;
        height: 45px;
        background-image: url(../images/more.png);
        text-indent: -99999px;
        position: absolute;
        color: #fff;
        right: -2%;
        bottom: -20%;
        transition: background-image .5s;
    }
    
    a.more:hover {
        background-image: url(../images/more2.png);
    }
}
@media screen and (max-width: 1200px) {
    #XSplit {
        background-image: url(../images/XSplit-1000.jpg);
        background-position: 45% 120px;
        background-repeat: no-repeat;
        min-height: 650px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 62%;
        top: 40%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 320px;
        height: 200px;
    }
    
    a.more {
        display: block;
        width: 208px;
        height: 45px;
        background-image: url(../images/more.png);
        text-indent: -99999px;
        position: absolute;
        color: #fff;
        right: -2%;
        bottom: -20%;
        transition: background-image .5s;
    }
    
    a.more:hover {
        background-image: url(../images/more2.png);
    }
}
@media screen and (max-width: 800px) {
    #XSplit {
        background-image: url(../images/XSplit-800.jpg);
        background-position: 30% 400px;
        background-repeat: no-repeat;
        min-height: 1100px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 14%;
        top: 23%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 540px;
        height: 350px;
    }
    
    a.more {
        display: block;
        width: 208px;
        height: 45px;
        background-image: url(../images/more.png);
        text-indent: -99999px;
        position: absolute;
        color: #fff;
        right: -2%;
        bottom: -20%;
        transition: background-image .5s;
    }
    
    a.more:hover {
        background-image: url(../images/more2.png);
    }
}

/*@media screen and (max-width: 650px) {
    #XSplit {
        background-image: url(../images/XSplit-650.jpg);
        background-position: 30% 420px;
        background-repeat: no-repeat;
        min-height: 1050px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 18%;
        top: 30%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 393px;
        height: 255px;
    }
}*/
@media screen and (max-width: 640px) {
    #XSplit {
        background-image: url(../images/xsplit_640.jpg);
        background-position: 50% 304px;
        background-repeat: no-repeat;
        min-height: 883px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 20%;
        top: 350px;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 393px;
        height: 255px;
    }
}
@media screen and (max-width: 380px) {
    #XSplit {
        background-image: url(../images/XSplit-360.jpg);
        background-position: 55% 200px;
        background-repeat: no-repeat;
        min-height: 900px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 9%;
        top: 400px;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 287px;
        height: 200px;
    }
}