/*	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: 40px 50px;
    }
    .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;
    }
}