.lineabc {
    width: 950px;
    height: 9px;
    background: #34495e;
    margin: 40px auto;
}
.line1 {
    width: 300px;
    height: 4px;
    background: #34495e;
    margin: 40px auto;
    box-shadow: -10px -2px 4px #888888;
}
.line2 {
    width: 950px;
    height: 9px;
    background: #34495e;
    margin: 40px auto;
    box-shadow: -10px -2px 4px #888888;
}
@media (max-width: 740px) {
    .lineabc {
        width: 300px;
    }
    .line2 {
        width: 300px;
        box-shadow: -10px -2px 4px #888888;
    }
    
}

@media (max-width: 400px) {
    .line2 {
        width: 200px;
        
    }
    .line1 {
        width: 200px;
    }
}
@media (max-width: 1100px) {
    .line2 {
        width: 200px;
    }
}