/* CSS Responsive */
@media only screen and (max-width: 1120px) {

}
/* Media Only Screen Width Max --> 1024px <-- Ipad Max Landscape Width */
@media only screen and (max-width: 1024px) {

}

/* Media Only Screen Width Max --> 960px */
@media only screen and (max-width: 960px) {
#wrapper{width: 100%;}
.og-fullimg, 
.og-details { width: 38%; } 
}	

/* Media Only Screen Width Max --> 863px */
@media only screen and (max-width: 873px) {
#wrapper{width: 100%;}
.og-fullimg, 
.og-details { width: 38%; } 
}



/* Media Only Screen Width Max --> 721px */
@media only screen and (max-width: 790px) {
#wrapper{width: 100%;}
.work-grid li {width: 50%;}
.og-fullimg{ display: none; }
.og-fullimg, .og-details { width: 45%;  } 
}

/* Media Only Screen Width Max --> 568px <-- Iphone 5 Landscape Width */
@media only screen and (max-width: 568px) {
#wrapper{width: 100%;}
.work-grid li {width: 100%;}
.og-expander-inner{width: 100%;}
}

/* Media Only Screen Width Min --> 460px */
@media only screen and (max-width: 460px) {
#wrapper{width: 100%;}
.work-grid li {width: 100%;}
.og-fullimg{ display: none; } 
.og-expander-inner{width: 100%;}
.og-fullimg{ display: none; }
.og-fullimg, .og-details { width: 65%;  } 
}

/* Media Only Screen Width Min --> 414px <-- Iphone 5 Portrait Width */
@media only screen and (max-width: 414px) {
#wrapper{width: 100%;}
.work-grid li {width: 100%;}
.og-fullimg{ display: none; } 

.og-expander-inner{width: 100%;}
.og-fullimg, .og-details { width: 75%;  } 
}
/* Media Only Screen Width Min --> 414px <-- Iphone 5 Portrait Width */
@media only screen and (max-width: 360px) {
#wrapper{width: 100%;}
.work-grid li {width: 100%;}
.og-fullimg{ display: none; }
.og-expander-inner{width: 100%;}
.og-fullimg, .og-details { width: 75%;  } 
}