@media only screen and (min-width: 500px) {
    .hero-text h1 {
        font-size: 50px;
        line-height: 72px;
    }
    .bh-product-gallery .item {
        display: block;
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }
    .bh-product-gallery .item:nth-child(odd) {
        padding-right: 10px;
    }
    .product-info-banner {
        clear: both;
        margin-left: 0px;
    }
    .product-info-banner .item {
        width: 100%;
        height: 200px;
        background-color: #71C9D6;
        margin-bottom: 10px;
    }
    .product-info-banner .item:last-child {
        margin-bottom: 0px;
    }
    .product-header-info [class^='col-'] {
        padding: 0px;
    }
    .b2h-card-product .available .save {
        top: 15px;
        right: 0px;
        bottom: initial;
    }
}
@media only screen and (min-width: 620px) {
    .b2h-card-product .available .save {
        top: initial;
        right: 0px;
        bottom: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .layout-ads .item {
        width: 33.33%;
        float: left;
    }
    .logo {
        max-height: 60px;
        margin: initial;
        display: initial;
        margin-top: 15px;
    }
    .top-menu {
        text-align: right;
        margin-top: 50px;
        background-color: transparent;
        padding: 0px;
        margin-left: initial;
        margin-right: initial;
        padding-bottom: 10px;
    }
    .menu-bar {
        background-color: #244397;
        display: block;
    }
    .footer-wrap .test {
        margin-right: 0px;
    }
    .how-to img {
        width: 250px;
        float: left;
        margin-right: 15px;
    }
    .form-search {
        width: 700px;
        margin-top:0px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .menu-overlay .fontLarge{
        font-size:36px;color:#FFFFFF;display:block;text-align:left;font-weight:400;
    }
}



@media only screen and (min-width: 991px) {
    .product-info-banner {
        margin-left: 10px;
    }
    .slider .panel-center {
        z-index: 10;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .slider .panel-center .introduction {
        text-align: center;
        margin-left: 0px;
    }
    .slider .item {
        height: 500px;
        background: transparent;
    }
    .slider .box {
        width: 100%;
        height: 100%;
        color: #EEEEEE;
        background-position: center;
    }
}