@charset "UTF-8";
#xsplit {
    background: url("../images/xsplit_1920.jpg") center center no-repeat;
    height: 900px;
}

#xsplit .frame {
    position: absolute;
    left: 61px;
    top: 62px;
    width: 1181px;
    height: 247px;
}

#xsplit h3 {}

@media screen and (max-width: 1366px) {
    #xsplit {
        background: url("../images/xsplit_1366.jpg") center bottom no-repeat;
        height: 645px;
    }
    #xsplit .frame {
        left: 70px;
        top: 58px;
        width: 818px;
        height: 195px;
    }
    #xsplit h3 {
        width: auto;
    }
}

@media screen and (max-width: 960px) {
    #xsplit {
        background: url("../images/xsplit_960.jpg") center bottom no-repeat;
        height: 720px;
    }
    #xsplit .frame {
        left: 25px;
        top: 0px;
        width: 605px;
        height: 255px;
    }
}

@media screen and (max-width: 640px) {
    #xsplit {
        background: url("../images/xsplit_640.jpg") center bottom no-repeat;
        height: 750px;
    }
}