@media only screen and (min-width: 768px) and (max-width: 959px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup { width: 714px!important; }
.fixed .header { width: 774px!important;  }
.portfolio-grid { width: 719px; }
.portfolio-grid ul li.col2 { width: 354px; }
.portfolio-grid ul li.col3 { width: 234px; }
.portfolio-grid ul li.col4 { width: 174px; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 0 15px 3px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 0 15px 30px; }
.portfolio-grid ul.shaped.circle li { margin: 0 0 15px 3px; }
.grid.row3 li {width: 237px;}
.grid.row4 li {width: 177px;}
.grid.row5 li {width: 142px;}
.grid.row6 li {width: 118px;}
.google-map.fullwidth {	width: 774px; height: 500px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 420px!important; }
#header-wrapper.fixed { display:none !important; }
#primary-menu select { display:block; }
#primary-menu ul { display:none; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.portfolio-grid { width: 100%; margin: 0; }
.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 92px 20px 92px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 52px 20px 52px; }
.portfolio-grid ul.shaped.circle li { margin: 0 92px 20px 92px; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li {width: 209px;}
.google-map.fullwidth {	width: 480px; height: 200px!impo