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

div#colorbox {
    width: 100%!important;
    height: 100%!important;
    top: 0px!important;
    position:fixed!important;
}

div#cboxTopLeft, div#cboxTopRight {
display: none;
}

#cboxCurrent {
position: absolute;
bottom: 4px;
left: 40%;
color: #949494;
}

div#cboxWrapper {
    width: 100%!important;
    height: 100%!important;
    overflow-y:scroll;
    overflow-x:hidden;
}

div#cboxMiddleLeft {
    display: none;
}

div#cboxContent {
    width: 100%!important;
    height: auto!important;
}

div#cboxLoadedContent {
    width: 100%!important;
    height: 100%!important;
}

.mg-lightbox-detail {
    padding-right: 0;
    float: none!important;
}

.mg-lightbox-description {
    width: 100%!important;
    margin-left: 0;
    padding: 4% 2%;
}

.lightbox-title {
    padding: 0 2%;
    font-weight: 600!important;
}

.field-item.even {
    font-family: 'source sans pro', sans-serif;
}

button#cboxPrevious, button#cboxNext, button#cboxSlideshow, button#cboxClose {
    margin: 0 10px;
}

.media-gallery-detail-info {
margin-left: 2%;
width: 96%;
}

#colorbox .field-items p {
text-align: left;
}

}