/*	Responsive Grid (foundation)
----------------------------------------------------------------------------------------*/
img{ max-width: 100%; height: auto; }
img { -ms-interpolation-mode: bicubic; }
object, embed { max-width: 100%; }

@media only screen and (max-width: 1280px){
.large .hex {
    height: 12.32em;
    width: 7em;
}	
.medium .hex {
    height: 10.32em;
    width: 6.32em;
}
.small .hex {
    height: 5.32em;
    width: 3.32em;
}
.hex i {
    left: 5%;
    top: 25%;
}
.feature ul li .hex-wrap {
	width: 5.32em;
	}
.element-item {
		margin-bottom:30px;
}
.hexagon-mask {
	height: 200px;
	overflow: hidden;
	position: relative;
	width: 200px;
	z-index: 1;
}
.hexagon-mask .mask {
	background: url("../images/hexagon-mask.png") repeat scroll center center;
	display: block;
	height: 410px;
	left:-50%;
	pointer-events: none;
	position: absolute;
	top:-50%;
	transition: transform 300ms ease-out 0s;
	width: 410px;
	z-index: 4;
}
.hexagon-social {
	padding:85px 60px;
	}
.hexagon-social a:hover i, .hexagon-social i {
	font-size:50px;
	}
}

/*	Media Queries
----------------------------------------------------------------------------------------*/
/* Smaller than standard 960 (devices and browsers) (ALL) */
@media only screen and (min-width: 979px) and (max-width: 1023px) {
.home_slide{
  padding: 150px 0;
}
#map iframe {
    height: 425px;
	}
.blackcontent {
	padding: 165px 0 105px;
	}
.blacktop,
#mapbgtop{
	height:120px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) (4)*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.home_slide{
  padding: 100px 0;
}
#map iframe {
    height: 400px;
	}
.blackcontent {
	padding: 145px 0 105px;
	}
.blacktop,
#mapbgtop{
	height:100px;
	}
.slide-item h2 {
	font-size:33px;
	line-height:33px;
	}
.feature_slider{
	padding:25px 0 0;
	}
}

/* All Mobile Sizes (devices and browser)(1,2,3) */
@media only screen and (max-width: 768px){
.element-item {
		margin-bottom:30px;
}
.element-item .large .hex {
    height: 10.32em;
    width: 6em;
}
.element-item .large i {
    font-size: 65px;
    width: 70px;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) (3) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.home_slide{
  padding: 50px 0;
}
h1.section-title,
.slide-item h1{
	font-size:35px;
	line-height:35px;
	}
.slide-item h2 {
	font-size:33px;
	line-height:33px;
	}
.blackcontent {
	padding:100px 0 50px 0;
	}
#map iframe {
    height: 350px;
	}
.blacktop,
#mapbgtop{
	height:80px;
	}
h1.skill-title,
section,
.home_slide-wrap,
.imac {
  margin-bottom: 55px;
}
section{
  padding-top: 55px;
}
.feature_slider{
	padding:25px 0;
	}
.p80 {
	padding-top:30px;
	}
.blog-item,
.team-item{
	margin-bottom:25px;
	}
.feature ul li:last-child {
  margin: 0 0 80px;
	}
.feature ul li {
    margin: 0 0 30px;
	}
.client img {
	margin-bottom:10px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) (1, 2) */
@media only screen and (max-width: 479px) {
#header {
	padding:5px 0 0 0;
	}
.left, .right {
	float: none;
	text-align: center;
}
.logo-fix.left{
	float:left;
	}
.home_slide{
  padding: 50px 0;
}
h1.section-title,
.slide-item h1{
	font-size:35px;
	line-height:35px;
	}
.slide-item h2 {
	font-size:33px;
	line-height:33px;
	}
#map iframe {
    height: 300px;
	}
.blackcontent {
	padding:65px 0 45px;
	}
.blacktop,
#mapbgtop{
	height:60px;
	}
h1.skill-title,
section,
.home_slide-wrap,
.imac {
  margin-bottom: 30px;
}
section{
  padding-top: 30px;
}
.feature_slider{
	padding:25px 0;
	}
.p80 {
	padding-top:30px;
	}
.blog-item,
.team-item{
	margin-bottom:25px;
	}
.element-item {
		margin-bottom:30px;
}
.feature ul li {
    margin: 0 0 30px;
	}
.client img {
	margin-bottom:10px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size SMALL phone (devices and browsers) (1) */
@media only screen and (min-width: 240px) and (max-width: 320px) {
#header {
	padding:5px 0 0 0;
	}
.left, .right {
    float: none;
    text-align: center;
}
.logo-fix.left{
	float:left;
	}
.home_slide{
  padding: 50px 0;
}
h1.section-title,
.slide-item h1{
	font-size:35px;
	line-height:35px;
	}
.slide-item h2 {
	font-size:33px;
	line-height:33px;
	}
#map iframe {
  height: 300px;
	}
.blackcontent {
	padding:50px 0;
	}
.blacktop,
#mapbgtop{
	height:40px;
	}
h1.skill-title,
section,
.home_slide-wrap,
.imac {
  margin-bottom: 30px;
}
section{
  padding-top: 30px;
}
.feature_slider{
	padding:25px 0;
	}
.feature_slide-wrap { 
	max-height: 280px;
	}
.p80 {
	padding-top:30px;
	}
.blog-item,
.team-item{
	margin-bottom:25px;
	}
.element-item {	
	margin-bottom:30px;
}
.client img {
	margin-bottom:10px;
	}
}