.block .nav > .nav-btn{
    display: none;
}
@media (max-width: 1019px) {
    .block{
        width: auto;
        margin: 0px;
    }
    .block .logo-hotline{
        width: auto;
        position: relative;
        height: auto;
    }
    .block .logo-hotline .hotline{
        margin: 0px;
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .block .nav{
        width: 100%;
    }

    #head{
        position: static;
        height: auto;
        overflow-x: hidden;
    }
    
    div.advancedSearch_bg{
        left: 0px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.advancedSearch_content{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.advancedSearch_filter{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.advancedSearch_filter div.column{
        width: 20%;
        margin: 0px;
        padding: 5px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .line-ao{
        display: none;
    }

    .block .logo-hotline .logo >  a,
    .block .logo-hotline .logo > a > img{
        display: block;
        width: 100%;
    }
    
    .slide{
        height: auto;
    }
    
    .img-slide{
        height: auto;
    }
    .img-slide:after{
        content: '';
        display: block;
        clear: both;
    }
    .img-slide .img-slide-1{
        width: 50%;
        height: auto;
        padding: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .img-slide .img-slide-1 > a,
    .img-slide .img-slide-1 > a > img{
        display: block;
        width: 100%;
    }
    
    .content .line5,
    .content .sanpham{
        width: 100%;
    }
    .content .line5 > img{
        display: block;
        width: 100%;
    }
    
    .main .pro-detail{
        width: auto;
        float: none;
    }
    .main .pro-detail:after{
        content: '';
        display: block;
        clear: both;
    }
    .main .pro-detail .row_pro_left{
        width: 50%;
        margin: 0px;
        box-sizing: border-box;
    }
    .main .pro-detail .row_pro_right{
        width: 50%;
        box-sizing: border-box;
        padding-left: 20px;
    }
    .main .pro-detail .row_pro_left .zoomWrapper{
        height: auto !important;
        width: auto !important;
    }
    .row_pro_left #img_01{
        position: static !important;
        max-width: 100%;
        height: auto;
    }
    
    .main .news{
        width: 100%;
        box-sizing: border-box;
    }
    
    .footer .footer1{
        width: 33.3333%;
    }
    .footer .footer3 .login{
        width: 70%;
    }
    .footer .footer3 .login > input{
        width: 100%;
    }
    .footer .footer3 .bo1{
        width: 30%;
        margin-left: 0px;
    }
}
@media (max-width: 879px) {
    body{
        overflow-x: hidden;
    }
    .block .nav{
        position: fixed;
        left: 100%;
        top: 0px;
        bottom: 0px;
        height: auto;
        width: 270px;
        background: none;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
		z-index: 100;
    }
    body.menuopened .block .nav{
        margin-left: -270px;
    }
    .block .nav > .nav-btn{
        display: block;
        height: 36px;
        width: 36px;
        position: absolute;
        left: -50px;
        top: 10px;
        background: rgba(0,0,0,0.5);
        border-left-width: 5px;
        border-right-width: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .block .nav > .nav-btn:before{
        content: '';
        display: block;
        height: 26px;
        width: 26px;
        position: absolute;
        left: 5px;
        right: 5px;
        top: 5px;
        bottom: 5px;
        border-top: 4px solid rgba(255,255,255,0.5);
        border-bottom: 4px solid rgba(255,255,255,0.5);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .block .nav > .nav-btn:after{
        content: '';
        display: block;
        height: 4px;
        position: absolute;
        left: 5px;
        right: 5px;
        top: 50%;
        margin-top: -2px;
        background: rgba(255,255,255,0.5);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .block .nav > ul {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        overflow: auto;
        background: rgba(0,0,0,0.8);
    }
    .block .nav > ul li{
        float: none;
        border: none;
    }
    .block .nav > ul > li a{
        position: relative;
        padding: 10px 15px;
        line-height: 20px;
    }
    .block .nav > ul > li a:before{
        content: '';
        display: block;
        height: 1px;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        background: rgba(0,0,0,0.9);
    }
    .block .nav > ul > li a:after{
        content: '';
        display: block;
        height: 1px;
        position: absolute;
        top: 1px;
        left: 0px;
        right: 0px;
        background: rgba(255, 255, 255, 0.2);
    }
    .block .nav > ul > li a:hover{
        background: rgba(0,0,0,0.5);
    }
    .block .nav > ul > li > ul{
        border: none;
        background: none;
        position: relative;
        height: 0px;
        overflow: hidden;
        display: block !important;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }
    .block .nav > ul  li > a.current + ul{
        height: auto;
    }
    .block .nav > ul > li li a{
        padding-left: 30px;
    }
    .block .nav > ul > li li li a{
        padding-left: 45px;
    }
    .block .nav > ul > li li li li a{
        padding-left: 60px;
    }
    .block .nav > ul > li li li li li a{
        padding-left: 75px;
    }
}
@media (max-width: 819px) {
    .block .logo-hotline .hotline{
        -ms-transform: scale(0.6, 0.6) translate(135px, -50px); /* IE 9 */
        -webkit-transform: scale(0.6, 0.6) translate(135px, -50px); /* Safari */
        transform: scale(0.6, 0.6) translate(135px, -50px);
    }
    
    div.advancedSearch_filter div.column{
        width: 25%;
    }
    
    .view{
        width: 33.3333%;
    }
    .main .pro-detail .pro_content img{
        max-width: 100% !important;
        height: auto !important;
    }
}
@media (max-width: 649px) {    
    div.advancedSearch_filter div.column{
        width: 33.3333%;
    }
    .main .pro-detail .row_pro_left{
        width: 100%;
    }
    .main .pro-detail .row_pro_right{
        width: 100%;
        padding-left: 0px;
    }
    .contact_us_use div.contact_us_c .in_contact{
        width: 100%;
    }
}
@media (max-width: 549px) {
    .view{
        width: 50%;
    }
    .img-slide .img-slide-1{
        width: 100%;
    }
    .footer .footer1:nth-of-type(2n+1) {
        clear: both;
    }
    .footer .footer1{
        width: 50%;
    }
    .footer .footer3{
        width: 100%;
    }
}
@media (max-width: 499px) {
    .block .logo-hotline .logo > a, .block .logo-hotline .logo{
        overflow: hidden;
    }
    .block .logo-hotline .logo > a, .block .logo-hotline .logo > a > img{
        min-width: 500px;
    }
    .block .logo-hotline .hotline{
        display: none;
    } 
    div.advancedSearch_filter div.column{
        width: 50%;
    }
    .contact_us_use div.contact_us_t{
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact_us_use div.contact_us_t label,
    .contact_us_use div.contact_us_c{
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media (max-width: 399px) {
    #head .search .search-block .timkiem .searchs{
        width: 140px;
    }
    #head .search .search-block .timkiem input.txt{
        width: 100%;
    }
}
@media (max-width: 359px) {
    .footer .footer1{
        width: 100%;
    }
}