@charset "UTF-8";

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

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

@media screen and (max-width: 1366px) {    

    #xsplit {
        background: url("../images/xsplit_1366.jpg") center 0 no-repeat;
        height: 575px;
    } 
    #xsplit .frame{            
    left:70px;
    top:48px;
    width:818px;
    height:195px;                      
    }   
#xsplit h3{        
    width: auto;                       
}
}


@media screen and (max-width: 960px) {

    #xsplit {
        background: url("../images/xsplit_960.jpg") center 0 no-repeat;
        height: 680px;
    }   
    #xsplit .frame{            
        left:34px;
        top:0px;
        width:575px;
        height:255px;                  
    } 
}


@media screen and (max-width: 640px) {

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