@media (min-width: 1500px) and (max-width: 2000px) {
  #dangKy .khungAnh:before {
    padding-bottom: 34%; } }

@media (min-width: 1200px) {
  .icon_right .item a img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1); }
  #footer .main_footer .khoaHoc {
    width: 210px;
    float: left; }
  #footer .main_footer .them {
    width: 232px;
    float: left; }
  #footer .main_footer .lienHe {
    width: 377px;
    float: left; }
  #footer .main_footer .fanpage {
    width: calc(100% - 232px - 210px - 377px);
    float: left; }
  #header #menu {
    display: flex;
    justify-content: flex-end; }
    #header #menu ul {
      display: block !important; }
      #header #menu ul li:nth-child(n+8) {
        overflow: hidden; }
        #header #menu ul li:nth-child(n+8):hover {
          overflow: initial; }
          #header #menu ul li:nth-child(n+8):hover ul {
            right: 0;
            left: initial; }
        #header #menu ul li:nth-child(n+8) ul {
          left: initial;
          right: -9999px; }
  #khoaHoc_tcon .content_left, #tinTuc .content_left, #cauHoi .content_left, #hocVienCu .content_left, #baiHoc .content_left {
    width: 870px;
    float: left; }
  #khoaHoc_tcon .content_right, #tinTuc .content_right, #cauHoi .content_right, #hocVienCu .content_right, #baiHoc .content_right {
    width: calc(100% - 870px);
    padding-left: 29px;
    float: right;
    padding-bottom: 20px; }
  #banner .banner .khungAnh {
    height: 594px; }
  #hinhAnh .wrapper_item {
    /*.slick-slide {
                div {
                    &:nth-child(2n) {
                        .mainItem {
                            .item {
                                &:nth-child(3) {
                                    width: 50%;

                                    .khungAnh {
                                        &:before {
                                            padding-bottom: 35.14%;
                                        }
                                    }
                                }

                                &:nth-child(1) {
                                    width: 25%;

                                    .khungAnh {
                                        &:before {
                                            padding-bottom: 70.3%;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }*/ }
  .lichKhaiGiang table thead tr th:first-child {
    width: 306px; }
  .lichKhaiGiang table thead tr th:nth-child(2) {
    width: 210px; }
  .lichKhaiGiang table thead tr th:nth-child(3) {
    width: 150px; }
  .lichKhaiGiang table thead tr th:nth-child(4) {
    width: 140px; }
  .lichKhaiGiang table thead tr th:nth-child(5) {
    width: 160px; }
  .lichKhaiGiang table thead tr th:nth-child(6) {
    width: calc(100% - 306px - 210px - 150px - 140px - 160px); }
  .lichKhaiGiang table tbody tr td:first-child {
    width: 306px; }
  .lichKhaiGiang table tbody tr td:nth-child(2) {
    width: 210px; }
  .lichKhaiGiang table tbody tr td:nth-child(3) {
    width: 150px; }
  .lichKhaiGiang table tbody tr td:nth-child(4) {
    width: 140px; }
  .lichKhaiGiang table tbody tr td:nth-child(5) {
    width: 160px; }
  .lichKhaiGiang table tbody tr td:nth-child(6) {
    width: calc(100% - 306px - 210px - 150px - 140px -160px); }
  #cauHoi .listCauHoi .item:hover span.icon:before {
    color: #fff; }
  #cauHoi .listCauHoi .item:hover .wrapper_name {
    background: var(--color-main);
    color: #fff; }
    #cauHoi .listCauHoi .item:hover .wrapper_name a.name {
      color: #fff; }
  #cauHoi .listCauHoi .item a.name {
    font-size: 16px; }
  .camNhanKhac .listHocVien .item {
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    float: left; }
    .camNhanKhac .listHocVien .item:nth-child(3n+3) {
      margin-right: 0; }
  .baiHocKhac .listBaiHocKhac {
    /*.item {
                width: calc((100% - 60px)/3);
                margin-right: 30px;
                float: left;

                &:nth-child(3n+3) {
                    margin-right: 0;
                }
            }*/ }
  #phuongPhapHoc .listItem .item {
    width: calc((100% - 60px)/3);
    margin-right: 30px; }
    #phuongPhapHoc .listItem .item:nth-child(3n+3) {
      margin-right: 0; }
  #khoaHoc_tcon .listKhoaHoc .item {
    width: calc((100% - 90px)/4);
    margin-right: 30px; }
  #khoaHoc_tcon .wrapper_lichKG div.note {
    display: none; } }

@media (max-width: 1199px) {
  .clock2.flip-clock-wrapper {
    margin-left: -10px; }
  .icon_right .item a img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1); }
  #newsHome .itemNews .item {
    width: 33.33%; }
    #newsHome .itemNews .item:nth-child(5) {
      width: 33.33%; }
    #newsHome .itemNews .item:nth-child(n+7) {
      display: none; }
    #newsHome .itemNews .item .khungAnh:before {
      padding-bottom: 66.67% !important; }
  .thongTinKhoaHoc .countdount .flip-clock-wrapper {
    margin-left: -9px; }
  .thongTinKhoaHoc > ul {
    padding-left: 0;
    padding-right: 0; }
    .thongTinKhoaHoc > ul.info {
      padding-left: 0;
      padding-right: 0; }
  .thongTinKhoaHoc .info {
    padding-left: 0;
    padding-right: 0; }
  .thongTinKhoaHoc .taiKhoan {
    padding-left: 0;
    padding-right: 0; }
  .countdount .flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    top: 39px !important;
    right: -41px !important; }
  .lastitem {
    height: auto !important; }
  .table {
    margin-bottom: 0; }
  #banner div.inner {
    left: 20px;
    width: 365px; }
    #banner div.inner a.name {
      font-size: 30px;
      line-height: 36px; }
    #banner div.inner p.info {
      font-size: 16px; }
  #banner .khungAnh:before {
    padding-bottom: 63.54%; }
  .container {
    width: calc(100% - 40px); }
  .icon_right {
    top: initial;
    bottom: 0; }
  #CommonCuoiChiTietTin {
    height: auto;
    flex-direction: column; }
    #CommonCuoiChiTietTin > div.fr {
      width: 100%; }
    #CommonCuoiChiTietTin > div.fl.apd.dnmb {
      justify-content: center;
      width: 100%; }
    #CommonCuoiChiTietTin .addthis_toolbox {
      justify-content: center; }
    #CommonCuoiChiTietTin a.print {
      display: none; }
    #CommonCuoiChiTietTin a#backTop {
      display: inline-block !important; }
  #khoaHoc_tcon .content_left, #tinTuc .content_left, #cauHoi .content_left, #hocVienCu .content_left, #baiHoc .content_left {
    width: 65%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  #khoaHoc_tcon .content_right, #tinTuc .content_right, #cauHoi .content_right, #hocVienCu .content_right, #baiHoc .content_right {
    width: 35%;
    padding-left: 20px;
    float: right; }
  #tinTuc h1.title.ct {
    font-size: 24px;
    line-height: 28px; }
  #tinTuc .content_left {
    padding: 20px; }
  #tinTuc .listTinTuc .item .outer p {
    margin-bottom: 10px; }
  #header {
    display: block;
    /*position: relative;*/ }
    #header.active {
      background: rgba(0, 0, 0, 0.85);
      top: -1px;
      z-index: 9999; }
    #header .logo {
      z-index: 3;
      padding-left: 20px;
      margin: 0; }
    #header #menu {
      position: absolute;
      width: 100%;
      z-index: 2;
      top: 0;
      right: 0;
      padding-right: 0; }
      #header #menu:after {
        display: none; }
      #header #menu a.menu {
        position: absolute;
        width: 23px;
        height: 23px;
        top: 19px;
        right: 20px; }
        #header #menu a.menu.actived {
          top: 17px; }
          #header #menu a.menu.actived:before {
            display: none; }
          #header #menu a.menu.actived:after {
            display: block; }
        #header #menu a.menu:before {
          position: absolute;
          top: 0;
          left: 0;
          right: 17px;
          display: block;
          height: 20px;
          width: 23px;
          content: "\f0c9";
          font: normal normal normal 26px/20px FontAwesome;
          color: var(--color-main); }
        #header #menu a.menu:after {
          position: absolute;
          top: 0;
          left: 0;
          right: 17px;
          display: block;
          height: 20px;
          width: 23px;
          content: "\f00d";
          background-size: cover;
          font: normal normal normal 26px/20px FontAwesome;
          display: none;
          color: var(--color-main); }
      #header #menu #menu-button {
        display: none;
        top: 20px;
        margin-right: 0;
        right: 10px;
        left: initial; }
        #header #menu #menu-button:before {
          top: 0; }
        #header #menu #menu-button:after {
          top: 0; }
      #header #menu .submenu-button {
        width: 40px;
        height: 40px; }
        #header #menu .submenu-button:before {
          right: 14px;
          top: 10px;
          color: #fff;
          width: 14px;
          height: 14px;
          left: initial; }
        #header #menu .submenu-button:after {
          right: 14px;
          top: 10px;
          color: #fff;
          width: 14px;
          height: 14px;
          left: initial; }
      #header #menu #menu-button {
        float: right;
        margin-right: 20px; }
        #header #menu #menu-button:before {
          top: 21px;
          color: #fff; }
        #header #menu #menu-button:after {
          top: 21px;
          color: #fff; }
      #header #menu > ul {
        margin-top: 56px;
        /*padding: 20px;*/
        background: rgba(0, 0, 0, 0.85);
        padding-top: 12px;
        padding-bottom: 15px;
        /*border-top: solid 1px #ccc;*/ }
        #header #menu > ul > li {
          width: 100%;
          border-top: 0; }
          #header #menu > ul > li:last-child a {
            border-bottom: 0; }
          #header #menu > ul > li > a {
            height: 40px;
            line-height: 40px;
            text-transform: uppercase;
            width: 100%;
            color: #fff;
            margin-right: 0;
            padding: 0 22px;
            border-bottom: solid 1px #414040; }
            #header #menu > ul > li > a.actived {
              background: rgba(255, 31, 31, 0.85);
              border-color: rgba(255, 31, 31, 0.85); }
          #header #menu > ul > li > ul {
            width: 100%;
            background: rgba(72, 72, 72, 0.85); }
            #header #menu > ul > li > ul > li {
              width: 100%;
              background: #eee;
              margin-left: 0;
              background: transparent; }
              #header #menu > ul > li > ul > li:last-child a {
                border-bottom: 0; }
              #header #menu > ul > li > ul > li .submenu-button:before {
                color: #333333; }
              #header #menu > ul > li > ul > li .submenu-button:after {
                color: #333333; }
              #header #menu > ul > li > ul > li > a {
                text-transform: none;
                color: #fff;
                background: rgba(72, 72, 72, 0.85);
                padding: 0 44px;
                border-bottom: solid 1px #5a5959; }
                #header #menu > ul > li > ul > li > a:hover {
                  background: #e2e2e2; }
                #header #menu > ul > li > ul > li > a.actived {
                  background: #565555; }
              #header #menu > ul > li > ul > li.active > a {
                background: #e2e2e2; }
              #header #menu > ul > li > ul > li ul {
                background: #d6d3d3;
                display: none; }
                #header #menu > ul > li > ul > li ul li {
                  background: #d6d3d3; }
                  #header #menu > ul > li > ul > li ul li a {
                    background: #d6d3d3; }
  #khoaHoc {
    padding-top: 70px; }
    #khoaHoc a.name {
      margin-bottom: 0; }
    #khoaHoc .wrapper_item {
      padding: 0;
      margin-top: 24px; }
      #khoaHoc .wrapper_item .slick-list {
        margin: 0 -10px; }
        #khoaHoc .wrapper_item .slick-list:before {
          width: 10px; }
        #khoaHoc .wrapper_item .slick-list:after {
          width: 10px; }
      #khoaHoc .wrapper_item .slick-dots {
        bottom: -35px; }
      #khoaHoc .wrapper_item .item {
        margin: 0 10px; }
      #khoaHoc .wrapper_item .slick-next {
        right: 0;
        z-index: 100; }
      #khoaHoc .wrapper_item .slick-prev {
        left: 0;
        z-index: 100; }
  #video a.name {
    font-size: 30px;
    line-height: 30px; }
  #video p.description {
    margin-bottom: 25px;
    padding: 0 20px; }
  #video .wrapper_item .item {
    padding: 0 10px;
    margin: 0 0 15px 0; }
    #video .wrapper_item .item .khungAnh {
      margin-bottom: 12px; }
    #video .wrapper_item .item h3 {
      height: 22px; }
  #video .wrapper_item .slick-list {
    margin: 0 -10px; }
    #video .wrapper_item .slick-list:before {
      width: 10px; }
    #video .wrapper_item .slick-list:after {
      width: 10px; }
  #video .wrapper_item .slick-next {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100; }
  #video .wrapper_item .slick-prev {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100; }
  #video a.name2 {
    margin-top: 20px; }
  #register {
    height: 60px; }
    #register .container .row {
      justify-content: space-between; }
      #register .container .row .main {
        height: 60px;
        padding-right: 0;
        justify-content: flex-start; }
  #dangKy2 .container .row {
    justify-content: center; }
    #dangKy2 .container .row p {
      margin-left: 0;
      margin-right: 22px;
      padding-left: 0; }
  #hinhAnh {
    padding-bottom: 60px; }
    #hinhAnh a.name {
      font-size: 30px;
      line-height: 36px;
      margin-bottom: 12px; }
    #hinhAnh p.description {
      padding: 0 20px; }
    #hinhAnh .wrapper_item .slick-list {
      margin: 0 -10px; }
      #hinhAnh .wrapper_item .slick-list:before {
        width: 10px; }
      #hinhAnh .wrapper_item .slick-list:after {
        width: 10px; }
    #hinhAnh .wrapper_item .slick-slide div .item {
      width: 50%;
      padding: 0 10px;
      margin-bottom: 20px; }
      #hinhAnh .wrapper_item .slick-slide div .item:first-child {
        width: 100%; }
    #hinhAnh .wrapper_item .slick-prev {
      left: 0;
      transform: translateY(-27px); }
      #hinhAnh .wrapper_item .slick-prev:before {
        background: #666; }
    #hinhAnh .wrapper_item .slick-next {
      right: 0;
      transform: translateY(-27px); }
      #hinhAnh .wrapper_item .slick-next:before {
        background: #666; }
  #camNhan a.name {
    line-height: 36px;
    margin-bottom: 18px; }
  #camNhan .wrapper_item .item {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0; }
    #camNhan .wrapper_item .item .outer {
      padding: 10px 20px 0 20px; }
  #camNhan .submit {
    margin-top: 10px; }
  #footer {
    padding-top: 70px;
    background: #333 url(images/bg_footer.jpg) no-repeat left bottom;
    background-size: 100% 50%; }
    #footer .main_footer a.name {
      margin-bottom: 12px; }
    #footer .main_footer .khoaHoc {
      margin-bottom: 20px;
      max-height: 245px;
      overflow: hidden; }
    #footer .main_footer .them {
      margin-bottom: 20px;
      max-height: 245px;
      overflow: hidden; }
  #giangVien a.name {
    font-size: 30px;
    line-height: 36px;
    padding: 0 20px; }
  #giangVien p.description {
    padding: 0 20px; }
  #giangVien .wrapper_item {
    width: 100%;
    height: 100%; }
    #giangVien .wrapper_item .item {
      background: initial;
      position: relative; }
      #giangVien .wrapper_item .item:before {
        content: "";
        position: absolute;
        width: 100%;
        height: calc(100% - 44px);
        top: 22px;
        border: dashed 1px #fff; }
      #giangVien .wrapper_item .item .left {
        width: 32%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column; }
      #giangVien .wrapper_item .item .middle {
        width: 36%; }
      #giangVien .wrapper_item .item .right {
        width: 32%; }
  #dangKy .khungAnh:before {
    padding-bottom: 74.22%; }
  #dangKy .formDangKy {
    top: 50%;
    transform: translateY(-50%);
    left: 20px; }
  #dangKy.second .khungAnh:before {
    padding-bottom: 74.22%; }
  #list_danhMuc .container .row {
    padding: 0; }
    #list_danhMuc .container .row .item a {
      font-size: 14px; }
  #chonChungToi .wrapper_item .item:nth-child(1) {
    margin-bottom: 20px; }
  #chonChungToi .wrapper_item .item:nth-child(2) {
    margin-bottom: 20px; }
  #khoaHoc_tcon {
    padding: 20px 0; }
    #khoaHoc_tcon h1.title {
      font-size: 24px;
      line-height: 28px;
      margin: 20px 0 10px 0; }
      #khoaHoc_tcon h1.title.ct {
        margin-top: 20px; }
    #khoaHoc_tcon .content_left .thongke {
      margin-bottom: 10px; }
    #khoaHoc_tcon #dangKy {
      margin: 0; }
      #khoaHoc_tcon #dangKy .formHocThu {
        margin-bottom: 0; }
        #khoaHoc_tcon #dangKy .formHocThu .right input {
          width: calc(100% - 180px);
          margin-right: 5px; }
    #khoaHoc_tcon .row {
      padding: 0 20px; }
    #khoaHoc_tcon .wrapper_lichKG {
      padding: 0; }
      #khoaHoc_tcon .wrapper_lichKG div.note {
        margin-bottom: 30px;
        margin-top: 20px; }
    #khoaHoc_tcon .listKhoaHoc .item {
      width: calc((100% - 20px)/2);
      margin-bottom: 20px;
      margin-right: 20px; }
      #khoaHoc_tcon .listKhoaHoc .item:nth-child(2n+2) {
        margin-right: 0; }
  #khoaHocKhac {
    padding-bottom: 20px; }
  .formHocThu {
    padding: 20px;
    margin-bottom: 20px; }
    .formHocThu p {
      margin-bottom: 10px; }
    .formHocThu .left {
      width: calc((100% - 10px)/2);
      margin-right: 10px; }
    .formHocThu .right {
      width: calc((100% - 10px)/2); }
      .formHocThu .right input {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%; }
      .formHocThu .right img {
        margin-right: 5px;
        width: 136px; }
      .formHocThu .right a.change {
        float: left; }
    .formHocThu .submit {
      margin-top: 10px; }
      .formHocThu .submit a.gui {
        margin-right: 10px; }
  .lichKhaiGiang {
    margin-bottom: 0;
    overflow-x: auto;
    margin-bottom: 20px; }
    .lichKhaiGiang div.note {
      display: none; }
    .lichKhaiGiang table {
      min-width: 688px; }
      .lichKhaiGiang table thead tr th {
        line-height: 24px;
        font-size: 14px;
        padding: 10px; }
        .lichKhaiGiang table thead tr th:first-child {
          width: 200px; }
        .lichKhaiGiang table thead tr th:nth-child(2) {
          width: 90px; }
        .lichKhaiGiang table thead tr th:nth-child(4) {
          width: 100px; }
      .lichKhaiGiang table tbody tr td {
        line-height: 24px;
        font-size: 14px;
        padding: 12px 5px;
        white-space: normal !important; }
        .lichKhaiGiang table tbody tr td:first-child {
          width: 400px; }
          .lichKhaiGiang table tbody tr td:first-child a {
            white-space: normal; }
        .lichKhaiGiang table tbody tr td:nth-child(2) {
          width: 100px; }
        .lichKhaiGiang table tbody tr td:nth-child(3) {
          width: 150px; }
        .lichKhaiGiang table tbody tr td:nth-child(4) {
          width: 110px; }
        .lichKhaiGiang table tbody tr td:nth-child(5) {
          line-height: 24px;
          width: 200px; }
  .dangKyKhoaHoc {
    width: 100%; }
  .formGuiCauHoi {
    padding: 10px;
    margin-top: 20px; }
    .formGuiCauHoi input:first-of-type {
      margin-right: 10px; }
    .formGuiCauHoi .submit a.gui {
      margin-right: 10px; }
  #cauHoi .content_left {
    padding: 20px; }
  #cauHoi h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px; }
  #cauHoi .listCauHoi .item .wrapper_name {
    padding: 10px 0; }
    #cauHoi .listCauHoi .item .wrapper_name a {
      line-height: 24px; }
  #cauHoi .formGuiCauHoi {
    padding: 20px; }
    #cauHoi .formGuiCauHoi p {
      margin-bottom: 10px; }
  #lienHe .container .row {
    padding: 20px; }
    #lienHe .container .row .left {
      width: calc((100% - 20px)/2);
      margin-right: 20px; }
    #lienHe .container .row .right {
      width: calc((100% - 20px)/2); }
  #hocVienCu .container .row .content_left {
    padding: 20px; }
    #hocVienCu .container .row .content_left h1.title {
      font-size: 24px;
      line-height: 28px; }
    #hocVienCu .container .row .content_left p.name {
      font-size: 24px;
      line-height: 28px; }
    #hocVienCu .container .row .content_left .camNhanKhac .listHocVien .slick-list {
      margin: 0 -10px; }
    #hocVienCu .container .row .content_left .camNhanKhac .listHocVien .item {
      margin: 0 10px; }
    #hocVienCu .container .row .content_left .listHocVien {
      margin-top: 10px; }
      #hocVienCu .container .row .content_left .listHocVien .item {
        margin-bottom: 20px; }
        #hocVienCu .container .row .content_left .listHocVien .item .khungAnh {
          width: 50%;
          margin-right: 10px; }
        #hocVienCu .container .row .content_left .listHocVien .item .outer {
          width: calc(50% - 10px); }
    #hocVienCu .container .row .content_left .formHocThu {
      padding: 20px; }
      #hocVienCu .container .row .content_left .formHocThu textarea {
        height: 166px; }
      #hocVienCu .container .row .content_left .formHocThu .left {
        width: calc((100% - 10px)/2);
        margin-right: 10px; }
      #hocVienCu .container .row .content_left .formHocThu .right {
        width: calc((100% - 10px)/2); }
        #hocVienCu .container .row .content_left .formHocThu .right img {
          margin-right: 5px; }
      #hocVienCu .container .row .content_left .formHocThu .submit {
        margin-top: 10px; }
        #hocVienCu .container .row .content_left .formHocThu .submit a.gui {
          margin-right: 10px; }
  #baiHoc .content_left {
    padding: 20px 20px 0 20px; }
  #baiHoc h1.title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px; }
    #baiHoc h1.title.ct {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 20px; }
  #baiHoc h2.title.ct {
    font-size: 24px;
    line-height: 28px; }
  #baiHoc .listBaiHoc .item {
    width: calc((100% - 30px)/2);
    margin-bottom: 20px; }
    #baiHoc .listBaiHoc .item:nth-child(2n+2) {
      margin-right: 0 !important; }
    #baiHoc .listBaiHoc .item:nth-child(3n+3) {
      margin-right: 30px; }
  #giangVien_tcon .content_left {
    padding-left: 20px;
    padding-right: 20px;
    width: 45%; }
  #giangVien_tcon .content_right {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 55%; }
    #giangVien_tcon .content_right .formHocThu:before {
      width: calc(100% + 40px);
      left: -20px; }
    #giangVien_tcon .content_right .formHocThu .left {
      width: calc((100% - 10px)/2);
      margin-right: 10px; }
    #giangVien_tcon .content_right .formHocThu .right {
      width: calc((100% - 10px)/2); }
      #giangVien_tcon .content_right .formHocThu .right img {
        width: 130px;
        margin-right: 4px; }
    #giangVien_tcon .content_right .formHocThu .submit a.gui {
      margin-right: 10px; }
  .camNhanKhac .listHocVien .item {
    /*width: calc((100% - 30px)/2);
                margin-right: 30px;
                float: left;

                &:nth-child(2n+2) {
                    margin-right: 0;
                }*/ }
  .baiHocKhac .listBaiHocKhac .item {
    /*width: calc((100% - 30px)/2);
                margin-right: 30px;*/
    float: left;
    /*&:nth-child(2n+2) {
                    margin-right: 0;
                }*/ }
  #tinLienQuan .listTinTuc .slick-next {
    top: -18px; }
  #tinLienQuan .listTinTuc .slick-prev {
    top: -18px; }
  #khoaHocKhac .listKhoaHoc .slick-list {
    margin: 0 -12px; }
  #khoaHocKhac .listKhoaHoc .slick-next {
    top: -20px; }
  #khoaHocKhac .listKhoaHoc .slick-prev {
    top: -20px; }
  #khoaHocKhac .listKhoaHoc .item {
    margin: 0 6px; }
  #gioiThieuChung .noidung {
    padding-left: 20px;
    padding-right: 20px; }
  #phuongPhapHoc p.description {
    padding: 0 20px; }
  #phuongPhapHoc .listItem .item {
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    margin-bottom: 20px; }
    #phuongPhapHoc .listItem .item:nth-child(2n+2) {
      margin-right: 0; } }

@media (max-width: 767px) {
  .clock2.flip-clock-wrapper {
    margin-left: 10px !important;
    margin-top: 5px !important;
    margin-left: 0 !important; }
  .icon_right .item:first-child a img {
    transform: translateY(-9px); }
  .icon_right .item:nth-child(2) a img {
    transform: translateY(-10px); }
  #CommonCuoiChiTietTin .apd a {
    padding-left: 12px;
    margin-right: 12px !important; }
  .thongTinKhoaHoc .countdount .flip-clock-wrapper {
    transform: translateX(3px); }
  .thongTinKhoaHoc .info {
    padding: 0;
    margin: 5px 0 10px 0; }
  .thongTinKhoaHoc .taiKhoan {
    padding: 0; }
  .flip-clock-wrapper {
    margin: 0 !important; }
  #khoaHoc_tcon.ct .content_left {
    /*padding:0;*/ }
    #khoaHoc_tcon.ct .content_left .thongTinKhoaHoc {
      padding: 0; }
  #newsHome {
    padding-top: 70px;
    padding-bottom: 110px; }
    #newsHome p.description {
      padding: 0 10px; }
    #newsHome .itemNews {
      padding: 0;
      margin-left: 0;
      margin-right: 0; }
      #newsHome .itemNews .slick-prev {
        left: 0;
        width: 35px;
        height: 35px;
        z-index: 100;
        top: 50%; }
        #newsHome .itemNews .slick-prev:before {
          content: "\f053";
          font: normal normal normal 14px/1 FontAwesome;
          width: 35px;
          height: 35px;
          line-height: 35px;
          border-radius: 5px;
          display: inline-block;
          color: #fff;
          background: rgba(0, 0, 0, 0.3);
          transition: 0.3s; }
        #newsHome .itemNews .slick-prev:hover:before {
          background: #ff7b73; }
      #newsHome .itemNews .slick-next {
        top: 50%;
        right: 0;
        width: 35px;
        z-index: 100;
        height: 35px; }
        #newsHome .itemNews .slick-next:before {
          content: "\f054";
          font: normal normal normal 14px/1 FontAwesome;
          width: 35px;
          height: 35px;
          line-height: 35px;
          border-radius: 5px;
          display: inline-block;
          color: #fff;
          background: rgba(0, 0, 0, 0.3);
          transition: 0.3s; }
        #newsHome .itemNews .slick-next:hover:before {
          background: #ff7b73; }
      #newsHome .itemNews .slick-dots {
        position: absolute;
        bottom: -27px;
        left: 0; }
        #newsHome .itemNews .slick-dots li {
          width: 12px;
          height: 12px;
          box-sizing: border-box;
          border: 0;
          position: relative; }
          #newsHome .itemNews .slick-dots li button {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            padding: 0;
            display: inline-block;
            text-align: center; }
            #newsHome .itemNews .slick-dots li button:before {
              color: #b2b2b2;
              font-size: 12px;
              height: 12px;
              width: 12px;
              line-height: 12px;
              opacity: 1;
              content: "\f111";
              font: normal normal normal 12px/16px FontAwesome;
              top: 50%;
              LEFT: 50%;
              transform: translate(-50%, -50%); }
        #newsHome .itemNews .slick-dots li.slick-active button:before {
          color: var(--color-main); }
      #newsHome .itemNews .item {
        /*width:100%!important;*/
        margin-bottom: 0;
        padding: 0; }
        #newsHome .itemNews .item:nth-child(n+7) {
          display: block; }
        #newsHome .itemNews .item .khungAnh:before {
          padding-bottom: 100% !important; }
  .formGuiCauHoi {
    padding: 20px 10px; }
    .formGuiCauHoi p {
      margin-bottom: 10px; }
    .formGuiCauHoi span.clear.db {
      /*height:0;
            width:0;*/ }
    .formGuiCauHoi .lastitem {
      width: 100%; }
    .formGuiCauHoi input {
      width: 100%; }
  .container {
    width: calc(100% - 20px); }
  .icon_right {
    position: fixed;
    height: 60px;
    background: #b2b2b2;
    width: 100%;
    padding: 0 10px;
    display: flex;
    bottom: 0;
    justify-content: flex-start;
    flex-direction: row;
    left: 0;
    z-index: 9999; }
    .icon_right .item {
      width: 50%;
      border: 0;
      border-radius: 0;
      padding-left: 32px;
      height: 60px;
      padding-right: 0;
      background: initial; }
      .icon_right .item:hover {
        background: transparent; }
      .icon_right .item:first-child p {
        width: 200%;
        text-align: left;
        font-family: "RobotoBold";
        color: var(--color-main);
        font-size: 18px;
        line-height: 20px; }
        .icon_right .item:first-child p span {
          text-align: left;
          font-family: "RobotoBold";
          color: #333;
          font-size: 13px;
          line-height: 20px;
          text-transform: uppercase;
          display: block; }
      .icon_right .item:nth-child(2) {
        position: relative;
        margin-bottom: 0;
        flex-wrap: wrap; }
        .icon_right .item:nth-child(2) a {
          display: block;
          width: 100%;
          height: 20px;
          text-align: left;
          margin-top: 2px !important;
          display: flex !important;
          align-items: flex-start;
          color: var(--color-main) !important; }
        .icon_right .item:nth-child(2) span {
          display: block;
          text-align: left;
          margin-top: 11px;
          margin-bottom: 6px;
          color: #333; }
        .icon_right .item:nth-child(2) p.tell {
          margin-top: -5px;
          opacity: 1;
          color: var(--color-main);
          margin-top: 5px;
          width: 100%;
          padding: 0;
          font-family: "RobotoBold";
          color: var(--color-main);
          font-size: 18px;
          line-height: 20px;
          height: 20px;
          opacity: 1 !important;
          display: block !important;
          position: static !important;
          width: 200px !important;
          color: red !important;
          transform: initial;
          top: initial;
          left: 0 !important;
          background: transparent !important; }
          .icon_right .item:nth-child(2) p.tell:before {
            display: none; }
      .icon_right .item img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        filter: initial !important; }
      .icon_right .item .quick-alo-ph-circle {
        display: none; }
  #register {
    display: none; }
  #banner div.inner {
    width: 100%;
    height: 100%;
    /*background: url(images/bannerMobile.png) no-repeat left bottom;*/
    background-size: 100% 60%;
    left: 0;
    top: initial;
    bottom: 0;
    transform: initial;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*justify-content: center;*/
    align-content: center; }
    #banner div.inner a.name {
      margin-bottom: 20px;
      padding: 0 10px;
      margin-top: 0;
      width: 100%;
      padding-right: 70px; }
    #banner div.inner p.info {
      padding-right: 70px !important; }
    #banner div.inner a.resgister {
      /*height: 60px;
                    line-height: 60px;
                    width: 100%;
                    position:absolute;
                    bottom:0;
                    margin-top: 50px;
                    padding: 0;
                    border-radius:0;
                    background:$red;*/
      margin-top: 20px;
      margin-left: 10px;
      padding: 0 30px; }
    #banner div.inner p.info {
      margin-bottom: 0;
      padding: 0 10px; }
  #banner .banner_tchu:before {
    background-image: linear-gradient(to right, #d2b491, rgba(210, 180, 145, 0));
    width: 100%;
    display: none; }
  #banner .banner_tchu:after {
    display: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent); }
  #banner .banner_tchu .khungAnh:before {
    padding-bottom: 133%; }
  #banner .banner_tchu .khungAnh .khungAnhCrop:before {
    width: 100%; }
  #banner .banner_tcon .khungAnh:before {
    padding-bottom: 133%; }
  #banner .slick-dots {
    bottom: 15px;
    z-index: 6; }
    #banner .slick-dots li button:before {
      color: #585758; }
  #banner .khungAnh:before {
    padding-bottom: 116%; }
  #header {
    /*position:fixed;*/ }
    #header .logo {
      padding-left: 10px; }
    #header #menu #menu-button {
      margin-right: 10px; }
    #header #menu a.menu {
      right: 10px;
      top: 18px; }
      #header #menu a.menu.active {
        top: 18px; }
    #header #menu > ul {
      padding: 10px; }
  #CommonCuoiChiTietTin a {
    font-size: 11px !important; }
  #CommonCuoiChiTietTin > div.fr {
    width: 100%; }
  #CommonCuoiChiTietTin div:nth-of-type(2) {
    width: auto; }
  #CommonCuoiChiTietTin > div.fl.apd.dnmb {
    justify-content: flex-start;
    width: 100%;
    align-items: center; }
  #CommonCuoiChiTietTin .addthis_toolbox {
    justify-content: flex-start; }
    #CommonCuoiChiTietTin .addthis_toolbox div:nth-child(7) {
      display: none; }
    #CommonCuoiChiTietTin .addthis_toolbox div:nth-child(9) {
      display: none; }
  #CommonCuoiChiTietTin .apd a {
    margin-right: 5px; }
  #CommonCuoiChiTietTin a.print {
    display: none; }
  #khoaHoc_tcon .content_left, #tinTuc .content_left, #cauHoi .content_left, #hocVienCu .content_left, #baiHoc .content_left {
    width: 100%;
    padding: 10px;
    float: left; }
  #khoaHoc_tcon .content_right, #tinTuc .content_right, #cauHoi .content_right, #hocVienCu .content_right, #baiHoc .content_right {
    display: none; }
  #khoaHoc .wrapper_item .item .outer {
    padding-left: 10px;
    padding-right: 10px; }
  #register .main p {
    display: none; }
  #register .main a.register {
    margin-left: 0; }
  #khoaHoc .wrapper_item .slick-list {
    margin: 0 -10px; }
  #khoaHoc .wrapper_item .slick-dots {
    bottom: -8px; }
  #khoaHoc .wrapper_item .slick-prev {
    top: 50%;
    transform: translate(0, -137px); }
  #khoaHoc .wrapper_item .slick-next {
    top: 50%;
    transform: translate(0, -137px); }
  #khoaHoc .wrapper_item .item {
    margin: 0 10px 20px 10px; }
    #khoaHoc .wrapper_item .item .outer a.name {
      height: auto;
      max-height: 48px; }
    #khoaHoc .wrapper_item .item .outer p.info {
      height: auto;
      max-height: 63px; }
  #giangVien a.name {
    padding: 0;
    padding: 0; }
  #giangVien p.description {
    font-size: 14px;
    padding: 0; }
  #giangVien a.dangKy {
    margin-top: 58px; }
  #giangVien .wrapper_item .item {
    flex-direction: column; }
    #giangVien .wrapper_item .item:before {
      display: none; }
    #giangVien .wrapper_item .item .left {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      order: 2;
      padding-top: 20px; }
    #giangVien .wrapper_item .item .middle {
      width: 100%;
      order: 1; }
      #giangVien .wrapper_item .item .middle .khungAnh {
        margin: 0 30px; }
    #giangVien .wrapper_item .item .right {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      order: 3;
      padding-top: 10px; }
  #giangVien .wrapper_item .slick-dots {
    bottom: -40px; }
  #dangKy {
    padding: 0 0 0 0; }
    #dangKy.tc {
      height: 500px; }
      #dangKy.tc .khungAnh {
        height: 500px; }
    #dangKy.formHocThu {
      padding: 20px 10px; }
    #dangKy.second .khungAnh:before {
      padding-bottom: 162%; }
    #dangKy.second .formDangKy {
      width: calc(100% - 20px);
      left: 0;
      margin-left: 10px;
      top: 50%;
      transform: translateY(-50%);
      display: block; }
      #dangKy.second .formDangKy p {
        height: auto;
        margin-bottom: 10px; }
    #dangKy .khungAnh:before {
      padding-bottom: 156%; }
    #dangKy .khungAnh .khungAnhCrop img {
      left: 16%;
      top: 50%; }
    #dangKy .formMobile {
      position: absolute;
      display: block;
      width: 100%;
      left: 0;
      top: 50%;
      height: 100%;
      transform: translateY(-50%);
      z-index: 1000; }
      #dangKy .formMobile span {
        font-size: 30px;
        line-height: 36px;
        margin: 110px 0 29px 0;
        padding: 0 70px 0 10px;
        width: 300px;
        text-align: left;
        color: #fff;
        font-family: "RobotoBold";
        display: block;
        max-height: auto;
        overflow: hidden;
        padding-right: 70px; }
      #dangKy .formMobile p {
        letter-spacing: 0px;
        width: 100%;
        padding: 0 10px;
        margin: 0 auto 20px;
        color: #fff;
        text-align: left;
        max-height: auto;
        padding-right: 70px;
        /*overflow: hidden;*/ }
      #dangKy .formMobile a.start {
        display: inline-block;
        height: 50px;
        text-transform: uppercase;
        font-family: "Roboto";
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        text-align: center;
        background: var(--color-main);
        padding: 0 30px;
        margin-left: 10px;
        /*box-shadow: 1px 1px 3px rgba(0,0,0,.72);*/
        transition: 0.3s;
        border-radius: 5px;
        background: url(images/register.png) no-repeat;
        background-size: 100% 100%; }
        #dangKy .formMobile a.start:hover {
          background: rgba(255, 255, 255, 0.6);
          color: var(--color-main); }
    #dangKy .formDangKy {
      display: none;
      width: calc(100% - 20px);
      left: 0;
      margin-left: 10px;
      top: 50%;
      transform: translateY(-50%); }
      #dangKy .formDangKy.dangKyForm {
        display: block; }
      #dangKy .formDangKy p {
        height: auto;
        margin-bottom: 10px;
        font-size: 30px;
        padding: 0 25px;
        line-height: 37px; }
  #dangKy2 .container .row {
    flex-direction: column; }
    #dangKy2 .container .row a.dangKy {
      margin-left: 0; }
    #dangKy2 .container .row p {
      font-size: 24px;
      margin-right: 0;
      line-height: 50px;
      height: 50px; }
  #camNhan a.title {
    height: auto;
    line-height: 36px;
    margin-bottom: 13px; }
  #camNhan p.description {
    margin-bottom: 20px; }
  #camNhan .wrapper_item .item .khungAnh {
    display: none; }
  #camNhan .wrapper_item .item .outer {
    width: 100%;
    padding: 10px 10px 0 10px; }
    #camNhan .wrapper_item .item .outer span.khoa {
      height: auto;
      max-height: 18px; }
  #camNhan .submit {
    flex-direction: column;
    margin-top: 0; }
    #camNhan .submit a {
      margin-right: 0;
      display: block;
      margin: 0 auto;
      width: 100%; }
      #camNhan .submit a:first-child {
        margin: 0 auto 15px auto; }
  #hinhAnh {
    padding-top: 45px;
    padding-bottom: 115px; }
    #hinhAnh a.title {
      margin-bottom: 15px; }
    #hinhAnh .wrapper_item .slick-next {
      bottom: -35px;
      top: initial;
      transform: translateX(-50%);
      left: calc(50% + 18px); }
      #hinhAnh .wrapper_item .slick-next:before {
        border-radius: 5px;
        border: 1px solid #999999;
        background: transparent;
        color: #999;
        transition: 0.3s; }
      #hinhAnh .wrapper_item .slick-next:hover:before {
        border-radius: 5px;
        border: 1px solid #fff;
        background: #999;
        color: #fff; }
    #hinhAnh .wrapper_item .slick-prev {
      bottom: -35px;
      top: initial;
      transform: translateX(-50%);
      left: calc(50% - 20px); }
      #hinhAnh .wrapper_item .slick-prev:before {
        border-radius: 5px;
        border: 1px solid #999999;
        background: transparent;
        color: #999;
        transition: 0.3s; }
      #hinhAnh .wrapper_item .slick-prev:hover:before {
        border-radius: 5px;
        border: 1px solid #fff;
        background: #999;
        color: #fff; }
    #hinhAnh .wrapper_item .item .khungAnh a.name {
      bottom: 14px;
      padding: 0 20px;
      margin-bottom: 0; }
  #tinLienQuan a.title {
    font-size: 24px;
    line-height: 28px; }
  #tinLienQuan .listTinTuc .slick-prev {
    top: -20px; }
  #tinLienQuan .listTinTuc .slick-next {
    top: -20px; }
  #footer {
    padding-bottom: 60px; }
    #footer .main_footer {
      padding-bottom: 27px; }
      #footer .main_footer .khoaHoc {
        position: relative;
        margin-bottom: 10px;
        height: auto !important; }
        #footer .main_footer .khoaHoc span.icon {
          display: inline-block;
          width: 40px;
          height: 40px;
          position: absolute;
          top: 0;
          right: 0; }
          #footer .main_footer .khoaHoc span.icon:before {
            content: "\f107";
            position: absolute;
            font: normal normal normal 14px/1 FontAwesome;
            top: 10px;
            right: 10px; }
          #footer .main_footer .khoaHoc span.icon.actived:before {
            content: "\f106";
            color: #fff; }
        #footer .main_footer .khoaHoc ul {
          display: none;
          padding-left: 10px; }
        #footer .main_footer .khoaHoc a.name {
          height: 40px;
          line-height: 40px;
          background: #f4f4f4;
          color: #333;
          padding-left: 10px;
          border-radius: 5px; }
          #footer .main_footer .khoaHoc a.name.actived {
            background: var(--color-main);
            color: #fff; }
      #footer .main_footer .them {
        margin-bottom: 10px;
        height: auto !important; }
        #footer .main_footer .them span.icon {
          display: inline-block;
          width: 40px;
          height: 40px;
          position: absolute;
          top: 0;
          right: 0; }
          #footer .main_footer .them span.icon:before {
            content: "\f107";
            position: absolute;
            font: normal normal normal 14px/1 FontAwesome;
            top: 10px;
            right: 10px; }
          #footer .main_footer .them span.icon.actived:before {
            content: "\f106";
            color: #fff; }
        #footer .main_footer .them a.name {
          height: 40px;
          line-height: 40px;
          background: #f4f4f4;
          color: #333;
          padding-left: 10px;
          border-radius: 5px; }
          #footer .main_footer .them a.name.actived {
            background: var(--color-main);
            color: #fff; }
        #footer .main_footer .them ul {
          display: none;
          padding-left: 10px; }
          #footer .main_footer .them ul ul {
            padding-left: 0; }
        #footer .main_footer .them .social {
          padding-left: 10px; }
      #footer .main_footer .fanpage {
        margin-top: 30px; }
      #footer .main_footer .lienHe .wrapper_item .item {
        width: 100%; }
        #footer .main_footer .lienHe .wrapper_item .item:first-child a {
          color: var(--color-main); }
        #footer .main_footer .lienHe .wrapper_item .item span, #footer .main_footer .lienHe .wrapper_item .item a {
          font-size: 13px; }
    #footer .copyright {
      padding: 15px 0;
      flex-direction: column;
      height: auto; }
      #footer .copyright p.copyright {
        font-size: 13px;
        line-height: 30px;
        margin-right: 0;
        padding: 0; }
      #footer .copyright p.online {
        height: 26px;
        line-height: 26px; }
      #footer .copyright p.all {
        height: 26px;
        line-height: 26px; }
  #list_danhMuc .container .row .item h2 {
    display: none; }
  #list_danhMuc .container .row .item .nav-bar2 a {
    display: none; }
  #chonChungToi p.info {
    padding: 0; }
  #giangVien_tcon {
    padding-top: 20px; }
    #giangVien_tcon .content_left {
      width: 100%;
      padding: 10px;
      margin-bottom: 10px; }
      #giangVien_tcon .content_left .khungAnh {
        margin-top: 10px; }
    #giangVien_tcon .content_right {
      width: 100%;
      padding: 10px; }
      #giangVien_tcon .content_right .formHocThu {
        padding: 20px 0; }
        #giangVien_tcon .content_right .formHocThu:before {
          width: calc(100% + 20px);
          left: -10px; }
        #giangVien_tcon .content_right .formHocThu .noidung {
          padding: 10px; }
        #giangVien_tcon .content_right .formHocThu p {
          font-size: 20px;
          margin-bottom: 10px; }
        #giangVien_tcon .content_right .formHocThu .left {
          width: 100%;
          margin-right: 0; }
        #giangVien_tcon .content_right .formHocThu .right {
          width: 100%; }
          #giangVien_tcon .content_right .formHocThu .right input {
            margin-bottom: 10px;
            float: left;
            margin-right: 5px;
            width: calc(100% - 142px); }
          #giangVien_tcon .content_right .formHocThu .right img {
            margin-right: 5px;
            float: left;
            width: 100px; }
          #giangVien_tcon .content_right .formHocThu .right a.change {
            float: left; }
        #giangVien_tcon .content_right .formHocThu .submit {
          margin-top: 5px; }
  #khoaHoc_tcon {
    padding: 20px 0;
    /*.content_right{
            display:block;
            width:100%;
        }*/ }
    #khoaHoc_tcon .wrapper_lichKG {
      padding: 0;
      margin-bottom: 20px;
      /*table {
                width: 100%;
                display: block;

                thead {
                    display: block;
                    width: 100%;

                    tr {
                        display: flex;

                        th {
                            white-space: initial;
                            padding: 4px;
                            font-size: 11px;
                            line-height: 18px;
                        }
                    }
                }

                tbody {
                    display: block;
                    width: 100%;

                    tr {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        height: auto;
                        td {
                            font-size: 10px;
                            line-height: 18px;
                            white-space: initial;
                            display: inline-block;
                            padding: 4px;
                            float: left;
                            word-break:break-word;
                            a {
                                font-size: 12px;
                                line-height: 20px;
                            }
                        }
                    }
                }
            }*/ }
      #khoaHoc_tcon .wrapper_lichKG .lichKhaiGiang {
        border: 0; }
      #khoaHoc_tcon .wrapper_lichKG div.note {
        padding: 0 5px;
        display: block;
        margin-bottom: 0; }
      #khoaHoc_tcon .wrapper_lichKG table thead tr th:first-child {
        padding-left: 5px; }
    #khoaHoc_tcon h1.title {
      margin: 20px 0 10px 0; }
      #khoaHoc_tcon h1.title.ct {
        margin-top: 0; }
    #khoaHoc_tcon .row {
      padding: 0 10px; }
    #khoaHoc_tcon .content_left {
      margin-top: 10px; }
    #khoaHoc_tcon #dangKy {
      padding: 10px;
      margin-bottom: 0; }
      #khoaHoc_tcon #dangKy ul {
        padding: 0; }
        #khoaHoc_tcon #dangKy ul:after {
          display: block;
          content: "";
          clear: both; }
        #khoaHoc_tcon #dangKy ul li {
          height: auto;
          width: 100% !important;
          line-height: 24px;
          padding: 5px 0; }
      #khoaHoc_tcon #dangKy .formHocThu {
        padding: 20px 0;
        margin-bottom: 0; }
        #khoaHoc_tcon #dangKy .formHocThu .right input {
          width: calc(100% - 142px); }
    #khoaHoc_tcon .listKhoaHoc .item {
      width: 100%;
      float: left;
      margin-right: 0; }
      #khoaHoc_tcon .listKhoaHoc .item .outer {
        padding: 10px; }
        #khoaHoc_tcon .listKhoaHoc .item .outer a.name {
          height: auto;
          max-height: 48px;
          margin-bottom: 5px; }
        #khoaHoc_tcon .listKhoaHoc .item .outer p.info {
          margin-bottom: 5px;
          height: auto;
          max-height: 63px; }
    #khoaHoc_tcon .thongTinKhoaHoc {
      margin-bottom: 20px;
      padding: 10px; }
      #khoaHoc_tcon .thongTinKhoaHoc a.name {
        display: none; }
      #khoaHoc_tcon .thongTinKhoaHoc ul {
        padding: 0; }
  .formHocThu {
    padding: 27px 10px 44px 10px; }
    .formHocThu p {
      font-size: 20px; }
    .formHocThu .left {
      width: 100%;
      margin-right: 0; }
    .formHocThu .right {
      width: 100%; }
      .formHocThu .right input {
        margin-bottom: 10px;
        float: left;
        margin-right: 5px;
        width: calc(100% - 142px); }
      .formHocThu .right img {
        margin-right: 5px;
        float: left;
        width: 100px; }
      .formHocThu .right a.change {
        float: left; }
    .formHocThu .submit {
      margin-top: 5px; }
  .thongke .thongke_luotxem {
    width: 50%; }
  .dangKyKhoaHoc {
    margin: 20px 0;
    padding: 0; }
  #tinTuc {
    padding-bottom: 20px;
    padding-top: 20px; }
    #tinTuc h2.title.ct {
      font-size: 24px; }
    #tinTuc .content_left {
      padding: 20px 10px; }
  .breadcrumb {
    overflow: hidden; }
    .breadcrumb ul li a {
      font-size: 11px;
      padding-right: 16px;
      background: url(images/right2.png) no-repeat right 5px center; }
  #cauHoi .content_left {
    padding: 20px 10px; }
  #cauHoi .listCauHoi .item a.name {
    font-size: 14px;
    line-height: 24px; }
  #cauHoi .formGuiCauHoi {
    padding: 20px 10px;
    margin-bottom: 20px; }
    #cauHoi .formGuiCauHoi p.title {
      margin-bottom: 10px;
      font-size: 20px; }
    #cauHoi .formGuiCauHoi input {
      width: 100% !important;
      margin-right: 0 !important; }
  #lienHe {
    padding: 20px 0; }
    #lienHe .container .row {
      padding: 20px 10px;
      flex-direction: column; }
      #lienHe .container .row p.title {
        font-size: 18px; }
      #lienHe .container .row .left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px; }
      #lienHe .container .row .right {
        width: 100%; }
        #lienHe .container .row .right #map2 #map_canvas {
          height: 300px; }
  .guiThanhCong {
    width: 100%; }
    .guiThanhCong p:nth-of-type(1) {
      font-size: 20px; }
    .guiThanhCong span.success {
      width: 50px;
      height: 50px; }
      .guiThanhCong span.success i {
        width: 50px;
        height: 50px;
        line-height: 50px; }
  #hocVienCu {
    padding: 20px 0; }
    #hocVienCu .container .row .content_left {
      padding: 20px 10px; }
      #hocVienCu .container .row .content_left h2 a {
        font-size: 24px; }
      #hocVienCu .container .row .content_left .formHocThu {
        padding: 20px 10px 20px 10px; }
        #hocVienCu .container .row .content_left .formHocThu p {
          margin-bottom: 10px;
          font-size: 20px; }
        #hocVienCu .container .row .content_left .formHocThu .left {
          width: 100%;
          margin-right: 0; }
        #hocVienCu .container .row .content_left .formHocThu .right {
          width: 100%; }
          #hocVienCu .container .row .content_left .formHocThu .right input {
            margin-bottom: 10px;
            float: left;
            margin-right: 5px;
            width: calc(100% - 142px); }
          #hocVienCu .container .row .content_left .formHocThu .right img {
            margin-right: 5px;
            float: left;
            width: 100px; }
          #hocVienCu .container .row .content_left .formHocThu .right a.change {
            float: left; }
        #hocVienCu .container .row .content_left .formHocThu .submit {
          margin-top: 5px; }
      #hocVienCu .container .row .content_left .camNhanKhac:before {
        left: -10px;
        width: calc(100% + 20px); }
      #hocVienCu .container .row .content_left .camNhanKhac a.name {
        font-size: 24px; }
      #hocVienCu .container .row .content_left .listHocVien .slick-list {
        margin: 0 -10px; }
      #hocVienCu .container .row .content_left .listHocVien .item {
        flex-direction: column;
        padding: 20px 10px 20px 10px; }
        #hocVienCu .container .row .content_left .listHocVien .item .khungAnh {
          width: 100%;
          margin-right: 0;
          margin-bottom: 10px; }
        #hocVienCu .container .row .content_left .listHocVien .item .outer {
          width: 100%; }
          #hocVienCu .container .row .content_left .listHocVien .item .outer p.name {
            font-size: 16px; }
          #hocVienCu .container .row .content_left .listHocVien .item .outer p.khoa {
            height: auto;
            max-height: 24px; }
          #hocVienCu .container .row .content_left .listHocVien .item .outer p.info {
            margin-bottom: 10px; }
  #baiHoc {
    padding: 20px 0; }
    #baiHoc .content_left {
      padding: 20px 10px; }
    #baiHoc #comment_facebook {
      margin-bottom: 0; }
    #baiHoc h1.title {
      margin-bottom: 10px; }
      #baiHoc h1.title.ct {
        margin-bottom: 10px; }
    #baiHoc h2.title.ct {
      font-size: 18px; }
    #baiHoc .listBaiHoc .item {
      width: 100%;
      margin-right: 0 !important; }
    #baiHoc .baiHocKhac {
      margin-bottom: 10px; }
      #baiHoc .baiHocKhac a.title {
        font-size: 24px; }
      #baiHoc .baiHocKhac .listBaiHocKhac .item .outer p.info {
        height: auto;
        max-height: 98px; }
        #baiHoc .baiHocKhac .listBaiHocKhac .item .outer p.info a.more {
          margin-bottom: 0; }
  #lightPopupVideo {
    width: 90%; }
    #lightPopupVideo .VideoPlayerEmbedCode iframe {
      height: auto !important; }
  .breadcrumb.actived {
    margin-bottom: 0; }
  #backtop {
    width: 38px;
    height: 38px; }
    #backtop img {
      width: 100%;
      height: 100%; }
  .camNhanKhac .listHocVien .item {
    width: 100%;
    float: left; }
  .baiHocKhac {
    overflow: hidden;
    margin-top: 0; }
    .baiHocKhac .listBaiHocKhac .item {
      width: 100%;
      float: left; }
      .baiHocKhac .listBaiHocKhac .item .outer a.name {
        height: auto;
        max-height: 40px;
        margin-bottom: 6px; }
  #tinLienQuan {
    overflow: hidden; }
    #tinLienQuan .listTinTuc .slick-list {
      margin: 0 -10px; }
    #tinLienQuan .listTinTuc .item {
      width: 100%;
      float: left;
      padding: 0 10px;
      margin: 0; }
      #tinLienQuan .listTinTuc .item .outer a.name {
        font-size: 16px; }
  #khoaHocKhac {
    overflow: hidden;
    padding-bottom: 10px; }
    #khoaHocKhac a.title {
      font-size: 24px; }
    #khoaHocKhac .listKhoaHoc .slick-list {
      margin: 0 -10px !important; }
    #khoaHocKhac .listKhoaHoc .item {
      margin: 0 !important;
      padding: 0 10px; }
      #khoaHocKhac .listKhoaHoc .item a.name {
        height: 48px !important;
        font-size: 16px !important; }
      #khoaHocKhac .listKhoaHoc .item p.info {
        height: 63px !important; }
      #khoaHocKhac .listKhoaHoc .item:nth-child(3n+3) {
        margin-right: 0 !important; }
  #gioiThieuChung .noidung {
    padding: 10px; }
  #phuongPhapHoc p.description {
    padding: 0 10px; }
  #phuongPhapHoc .listItem .item {
    width: 100%;
    margin-right: 0; }
    #phuongPhapHoc .listItem .item a.title {
      padding: 0 10px; }
    #phuongPhapHoc .listItem .item p {
      padding: 0 10px; } }