@media only screen and (max-width: 767px) {
    .LockContainer {
        padding: 50px 20px 0;
    }
    
    .LockContainer-heading {
        margin-bottom: 117px;
    }
    
    .LockContainer-text {
        max-width: 335px;
    }
}

@media only screen and (max-width: 767px) and (max-height: 667px) {
    .LockContainer {
        flex-direction: row;
        justify-content: center;
        padding-top: 0;
    }

    .LockContainer-heading {
        margin-bottom: 0;
        margin-right: 40px;
        width: 233px;
        height: 107px;
    }
}

@media only screen and (max-width: 375px) {
    .LockContainer {
        flex-direction: column;
    }

    .LockContainer-heading {
        margin-right: 0;
    }
}

@media only screen and (max-width: 375px) and (max-height: 667px) {
    .LockContainer-heading {
        margin-bottom: 117px;
    }
}