/*.wrapper{
    width: 100%;
    min-height: 500px;
    margin: 0px auto;
}
.portfolio{
    text-align: center;
    margin-top: 10px;
}
.portfolio>li>img{
    width: 200px;
    height: 152px;
    list-style: none;
    margin: 3px 3px;
    border: 1px solid #000000;
}
.portfolio>li{
    display: inline-block;
    margin: 10px 0px 10px 0px;
}
.overlay{
    display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: #000000;
    opacity: 0.7;
}
.frame{
    display:none;
    position:fixed;
    width: 100%;
    height: 500px;
    top: 12%;
    background-color: #ffffff;
    text-align: center;
}
.frame img{

}


/*---------MEDIA QUERY-------------*/

/*@media screen and (max-width: 1199px){
    .frame{
        width: 78.7%;
    }
}
@media screen and (max-width: 991px){
    .frame{
        width: 96.4%;
    }
}
@media screen and (max-width: 800px){
    .frame{
        width: 100%;
        left: 0%;
    }
}*/