@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:48px;
    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;
    }
}