#separate { margin-top: 50px; position: absolute; z-index: 500; background: url('/public/images/bg_separate_big.jpg') no-repeat fixed left top;  height: 45px; width: 962px; left: 0; }

.separate_space { height: 120px; }

.separate_pic { max-width: none; position: absolute; right: 0; margin-top: -2px; }



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

    #separate { background: url('/public/images/bg_separate_2500.jpg') no-repeat fixed left top; }    
    
}

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

    #separate { background: url('/public/images/bg_separate_2300.jpg') no-repeat fixed left top; }    
    
}

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

    #separate { background: url('/public/images/bg_separate_2000.jpg') no-repeat fixed left top; }    
    
}

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

    #separate { background: url('/public/images/bg_separate_1700.jpg') no-repeat fixed left top; }    
    
}

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

    #separate { background: url('/public/images/bg_separate_1500.jpg') no-repeat fixed left top; }    
    
}

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

    #separate { width: 72.5%; left: 0; }    
    
}

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

    #separate { background: url('/public/images/bg_separate_1300.jpg') no-repeat fixed left top; }    
    
}

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

    #separate { background: url('/public/images/bg_separate_1100.jpg') no-repeat fixed left top; }    
    
}

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

    #separate { background: url('/public/images/bg_separate_880.jpg') no-repeat fixed left top; }    
    
}

@media screen and (max-width: 768px) {
    
    #separate { width: 100%; background: url('/public/images/bg_separate_1100.jpg') no-repeat scroll left -600px; }
    
}