/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .left-container{
        width: 100%;
        height: 100%;
        position: inherit;
        display: block;
        background: #fff;
    }

    .left-container .about-container{
        position: relative;
        width: 80%;
        padding: 20% 0;
    }


    .right-container{
        position: inherit;
        width: 100%;
        height: 100%;
    }

    .right-container .portfolio-item{
        height: 100%;
        text-align: center;
    }

    .right-container .portfolio-item img{
        margin: 20% 0;
        position: relative;
        max-width: 100%;
    }

    .right-container .portfolio-item .portfolio-link{
        display: block !important;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}