.h-img-nav-wrp div{
    transition:all 0.3s ease;
}
.story-wrap {
    transition:all 0.3s ease;
}

.h-nav2-item{
    transition:all 0.3s ease;
}

.hover {
    opacity:1;
}

.hover:hover {
    opacity:1;
	box-shadow: inset 0 0 0 20px rgba(0,0,0,0.4);
}

.story-content {
    font-size: 14px;
}

.h-category-container {
    padding: 60px 15px 40px 15px;
}
.h-category-padding {
    margin: auto;
    max-width: 1280px;
    height: auto;
    border-top: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
}
.h-category-item {
    width: 16.66%;
    float: left;
    padding: 10px;
    border-right: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
}
.h-category-item img {
    width: 100%;
    height: auto;
    margin: 0px 0px 10px 0px;
}
.h-category-name {
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0px;
    height: 40px;
    text-align: center;
    line-height: 19px;
    border-radius: 0px;
    font-weight: 400;
}
.h-special-container{padding:40px 15px}
.h-special-padding{margin:auto;max-width:1280px;height:auto;border-left:solid 1px #e1e1e1;border-top:solid 1px #e1e1e1}
.h-pr-item{width:16.66%;float:left;padding:10px;border-right:solid 1px #e1e1e1;border-bottom:solid 1px #e1e1e1}
.h-pr-item img{width:100%;height:auto}
.h-product-name {
    height: 45px;
    text-align: center;
    margin: 10px 0 0;
    font-weight: 300;
    font-size: 16px;
}
.h-product-price{text-align:center;padding:10px 0 0;font-size:20px;font-weight:600}
.h-product-original-price {
    text-decoration: line-through;
    font-size: 14px;
    color: rgba(127,127,127,1.00);
    font-weight: 300;
}
.h-feature-container{padding:40px 15px}
.h-feature-padding{margin:auto;max-width:1280px;height:auto;border-left:solid 1px #bdc3c7;border-top:solid 1px #bdc3c7}
.h-brand-container {
    padding: 35px 15px 0px 15px;
}

.h-brand-padding{margin:auto;max-width:1280px;height:auto; text-align:center;}
.h-brand-item {
    width: 10%;
    padding: 5px;
    display: inline-block;
	float:none;
}
.h-brand-item img{width:100%;height:auto}
.h-img-brc{height:15px;opacity:.6}
.parallax-1-wrap{height:500px;background:transparent;margin-top:0px}
.parallax-1-text {
    z-index: 2;
    text-align: center;
}
.parallax-1-pad {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
    color: white;
    position: absolute;
    padding: 20px;
    width: 100%;
    bottom: 0px;
}

.parallax-1-header{ width:560px; margin:auto;}
.parallax-1-header img {
    width: 100%;
    height: auto;
}
.parallax-1-content{padding:10px 0 0;font-size:22px;line-height:25px; width:100% !important;}
.h-intro-text {
    font-size: 30px;
    text-align: center;
    line-height: 38px;
    font-weight: 300;
    margin: 80px auto 80px auto;
}
.h-img-nav img {
    width: 80%;
	max-width: 560px;
}

.h-img-nav {
    float: left;
    width: 50%;
    height: 500px;
    line-height: 500px;
    background-position: center;
    background-size: cover;
}

.story-wrap {
    background-image: url(/assets/bevplus/images/story.jpg);
    height: 700px;
    background-size: cover;
    background-position: top;
    position: relative;
    max-width: 1280px;
    margin: auto;
}
.story-pad {
    position: absolute;
    top: 42.5%;
    left: 25%;
    text-align: center;
    width: 50%;
    background-color: rgba(0,0,0,0.4);
    padding: 20px;
    color: #FFF;
    height: 15%;
}

.story-header {
    font-size: 25px;
    margin-bottom: 5px;
}

.h-nav2-img img {
    width: 100%;
}

.h-nav2-item {
    width: 33.33%;
    float: left;
    height: 270px;
    background-size: cover;
}

.h-nav2-wr {
    max-width: 1280px;
    margin: 0px auto 50px auto;
}

.h-nav2-tx-wp {
    background-color: rgba(0,0,0,0.25);
    top: 65%;
    width: 70%;
    text-align: center;
    color: white;
    padding: 10px;
    position: absolute;
    left: 15%;
    border-radius: 3px;
}

.h-nav2-img {
    padding: 0px;
}




@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .h-brand-item{width:16.66%}
    .h-category-item{width:16.66%}
}

@media (max-width: 1023px) {
    .h-pr-item{width:33.33%}
    .h-category-item{width:33.33%}
}

@media (max-width: 768px) {
    .h-brand-item{width:25%; float:left;}
    .h-category-item{width:33.33%}
    .h-pr-item{width:33.33%}
    .h-img-nav {
        width: 100%;
        height: 500px;
        line-height: 500px;
    }
        .story-wrap {
        height: 500px;
        background-size: cover;
        background-position: top;
    }
    .h-nav2-item {
        width: 100%;
        float: left;
        height: 270px;
        background-size: cover;
        margin: 5px 0px 5px 0px;
    }	
        .h-nav2-tx-wp {

        top: 65%;
        width: 70%;
        left: 15%;

    }
}

@media (max-width: 700px) {
    .h-pr-item{width:50%}
}

@media (max-width: 560px) {
    .parallax-1-header{ width:100%; margin:none;}
            .story-wrap {
        height: 400px;
        background-size: cover;
        background-position: top;
    }
        .story-pad {
        top: 30%;
        left: 15%;
        width: 70%;
        padding: 20px;
        height: 40%;
    }
}

@media (max-width: 460px) {
    .h-intro-text {
        font-size: 25px;
        line-height: 30px;}
    .h-img-nav {
        width: 100%;
        height: 400px;
        line-height: 400px;
    }
            .story-wrap {
        height: 250px;
        background-size: cover;
        background-position: top;
    }
    .h-category-item{width:50%}
    .h-brand-item{width:50%}
}

@media (max-width: 414px) {
    .parallax-1-header{font-size:37px}
}

@media (max-width: 320px) {
    .parallax-1-header{font-size:30px}
    .h-img-nav {
        width: 100%;
        height: 300px;
        line-height: 300px;
    }
}