@media screen and (max-width: 1136px) {
    .menu ul.nav li a, .menu ul.nav li.open li a {
        padding: 8px 10px;
    }

    .thitruong .nav-tabs > li.active > a, .thitruong .nav-tabs > li.active > a:hover, .thitruong .nav-tabs > li.active > a:focus {
        font-size: 11px;
        padding: 9px 8px 8px;
    }

    .thitruong .nav-tabs > li > a {
        font-size: 11px;
        padding: 7px 7px;
    }

    #chungkhoan_chart1 {
        width: 100%;
    }

    .market table {
        font-size: 11px
    }

    .col-md-9 .date {
        padding-left: 0px;
        padding-right: 0px;
    }

    .tinnong span {
        display: none;
    }

}

@media screen and (max-width: 1024px) {
    #nav > ul > li > a {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0px;
        text-decoration: none;
        line-height: 4.5rem;
        color: #ffffff;
    }

    .logo {
        float: left;
    }

    .sidebar-item-head {
        background: #fe6700;
    }

    .sidebar-item-head span:after {
        display: none;
    }

    .sidebar-item-head span:before {
        display: none;
    }

    .textCCKD {
        float: left;
        width: 52%;
    }

    .begin-ft span {
        display: block;
        margin-top: 0;
        margin-left: 40%;
        float: left;
    }

    .textTopNews {
        float: left;
        width: 80%;
    }

    .list-exchange li {
        padding-top: 3%;
    }
}

@media screen and (max-width: 992px) {
    #nav {
        width: 100%
    }

    #nav ul {
        width: 100%;
        display: none
    }

    #nav ul li {
        width: 100%;
        border-top: 1px solid #444
    }

    #nav ul li:hover {
        background: #363636;
    }

    #nav ul ul li, #nav li:hover > ul > li {
        height: auto
    }

    #nav ul li a, #nav ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    #nav > ul > li {
        float: none
    }

    #nav ul ul li a {
        padding-left: 25px
    }

    #nav ul ul li {
        background: #333 !important;
    }

    #nav ul ul li:hover {
        background: #363636 !important
    }

    #nav ul ul ul li a {
        padding-left: 35px
    }

    #nav ul ul li a {
        color: #ffffff;
        background: none
    }

    #nav ul ul li:hover > a, #nav ul ul li.active > a {
        color: #ffffff
    }

    #nav ul ul, #nav ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    #nav > ul > li.has-sub > a:after, #nav > ul > li.has-sub > a:before, #nav ul ul > li.has-sub > a:after, #nav ul ul > li.has-sub > a:before {
        display: none
    }

    #nav #head-mobile {
        display: block;
        padding: 5px;
    }

    .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #nav .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    #nav .submenu-button.submenu-opened {
        background: #262626
    }

    #nav ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #nav .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ffffff;
        content: ''
    }

    #nav ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #nav .submenu-button.submenu-opened:after {
        background: #fff
    }

    #nav .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ffffff;
        content: ''
    }

    #nav ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #nav .submenu-button.submenu-opened:before {
        display: none
    }

    #nav ul ul ul li.active a {
        border-left: none
    }

    #nav > ul > li.has-sub > ul > li.active > a, #nav > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }

    .tin-c1 {
        float: left;
        width: 50%;
    }

    .tin-c2 {
        float: left;
        width: 50%;
    }

    .tin-c3 {
    }

    .ttck-top {
        display: none;
    }

    .ttck {
        display: none;
    }

    .ttck-mobile {
        display: block;
    }

    .ttck-mobile .img-story a img {
        width: 100%;
        height: 140px;
        margin-right: 20px;
    }

    .ttck-mobile > ul > li {
        float: left;
        width: 100%;
        padding: 12px 0;
    }

    .tin-moi {
        display: none;
    }

    .tinhot {
        float: left;
        width: 60%;
    }

    .tinhot .news3 img {
        float: left;
        margin-right: 10px;
        width: 30%;
        height: auto;
        margin-top: 5px;
    }

    .nhomtin {
        width: 70%;
        float: left;
    }

    .profile_DN {
        width: 100%;
    }

    .profile_DN {
        width: 100%;
    }

    .top-logo {
        display: none;
    }

    .stock-table {
        display: none;
    }

    .end-content {
        float: left;
        width: 100%;
    }

    .side-right {
        float: left;
        width: 30%;
    }

    .row-news {
        width: 100%;
    }

    .news4 img {
        width: 100%;
        height: auto;
    }

    .sub-ct {
        display: none;
    }

    .img-story a img {
        width: 100%;
        height: 200px;
        margin-right: 20px;
    }

    .tit-story {
        margin-left: 20px;
        width: 42.8%;
        float: left;
    }

    .img-overflow img {
        border: 0 none;
        height: auto;
        width: 100%;
        vertical-align: middle;
    }

    .block-tin {
        width: 50%;
        float: left;
    }

    .block-tin .news5 img {
        width: 100%;
        height: 170px;
    }

    .textHotNews {
        float: left;
        width: 64%;
    }

    .news6 .newsblock .title {
        display: inherit;
        margin-top: 5px;
        width: 100%;
    }

    .footer-block {
        width: 33%;
        float: left;
    }

    .thitruong {
        margin-top: 10px;
    }

    .begin-ft img {
        float: left;
        margin-top: 3%;
    }

    .begin-ft ul li {
        padding-left: 10px;
        line-height: 10px;
    }

    .col1-ft li {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 11px;
        font-weight: bold;
        font-family: roboto;
    }

    .social {
        cursor: pointer;
        float: right;
        margin-top: 4%;
    }

    .begin-ft span {
        display: block;
        margin-top: 3%;
        margin-left: 15%;
        float: left;
    }

    #nav {
        width: 100%;
        border-bottom: none;
        list-style-type: none;
        float: left;
        left: 0;
    }
}

@media screen and (max-width: 768px) {

    .wrap-search {
        display: block;
        margin: 20px 0 0;
    }
    
    #nav {
        width: 100%
    }

    #nav ul {
        width: 100%;
        display: none
    }

    #nav ul li {
        width: 100%;
        border-top: 1px solid #444
    }

    #nav ul li:hover {
        background: #363636;
    }

    #nav ul ul li, #nav li:hover > ul > li {
        height: auto
    }

    #nav ul li a, #nav ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    #nav > ul > li {
        float: none
    }

    #nav ul ul li a {
        padding-left: 25px
    }

    #nav ul ul li {
        background: #333 !important;
    }

    #nav ul ul li:hover {
        background: #363636 !important
    }

    #nav ul ul ul li a {
        padding-left: 35px
    }

    #nav ul ul li a {
        color: #ffffff;
        background: none
    }

    #nav ul ul li:hover > a, #nav ul ul li.active > a {
        color: #ffffff
    }

    #nav ul ul, #nav ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    #nav > ul > li.has-sub > a:after, #nav > ul > li.has-sub > a:before, #nav ul ul > li.has-sub > a:after, #nav ul ul > li.has-sub > a:before {
        display: none
    }

    .logo2 {
        float: left;
        max-width: 15%;
    }

    #nav #head-mobile {
        display: block;
        padding: 2px;
    }

    .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #nav .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    #nav .submenu-button.submenu-opened {
        background: #262626
    }

    #nav ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #nav .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ffffff;
        content: ''
    }

    #nav ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #nav .submenu-button.submenu-opened:after {
        background: #fff
    }

    #nav .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ffffff;
        content: ''
    }

    #nav ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #nav .submenu-button.submenu-opened:before {
        display: none
    }

    #nav ul ul ul li.active a {
        border-left: none
    }

    #nav > ul > li.has-sub > ul > li.active > a, #nav > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }

    .top-menu .table #td-4 {
        display: none;
    }

    .tin-c1 {
        float: left;
        width: 50%;
    }

    .tin-c2 {
        float: left;
        width: 50%;
    }

    .tin-c3 {
    }

    .ttck-top {
        display: none;
    }

    .ttck {
        display: none;
    }

    .ttck-mobile {
        display: block;
    }

    .ttck-mobile .img-story a img {
        width: 100%;
        height: 140px;
        margin-right: 20px;
    }

    .ttck-mobile > ul > li {
        float: left;
        width: 100%;
        padding: 12px 0;
    }

    .tin-moi {
        display: none;
    }

    .tit-story h3 {
        line-height: 30px;
        font-size: 18px;
    }

    .tinhot {
        float: left;
        width: 60%;
    }

    .tinhot .news3 img {
        float: left;
        margin-right: 10px;
        width: 30%;
        height: auto;
        margin-top: 5px;
    }

    .nhomtin {
        width: 100%;
    }

    .top-profile {
        padding: 30px 0px;
    }

    .profile_DN {
        width: 100%;
    }

    .profile_DN .col-md-9, .profile_DN .col-md-3 {
        width: 100%;
    }

    .company .gdstatus {
        padding-left: 0px;
    }

    .top-logo {
        display: none;
    }

    .logo {
        margin-bottom: 0px;
        float: left;
        margin-top: 4%;
    }

    .stock-table {
        display: block;
        margin-left: 0;
        width: 100%;
        margin-top: 3%;
        float: left;
    }

    .list-exchange li {
        font-size: 11px;
        padding: 0 0 0 2px;
        float: left;
        width: 33%;
    }

    .list-exchange li span {
        display: block;
        padding-right: 0;
    }

    .list-exchange .info-ex {
        min-width: 126px;
    }

    .img-index {
        margin-right: 3px;
    }

    .list-exchange li span.color-down, .list-exchange li span.color-up, .list-exchange li span.color-static {
        display: inline-block;
        padding-left: 10px;
    }

    .button {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
        color: #fff;
        font-size: 26pt;
        margin-top: -44px;
    }

    .navbar-nav {
        margin: 0;
    }

    .end-content {
        float: left;
        width: 100%;
    }

    .side-right {
        float: left;
        display: none;
        width: 40%;
    }

    .row-news {
        width: 100%;
    }

    .news4 img {
        width: 100%;
        height: auto;
    }

    .sub-ct {
        display: none;
    }

    .img-story a img {
        width: 100%;
        height: auto;
        margin-right: 20px;
    }

    .tit-story {
        margin-left: 15px;
        width: 66%;
        float: left;
    }

    .img-overflow img {
        border: 0 none;
        width: 100%;
        max-height: 350px;
        vertical-align: middle;
    }

    .block-tin {
        width: 50%;
        float: left;
    }

    .block-tin .news5 img {
        width: 100%;
        max-height: 200px;
        min-height: 200px;
    }

    .textHotNews {
        float: left;
        width: 64%;
    }

    .news6 .newsblock .title {
        display: inherit;
        margin-top: 5px;
        width: 100%;
    }

    .footer-block {
        width: 33%;
        float: left;
    }

    .thitruong {
        margin-top: 10px;
    }

    .begin-ft img {
        float: left;
        margin-top: 3%;
    }

    .begin-ft ul li {
        padding-left: 10px;
        line-height: 10px;
    }

    .col1-ft li {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 11px;
        font-weight: bold;
        font-family: roboto;
    }

    .social {
        cursor: pointer;
        float: right;
        margin-top: 4%;
    }

    .begin-ft span {
        display: block;
        margin-top: 3%;
        margin-left: 15%;
        float: left;
    }

    #nav {
        width: 100%;
        border-bottom: none;
        list-style-type: none;
        float: left;
        left: 0;
    }

    .list-exchange .info-ex {
        min-width: 182px;
    }

    .list-exchange li span {
        padding-right: 3px;
    }

    .news-detail img, .news-detail table {
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 480px) {

    .logo2 {
        max-width: 25%;
    }

    #nav {
        width: 100%
    }

    #nav ul {
        width: 100%;
        display: none
    }

    #nav ul li {
        width: 100%;
        border-top: 1px solid #444
    }

    #nav ul li:hover {
        background: #363636;
    }

    #nav ul ul li, #nav li:hover > ul > li {
        height: auto
    }

    #nav ul li a, #nav ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    #nav > ul > li {
        float: none
    }

    #nav ul ul li a {
        padding-left: 25px
    }

    #nav ul ul li {
        background: #333 !important;
    }

    #nav ul ul li:hover {
        background: #363636 !important
    }

    #nav ul ul ul li a {
        padding-left: 35px
    }

    #nav ul ul li a {
        color: #ffffff;
        background: none
    }

    #nav ul ul li:hover > a, #nav ul ul li.active > a {
        color: #ffffff
    }

    #nav ul ul, #nav ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    #nav > ul > li.has-sub > a:after, #nav > ul > li.has-sub > a:before, #nav ul ul > li.has-sub > a:after, #nav ul ul > li.has-sub > a:before {
        display: none
    }

    #nav #head-mobile {
        display: block;
        padding: 17px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700
    }

    #nav .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #nav .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    #nav .submenu-button.submenu-opened {
        background: #262626
    }

    #nav ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #nav .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ffffff;
        content: ''
    }

    #nav ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #nav .submenu-button.submenu-opened:after {
        background: #fff
    }

    #nav .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ffffff;
        content: ''
    }

    #nav ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #nav .submenu-button.submenu-opened:before {
        display: none
    }

    #nav ul ul ul li.active a {
        border-left: none
    }

    #nav > ul > li.has-sub > ul > li.active > a, #nav > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }

    .nav > li > a {
        padding: 10px 13px;
    }

    .tin-c1 {
        float: left;
        width: 100%;
    }

    .tin-c2 {
        float: left;
        width: 100%;
    }

    .tin-c3 {
    }

    .ttck-top {
        display: none;
    }

    .ttck {
        display: none;
    }

    .ttck-mobile {
        display: block;
    }

    .ttck-mobile .img-story a img {
        width: 100%;
        height: 240px;
        margin-right: 0px;
    }

    .ttck-mobile > ul > li {
        float: left;
        width: 100%;
        padding: 12px 0;
    }

    .tin-moi {
        display: none;
    }

    .tinhot {
        float: left;
        width: 100%;
    }

    .tinhot .news3 img {
        float: left;
        margin-right: 10px;
        width: 30%;
        height: auto;
        margin-top: 5px;
    }

    .nhomtin {
        width: 100%;
    }

    .profile_DN {
        width: 100%;
    }

    .profile_DN {
        width: 100%;
    }

    .logo {
        text-align: center;
    }

    .top-logo {
        display: none;
    }

    .end-content {
        float: left;
        width: 100%;
    }

    .img-story {
        width: 100%;
        height: auto;
    }

    .side-right {
        float: left;
        width: 100%;
    }

    .row-news {
        width: 100%;
    }

    .news4 img {
        width: 100%;
        height: auto;
    }

    .sub-ct {
        display: none;
    }

    .img-story a img {
        width: 100%;
        height: 200px;
        margin-right: 0px;
    }

    .tit-story {
        margin-left: 0;
        width: 100%;
        float: left;
    }

    .img-overflow img {
        border: 0 none;
        height: auto;
        width: 100%;
        vertical-align: middle;
    }

    .block-tin {
        width: 100%;
        float: left;
    }

    .block-tin .news5 img {
        width: 100%;
        min-height: 200px;
        max-height: 200px;
    }

    .textHotNews {
        float: left;
        width: 64%;
    }

    .news6 .newsblock .title {
        display: inherit;
        margin-top: 5px;
        width: 100%;
    }

    .footer-block {
        width: 100%;
        float: left;
    }

    .thitruong {
        margin-top: 10px;
    }

    .begin-ft img {
        float: left;
        margin-top: 3%;
    }

    .begin-ft ul li {
        padding-left: 10px;
        line-height: 10px;
    }

    .col1-ft li {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 11px;
        font-weight: bold;
        font-family: roboto;
    }

    .social {
        cursor: pointer;
        float: right;
        margin-top: 4%;
    }

    .begin-ft span {
        display: block;
        margin-top: 3%;
        margin-left: 0;
        float: left;
    }

    .textCCKD {
        float: left;
        width: 70%;
    }

    .stock-table {
        display: block;
        margin-left: 0;
        width: 100%;
        margin-top: 3%;
        float: left;
    }

    .list-exchange li {
        font-size: 11px;
        padding: 15px 0 0 2px;
        float: left;
        width: 33%;
    }

    .list-exchange li span {
        display: block;
        padding-right: 0;
    }

    .list-exchange .info-ex {
        min-width: 126px;
    }

    .img-index {
        margin-right: 3px;
    }

    .list-exchange li span.color-down, .list-exchange li span.color-up, .list-exchange li span.color-static {
        display: inline-block;
        padding-left: 10px;
    }

    .button {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
        color: #fff;
        font-size: 26pt;
        margin-top: 37px;
    }

    .als-nodata {
        display: none;
    }

    .navbar-nav {
        margin: 0;
    }

    #head-mobile {
        margin-bottom: 48px;
    }

    #nav {
        width: 100%;
        border-bottom: none;
        list-style-type: none;
        float: left;
        margin-top: -78px;
        background: none;
    }
}

@media screen and (max-width: 360px) {
    #nav {
        width: 100%
    }

    #nav ul {
        width: 100%;
        display: none
    }

    #nav ul li {
        width: 100%;
        border-top: 1px solid #444
    }

    #nav ul li:hover {
        background: #363636;
    }

    #nav ul ul li, #nav li:hover > ul > li {
        height: auto
    }

    #nav ul li a, #nav ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    #nav > ul > li {
        float: none
    }

    #nav ul ul li a {
        padding-left: 25px
    }

    #nav ul ul li {
        background: #333 !important;
    }

    #nav ul ul li:hover {
        background: #363636 !important
    }

    #nav ul ul ul li a {
        padding-left: 35px
    }

    #nav ul ul li a {
        color: #ffffff;
        background: none
    }

    #nav ul ul li:hover > a, #nav ul ul li.active > a {
        color: #ffffff
    }

    #nav ul ul, #nav ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    #nav > ul > li.has-sub > a:after, #nav > ul > li.has-sub > a:before, #nav ul ul > li.has-sub > a:after, #nav ul ul > li.has-sub > a:before {
        display: none
    }

    #nav #head-mobile {
        display: block;
        padding: 20px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700
    }

    .button {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
        color: #fff;
        font-size: 26pt;
        margin-top: 40px;
    }

    .navbar-nav {
        margin: 0;
    }

    #head-mobile {
        margin-bottom: 44px;
    }

    .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #nav .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    #nav .submenu-button.submenu-opened {
        background: #262626
    }

    #nav ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #nav .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ffffff;
        content: ''
    }

    #nav ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #nav .submenu-button.submenu-opened:after {
        background: #fff
    }

    #nav .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ffffff;
        content: ''
    }

    #nav ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #nav .submenu-button.submenu-opened:before {
        display: none
    }

    #nav ul ul ul li.active a {
        border-left: none
    }

    #nav > ul > li.has-sub > ul > li.active > a, #nav > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }

    #favorites * {
        font-size: 9px;
    }

    .tin-c1 {
        float: left;
        width: 100%;
    }

    .tin-c2 {
        float: left;
        width: 100%;
    }

    .tin-c3 {
    }

    .ttck-top {
        display: none;
    }

    .ttck {
        display: none;
    }

    .ttck-mobile {
        display: block;
    }

    .ttck-mobile .img-story a img {
        width: 100%;
        height: 240px;
        margin-right: 0px;
    }

    .ttck-mobile > ul > li {
        float: left;
        width: 100%;
        padding: 12px 0;
    }

    .tin-moi {
        display: none;
    }

    .tinhot {
        float: left;
        width: 100%;
    }

    .tinhot .news3 img {
        float: left;
        margin-right: 10px;
        width: 30%;
        height: auto;
        margin-top: 5px;
    }

    .nhomtin {
        width: 100%;
    }

    .profile_DN {
        width: 100%;
    }

    .profile_DN {
        width: 100%;
    }

    .logo {
        text-align: center;
    }

    .top-logo {
        display: none;
    }

    .index {
        font-size: 12px;
    }

    .stock-table {
        display: block;
        margin-left: 0;
        width: 100%;
        margin-top: 3%;
        float: left;
    }

    .list-exchange li {
        font-size: 11px;
        padding: 15px 0 0 2px;
        float: left;
        width: 33%;
    }

    .list-exchange li span {
        display: block;
        padding-right: 0;
    }

    .list-exchange .info-ex {
        min-width: 94px;
    }

    .img-index {
        margin-right: 3px;
    }

    .list-exchange li span.color-down, .list-exchange li span.color-up, .list-exchange li span.color-static {
        display: inline-block;
        padding-left: 5px;
    }

    .end-content {
        float: left;
        width: 100%;
    }

    .img-story {
        width: 100%;
        height: auto;
    }

    .side-right {
        float: left;
        width: 100%;
    }

    .textCCKD {
        float: left;
        width: 69%;
    }

    .row-news {
        width: 100%;
    }

    .news4 img {
        width: 100%;
        height: auto;
    }

    .sub-ct {
        display: none;
    }

    .img-story a img {
        width: 100%;
        height: 200px;
        margin-right: 0px;
    }

    .tit-story {
        margin-left: 0;
        width: 100%;
        float: left;
    }

    .img-overflow img {
        border: 0 none;
        height: auto;
        width: 100%;
        vertical-align: middle;
    }

    .block-tin {
        width: 100%;
        float: left;
    }

    .block-tin .news5 img {
        width: 100%;
        height: 170px;
    }

    .textHotNews {
        float: left;
        width: 64%;
    }

    .news6 .newsblock .title {
        display: inherit;
        margin-top: 5px;
        width: 100%;
    }

    .footer-block {
        width: 100%;
        float: left;
    }

    .thitruong {
        margin-top: 10px;
    }

    .begin-ft ul {
        display: block;
        float: left;
        width: 70%;
    }

    .begin-ft img {
        float: left;
        margin-top: 3%;
    }

    .begin-ft ul li {
        padding-left: 10px;
        line-height: 10px;
    }

    .begin-ft span {
        display: block;
        margin-top: 3%;
        margin-left: 0;
        float: left;
    }

    .col1-ft li {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 11px;
        font-weight: bold;
        font-family: roboto;
    }

    .social {
        cursor: pointer;
        float: right;
        margin-top: 4%;
    }

    #nav {
        width: 100%;
        border-bottom: none;
        list-style-type: none;
        float: left;
        left: 0;
    }
}