/* xong */
@media screen and (max-width: 319px){
    #mobile-box{display: block;}
    #module14{display: none;}
    #logo img{
        float: right;
        height: 60px;
        margin-top: 5px;
    }
    .page-banner-right,
    .slider-wrapper,
    #page-content,
    .container{
        width: 100% !Important;
        margin: 0px;
        padding: 0px 15px;
    }
    .frame-rounded-top .bx-wrapper{
        width: 100% !Important;
    }
    .frame-rounded-top .bx-window,
    .slider-wrapper .slider-wrapper-left,
    .all-partner .bx-wrapper,
    .all-partner .bx-window,
    .marquee .list-news{
        width: 100% !Important;
        margin: 0px;
    }
    .list-news-marquee li{
        padding-left: 0px;
        text-align: center;
    }
    .frame-rounded-coners .frame-header{
        width: auto;
        padding: 0px 20px;
    }
    .page-banner-right .col-md-2{
        border-bottom: 1px solid #ccc;
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }
    .page-banner-right .col-md-7,
    .page-banner-right .col-md-3{
        float: left;
        width: 100%;
    }
    .search-header{
        margin: auto;
        float: none;
        display: none;
    }
    #relation-news-post .item-product{
        float: left;
        width: 50%;
    }
    .item-product,
    .list-photo .col-md-3{
        float: left;
        width: 50%;
    }
    .item-news img{
        width: 150px;
    }
    .slider-wrapper .slide-show-right{
        width: auto;
    }
    #banner, #banner img{width:100%;height:auto !important}
    .tab-news .ui-tabs .ui-tabs-panel{
        float: left;
        width: 100%;
    }
    .tab-news .tab-header{
        margin-top: 60px;
        padding: 0px;
    }
    .ui-tabs .ui-tabs-nav{
        background: #ccc;
        height: auto;
        padding: 10px 0px !important;
    }
    .ui-tabs .ui-tabs-nav{
        float: left;
        width: 100%;
        text-align: center;
    }
    .ui-tabs .ui-tabs-nav li{
        display: inline-block;
    }
    .ui-tabs .ui-tabs-nav li a{
        height: auto;
        float: none;
    }
    .ui-tabs .ui-tabs-nav li{
        height: auto !important;
        line-height: 22px !important;
    }
    
}

@media (min-width: 320px) and (max-width: 480px) {
    #mobile-box{display: block;}
    #module14{display: none;}
    #logo img{
        float: right;
        height: 60px;
        margin-top: 5px;
    }
    .page-banner-right,
    .slider-wrapper,
    #page-content,
    .container{
        width: 100% !Important;
        margin: 0px;
        padding: 0px 15px;
    }
    .frame-rounded-top .bx-wrapper{
        width: 100% !Important;
    }
    .frame-rounded-top .bx-window,
    .slider-wrapper .slider-wrapper-left,
    .all-partner .bx-wrapper,
    .all-partner .bx-window,
    .marquee .list-news{
        width: 100% !Important;
        margin: 0px;
    }
    .list-news-marquee li{
        padding-left: 0px;
        text-align: center;
    }
    .frame-rounded-coners .frame-header{
        width: auto;
        padding: 0px 20px;
    }
    .page-banner-right .col-md-2{
        border-bottom: 1px solid #ccc;
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }
    .page-banner-right .col-md-7,
    .page-banner-right .col-md-3{
        float: left;
        width: 100%;
    }
    .search-header{
        margin: auto;
        float: none;
        display: none;
    }
    #relation-news-post .item-product{
        float: left;
        width: 50%;
    }
    .item-product,
    .list-photo .col-md-3{
        float: left;
        width: 50%;
    }
    .item-news img{
        width: 150px;
    }
    .slider-wrapper .slide-show-right{
        width: auto;
    }
    #banner, #banner img{width:100%;height:auto !important}

    .tab-news .ui-tabs .ui-tabs-panel{
        float: left;
        width: 100%;
    }
    .tab-news .tab-header{
        margin-top: 60px;
        padding: 0px;
    }
    .ui-tabs .ui-tabs-nav{
        background: #ccc;
        height: auto;
        padding: 10px 0px !important;
    }
    .ui-tabs .ui-tabs-nav{
        float: left;
        width: 100%;
        text-align: center;
    }
    .ui-tabs .ui-tabs-nav li{
        display: inline-block;
    }
    .ui-tabs .ui-tabs-nav li a{
        height: auto;
        float: none;
    }
    .ui-tabs .ui-tabs-nav li{
        height: auto !important;
        line-height: 22px !important;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    #mobile-box{display: block;}
    #module14{display: none;}
    #logo img{
        float: right;
        height: 60px;
        margin-top: 5px;
    }
    .page-banner-right,
    .slider-wrapper,
    #page-content,
    .container{
        width: 100% !Important;
        margin: 0px;
        padding: 0px 15px;
    }
    .frame-rounded-top .bx-wrapper{
        width: 100% !Important;
    }
    .frame-rounded-top .bx-window,
    .slider-wrapper .slider-wrapper-left,
    .all-partner .bx-wrapper,
    .all-partner .bx-window,
    .marquee .list-news{
        width: 100% !Important;
        margin: 0px;
    }
    .list-news-marquee li{
        padding-left: 0px;
        text-align: center;
    }
    .frame-rounded-coners .frame-header{
        width: auto;
        padding: 0px 20px;
    }
    .page-banner-right .col-md-2{
        border-bottom: 1px solid #ccc;
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }
    .page-banner-right .col-md-7,
    .page-banner-right .col-md-3{
        float: left;
        width: 100%;
    }
    .search-header{
        margin: auto;
        float: none;
        display: none;
    }
    #relation-news-post .item-product{
        float: left;
        width: 50%;
    }
    .item-product,
    .list-photo .col-md-3{
        float: left;
        width: 50%;
    }
    .item-news img{
        width: 150px;
    }
    .slider-wrapper .slide-show-right{
        width: auto;
    }
    #banner, #banner img{width:100%;height:auto !important}
    .item-support{
        float: left;
        width: 50%;
        margin: 0px;
        padding: 20px;
    }
    .frame-coners{
        float: left;
        width: 100%;
    }
    #page-footer .col-sm-6{
        float: left;
        width: 50%;
    }
    #single-product .col-md-5{
        width: 40%;
        float: left;
    }
    #single-product .col-md-7{
        width: 60%;
        float: left;
    }
    .simple-menu > li{
        float: left;
        width: 50%;
        background: none;
        border: none;
    }
    
    .tab-news .ui-tabs .ui-tabs-panel{
        float: left;
        width: 100%;
    }
    .tab-news .tab-header{
        margin-top: 60px;
        padding: 0px;
    }
    .ui-tabs .ui-tabs-nav{
        background: #ccc;
        height: auto;
        padding: 10px 0px !important;
    }
    .ui-tabs .ui-tabs-nav{
        float: left;
        width: 100%;
        text-align: center;
    }
    .ui-tabs .ui-tabs-nav li{
        display: inline-block;
    }
    .ui-tabs .ui-tabs-nav li a{
        height: auto;
        float: none;
    }
    .ui-tabs .ui-tabs-nav li{
        height: auto !important;
        line-height: 22px !important;
    }
}
@media (min-width: 769px) and (max-width: 990px) {
    #mobile-box{display: block;}
    #module14{display: none;}
    #logo img{
        float: right;
        height: 60px;
        margin-top: 5px;
    }
    .page-banner-right,
    .slider-wrapper,
    #page-content,
    .container{
        width: 100% !Important;
        margin: 0px;
        padding: 0px 15px;
    }
    .frame-rounded-top .bx-wrapper{
        width: 100% !Important;
    }
    .frame-rounded-top .bx-window,
    .slider-wrapper .slider-wrapper-left,
    .all-partner .bx-wrapper,
    .all-partner .bx-window,
    .marquee .list-news{
        width: 100% !Important;
        margin: 0px;
    }
    .list-news-marquee li{
        padding-left: 0px;
        text-align: center;
    }
    .frame-rounded-coners .frame-header{
        width: auto;
        padding: 0px 20px;
    }
    .page-banner-right .col-md-2{
        border-bottom: 1px solid #ccc;
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }
    .page-banner-right .col-md-7,
    .page-banner-right .col-md-3{
        float: left;
        width: 100%;
    }
    .search-header{
        margin: auto;
        float: none;
        display: none;
    }
    .item-news img{
        width: 150px;
    }
    .slider-wrapper .slide-show-right{
        width: auto;
    }
    #banner, #banner img{width:100%;height:auto !important}
    .item-support{
        float: left;
        width: 25%;
        margin: 0px;
        padding: 20px;
    }
    .frame-coners{
        float: left;
        width: 100%;
    }
    #page-footer .col-sm-6{
        float: left;
        width: 50%;
    }
    .simple-menu > li{
        float: left;
        width: 50%;
        background: none;
        border: none;
    }
    
    .tab-news .ui-tabs .ui-tabs-panel{
        float: left;
        width: 100%;
    }
    .tab-news .tab-header{
        margin-top: 60px;
        padding: 0px;
    }
    .ui-tabs .ui-tabs-nav{
        background: #ccc;
        height: auto;
        padding: 10px 0px !important;
    }
    .ui-tabs .ui-tabs-nav{
        float: left;
        width: 100%;
        text-align: center;
    }
    .ui-tabs .ui-tabs-nav li{
        display: inline-block;
    }
    .ui-tabs .ui-tabs-nav li a{
        height: auto;
        float: none;
    }
    .ui-tabs .ui-tabs-nav li{
        height: auto !important;
        line-height: 22px !important;
    }
}