#product {
    max-width:960px;
    margin:185px auto 178px auto;
    padding-right:17%;
    padding-left:17%;
}

h3{
    margin-bottom:60px;
}

.item{
    margin-left:-1.4705%;
}

#product ul {
    width:100%;
/*    text-align:left;*/
}

#product ul li {
    width:200px;
    display: inline-block;
    margin-bottom:50px;
    margin-left:1.4705%;

}

#product ul li img {
    width:100%;
}
.tops{
    margin-bottom:200px;
}

.image-source-link {
    color: #98C3D1;
}

/* modal */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
        opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{
  cursor: pointer;
}

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

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

    #product {
        max-width:inherit;
        width:88.2209%;
        margin:90px auto 80px auto;
        padding-right:0;
        padding-left:0;
    }

    h3{
        margin-bottom:30px;
    }

    .item{
        margin-left:-6.25%;
    }

    #product ul {
        width:100%;
    }

    #product ul li {
        max-width:inherit;
        width:41.406%;
        display: inline-block;
        margin-bottom:30px;
        margin-left:6.25%;
    }

    .tops{
        margin-bottom:100px;
    }
}