@media screen and (max-width: 320px) {
    .activity_pt {
        height: 150px;
    }
    .course-content h5:first-child{
        margin-top: 0;
    }
    .table-detail thead tr td:last-child, .table-detail thead tr td:first-child {
        width: 50%;
    }
    .panel-heading {
        background: #004175 !important;
        border-bottom: none !important;
    }
    .service-input {
        background: #ea2300;
        padding-bottom: 20px;
        border-radius: 3px;
        margin-top: 10px;
    }
    .service-input label {
        color: #fff;
    }
    .service a.m-30 {
        margin: 0 0 !important;
    }
    .mb-visible {
        display: block !important;
    }
    .desk-visible {
        display: none !important;
    }
    .form-group {
        margin-bottom: 10px;
    }
    .fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }
    h4.service-price {
        font-size: 12px !important;
    }
    .center-content{
        width: 100%;
    }
    .panel-heading a span{
        font-size: 10px;
        color: #000 !important;
    }
    .panel-body {
        padding: 5px;
    }
    .panel-heading span{
        font-size: 11px;
        color: #fff !important;
    }
    .form-control{
        margin-bottom: 5px;
    }
    .right-content{
        width: 91%;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        border-radius: 4px;
    }
    .article-item .article-thumbnail a img{
        width: 85%;
        height: 85%;
    }
    .article-list.listing-layout article .article-title{
        font-size: 13px;
    }
    .article-list.listing-layout article {
        padding-left: 82px;
        min-height: 70px;
    }
    .right-content h2{
        margin-top: 0;
    }
    .footer-address{
        margin-bottom: 0;
    }
    .table-article {
        font-size: 13px;
    }
    .article-feature.listing-layout article{
        padding-left: 80px;
    }
    .detail_view iframe{
        width: 278px;
        height:156px;
    }
    .tab-detail .nav > li > a{
        padding: 4px 7px;
        font-size: 13px;
    }
    .tab-detail .nav-tabs{
        border-bottom: none;
    }
    .panel-body {
        font-size: 12px;
        text-align: left;
    }
    .panel-group{
        margin-bottom: 0;
    }
    .table-detail .title-detail{
        font-size: 12px;
    }
    .panel-default > .panel-heading a{
        font-size: 12px;
    }
    .associate {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navbar-default{
        background-color: #fff;
    }
    .navbar-default .navbar-brand{
        color: #000;
        text-transform: capitalize;
        font-size: 15px;
        line-height: 18px;
    }
    .navbar-default .navbar-brand:hover{
        color: #000;
    }
    .navbar-brand img{
        width: 35px;
        float: left;
        margin-right: 10px;
        margin-top: -7px;
    }
    .lecture-tools li{
        font-size: 10px;
    }
    .lecture-tools li i{
        margin-right: -5px;
        font-size: 12px;
    }
    .lecture-tools{
        margin-top: 10px;
    }
    .no-margin iframe{
        width: 290px;
        height:146px;
    }
    .lecture-player .lecture-back {
        margin-top: -4px;
    }
    .lecture-container-header li a{
        line-height: 20px;
    }
    .lecture .list-lecture-container .chap-title{
        font-size: 13px;
        padding: 5px 9px;
    }
    .chap-item .item-container .chap-item-content{
        margin-left: 20px;
        padding-top: 0px;
        padding-bottom: 4px;
    }
    .associate ul li {
        padding-right: 15px;
    }
    .the-article-header h1{
        font-size: 24px;
        text-align: center;
        font-family: r-light;
    }
    .the-article-summary{
        font-size: 14px;
        font-family: r-light;
    }
    strong{
        font-size: 14px;
        font-family: r-light;
    }
    .cms-body p {
        font-size: 14px;
        font-family: r-light;
    }
    .detail-service img{
        float: none;
        margin-left: -20px;
    }
    .content-payment {
        padding-top: 2px;
        margin-top: 10px;
    }
    .body-payment{
        margin-top: 10px;
    }
    .fa-money, .fa-credit-card, .fa-bank, .fa-building, .fa-dollar{
        font-size: 40px;
    }
    .body-payment h5{
        font-size: 16px;
        margin-top: 10px;
    }
    .body-payment h6 {
        font-size: 15px;
        padding-left: 10px;
    }
    .content-payment ul {
        margin-left: 10px;
    }
    .content-payment ul li{
        font-size: 12px;
    }
    .fa-arrow-right{
        font-size: 9px;
    }
    .content-payment p{
        margin-left: 10px;
        font-size: 13px;
    }
    .error-detail{
        margin-top: 10px;
        padding-bottom: 30px;
    }
    .btn-success-error,.btn-primary-error{
        font-size: 11px;
    }
    .signup-form h2{
        font-size: 28px;
    }
    .service-card a {
        width: 100%;
    }
    .quest-all .panel-heading{
        background-color: #fff !important;
    }

    #subscription .modal-content .close{
        top:-40px;
    }

    .list-comments .badge-danger{
        background-color: #ed5564 !important;
    }
    .list-comments .panel-body{
        padding-left:2px;
    }
    .list-comments .panel-body #content_center{
        margin-left: 17px;
    }
    .list-comments .panel-body #content_footer{
        margin-left: -20px;
    }
    .list-comments .panel-body #content_header{
        margin-left: -12px;
    }
    .list-comments .panel-body #content_center a{
        font-size: 11px;
        line-height: 10px;
    }
    #badge_free_view{
        left: 62%;
    }
    .table-info .ios-viviet a img{
        width: 100%;
    }
    .table-info .ios-viviet1 a img{
        width: 107%;
    }
    .list-unstyle a img{
        width: 35%;
    }
    .item .col-md-6.col-sm-12.col-xs-12, .service-area.col-md-12.col-sm-12 {
        padding-left: 15px;
    }
    #noti_app .img_app_dowload a img{
        width: 45%;

    }
    .img_app_dowload_1 a img{
        width: 40%;
    }
}
@media screen and (max-width: 360px) and (min-width: 321px){
    .activity_pt {
        height: 150px;
    }
    .course-content h5:first-child{
        margin-top: 0;
    }
    .table-detail thead tr td:last-child, .table-detail thead tr td:first-child {
        width: 50%;
    }
    .panel-heading {
        background: #004175 !important;
        border-bottom: none !important;
    }
    .service-input {
        background: #ea2300;
        padding-bottom: 20px;
        border-radius: 3px;
        margin-top: 10px;
    }
    .service-input label {
        color: #fff;
    }
    .service a.m-30 {
        margin: 0 0 !important;
    }
    .mb-visible {
        display: block !important;
    }
    .desk-visible {
        display: none !important;
    }
    .form-group {
        margin-bottom: 10px;
    }
    .item .col-md-6.col-sm-12.col-xs-12, .service-area.col-md-12.col-sm-12 {
        padding-left: 15px;
    }
    h4.service-price {
        font-size: 12px !important;
    }
    .center-content{
        width: 100%;
    }
    .panel-heading a span{
        font-size: 13px;
        color: #000 !important;
    }
    .panel-body {
        padding: 5px;
    }
    .panel-heading span{
        font-size: 13px;
        color: #fff !important;
    }
    .form-control{
        margin-bottom: 5px;
    }
    .right-content{
        width: 91%;
        margin-left: 16px;
        margin-right: 15px;
        margin-bottom: 15px;
        border-radius: 4px;
    }
    .article-item .article-thumbnail a img{
        width: 85%;
        height: 85%;
    }
    .article-list.listing-layout article .article-title{
        font-size: 13px;
    }
    .article-list.listing-layout article {
        padding-left: 82px;
        min-height: 70px;
    }
    .right-content h2{
        margin-top: 0;
    }
    .footer-address{
        margin-bottom: 0;
    }
    .table-article {
        font-size: 13px;
    }
    .article-feature.listing-layout article{
        padding-left: 80px;
    }
    .detail_view iframe{
        width: 318px;
        height:180px;
    }
    .tab-detail .nav > li > a{
        padding: 4px 7px;
        font-size: 13px;
    }
    .tab-detail .nav-tabs{
        border-bottom: none;
    }
    .panel-body {
        font-size: 13px;
        text-align: left;
    }
    .panel-group{
        margin-bottom: 0;
    }
    .table-detail .title-detail{
        font-size: 13px;
    }
    .panel-default > .panel-heading a{
        font-size: 14px;
    }
    .associate {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-default{
        background-color: #fff;
    }
    .navbar-default .navbar-brand{
        color: #000;
        text-transform: capitalize;
        font-size: 15px;
        line-height: 18px;
    }
    .navbar-default .navbar-brand:hover{
        color: #000;
    }
    .navbar-brand img{
        width: 35px;
        float: left;
        margin-right: 10px;
        margin-top: -7px;
    }

    .lecture-tools li{
        font-size: 10px;
    }
    .lecture-tools li i{
        margin-right: -5px;
        font-size: 12px;
    }
    .lecture-tools{
        margin-top: 10px;
    }
    .no-margin iframe{
        width: 336px;
        height:170px;
    }
    .lecture-player .lecture-back {
        margin-top: -4px;
    }
    .lecture-container-header li a{
        line-height: 20px;
    }
    .lecture .list-lecture-container .chap-title{
        font-size: 13px;
        padding: 5px 9px;
    }
    .chap-item .item-container .chap-item-content{
        margin-left: 20px;
        padding-top: 0px;
        padding-bottom: 4px;
    }
    .the-article-header h1{
        font-size: 24px;
        text-align: center;
    }
    .the-article-summary{
        font-size: 14px;
    }
    strong{
        font-size: 14px;
    }
    .cms-body p {
        font-size: 14px;
    }
    .detail-service img{
        float: none;
        margin-left: -20px;
    }
    .content-payment {
        padding-top: 2px;
        margin-top: 10px;
    }
    .body-payment{
        margin-top: 10px;
    }
    .fa-money, .fa-credit-card, .fa-bank, .fa-building, .fa-dollar{
        font-size: 40px;
    }
    .body-payment h5{
        font-size: 17px;
        margin-top: 10px;
    }
    .body-payment h6 {
        font-size: 16px;
        padding-left: 10px;
    }
    .content-payment ul {
        margin-left: 10px;
    }
    .content-payment ul li{
        font-size: 13px;
    }
    .fa-arrow-right{
        font-size: 10px;
    }
    .content-payment p{
        margin-left: 10px;
        font-size: 14px;
    }
    .error-detail{
        margin-top: 10px;
        padding-bottom: 30px;
    }
    .btn-success-error,.btn-primary-error{
        font-size: 11px;
    }
    .fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }
    .service-card a {
        width: 100%;
    }
    .quest-all .panel-heading{
        background-color: #fff !important;
    }

    #subscription .modal-content .close{
        top:-40px;
    }
    .list-comments .badge-danger{
        background-color: #ed5564 !important;
    }
    .list-comments .panel-body{
        padding-left:2px;
    }
    .list-comments .panel-body #content_center{
        margin-left: 17px;
    }
    .list-comments .panel-body #content_footer{
        margin-left: -20px;
    }
    .list-comments .panel-body #content_header{
        margin-left: -12px;
    }
    .list-comments .panel-body #content_center a{
        font-size: 12px;
        line-height: 10px;
    }
    #badge_free_view{
        left: 62%;
    }
    .table-info .ios-viviet a img{
        width: 100%;
    }
    .table-info .ios-viviet1 a img{
        width: 107%;
    }
    .list-unstyle a img{
        width: 35%;
    }
    .item .col-md-6.col-sm-12.col-xs-12, .service-area.col-md-12.col-sm-12 {
        padding-left: 15px;
    }

    #noti_app .img_app_dowload a img{
        width: 45%;

    }
    .img_app_dowload_1 a img{
        width: 40%;
    }
}
@media screen and (max-width: 375px) and (min-width: 361px){
    .activity_pt {
        height: 150px;
    }
    .course-content h5:first-child{
        margin-top: 0;
    }
    .table-detail thead tr td:last-child, .table-detail thead tr td:first-child {
        width: 50%;
    }
    .panel-heading {
        background: #004175 !important;
        border-bottom: none !important;
    }
    .service-input {
        background: #ea2300;
        padding-bottom: 20px;
        border-radius: 3px;
        margin-top: 10px;
    }
    .service-input label {
        color: #fff;
    }
    .service a.m-30 {
        margin: 0 0 !important;
    }
    .mb-visible {
        display: block !important;
    }
    .desk-visible {
        display: none !important;
    }
    .form-group {
        margin-bottom: px;
    }
    .item .col-md-6.col-sm-12.col-xs-12, .service-area.col-md-12.col-sm-12 {
        padding-left: 15px;
    }
    .center-content{
        width: 100%;
    }
    .panel-heading a span{
        font-size: 12px;
        color: #000 !important;
    }
    .panel-body {
        padding: 5px;
    }
    .panel-heading span{
        font-size: 14px;
        color: #fff !important;
    }
    .form-control{
        margin-bottom: 5px;
    }
    .article-thumbnail{
        width: 100%;
        clear: left;
    }
    .right-content{
        width: 91%;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        border-radius: 4px;
    }
    .article-item .article-thumbnail a img{
        width: 85%;
        height: 85%;
    }
    .table-info > tbody > tr > td {
        padding: 8px 0;
    }
    .table-info > tbody > tr > td:last-child {
        padding-left: 0px;
    }
    .payment-info td {
        font-size: 13px !important;
    }
    .article-list.listing-layout article .article-title{
        font-size: 13px;
    }
    .fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }
    .article-list.listing-layout article {
        padding-left: 82px;
        min-height: 70px;
    }
    .right-content h2{
        margin-top: 0;
    }
    .footer-address{
        margin-bottom: 0;
    }

    .table-article {
        font-size: 14px;
    }
    .article-feature.listing-layout article{
        padding-left: 80px;
    }
    .detail_view iframe{
        width: 332px;
        height:186px;
    }
    .tab-detail .nav > li > a{
        padding: 4px 7px;
        font-size: 13px;
    }
    .tab-detail .nav-tabs{
        border-bottom: none;
    }
    .panel-body {
        font-size: 13px;
        text-align: left;
    }
    .panel-group{
        margin-bottom: 0;
    }
    .table-detail .title-detail{
        font-size: 14px;
    }
    .panel-default > .panel-heading a{
        font-size: 14px;
    }
    .associate {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navbar-default{
        background-color: #fff;
    }
    .navbar-default .navbar-brand{
        color: #000;
        text-transform: capitalize;
        font-size: 15px;
        line-height: 18px;
    }
    .navbar-default .navbar-brand:hover{
        color: #000;
    }
    .navbar-brand img{
        width: 35px;
        float: left;
        margin-right: 10px;
        margin-top: -7px;
    }

    .lecture-tools li{
        font-size: 10px;
    }
    .lecture-tools li i{
        margin-right: -5px;
        font-size: 12px;
    }
    .lecture-tools{
        margin-top: 10px;
    }
    .no-margin iframe{
        width: 346px;
        height:178px;
    }
    .lecture-player .lecture-back {
        margin-top: -4px;
    }
    .lecture-container-header li a{
        line-height: 20px;
    }
    .lecture .list-lecture-container .chap-title{
        font-size: 13px;
        padding: 5px 13px;
    }
    .chap-item .item-container .chap-item-content{
        margin-left: 20px;
        padding-top: 0px;
        padding-bottom: 4px;
    }
    .the-article-header h1{
        font-size: 26px;
        text-align: center;
    }
    .the-article-summary{
        font-size: 15px;
    }
    strong{
        font-size: 15px;
    }
    .cms-body p {
        font-size: 15px;
    }
    .detail-service img{
        float: none;
        margin-left: -13px;
    }
    .content-payment {
        padding-top: 2px;
        margin-top: 10px;
    }
    .body-payment{
        margin-top: 10px;
    }
    .fa-money, .fa-credit-card, .fa-bank, .fa-building, .fa-dollar{
        font-size: 40px;
    }
    .body-payment h5{
        font-size: 18px;
        margin-top: 10px;
    }
    .body-payment h6 {
        font-size: 17px;
        padding-left: 10px;
    }
    .content-payment ul {
        margin-left: 10px;
    }
    .content-payment ul li{
        font-size: 14px;
    }
    .fa-arrow-right{
        font-size: 10px;
    }
    .content-payment p{
        margin-left: 10px;
        font-size: 15px;
    }

    .error-detail{
        margin-top: 10px;
        padding-bottom: 30px;
    }
    .btn-success-error,.btn-primary-error{
        font-size: 11px;
    }
    .panel-body {
        padding: 10px;
    }
    .service-card a {
        width: 100%;
    }
    .quest-all .panel-heading{
        background-color: #fff !important;
    }
    #subscription .modal-content .close{
        top:-40px;
    }
    .list-comments .badge-danger{
        background-color: #ed5564 !important;
    }
    .list-comments .panel-body{
        padding-left:2px;
    }
    .list-comments .panel-body #content_center{
        margin-left: 17px;
    }
    .list-comments .panel-body #content_footer{
        margin-left: -20px;
    }
    .list-comments .panel-body #content_header{
        margin-left: -12px;
    }
    .list-comments .panel-body #content_center a{
        font-size: 13px;
        line-height: 10px;
    }
    #badge_free_view{
        left: 62%;
    }
    .table-info .ios-viviet a img{
        width: 95%;
    }
    .table-info .ios-viviet1 a img{
        width: 98%;
    }
    .list-unstyle a img{
        width: 35%;
    }
    .item .col-md-6.col-sm-12.col-xs-12, .service-area.col-md-12.col-sm-12 {
        padding-left: 15px;
    }
    #noti_app .img_app_dowload a img{
        width: 45%;

    }
    .img_app_dowload_1 a img{
        width: 40%;
    }
}
@media screen and (max-width: 414px) and (min-width: 376px) {
    .activity_pt {
        height: 150px;
    }
    .course-content h5:first-child{
        margin-top: 0;
    }
    .table-detail thead tr td:last-child, .table-detail thead tr td:first-child {
        width: 50%;
    }
    .panel-heading {
        background: #004175 !important;
        border-bottom: none !important;
    }
    .service-input {
        background: #ea2300;
        padding-bottom: 20px;
        border-radius: 3px;
        margin-top: 10px;
    }
    .service-input label {
        color: #fff;
    }
    .mb-visible {
        display: block !important;
    }
    .desk-visible {
        display: none !important;
    }
    h4.service-price {
        font-size: 12px !important;
    }
    .center-content {
        width: 100%;
    }

    .panel-heading a span {
        font-size: 13px;
        color: #000 !important;
    }

    .panel-body {
        padding: 5px;
    }

    .panel-heading span {
        font-size: 13px;
        color: #fff !important;
    }

    .form-control {
        margin-bottom: 5px;
    }

    .right-content {
        width: 93% ;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        border-radius: 4px;
    }

    .article-item .article-thumbnail a img {
        width: 85%;
        height: 85%;
    }

    .article-img {
        width: 100%;
        height: 100%;
    }

    .article-list.listing-layout article .article-title {
        font-size: 13px;
    }

    .article-list.listing-layout article {
        padding-left: 82px;
        min-height: 70px;
    }

    .right-content h2 {
        margin-top: 0;
    }

    .footer-address {
        margin-bottom: 0;
    }

    .table-article {
        font-size: 14px;
    }

    .article-feature.listing-layout article {
        padding-left: 80px;
    }

    .detail_view iframe {
        width: 372px;
        height: 210px;
    }

    .tab-detail .nav > li > a {
        padding: 4px 7px;
        font-size: 13px;
    }

    .tab-detail .nav-tabs {
        border-bottom: none;
    }

    .panel-body {
        font-size: 13px;
        text-align: left;
    }

    .panel-group {
        margin-bottom: 0;
    }

    .table-detail .title-detail {
        font-size: 14px;
    }

    .panel-default > .panel-heading a {
        font-size: 14px;
    }

    .associate {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navbar-default{
        background-color: #fff;
    }
    .navbar-default .navbar-brand{
        color: #000;
        text-transform: capitalize;
        font-size: 15px;
        line-height: 18px;
    }
    .navbar-default .navbar-brand:hover{
        color: #000;
    }
    .navbar-brand img{
        width: 35px;
        float: left;
        margin-right: 10px;
        margin-top: -7px;
    }

    .lecture-tools li{
        font-size: 10px;
    }
    .lecture-tools li i{
        margin-right: -5px;
        font-size: 12px;
    }
    .lecture-tools{
        margin-top: 10px;
    }
    .no-margin iframe{
        width: 386px;
        height:200px;
    }
    .lecture-player .lecture-back {
        margin-top: -4px;
    }
    .lecture-container-header li a{
        line-height: 20px;
    }
    .lecture .list-lecture-container .chap-title{
        font-size: 13px;
        padding: 5px 13px;
    }
    .chap-item .item-container .chap-item-content{
        margin-left: 20px;
        padding-top: 0px;
        padding-bottom: 4px;
    }
    .the-article-header h1{
        font-size: 28px;
        text-align: center;

    }
    .the-article-summary{
        font-size: 16px;

    }
    strong{
        font-size: 16px;

    }
    .cms-body p {
        font-size: 16px;

    }
    .detail-service img{
        float: none;
        margin-left: 2px;
    }
    .content-payment {
        padding-top: 2px;
        margin-top: 10px;
    }
    .body-payment{
        margin-top: 10px;
    }
    .fa-money, .fa-credit-card, .fa-bank, .fa-building, .fa-dollar{
        font-size: 40px;
    }
    .body-payment h5{
        font-size: 18px;
        margin-top: 10px;
    }
    .body-payment h6 {
        font-size: 17px;
        padding-left: 10px;
    }
    .content-payment ul {
        margin-left: 10px;
    }
    .content-payment ul li{
        font-size: 14px;
    }
    .fa-arrow-right{
        font-size: 10px;
    }
    .content-payment p{
        margin-left: 10px;
        font-size: 15px;
    }
    .error-detail{
        margin-top: 10px;
        padding-bottom: 30px;
    }
    .btn-success-error,.btn-primary-error{
        font-size: 11px;
    }
    .fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }
    .service-card a {
        width: 100%;
    }
    .quest-all .panel-heading{
        background-color: #fff !important;
    }
    #subscription .modal-content .close{
        top:-40px;
    }

    .list-comments .badge-danger{
        background-color: #ed5564 !important;
    }
    .list-comments .panel-body{
        padding-left:2px;
    }
    .list-comments .panel-body #content_center{
        margin-left: 17px;
    }
    .list-comments .panel-body #content_footer{
        margin-left: -20px;
    }
    .list-comments .panel-body #content_header{
        margin-left: -12px;
    }
    .list-comments .panel-body #content_center a{
        font-size: 13px;
        line-height: 10px;
    }
    #badge_free_view{
        left: 62%;
    }
    .table-info .ios-viviet a img{
        width: 100%;
    }
    .table-info .ios-viviet1 a img{
        width: 98%;
    }
    .list-unstyle a img{
        width: 35%;
    }
    .item .col-md-6.col-sm-12.col-xs-12, .service-area.col-md-12.col-sm-12 {
        padding-left: 15px;
    }
    #noti_app .img_app_dowload a img{
        width: 45%;

    }
    .img_app_dowload_1 a img{
        width: 40%;
    }
}
@media screen and (max-width: 630px) and (min-width: 415px) {
    .activity_pt {
        height: 150px;
    }
    .service-card a {
        width: 100%;
    }
    .panel-heading {
        background: #004175 !important;
    }
    .service-input {
        background: #ea2300;
        padding-bottom: 20px;
        border-radius: 3px;
        margin-top: 10px;
    }
    .service-input label {
        color: #fff;
    }
    .quest-all .panel-heading{
        background-color: #fff !important;
    }
    #subscription .modal-content .close{
        top:-40px;
    }
    .table-info .ios-viviet1 a img{
        width: 93%;
    }
    .list-unstyle a img{
        width: 35%;
    }
    .item .col-md-6.col-sm-12.col-xs-12, .service-area.col-md-12.col-sm-12 {
        padding-left: 15px;
    }
    #noti_app .img_app_dowload a img{
        width: 40%;

    }
    .img_app_dowload_1 a img{
        width: 40%;
    }
}
@media screen and (max-width: 960px) and (min-width: 640px) {
    .mb-visible {
        display: block !important;
    }
    .desk-visible {
        display: none !important;
    }
    .center-content {
        width: 100% !important;
    }

    .panel-heading a span {
        font-size: 13px;
        color: #000 !important;
    }

    .panel-body {
        padding: 5px;
    }

    .panel-heading span {
        font-size: 13px;
    }

    .form-control {
        margin-bottom: 5px;
    }

    .right-content {
        width: 96%;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        border-radius: 4px;
    }

    .article-item .article-thumbnail a img {
        width: 85%;
        height: 85%;
    }

    .article-list.listing-layout article .article-title {
        font-size: 13px;
    }

    .article-list.listing-layout article {
        padding-left: 82px;
        min-height: 70px;
    }

    .right-content h2 {
        margin-top: 0;
    }

    .footer-address {
        margin-bottom: 0;
    }

    .table-article {
        font-size: 14px;
    }

    .article-feature.listing-layout article {
        padding-left: 80px;
    }

    .detail_view iframe {
        width: 372px;
        height: 210px;
    }

    .tab-detail .nav > li > a {
        padding: 4px 7px;
        font-size: 13px;
    }

    .tab-detail .nav-tabs {
        border-bottom: none;
    }

    .panel-body {
        font-size: 13px;
        text-align: left;
    }

    .panel-group {
        margin-bottom: 0;
    }

    .table-detail .title-detail {
        font-size: 14px;
    }

    .panel-default > .panel-heading a {
        font-size: 14px;
    }

    .associate {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navbar-default{
        background-color: #fff;
    }
    .navbar-default .navbar-brand{
        color: #000;
        text-transform: capitalize;
        font-size: 15px;
        line-height: 18px;
    }
    .navbar-default .navbar-brand:hover{
        color: #000;
    }
    .navbar-brand img{
        width: 35px;
        float: left;
        margin-right: 10px;
        margin-top: -7px;
    }

    .lecture-tools li{
        font-size: 10px;
    }
    .lecture-tools li i{
        margin-right: -5px;
        font-size: 12px;
    }
    .lecture-tools{
        margin-top: 10px;
    }
    .no-margin iframe{
        width: 386px;
        height:200px;
    }
    .lecture-player .lecture-back {
        margin-top: -4px;
    }
    .lecture-container-header li a{
        line-height: 20px;
    }
    .lecture .list-lecture-container .chap-title{
        font-size: 13px;
        padding: 5px 13px;
    }
    .chap-item .item-container .chap-item-content{
        margin-left: 20px;
        padding-top: 0px;
        padding-bottom: 4px;
    }
    .the-article-header h1{
        font-size: 28px;
        text-align: center;

    }
    .the-article-summary{
        font-size: 16px;

    }
    strong{
        font-size: 16px;

    }
    .cms-body p {
        font-size: 16px;

    }
    .fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important;
    }
    .quest-all .panel-heading{
        background-color: #fff !important;
    }

    #subscription .modal-content .close{
        top:-40px;
    }
    .table-info .ios-viviet1 a img{
        width: 92%;
    }
    #noti_app .img_app_dowload a img{
        width: 40%;

    }
    .img_app_dowload_1 a img{
        width: 30%;
    }
}

@media (min-width: 768px){
    #noti_app .modal-dialog {
        margin: 12% auto;
    }
}