@media only screen and (max-width: 1220px) {
	.grid-content {
        margin: 0 0;
    }

    .product-content {
        width: 350px;
        margin: 20px 15px;
    }
}

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

	.nav-left ul > li a, .nav-right ul > li a {
       margin: 15px 5px;
   }

   .site-header {
        padding: 10px 0;
    }

    .grid-content {
        margin: 0 0;
    }

    .contact-content ul {
        letter-spacing: 0;
        margin-bottom: 30px;
        font-size: 14px;
    }

    .product-content {
        width: 290px;
        margin: 20px 15px;
    }

    .product-image {
        width: calc(100% - 345px);
    }

}

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

    .contact-content .contacttext,
    .contact-content .gform_wrapper  {
        width: 100%;
        float: none;
        margin:10px 0 0;
    }

    .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
        width: 97% !important;
    }

    .homepage .grid-item {
        width: calc(33% - 32px);
    }

    .hero-content,
    .prop {
        height: 450px;
    }

    #product-thumbs li {
        display: inline-block;
        width: calc(33% - 10px);
        margin: 5px;
        cursor: pointer;
    }

    .product-content {
        width: 230px;
        margin: 20px 15px;
    }

    .product-image {
        width: calc(100% - 270px);
    }

    .socials a {
        margin-right: 22px;
        width: 45px;
        font-size: 27px;
        height: 85px;
        line-height: 105px;
    }


    .site-branding {
        width: 365px;
        margin:0 auto;
    }

    .header-wrap {
       text-align: center;
   }

   .socials {
    top:20px;
   }

    /* Responsive Navigation */

   .nav-left,
   .nav-right {
        display: none;
    }

    .mobile-menu {
        display: block;
        text-align: left;
        position: absolute;
        padding: 20px;
        top: 27px;
    }

    #menutrigger {
        color: #000;
        background:#fff;
        display: block;
        font-size: 28px;
        padding: 0;
        text-align: center;
        line-height: 50px;
        width: 50px;
        height: 50px;
    }


    #menutrigger:hover,
    #menutrigger.active{
        background: #000;
        color: #fff
    }

        #menutrigger i {

        }

    .menu-mobile-menu-container {
        background: #fff;
        border: 1px solid #000;
        padding: 0 5px 5px;
        display: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s  ease-in-out;
        -o-transition: all 0.3s  ease-in-out;
        transition: all 0.3s  ease-in-out;
    }

    .menu-mobile-menu-container.active {
        padding: 5px;
         display: block;
    }

        .menu-mobile-menu-container ul li a{
            display: block;
            text-decoration: none;
            color: #000;
            background: #fff;
            padding: 10px;
        }

        .menu-mobile-menu-container ul li a:hover {
            color: #fff;
            background:#000;
        }

        .menu-mobile-menu-container ul.sub-menu li a {
            padding-left:25px;
        }

        .img-base .entry-title {
            top: 34%;
        }

        .img-base .entry-title h1 {
            font-size:30px;
        }


}

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

	.site-content {
        min-height: initial;
    }

    .site-info h2 {
        font-size: 16px;
        display: inline-block;
    }

    .grid-item{
       width: calc(50% - 30px);
   }

   .homepage .grid-item {
       width: calc(50% - 35px);
   }

   .homepage .grid-item:last-of-type {
        width: calc(100% - 35px);
    }

    .grid-text {
       margin: -30px 20px 0;
       position: relative;
    }

    .imghelper,
    .zoomImg {
    	display: none !important;
    }

    .product-image {
        cursor: default;
    }

            .img-base .entry-title {
            top: 32%;
        }

.tiled-gallery .gallery-group {
    float: none;
    width: auto !important;
}

.tiled-gallery .tiled-gallery-item {
    float: none !important;
}

.tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover {
    width: auto!important;
    height: auto!important;
    display: block;
    margin: 2px auto!important;
}

.tiled-gallery .tiled-gallery-item {
    text-align: center !important;
}

.tiled-gallery .tiled-gallery-item a {
     display: block;
    margin: auto!important;
    text-align: center;
}

}

@media only screen and (max-width: 700px) {
    .product-content {
         float: left;
         width: 90%;
         margin: 10px 5%;
    }
    .product-details {
        margin-bottom: 10px;
        }

    #product-thumbs li {
        width: calc(14% - 10px);
    }

    .product-image {
        width: 90%;
        float: left;
        margin: 0 4%;
    }

    .socials a {
        margin-right: 10px;
        width: 45px;
        display: block;
        font-size: 27px;
        height: 45px;
        line-height: 65px;
    }
    .site-branding {
        width: 325px;
        margin: 0 auto;
    }

    .site-header {
        padding: 5px 0;
        height: 140px;
    }

    .site {
        padding-top: 138px;
    }

    .mobile-menu {
        top: 20px;
    }

    .img-base .entry-title {
            top: 30%;
        }

        .img-base .entry-title h1 {
            font-size:28px;
        }


}


@media only screen and (max-width: 600px) {
    .text .entry-content {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count:1 ;
      -moz-column-gap: 0;
      -webkit-column-gap: 0;
      column-gap: 0;
    }

    .copyright {
        text-align: center;
    }

    .copyright a {
        display: block;
        margin-left:0 !important;
    }

    .hero-content,
    .prop {
        height: 375px;
    }

    .hero-content .entry-title h1 {
        font-size: 30px;
    }

     .img-base .entry-title {
    top: 27%;
    padding: 10px;
    max-width:320px;
}

        .img-base .entry-title h1 {
                font-size: 28px;
    padding: 20px;
        }


}


@media only screen and (max-width: 500px) {
    .grid-item,
    .homepage .grid-item  {
       width: calc(100% - 30px);
   }

   .grid-text {
       margin: -30px 20px 0;
       position: relative;
       min-height: auto;
   }
   .hero-content,
   .prop {
    height: 325px;
    }

    .entry-content .entry-title {
     max-width: 270px;
     padding: 15px;
    }

    .hero-content .entry-title h1 {
     font-size: 27px;
     padding: 15px;
    }

    .product-thumbs {
    	display: none;
    }

    .socials a {
        margin-right: 0px;
        width: 35px;
        display: block;
        font-size: 23px;
        height: 35px;
        line-height: 52px;
    }
    .site-branding {
        width: 250px;
        margin: 0 auto;
    }

    .site-header {
        padding: 0;
        height: 110px;
    }

    .site {
        padding-top: 108px;
    }

    .mobile-menu {
        top: 10px;
            padding: 20px 0 20px 10px;
    }

        .menu-mobile-menu-container ul li a{
            display: block;
            text-decoration: none;
            color: #000;
            background: #fff;
            padding: 10px;
            font-size:15px;
        }

}

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

     .img-base .entry-title {
    position: relative;
}

     .img-base {
    position: relative;
    background: #fff;
}

        .img-base .entry-title h1 {
                font-size: 24px;
    padding: 15px;
        }
}

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

  .prop {
     display: none;
    }

     .hero-content, .prop {
      height: 275px;
    }

    .entry-content .entry-title {
        margin-top:42px;
    }

    .socials a {
        display: none;
    }
    .site-branding {
        width: 240px;
        margin: 0 auto;
        float:right;
    }

    .site-header {
        padding: 0;
        height: 100px;
    }

    .site {
        padding-top: 58px;
    }

}