@charset "UTF-8";
#xsplit {
    background: url(../images/xsplit_1920.jpg) center  no-repeat;
    /*padding: 80px 0 560px;*/
    background-color: #000;
    height: 823px;
}

#xsplit .frame {
    width: 700px;
   position: absolute;
   left: 140px; top: 160px;
}
#xsplit h3{width: 500px;}


@media screen and (max-width: 1366px) {
    #xsplit {
        background: url(../images/xsplit_1366.jpg) center 50px;
height: 650px;
       
    }
    #xsplit .frame {
        width: 818px;
        left: 70px;top: 80px;
    }
    #xsplit h3 {
        width: 490px;
    }
}

@media screen and (max-width: 960px) {
    #xsplit {
        background: url("../images/xsplit_960.jpg") center 40px;
        height: 928px;
    }
    #xsplit .frame {
        width: 575px;
        top: 70px;
    }
}

@media screen and (max-width: 640px) {
    #xsplit {
        background: url(../images/xsplit_640.jpg);
        height: 850px;
       
    }
    #xsplit .frame{left: auto;top: 60px;margin:0 auto;}
    #xsplit h3{width: auto;}
}