@media screen and (min-width:981px){
    .header_sm,.nav_mnusm,.support .btslide{
        display:none
    }
}
 @media screen and (max-width:1170px){
    .wrap{
        max-width:1170px;
        margin:0 1%
    }
     .vnnic span{
        font-size:13px
    }
     .user_and_cart{
        padding:1px 10px
    }
     .user_and_cart .cart{
        margin-right:10px
    }
     .top .right span{
        padding:0 2px
    }
     .top .contact{
        margin-left:10px
    }
     .top .contact a,.top .contact span{
        font-size:13px
    }
     .ico_saleoff{
        background:url(../images/ico_saleoff_sm.png) no-repeat;
        background-size:100%;
        width:6%;
        height:60px
    }
     .saleoff ul{
        width:94%;
        margin-top:17px
    }
     .support .box p{
        padding:5px 0;
        font-size:12px
    }
     .support .ico_tel,.support .ico_mobile{
        margin-right:4px
    }
     .service h3{
        margin-top:55px
    }
     .service li{
        height:195px
    }
     .bn_slide{
        height:333px
    }
     .cate_bn{
        width:50%
    }
     .cate_bn,.bn_slide .img img{
        height:323px
    }
     .cate_bn li a{
        padding:19px 0;
        font-size:19px
    }
     .support .box{
        margin-top:120px
    }
     .support .box h3{
        font-size:15px
    }
     .support .col{
        height:470px
    }
     .news li span{
        width:18%
    }
     .news li a{
        width:82%
    }
}
 @media screen and (max-width:980px){
    .top,.header{
        display:none
    }
     .nav_mnusm{
        position:fixed;
        left:0;
        background:#fff;
        width:50%;
        min-width:320px;
        height:100%;
        z-index:99999;
        box-shadow:inset -3px 0 5px #d6d6d6;
        display:none
    }
     .nav_mnusm li{
        display:block;
        border-bottom:solid 1px #e5e5e5;
        padding:4%
    }
     .nav_mnusm li a{
        color:#646464
    }
     .nav_mnusm li:hover{
        background:#eeeeee;
        cursor:pointer;
        border-bottom:solid 1px #d6d6d6
    }
     .header_sm{
        background:url(../images/top_bg.png) repeat-x;
        height:50px
    }
     .icomenu_sm{
        background:url(../images/menu_header_mobile.png) no-repeat center;
        height:50px;
        width:40px;
        float:left
    }
     .headersm_right{
        float:right
    }
     .headersm_right img{
        margin:12px 0 0 0;
        padding:0 10px
    }
     .header_sm .cartmb{
        background:url(../images/opacity_black.png) repeat;
        float:right;
        height:50px;
        border-left:solid 1px #82bb7f
    }
     .logosm{
        width:100%;
        overflow:inherit
    }
     .logosm img{
        margin-top:6px
    }
     .search_box{
        height:43px;
        border-radius:5px;
        box-shadow:0 0 5px #b5b4b4;
        margin:15px 0 10px 0
    }
     .search_box input{
        height:33px;
        font:16px arial;
        text-transform:none
    }
     .search_box .bt{
        margin:5px 5px 0 0
    }
     .search_box .bt img{
        height:33px
    }
     .search ul{
        margin-bottom:15px
    }
     .search li a{
        font-size:12px
    }
     .ico_saleoff{
        background:url(../images/ico_saleoff_sm.png) no-repeat;
        background-size:100%;
        width:7%;
        height:65px
    }
     .saleoff ul{
        width:93%;
        margin-top:0
    }
     .saleoff li{
        width:33%;
        margin-top:5px
    }
     .btslide{
        bottom:10px
    }
     .btslide .on{
        width:15px;
        height:15px
    }
     .btslide .off{
        width:15px;
        height:15px
    }
     .service h3{
        margin-top:65px
    }
     .service li{
        width:40%;
        margin-left:4.5%;
        height:205px
    }
     .service li img{
        width:28%;
        top:-24%;
        left:34%
    }
     .bn_slide{
        height:301px
    }
     .cate_bn{
        width:45%
    }
     .cate_bn,.bn_slide .img img{
        height:291px
    }
     .cate_bn li a{
        padding:17px 0;
        font-size:16px
    }
     .cate_bn li .ico1, .cate_bn li .ico2, .cate_bn li .ico3, .cate_bn li .ico4, .cate_bn li .ico5{
        margin:15px 8px 0 0;
        width:35px;
        height:29px;
        background-size:100%
    }
     .cate_bn li:hover .ico1,.cate_bn li.active .ico1, .cate_bn li:hover .ico2,.cate_bn li.active .ico2, .cate_bn li:hover .ico3,.cate_bn li.active .ico3, .cate_bn li:hover .ico4,.cate_bn li.active .ico4, .cate_bn li:hover .ico5,.cate_bn li.active .ico5{
        background-size:100%
    }
     .support{
        overflow:hidden;
        height:300px;
        padding-top:10px;
        position:relative;
        min-height:570px
    }
     .support .ar{
        background:url(../images/ar4.png) no-repeat center top;
        width:100%;
        height:13px;
        position:absolute;
        top:-13px;
        left:0
    }
     .support .col{
        margin-top:20%;
        width:30%;
        margin-right:1.5%;
        margin-left:1.5%;
        background:none
    }
     .support .person img{
        width:50%;
        top:-36%;
        left:24%
    }
     .support .p4 img{
        display:block
    }
     .support .box{
        margin-top:0;
        padding:5%;
        background:#fff;
        border-radius:5px;
        height:270px
    }
     .support .box h3{
        font:16px arial
    }
     .support .box p{
        padding:6px 0;
        font-size:13px
    }
     .support .btslide{
        bottom:20px;
        z-index:999
    }
     .customers{
        height:400px
    }
     .customers h2{
        margin:0 0 40px 0
    }
     .boxcus{
        width:40%;
        margin-left:3%;
        background:none;
        border:solid 2px #fff;
        height:auto;
        padding:2% 1%;
        margin-bottom:150px
    }
     .boxcus_over{
        height:260px
    }
     .boxcus .img{
        float:right;
        width:30%
    }
     .boxcus .img img{
        width:100%
    }
     .boxcus .text{
        float:left;
        width:69%;
        margin-top:30px
    }
     .boxcus .text .ico1{
        background-size:75%;
        top:-25px
    }
     .boxcus .text .ico2{
        background-size:75%;
        bottom:-25px
    }
     .boxcus .name{
        bottom:-55px
    }
     .slide_cus{
        margin:30px auto
    }
     .displaynone{
        display:none
    }
     .mnu_footer ul{
        width:33%
    }
}
 @media screen and (max-width:870px){
    .service h3{
        margin-top:55px
    }
     .service li{
        height:195px
    }
     .support{
        min-height:540px
    }
     .support .person img{
        width:55%;
        top:-35%;
        left:24%
    }
     .news li span{
        width:24%
    }
     .news li a{
        width:76%
    }
}
 @media screen and (max-width:830px){
    .support .person img{
        top:-33%;
        left:23%
    }
}
 @media screen and (max-width:800px){
    .service h3{
        margin-top:50px
    }
     .service li{
        height:190px
    }
     .service li img{
        width:30%
    }
     .bn_slide .line{
        height:5px
    }
     .bn_slide{
        height:233px
    }
     .cate_bn{
        width:48%
    }
     .cate_bn,.bn_slide .img img{
        height:228px
    }
     .cate_bn li a{
        padding:12px 0;
        font-size:13px
    }
     .cate_bn li .ico1, .cate_bn li .ico2, .cate_bn li .ico3, .cate_bn li .ico4, .cate_bn li .ico5{
        margin:12px 5px 0 0;
        width:25px;
        height:21px;
        background-size:100%
    }
     .cate_bn li:hover .ico1,.cate_bn li.active .ico1, .cate_bn li:hover .ico2,.cate_bn li.active .ico2, .cate_bn li:hover .ico3,.cate_bn li.active .ico3, .cate_bn li:hover .ico4,.cate_bn li.active .ico4, .cate_bn li:hover .ico5,.cate_bn li.active .ico5{
        background-size:100%
    }
     .seotext .textbox{
        width:90%
    }
     .regis_receive_email input{
        width:60%
    }
}
 @media screen and (max-width:768px){
    .support{
        min-height:600px
    }
     .support .col{
        margin-top:30%;
        width:42%;
        margin-right:4%;
        margin-left:4%
    }
     .support .person img{
        width:57%;
        top:-43%;
        left:21%
    }
     .customers{
        height:360px
    }
     .boxcus_over{
        height:220px
    }
     .boxcus{
        padding:2% 1% 3% 1%
    }
}
 @media screen and (max-width:700px){
    .support{
        min-height:570px
    }
     .support .person img{
        width:55%;
        top:-38%
    }
     .seotext h2{
        font-size:23px;
        margin:10px 0
    }
     .seotext .textbox{
        width:89%
    }
     .customers h2{
        margin:0 0 30px 0
    }
     .customers h2 span{
        font-size:20px;
        border-bottom:none
    }
     .customers{
        height:350px
    }
     .boxcus{
        padding:2% 1% 5% 1%
    }
}
 @media screen and (max-width:640px){
    .search_box{
        height:38px
    }
     .search_box input{
        height:30px;
        font:14px arial
    }
     .search_box .bt{
        margin:4px 4px 0 0
    }
     .search_box .bt img{
        height:30px
    }
     .ico_saleoff{
        width:10%
    }
     .saleoff ul{
        width:90%
    }
     .saleoff li span{
        font-size:12px
    }
     .saleoff li strong{
        font-size:18px
    }
     .saleoff li.logocom img{
        width:27%
    }
     .saleoff li.logonet img{
        width:20%
    }
     .saleoff li.logoinfo img{
        width:22%
    }
     .saleoff li.logovn img{
        width:17%
    }
     .saleoff li.logocomvn img{
        width:40%
    }
     .btslide .on{
        width:12px;
        height:12px
    }
     .btslide .off{
        width:12px;
        height:12px
    }
     .service h2 span{
        font-size:25px
    }
     .service ul{
        position:relative
    }
     .service li{
        width:60%;
        margin-left:20%;
        height:205px
    }
     .service .ar1{
        background:url(../images/ar1.png) no-repeat center;
        width:13px;
        height:22px;
        padding:10px 7px;
        position:absolute;
        left:7%;
        top:50%
    }
     .service .ar1:hover{
        background:url(../images/ar1.png) no-repeat center #e2e2e2
    }
     .service .ar2{
        background:url(../images/ar2.png) no-repeat center;
        width:13px;
        height:22px;
        padding:10px 7px;
        position:absolute;
        right:7%;
        top:50%
    }
     .service .ar2:hover{
        background:url(../images/ar2.png) no-repeat center #e2e2e2
    }
     .service h3{
        margin-top:65px
    }
     .service li img{
        width:29%;
        top:-25%;
        left:34%
    }
     .bn_slide .line{
        height:5px
    }
     .bn_slide{
        height:182px
    }
     .cate_bn{
        width:50%
    }
     .cate_bn,.bn_slide .img img{
        height:177px
    }
     .cate_bn li a{
        padding:9px 0;
        font-size:10px
    }
     .cate_bn li .ico1, .cate_bn li .ico2, .cate_bn li .ico3, .cate_bn li .ico4, .cate_bn li .ico5{
        margin:8px 5px 0 0;
        width:20px;
        height:17px;
        background-size:100%
    }
     .cate_bn li:hover .ico1,.cate_bn li.active .ico1, .cate_bn li:hover .ico2,.cate_bn li.active .ico2, .cate_bn li:hover .ico3,.cate_bn li.active .ico3, .cate_bn li:hover .ico4,.cate_bn li.active .ico4, .cate_bn li:hover .ico5,.cate_bn li.active .ico5{
        background-size:100%
    }
     .support{
        min-height:550px
    }
     .support .person img{
        width:55%;
        top:-35%
    }
     .news{
        background:none;
        margin:15px 0 0 0
    }
     .news .boxnews{
        width:90%;
        border-bottom:solid 1px #e9e9e9;
        padding:0 5% 10px 5%;
        margin-bottom:15px
    }
     .news .boxnews:last-child{
        border-bottom:none
    }
     .news li span{
        width:18%
    }
     .news li a{
        width:82%
    }
     .customers{
        height:370px
    }
     .boxcus_over{
        height:240px
    }
     .boxcus{
        width:70%;
        margin-left:14%
    }
     .boxcus{
        padding:2% 1%
    }
     .seotext h2{
        font-size:20px
    }
     .seotext .textbox{
        width:88%
    }
     .regis_receive_email{
        width:100%;
        margin-top:20px
    }
     .regis_receive_email input{
        width:70%
    }
     .social_ico{
        float:left;
        margin:20px 0 0 0
    }
     .mnu_footer li h3{
        text-transform:none;
        font-size:14px
    }
     .disw640{
        display:none
    }
     .mnu_footer ul{
        width:50%
    }
}
 @media screen and (max-width:568px){
    .support{
        min-height:520px
    }
     .support .person img{
        width:55%;
        top:-31%
    }
     .customers{
        height:350px
    }
     .boxcus_over{
        height:230px
    }
     .customers h2 span{
        font-size:17px
    }
     .seotext h2{
        font-size:17px
    }
     .seotext .textbox{
        width:86%
    }
}
 @media screen and (max-width:480px){
    .saleoff li span{
        font-size:11px
    }
     .saleoff li strong{
        font-size:14px
    }
     .saleoff li.logovn img{
        margin-top:2px
    }
     .btslide{
        bottom:5px
    }
     .btslide .on{
        width:8px;
        height:8px
    }
     .btslide .off{
        width:8px;
        height:8px
    }
     .service h2 span{
        font-size:20px
    }
     .service h3{
        margin-top:50px
    }
     .service li{
        height:190px
    }
     .service li img{
        width:33%;
        top:-25%;
        left:31%
    }
     .bn_slide .line{
        height:3px
    }
     .bn_slide{
        height:104px
    }
     .cate_bn{
        width:61%
    }
     .cate_bn,.bn_slide .img img{
        height:101px
    }
     .cate_bn li a{
        padding:4px 0;
        font-size:7px
    }
     .cate_bn li .ico1, .cate_bn li .ico2, .cate_bn li .ico3, .cate_bn li .ico4, .cate_bn li .ico5{
        margin:5px 3px 0 0;
        width:12px;
        height:10px;
        background-size:100%
    }
     .cate_bn li:hover .ico1,.cate_bn li.active .ico1, .cate_bn li:hover .ico2,.cate_bn li.active .ico2, .cate_bn li:hover .ico3,.cate_bn li.active .ico3, .cate_bn li:hover .ico4,.cate_bn li.active .ico4, .cate_bn li:hover .ico5,.cate_bn li.active .ico5{
        background-size:100%
    }
     .support{
        min-height:580px
    }
     .support .col{
        margin-top:45%;
        width:90%;
        margin-left:5%
    }
     .support .person img{
        width:40%;
        top:-42%;
        left:30%
    }
     .news li span{
        width:25%
    }
     .news li a{
        width:75%
    }
     .customers{
        height:370px
    }
     .boxcus{
        padding:2% 1% 7% 1%
    }
     .seotext .textbox{
        width:84%
    }
     .seotext h2{
        font-size:16px
    }
}
 @media screen and (max-width:440px){
    .support{
        min-height:560px
    }
     .support .person img{
        width:35%;
        top:-35%;
        left:32%
    }
     .seotext .textbox{
        width:80%
    }
}
 @media screen and (max-width:370px){
    .support{
        min-height:530px
    }
     .support .person img{
        width:35%;
        top:-29%;
        left:33%
    }
}
 @media screen and (max-width:980px){
}
@media screen and (min-width: 981px){
    .header_sm,.nav_mnusm,.support .btslide{
         display:none
    }
}
 @media screen and (max-width: 1170px){
    .wrap{
        max-width:1170px;
         margin:0 1%
    }
     .vnnic span{
        font-size:13px
    }
     .user_and_cart{
        padding:1px 10px
    }
     .user_and_cart .cart{
        margin-right:10px
    }
     .top .right span{
        padding:0 2px
    }
     .top .contact{
        margin-left:10px
    }
     .top .contact a,.top .contact span{
         font-size:13px
    }
     .ico_saleoff{
        background:url(../images/ico_saleoff_sm.png) no-repeat;
        background-size:100%;
         width:6%;
         height:60px
    }
     .saleoff ul{
        width:94%;
        margin-top:17px
    }
     .support .box p{
        padding:5px 0;
         font-size:12px
    }
     .support .ico_tel,.support .ico_mobile{
        margin-right:4px
    }
    /*Dich vu cua chung toi*/
     .service h3{
        margin-top:55px
    }
     .service li{
         height:195px
    }
    /*bn_slide*/
     .bn_slide .wrap{
        margin:0
    }
     .bn_slide{
        height:333px
    }
     .cate_bn{
         width:50%
    }
     .cate_bn,.bn_slide .img img{
        height:323px
    }
     .cate_bn li a{
        padding:19px 0;
         font-size:19px
    }
    /*Support*/
     .support .box{
        margin-top:120px
    }
     .support .box h3{
         font-size:15px
    }
     .support .col{
        height:470px
    }
    /*News*/
     .news li span{
        width:18%
    }
     .news li a{
        width:82%
    }
}
 @media screen and (max-width: 980px){
     .top,.header{
        display:none
    }
    /*submenu on smartphone*/
     .nav_mnusm{
         position: fixed;
         left:0;
         background:#fff;
         width:50%;
         min-width:320px;
         height:100%;
         z-index:99999;
         box-shadow:inset -3px 0 5px #d6d6d6;
         display:none
    }
     .nav_mnusm li{
        display:block;
         border-bottom:solid 1px #e5e5e5;
         padding:4%
    }
     .nav_mnusm li a{
         color:#646464
    }
     .nav_mnusm li:hover{
        background:#eeeeee;
         cursor:pointer;
         border-bottom:solid 1px #d6d6d6
    }
    /*Header*/
     .header_sm{
         background:url(../images/top_bg.png) repeat-x;
         height:50px
    }
     .icomenu_sm{
        background: url(../images/menu_header_mobile.png) no-repeat center;
         height:50px;
         width:40px;
         float:left
    }
     .headersm_right{
        float:right
    }
     .headersm_right img{
        margin:12px 0 0 0;
         padding:0 10px
    }
     .header_sm .cartmb{
        background: url(../images/opacity_black.png) repeat;
         float:right;
         height:50px;
         border-left:solid 1px #82bb7f
    }
     .logosm{
        width:100%;
         overflow: inherit
    }
     .logosm img{
        margin-top:6px
    }
    /*Search*/
     .search_box{
         height:43px;
        border-radius:5px;
         box-shadow:0 0 5px #b5b4b4;
        margin:15px 0 10px 0
    }
     .search_box input{
        height:33px;
        font:16px arial;
         text-transform:none
    }
     .search_box .bt{
        margin:5px 5px 0 0
    }
     .search_box .bt img{
        height:33px
    }
     .search ul{
        margin-bottom:15px
    }
     .search li a{
         font-size:12px
    }
    /*Sale off*/
     .ico_saleoff{
        background:url(../images/ico_saleoff_sm.png) no-repeat;
        background-size:100%;
         width:7%;
         height:65px
    }
     .saleoff ul{
        width:93%;
        margin-top:0
    }
     .saleoff li{
        width:33%;
         margin-top:5px
    }
    /*Banner*/
     .btslide{
        bottom:10px
    }
     .btslide .on{
        width:15px;
         height:15px
    }
     .btslide .off{
        width:15px;
         height:15px
    }
    /*Dich vu cua chung toi*/
     .service h3{
        margin-top:65px
    }
     .service li{
         width:42%;
         margin-left:4.5%;
        height:205px
    }
     .service li img{
        width:27%;
        top:-24%;
         left:34%
    }
    /*bn_slide*/
     .bn_slide{
        height:301px
    }
     .cate_bn{
         width:45%
    }
     .cate_bn,.bn_slide .img img{
         height:291px
    }
     .cate_bn li a{
        padding:17px 0;
         font-size:16px
    }
     .cate_bn li .ico1, .cate_bn li .ico2, .cate_bn li .ico3, .cate_bn li .ico4, .cate_bn li .ico5{
        margin:15px 8px 0 0;
         width:35px;
         height:29px;
        background-size:100%
    }
     .cate_bn li:hover .ico1,.cate_bn li.active .ico1, .cate_bn li:hover .ico2,.cate_bn li.active .ico2, .cate_bn li:hover .ico3,.cate_bn li.active .ico3, .cate_bn li:hover .ico4,.cate_bn li.active .ico4, .cate_bn li:hover .ico5,.cate_bn li.active .ico5{
        background-size:100%
    }
    /*Support*/
     .support{
        overflow:hidden;
        height:300px;
         padding-top:10px;
         position:relative;
        min-height:570px
    }
     .support .ar{
        background:url(../images/ar4.png) no-repeat center top;
         width:100%;
         height:13px;
         position:absolute;
         top:-13px;
         left:0
    }
     .support .col{
         margin-top:20%;
         width:30%;
         margin-right:1.5%;
         margin-left:1.5%;
         background:none
    }
     .support .person img{
        width:50%;
         top:-36%;
         left:24%
    }
     .support .p4 img{
        display:block
    }
     .support .box{
         margin-top:0;
         padding:5%;
         background:#fff;
         border-radius:5px;
         height:270px
    }
     .support .box h3{
        font:16px arial
    }
     .support .box p{
         padding:6px 0;
         font-size:13px
    }
     .support .btslide{
        bottom:20px;
         z-index:999
    }
    /*customers*/
     .customers{
        height:400px
    }
     .customers h2{
        margin:0 0 40px 0
    }
     .boxcus{
        width:40%;
         margin-left:3%;
        background:none;
         border:solid 2px #fff;
         height:auto;
         padding:2% 1%;
         margin-bottom:150px
    }
     .boxcus_over{
         height:260px
    }
     .boxcus .img{
         float:right;
         width:30%
    }
     .boxcus .img img{
        width:100%
    }
     .boxcus .text{
        float:left;
         width:69%;
         margin-top:30px
    }
     .boxcus .text .ico1{
        background-size:75%;
         top:-25px
    }
     .boxcus .text .ico2{
        background-size:75%;
         bottom:-25px
    }
     .boxcus .name{
         bottom:-55px
    }
     .slide_cus{
        margin:30px auto
    }
    /*menu footer*/
     .displaynone{
        display:none
    }
     .mnu_footer ul{
        width:33%
    }
}
 @media screen and (max-width: 870px){
    /*Dich vu cua chung toi*/
     .service h3{
        margin-top:55px
    }
     .service li{
        height:195px
    }
    /*Support*/
     .support{
        min-height:540px
    }
     .support .person img{
        width:55%;
         top:-35%;
         left:24%
    }
    /*News*/
     .news li span{
        width:24%
    }
     .news li a{
        width:76%
    }
}
 @media screen and (max-width: 830px){
    .support .person img{
        top:-33%;
         left:23%
    }
}
 @media screen and (max-width: 800px){
    /*Dich vu cua chung toi*/
     .service h3{
        margin-top:50px
    }
     .service li{
        height:190px
    }
     .service li img{
        width:28%
    }
    /*bn_slide*/
     .bn_slide .line{
         height:5px
    }
     .bn_slide{
        height:233px
    }
     .cate_bn{
         width:48%
    }
     .cate_bn,.bn_slide .img img{
         height:228px
    }
     .cate_bn li a{
        padding:12px 0;
         font-size:13px
    }
     .cate_bn li .ico1, .cate_bn li .ico2, .cate_bn li .ico3, .cate_bn li .ico4, .cate_bn li .ico5{
        margin:12px 5px 0 0;
         width:25px;
         height:21px;
        background-size:100%
    }
     .cate_bn li:hover .ico1,.cate_bn li.active .ico1, .cate_bn li:hover .ico2,.cate_bn li.active .ico2, .cate_bn li:hover .ico3,.cate_bn li.active .ico3, .cate_bn li:hover .ico4,.cate_bn li.active .ico4, .cate_bn li:hover .ico5,.cate_bn li.active .ico5{
        background-size:100%
    }
    /*Seo text*/
     .seotext .textbox{
        width:90%
    }
    /*menu footer*/
     .regis_receive_email input{
         width:60%
    }
}
 @media screen and (max-width: 768px){
    /*Support*/
     .support{
        min-height:600px
    }
     .support .col{
         margin-top:30%;
         width:42%;
         margin-right:4%;
         margin-left:4%
    }
     .support .person img{
        width:57%;
         top:-43%;
         left:21%
    }
    /*customers*/
     .customers{
        height:360px
    }
     .boxcus_over{
         height:220px
    }
     .boxcus{
        padding:2% 1% 3% 1%
    }
}
 @media screen and (max-width: 700px){
     .support{
        min-height:570px
    }
     .support .person img{
        width:55%;
         top:-38%
    }
     .seotext h2{
         font-size:23px;
        margin:10px 0
    }
     .seotext .textbox{
        width:89%
    }
    /*customers*/
     .customers h2{
        margin:0 0 30px 0
    }
     .customers h2 span{
         font-size:20px;
         border-bottom:none
    }
     .customers{
        height:350px
    }
     .boxcus{
        padding:2% 1% 5% 1%
    }
}
 @media screen and (max-width: 640px){
    /*Search*/
     .search_box{
        height:38px
    }
     .search_box input{
        height:30px;
        font:14px arial
    }
     .search_box .bt{
        margin:4px 4px 0 0
    }
     .search_box .bt img{
        height:30px
    }
    /*Sale off*/
     .ico_saleoff{
        width:10%
    }
     .saleoff ul{
        width:90%
    }
     .saleoff li span{
         font-size:12px
    }
     .saleoff li strong{
        font-size:18px
    }
     .saleoff li.logocom img{
         width:27%
    }
     .saleoff li.logonet img{
         width:20%
    }
     .saleoff li.logoinfo img{
         width:22%
    }
     .saleoff li.logovn img{
         width:17%
    }
     .saleoff li.logocomvn img{
         width:40%
    }
    /*Banner*/
     .btslide .on{
        width:12px;
         height:12px
    }
     .btslide .off{
        width:12px;
         height:12px
    }
    /*Dich vu cua chung toi*/
     .service h2 span{
        font-size:25px
    }
     .service ul{
        position:relative
    }
     .service li{
         width:60%;
         margin-left:20%;
        height:205px
    }
     .service .ar1{
         background:url(../images/ar1.png) no-repeat center;
         width:13px;
         height:22px;
         padding:10px 7px;
         position:absolute;
         left:7%;
         top:50%
    }
     .service .ar1:hover{
        background:url(../images/ar1.png) no-repeat center #e2e2e2
    }
     .service .ar2{
         background:url(../images/ar2.png) no-repeat center;
         width:13px;
         height:22px;
         padding:10px 7px;
         position:absolute;
         right:7%;
         top:50%
    }
     .service .ar2:hover{
        background:url(../images/ar2.png) no-repeat center #e2e2e2
    }
     .service h3{
         margin-top:65px
    }
     .service li img{
        width:29%;
        top:-25%;
         left:34%
    }
    /*bn_slide*/
     .bn_slide .line{
         height:5px
    }
     .bn_slide{
        height:182px
    }
     .cate_bn{
         width:50%
    }
     .cate_bn,.bn_slide .img img{
         height:177px
    }
     .cate_bn li a{
        padding:9px 0;
         font-size:10px
    }
     .cate_bn li .ico1, .cate_bn li .ico2, .cate_bn li .ico3, .cate_bn li .ico4, .cate_bn li .ico5{
        margin:8px 5px 0 0;
         width:20px;
         height:17px;
        background-size:100%
    }
     .cate_bn li:hover .ico1,.cate_bn li.active .ico1, .cate_bn li:hover .ico2,.cate_bn li.active .ico2, .cate_bn li:hover .ico3,.cate_bn li.active .ico3, .cate_bn li:hover .ico4,.cate_bn li.active .ico4, .cate_bn li:hover .ico5,.cate_bn li.active .ico5{
        background-size:100%
    }
    /*Support*/
     .support{
        min-height:550px
    }
     .support .person img{
        width:55%;
         top:-35%
    }
    /*News*/
     .news{
        background:none;
        margin:15px 0 0 0
    }
     .news .boxnews{
        width:90%;
         border-bottom:solid 1px #e9e9e9;
         padding:0 5% 10px 5%;
         margin-bottom:15px
    }
     .news .boxnews:last-child{
        border-bottom:none
    }
     .news li span{
        width:18%
    }
     .news li a{
        width:82%
    }
    /*customers*/
     .customers{
        height:370px
    }
     .boxcus_over{
         height:240px
    }
     .boxcus{
        width:70%;
         margin-left:14%
    }
     .boxcus{
        padding:2% 1%
    }
    /*Seo text*/
     .seotext h2{
         font-size:20px
    }
     .seotext .textbox{
        width:88%
    }
    /*menu footer*/
     .regis_receive_email{
        width:100%;
         margin-top:20px
    }
     .regis_receive_email input{
        width:70%
    }
     .social_ico{
        float:left;
         margin:20px 0 0 0
    }
     .mnu_footer li h3{
         text-transform:none;
         font-size:14px
    }
     .disw640{
        display:none
    }
     .mnu_footer ul{
        width:50%
    }
}
 @media screen and (max-width: 568px){
    /*Support*/
     .support{
        min-height:520px
    }
     .support .person img{
        width:55%;
         top:-31%
    }
    /*customers*/
     .customers{
        height:350px
    }
     .boxcus_over{
         height:230px
    }
     .customers h2 span{
         font-size:17px
    }
    /*Seo text*/
     .seotext h2{
         font-size:17px
    }
     .seotext .textbox{
        width:86%
    }
}
 @media screen and (max-width: 480px){
    /*Sale off*/
     .saleoff li span{
         font-size:11px
    }
     .saleoff li strong{
        font-size:14px
    }
     .saleoff li.logovn img{
         margin-top:2px
    }
    /*Banner*/
     .btslide{
        bottom:5px
    }
     .btslide .on{
        width:8px;
         height:8px
    }
     .btslide .off{
        width:8px;
         height:8px
    }
    /*Dich vu cua chung toi*/
     .service h2 span{
        font-size:20px
    }
     .service h3{
        margin-top:50px
    }
     .service li{
        height:190px
    }
     .service li img{
        width:33%;
        top:-25%;
         left:31%
    }
    /*bn_slide*/
     .bn_slide .line{
         height:3px
    }
     .bn_slide{
        height:104px
    }
     .cate_bn{
         width:61%
    }
     .cate_bn,.bn_slide .img img{
         height:101px
    }
     .cate_bn li a{
        padding:4px 0;
         font-size:7px
    }
     .cate_bn li .ico1, .cate_bn li .ico2, .cate_bn li .ico3, .cate_bn li .ico4, .cate_bn li .ico5{
        margin:5px 3px 0 0;
         width:12px;
         height:10px;
        background-size:100%
    }
     .cate_bn li:hover .ico1,.cate_bn li.active .ico1, .cate_bn li:hover .ico2,.cate_bn li.active .ico2, .cate_bn li:hover .ico3,.cate_bn li.active .ico3, .cate_bn li:hover .ico4,.cate_bn li.active .ico4, .cate_bn li:hover .ico5,.cate_bn li.active .ico5{
        background-size:100%
    }
    /*Support*/
     .support{
        min-height:580px
    }
     .support .col{
         margin-top:45%;
         width:90%;
        margin-left:5%
    }
     .support .person img{
        width:40%;
         top:-42%;
         left:30%
    }
    /*News*/
     .news li span{
        width:25%
    }
     .news li a{
        width:75%
    }
    /*customers*/
     .customers{
        height:370px
    }
     .boxcus{
        padding:2% 1% 7% 1%
    }
    /*Seo text*/
     .seotext .textbox{
        width:84%
    }
     .seotext h2{
         font-size:16px
    }
}
 @media screen and (max-width: 440px){
     .support{
        min-height:560px
    }
     .support .person img{
        width:35%;
         top:-35%;
         left:32%
    }
     .seotext .textbox{
        width:80%
    }
}
 @media screen and (max-width: 370px){
    /*Support*/
     .support{
        min-height:530px
    }
     .support .person img{
        width:35%;
         top:-29%;
         left:33%
    }
}
/*Fix chrome*/
 @media screen and (-webkit-min-device-pixel-ratio:0){
     .vnnic span{
        font-size:12px
    }
     .user_and_cart{
        font-size:11px
    }
     .top .contact a, .top .contact span{
        font-size:12px
    }
     .menu1 li a{
        font-size:13px
    }
     .search li a{
        font-size:90%
    }
}