/* xong */
@media screen and (max-width: 319px){
    .register-content{position: initial;}
    .header img{width: 80px;height: auto;}
    .header{padding: 0px;}
    .fixed-register{display: none;}
    .menu-horizontal{width: 100%;}
    .navbar-toggle,.icon-bar{border: 1px solid #1a6027 !important;}
    .menu-horizontal .navbar-nav > li > a{border: none;}
    .menu-horizontal .navbar-nav > li > a{padding: 10px 5px;box-sizing: border-box;}
    .navbar-nav{margin: 0px;}
    #tienich .col-sm-12 li{width: 100%;}
    .box{padding-top: 20px;}
    .post-other .item .news-thumbnail{height: auto;}
    .list-order .post-other{margin-top: 30px;}
    .list-order .news-info{width: 100%;padding: 0px 0px;}
    #divPostContent .news img{width: 100px !Important;height: auto !Important;}
    h2.heading{font-size: 14px;}

    h2.heading, h1.heading{
        font-size: 20px;
    }
    .form_ngang .large-12{
        width: 100%;
        padding: 15px 15px;
    }
    .form_ngang .title{
        font-size: 20px;
    }
    .form_ngang p.desc{
        max-width: 100%;
    }
    .header img{
        height: 57px;
    }
    .btn-register{
        padding: 6px 7px;
    }
    .gallery .gallery-item{
        width: 100% !Important;
    }
    span.logo{
        position: absolute;
        left: 50%;
    }
    .navbar-toggle{
        margin-top: 12px;
        float: none;
    }
    .navbar-toggle, .icon-bar {
        border: 1px solid #c60000 !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .register-content{position: initial;}
    .navbar-toggle,.icon-bar{border: 1px solid #1a6027 !important;}
    .menu-horizontal .navbar-nav > li > a{border: none;}
    .menu-horizontal .navbar-nav > li > a{padding: 10px 5px;box-sizing: border-box;}
    .navbar-nav{margin: 0px;}
    #tienich .col-sm-12 li{width: 100%;}
    .box{padding-top: 20px;}
    .post-other .item .news-thumbnail{height: auto;}
    .list-order .post-other{margin-top: 30px;}
    .list-order .news-info{width: 100%;padding: 0px 0px;}
    #divPostContent .news img{width: 100px !Important;height: auto !Important;}
    #logo-footer{text-align: center;}
    #logo-footer img{display: inline-block;}
    h2.heading{font-size: 16px;}

    h2.heading, h1.heading{
        font-size: 20px;
    }
    .form_ngang .large-12{
        width: 100%;
        padding: 15px 15px;
    }
    .form_ngang .title{
        font-size: 20px;
    }
    .form_ngang p.desc{
        max-width: 100%;
    }
    .header img{
        height: 57px;
    }
    .btn-register{
        padding: 6px 7px;
    }
    .gallery .gallery-item{
        width: 100% !Important;
    }
    span.logo{
        position: absolute;
        left: 50%;
    }
    .navbar-toggle{
        margin-top: 12px;
        float: none;
    }
    .navbar-toggle, .icon-bar {
        border: 1px solid #c60000 !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .register-content{position: initial;}
    .header img{height: 50px;}
    .header{padding: 0px;}
    .navbar-toggle,.icon-bar{border: 1px solid #1a6027 !important;}
    .menu-horizontal .navbar-nav > li > a{border: none;}
    .menu-horizontal .navbar-nav > li > a{padding: 10px 5px;box-sizing: border-box;}
    .navbar-nav{margin: 0px;}
    #tienich .col-sm-12 li{width: 100%;}
    .box{padding-top: 20px;}
    .post-other .item .news-thumbnail{height: auto;}
    .list-order .post-other{margin-top: 30px;}
    .list-order .news-info{width: 100%;padding: 0px 0px;}
    #divPostContent .news img{width: 100px !Important;height: auto !Important;}
    #logo-footer{text-align: center;}
    #logo-footer img{display: inline-block;}
    h2.heading{font-size: 18px;}

    h2.heading, h1.heading{
        font-size: 20px;
    }
    .form_ngang .large-12{
        width: 100%;
        padding: 15px 15px;
    }
    .form_ngang .title{
        font-size: 20px;
    }
    .form_ngang p.desc{
        max-width: 100%;
    }
    .header img{
        height: 57px;
    }
    .btn-register{
        padding: 6px 7px;
    }
    .gallery .gallery-item{
        width: 100% !Important;
    }

    span.logo{
        position: absolute;
        left: 50%;
    }
    .navbar-toggle{
        margin-top: 12px;
        float: none;
    }
    .navbar-toggle, .icon-bar {
        border: 1px solid #c60000 !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .register-content{position: initial;}
    .header img{height: 50px;}
    .header{padding: 0px;}
    .navbar-toggle,.icon-bar{border: 1px solid #1a6027 !important;}
    .menu-horizontal .navbar-nav > li > a{border: none;}
    .menu-horizontal .navbar-nav > li > a{padding: 10px 5px;box-sizing: border-box;font-size: 12px;}
    .navbar-nav{margin: 0px;}
    #tienich .col-sm-12 li{width: 100%;}
    .box{padding-top: 20px;}
    .post-other .item .news-thumbnail{height: auto;}
    .list-order .post-other{margin-top: 30px;}
    .list-order .news-info{width: 100%;padding: 0px 0px;}
    #divPostContent .news img{width: 100px !Important;height: auto !Important;}
    #logo-footer{text-align: center;}
    #logo-footer img{display: inline-block;}
    .menu-horizontal .navbar-nav{margin-top: 5px;}
    .header img{width: 55px;margin-top: 5px;}

    h2.heading, h1.heading{
        font-size: 20px;
    }
    .form_ngang .large-12{
        width: 100%;
        padding: 15px 15px;
    }
    .form_ngang .title{
        font-size: 20px;
    }
    .form_ngang p.desc{
        max-width: 100%;
    }
    .header img{
        height: 57px;
    }
    .btn-register{
        padding: 6px 7px;
    }

    span.logo{
        position: absolute;
        left: 50%;
    }
    .navbar-toggle{
        margin-top: 12px;
        float: none;
    }
    .navbar-toggle, .icon-bar {
        border: 1px solid #c60000 !important;
    }
}
@media (min-width: 993px) and (max-width: 1199px) {
    .register-content{position: initial;}
    .header img{height: 50px;}
    .header{padding: 0px;}
    .navbar-toggle,.icon-bar{border: 1px solid #1a6027 !important;}
    .menu-horizontal .navbar-nav > li > a{border: none;}
    .menu-horizontal .navbar-nav > li > a{padding: 10px 5px;}
    .navbar-nav{margin: 0px;}
    #tienich .col-sm-12 li{width: 100%;}
    .box{padding-top: 20px;}
    .post-other .item .news-thumbnail{height: auto;}
    .list-order .post-other{margin-top: 30px;}
    .list-order .news-info{width: 100%;padding: 0px 0px;}
    #divPostContent .news img{width: 100px !Important;height: auto !Important;}
    #logo-footer{text-align: center;}
    #logo-footer img{display: inline-block;}
    .menu-horizontal .navbar-nav{margin-top: 5px;}
    .header img{width: 55px;margin-top: 5px;}
}