@media (min-width:1200px) /* lg*/ {
    .nav .destop-menu .leve2-menu {
        width: 250px;
    }
}

@media (min-width:992px) and (max-width:1199px) /* md*/ {
    .nav .destop-menu .leve2-menu {
        width: 250px;
    }
}

@media (max-width: 1199px) {
    .container {
        width: 970px;
    }

    .hotline {
        font-size: 16px;
    }

    .hotline strong {
        font-size: 18px;
    }

    /*product*/
    .product-details .btn-product-details a ~ a {
        margin-top: 15px;
    }

    /*fix responsive ----->*/
    .destop-menu{
        display: block!important;
    }
    .header, .nav, .main-wapper, .footer{
        width: 1230px!important;
    }
}

@media (max-width: 991px) {
    .container {
        width: 750px;
    }

    .header {
        padding-top: 42px;
    }

    .top-header .left-top-header {
        width: 30%;
        float: left;
    }

    .top-header .right-top-header {
        width: 70%;
        float: left;
    }

    /*.top-header .left-top-header,
    .top-header .right-top-header {
        width: 50%;
        float: left;
    }*/
    .bottom-header .logo {
        text-align: center;
    }

    .bottom-header .search {
        float: left;
    }

    .bottom-header .search .form-search {
        padding-left: 0;
    }

    .bottom-header .hotline-bottom-header {
        float: right;
    }

    .hotline {
        font-size: 18px;
    }

    .hotline strong {
        font-size: 24px;
    }

    /*nav*/
    /*body.fix {*/
        /*position: fixed;*/
        /*width: 100%;*/
    /*}*/

    /*body.fix .bg-fix {*/
        /*position: fixed;*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*top: 0;*/
        /*left: 0;*/
    /*}*/

    /*.nav .mobile-menu {*/
        /*display: block;*/
        /*position: fixed;*/
        /*top: 0;*/
        /*left: 0;*/
        /*background: #dad9d7;*/
        /*z-index: 10000;*/
    /*}*/

    /*.nav .destop-menu {*/
        /*padding: 0 15px;*/
        /*display: none;*/
        /*position: fixed;*/
        /*top: 42px;*/
        /*left: 0;*/
        /*z-index: 2;*/
        /*background: #dad9d7;*/
        /*width: 100%;*/
    /*}*/

    /*.nav .destop-menu li {*/
        /*padding: 10px 0;*/
        /*width: 100%;*/
        /*border-bottom: 1px solid #fff;*/
        /*position: relative;*/
    /*}*/

    /*.nav .destop-menu li:last-child {*/
        /*border-bottom: none;*/
    /*}*/

    /*.nav .destop-menu li.active {*/
        /*padding-bottom: 0;*/
    /*}*/

    /*.nav .destop-menu li.plus:after {*/
        /*content: '+';*/
        /*float: right;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*right: 0;*/
        /*line-height: 40px;*/
    /*}*/

    /*.nav .destop-menu li.active.plus:after {*/
        /*content: '-';*/
    /*}*/

    /*.nav .destop-menu li.active > a {*/
        /*padding-bottom: 10px;*/
        /*display: inline-block;*/
    /*}*/

    /*.nav .destop-menu .leve2-menu {*/
        /*position: initial;*/
    /*}*/

    /*.nav .destop-menu.scrol {*/
        /*overflow: scroll;*/
    /*}*/

    /*.nav .destop-menu li.active .leve2-menu {
        margin-top: 10px;
    }*/

    .main-product .title-menu-product {
        /*display: none;*/
    }

    .main-product .product-main .items-product {
        /*width: 50%;*/
        float: left;
    }

    .main-product .product-main .items-product img {
        width: 100%;
        max-width: auto;
    }

    .center-footer .introduce-footer,
    .center-footer .strategic-partnership-footer {
        width: 50%;
        float: left;
    }

    .center-footer .map-footer {
        clear: both;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    /*.sidebar*/
    .sidebar {
        /*width: 100%;*/
        padding-right: 20px;
    }

    .sidebar .bottom-online-support {
        text-align: left;
    }

    .sidebar .bottom-online-support li {
        width: 50%;
        float: left;
    }

    .sidebar .featured-news .main-featured-news li {
        width: 50%;
    }

    .sidebar .featured-news .main-featured-news .text-featured-news a {
        font-size: 14px;
    }

    /*product*/
    .product-main-page {
        /*width: 100%;*/
    }

    .product-details .top-product-details .text-product-details,
    .product-details .top-product-details .img-product-details {
        width: 50%;
        display: inline-block;
    }

    .product-information .left-product-information {
        margin-bottom: 15px;
    }

    /*fix responsive ----->*/
    .container{
        width: 1200px!important;
    }
    .destop-menu{
        display: block!important;
    }
    .header, .nav, .main-wapper, .footer{
        width: 1230px!important;
    }
}

@media (max-width: 767px) {
    .container {
        width: 100%;
    }

    .bottom-header .search {
        width: 100%;
        padding: 21.5px 15px;
    }

    .bottom-header .search .form-search {
        width: 100%;
    }

    .bottom-header .hotline-bottom-header {
        width: 100%;
        text-align: center;
    }

    .hotline {
        padding-top: 0;
    }

    .center-footer .introduce-footer,
    .center-footer .strategic-partnership-footer {
        width: 100%;
    }

    .center-footer .introduce-footer {
        padding-bottom: 25px;
    }

    /*sidebar*/
    .sidebar .featured-news .main-featured-news ul {
        margin: 0 -15px;
    }

    .sidebar .featured-news .main-featured-news li {
        padding: 0 15px;
        margin-top: 15px;
    }

    .sidebar .featured-news .main-featured-news .text-featured-news,
    .sidebar .featured-news .main-featured-news .img-featured-news {
        width: 100%;
    }

    /*product*/
    .product-details .top-product-details .text-product-details,
    .product-details .top-product-details .img-product-details {
        width: 100%;
        margin: 5px 0;
    }

    /*fix responsive ----->*/
    .destop-menu{
        display: block!important;
    }
    .header, .nav, .main-wapper, .footer{
        width: 1230px!important;
    }
}

@media (max-width: 639px) {

}

@media (max-width: 479px) {

    .top-header .left-top-header,
    .top-header .right-top-header {
        width: 100%;
        float: none;
        padding: 10px 15px;
    }

    .top-header .menu-top-header {
        text-align: left;
    }

    .top-header .menu-top-header li:first-child {
        padding-left: 0;
    }

    .main-product .product-main .items-product {
        /*width: 100%;*/
        /*float: none;*/
    }

    .footer .copyright li {
        width: 100%;
        border: none;
        padding: 5px 0;
    }

    /*sidebar*/
    .sidebar .bottom-online-support li {
        width: 100%;
    }

    .sidebar .featured-news .main-featured-news li {
        width: 100%;
    }

    /*product*/
    .product-details .btn-product-information button,
    .product-details .btn-product-details a {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }
    /* update  26/5/2017 ----->*/
    .name-cty{
        padding: 15px 0px!important;
    }
    .name-cty a{
        font-size: 35px!important;
    }
    .hotline-top{
        font-size: 15px!important;
        font-weight: bold;
    }

    /*fix responsive ----->*/
    .destop-menu{
        display: block!important;
    }
    .header, .nav, .main-wapper, .footer{
        width: 1230px!important;
    }

}