.bg-lightgray .wraper {
    height:auto;
    padding:20px 0;
}
#mid-nav {
    background-color:rgba(31,31,31,0.5);
}
#mid-nav ul {
            margin:0;
            padding:0;
            list-style:none;
            text-align:center;
}
.product-info p {
    margin-top:50px;
}

@media screen and (min-width:801px){
        
    #mid-nav ul li {
        display:inline-block;
        margin:30px 30px;
    }
    #mhl-1{
        width: 684px;
        margin-top: 489px;
    }
    #mhl-2 {
        float:right;
        text-align:right;
    }
     #mhl-3,#mhl-4 {

        margin-right:auto;
        margin-left:auto;
        text-align:center;
        width:700px;
        float:none;
    }
    #mhl-3 {
        margin-top:200px;
    }
    #mhl-4 {
        width:600px;
        padding-bottom:30px

    }
    #mhl-5 {
        width:auto;
        padding-bottom:25px;
    }
    #mhl-6 {
        width:auto;
        background:none;
        margin-top:655px;
    }


    .slider_item_infor {
        display:none;
        height:560px;
        padding-top:75px;
    }
    .article {
        padding:140px 0;
    }
    .video {
         width:560px;
         height:315px;
         margin-top:30px;
         margin-bottom:50px;
    }
    
    .figure {
        background-repeat:no-repeat;
        background-position:left 30px;
        padding-left:210px;

    }
}

@media screen and (min-width:200px) and (max-width:800px) {
    .bg-lightgray .wraper {
        padding:0;
    }
    .bg-lightgray .wraper p,.bg-lightgray .wraper h2{
        padding:10px;
        margin:0;
    }
    #mid-nav {
        background-color:rgba(0,0,0,0.8);
    }
    #mid-nav ul li {
        display:inline-block;
        margin:10px 15px;
    }
    .mhl-content-box img {
        width:100%;
    }
    .slider_item_infor {
        display:block;
        float:left;
        margin-top: 20px;
        border-bottom: solid 1px #555;
    }
    .product-img {
        float:left;
    }
    .product-info {
        float:right;
        padding:10px;
        width: 46%;
    }
    .float-right {
        float:none;
    }
    .article {
        padding:10px 10px;
    }
    table {
        margin-left:10px;
        margin-right:10px;
    }
    .video {
         width:100%;
         height:315px;
         margin-top:30px;
         margin-bottom:50px;
    }
    #mhl-6 {
        float:none;
    }
    
    .figure {
        background-repeat:no-repeat;
        background-position:left 30px;
        padding-top:160px;

    }
}