#page {
    float: left;
    width: 100%;
}

#locks {
    text-align: center;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 32.3% 32.3% 32.3%;
    grid-column-gap: 1%;
    grid-row-gap: 50px;
}

#product {
    float: left;
    width: 100%;
}

#product-1 {
    float: left;
    padding: 5%;
}

#photo {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

#part {
    float: left;
    width: 50%;
}

#line-1 {
    float: left;
    width: 100%;
    background-color: #444;
    color: #fff;
}

#column-1 {
    float: left;
    width: 100%;
    background-color: #f1f1f1;
}

#description {
    float: left;
    width: 50%;
}

#line-2 {
    float: left;
    width: 100%;
    background-color: #444;
    color: #fff;
}

#column-2 {
    float: left;
    width: 100%;
    background-color: #f1f1f1;
}

@media only screen and (max-width: 320px),
only screen and (max-device-width: 320px),
media only screen and (max-width: 580px),
only screen and (max-device-width: 580px),
media only screen and (max-width: 930px),
only screen and (max-device-width: 930px) {
    ul,
    .block ul,
    .item-list ul {
        margin: 0;
    }
    nav {
        padding-top: 0;
    }
    #page-1 {
        width: 100%;
        padding-left: 0;
    }
    #product {
        width: 50%;
        font-size: 4vw;
    }
    #product-1 {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
    #photo img {
        width: 100%;
    }
}