#xsplit {
    background: url("../images/xsplit_1920.jpg") center center no-repeat;
    height: 823px;
}

#xsplit .frame {     
    position: absolute;
    left: 93px;
    top: 136px;
    width: 550px;
}

@media screen and (max-width: 1366px) {
    #xsplit {
        background-image: url("../images/xsplit_1366.jpg");
        height: 614px;
    }
    #xsplit .frame {        
        left: 30px;
        top: 68px;
        width: 418px;
    }
    #xsplit h3 {
        width: auto;
    }
}

@media screen and (max-width: 960px) {
    #xsplit {
        background-image: url("../images/xsplit_960.jpg");
        height: 888px;
    }
    #xsplit .frame {
        position: static;
        text-align: center;
        margin: 0 20px;
        padding-top: 20px;
        width: auto;
    }      
    #xsplit h2 {
        margin:0 40px 20px;
    }
}

@media screen and (max-width: 640px) {
    #xsplit {
        background-image: url(../images/xsplit_640.jpg);
        height: 750px;
    }
    #xsplit .frame {                  
        margin: 0 17px;
        padding-top: 20px;
    }  
    #xsplit h2 {
        margin:0 auto 20px;
    }
}