@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url("font/RobotoCondensed-Bold.ttf") format("truetype"); }

#header {
  position: relative;
  z-index: 11; }
  #header .right .icon-bar {
    display: none;
    color: #666; }
  #header .bottom_header .row .logo {
    height: 98px; }
    #header .bottom_header .row .logo a {
      height: 98px;
      overflow: hidden;
      position: relative;
      transform: none;
      top: 0; }
      #header .bottom_header .row .logo a img {
        max-height: unset;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }

main {
  position: relative;
  z-index: 9; }

#banner .banner_tchu .khungAnh:before {
  padding-bottom: 30.9%; }

.itemProduct .item .description {
  display: none; }

.itemProduct .item .price {
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 30px; }
  .itemProduct .item .price span {
    font-family: 'RobotoCondensed-Bold';
    color: #da0000; }
    .itemProduct .item .price span .giaNY {
      margin-right: 15px;
      color: #666 !important;
      text-decoration: line-through;
      font-family: "Roboto"; }

.itemProduct .item h3 a.name {
  text-align: center; }

.social a:last-child {
  margin-right: 0; }

#footer .item.Facebook {
  width: 400px; }

.slick-slide:focus {
  outline: none; }

#product .row .contentLeft.chiTiet .information div.right .price {
  font-size: 18px;
  margin-bottom: 10px; }
  #product .row .contentLeft.chiTiet .information div.right .price .number {
    font-family: 'RobotoCondensed-Bold';
    color: #da0000; }

#product .row .contentLeft.chiTiet .content .noidung img {
  max-width: 100% !important;
  height: auto !important; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../css/fonts/FontAwesome.otf") format("opentype"); }

@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url("font/RobotoCondensed-Bold.ttf") format("truetype"); }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

@media (max-width: 1190px) {
  #featureProduct .titleName {
    width: auto; }
  body {
    min-width: unset; }
  .container {
    width: 100%; } }

@media (max-width: 1024px) {
  #libraryHome .container {
    padding-left: 0;
    padding-right: 0; }
  #libraryHome .row {
    margin: 0; }
  #libraryHome .itemLibrary {
    padding: 0 20px; }
  .container {
    padding-left: 20px;
    padding-right: 20px; }
  body {
    position: relative; }
  .light:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10; }
  #header .bottom_header .row .right {
    position: relative; }
    #header .bottom_header .row .right .icon-bar {
      display: block; }
    #header .bottom_header .row .right #menu {
      position: absolute;
      top: 100%;
      right: 0;
      z-index: 2;
      background-color: #fff;
      display: none; }
      #header .bottom_header .row .right #menu > ul {
        min-width: 300px; }
        #header .bottom_header .row .right #menu > ul > li {
          float: none; }
          #header .bottom_header .row .right #menu > ul > li > a {
            padding: 5px 10px;
            width: 100%;
            border-bottom: solid 1px #ebebeb; }
          #header .bottom_header .row .right #menu > ul > li:last-child a {
            border-bottom: none; }
          #header .bottom_header .row .right #menu > ul > li:first-child > a {
            padding: 5px 10px; }
          #header .bottom_header .row .right #menu > ul > li:hover a {
            background-color: transparent;
            color: #333; }
          #header .bottom_header .row .right #menu > ul > li.active a {
            background-color: #ff6d00;
            color: #fff; }
          #header .bottom_header .row .right #menu > ul > li.has-sub {
            position: relative; }
            #header .bottom_header .row .right #menu > ul > li.has-sub.active > ul {
              display: block; }
              #header .bottom_header .row .right #menu > ul > li.has-sub.active > ul li a {
                background-color: #fff; }
            #header .bottom_header .row .right #menu > ul > li.has-sub.active .submenu-button {
              background-color: #ff6d00;
              color: #fff; }
              #header .bottom_header .row .right #menu > ul > li.has-sub.active .submenu-button:after {
                content: "\f0d8"; }
            #header .bottom_header .row .right #menu > ul > li.has-sub .submenu-button {
              position: absolute;
              top: 0;
              right: 0;
              width: 31px;
              height: 47px;
              padding: 0;
              display: block;
              border-bottom: solid 1px #ebebeb; }
              #header .bottom_header .row .right #menu > ul > li.has-sub .submenu-button:after {
                font-family: 'FontAwesome';
                content: "\f0d7";
                position: absolute;
                top: 45%;
                left: 50%;
                transform: translate(-50%, -50%); }
            #header .bottom_header .row .right #menu > ul > li.has-sub > a {
              position: relative;
              width: calc(100% - 30px); }
              #header .bottom_header .row .right #menu > ul > li.has-sub > a:after {
                display: none; }
            #header .bottom_header .row .right #menu > ul > li.has-sub > ul {
              position: unset;
              background: #fff;
              padding: 0;
              display: none; }
              #header .bottom_header .row .right #menu > ul > li.has-sub > ul > li {
                height: auto; }
                #header .bottom_header .row .right #menu > ul > li.has-sub > ul > li:hover a, #header .bottom_header .row .right #menu > ul > li.has-sub > ul > li.active a {
                  background-color: #f6f6f6; }
                #header .bottom_header .row .right #menu > ul > li.has-sub > ul > li > a {
                  color: #333;
                  width: 100%;
                  text-transform: uppercase;
                  padding: 5px 10px;
                  padding-left: 30px;
                  position: relative;
                  font-size: 15px;
                  line-height: 36px;
                  border-bottom: solid 1px #ebebeb; }
                  #header .bottom_header .row .right #menu > ul > li.has-sub > ul > li > a:after {
                    position: absolute;
                    left: 10px;
                    top: 0;
                    content: "\f0da";
                    font-family: 'FontAwesome';
                    line-height: 46px; }
    #header .bottom_header .row .right .boxSearch {
      width: 100%;
      height: auto;
      padding: 10px; }
      #header .bottom_header .row .right .boxSearch:before {
        content: "";
        border-bottom: solid 1px #ebebeb;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0; }
      #header .bottom_header .row .right .boxSearch:after {
        content: "";
        border-bottom: solid 1px #ebebeb;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0; }
      #header .bottom_header .row .right .boxSearch .search {
        display: none; }
      #header .bottom_header .row .right .boxSearch .content {
        display: block;
        transform: none;
        position: unset;
        width: 100%;
        border-radius: 5px;
        border: solid 1px #ebebeb;
        margin: 0; }
        #header .bottom_header .row .right .boxSearch .content input {
          width: 100%;
          border-radius: 5px; }
        #header .bottom_header .row .right .boxSearch .content .search2 {
          height: calc(100% - 20px);
          top: 50%;
          transform: translateY(-50%);
          line-height: 40px;
          width: 40px;
          text-align: center; }
    #header .bottom_header .row .right #menu-button {
      height: 100%;
      line-height: 98px;
      margin-right: 10px; }
      #header .bottom_header .row .right #menu-button:after {
        content: "\f0c9";
        font-family: 'FontAwesome'; }
  #header .top_header .row {
    padding-left: 0;
    padding-right: 0; }
  .itemProduct .item {
    width: 33.3%; }
  #footer .item.lienHe {
    margin-top: 40px;
    position: relative;
    width: 100%; }
    #footer .item.lienHe:before {
      content: "";
      border-bottom: solid 1px #46526e;
      width: 100%;
      position: absolute;
      left: 0;
      top: -20px; }
  #product .row .contentRight {
    display: none; }
  #product .row .contentLeft {
    width: 100%; }
  #services .row {
    margin: 0 -20px; }
    #services .row .contentRight {
      display: none; }
    #services .row .contentLeft {
      width: 100%;
      padding: 0 20px;
      float: none; }
  #project .row .contentRight {
    display: none; }
  #project .row .contentLeft {
    width: 100%; }
  #tinTuc .row {
    margin: 0 -20px; }
    #tinTuc .row .contentRight {
      display: none; }
    #tinTuc .row .contentLeft {
      width: 100%;
      padding: 0 20px; } }

@media (max-width: 768px) {
  .itemField .item {
    width: 50%; }
  #statistic {
    height: 160px; }
    #statistic .listItem {
      height: 160px; }
      #statistic .listItem .item {
        position: relative;
        padding-left: 0;
        text-align: center; }
        #statistic .listItem .item .wrapper_img {
          width: 45px;
          height: 30%;
          padding-right: 0;
          position: absolute;
          top: 20px;
          left: 50%;
          transform: translateX(-50%); }
          #statistic .listItem .item .wrapper_img img {
            transform: translate(-50%, 0);
            top: 0;
            left: 50%; }
        #statistic .listItem .item .content {
          margin-top: 75px; }
  #libraryHome .itemLibrary {
    width: 100%;
    float: none; }
    #libraryHome .itemLibrary:last-child {
      margin-top: 50px; }
    #libraryHome .itemLibrary .titleName h2 a {
      text-align: center; }
      #libraryHome .itemLibrary .titleName h2 a:after {
        left: 50%;
        transform: translateX(-50%); }
  .copyRight .left {
    width: 100%;
    float: none; }
  .copyRight .right {
    width: 100%;
    float: none;
    justify-content: flex-start; }
  #product .row .contentLeft .head .bottom span.left {
    width: 100%;
    float: none; }
  #product .row .contentLeft .head .bottom .right {
    width: 100%;
    float: none;
    justify-content: flex-start;
    margin-top: 15px; }
  #product .row .contentLeft.chiTiet .information div.left {
    width: 100%;
    float: none; }
    #product .row .contentLeft.chiTiet .information div.left .slick-prev {
      left: 0;
      z-index: 2; }
    #product .row .contentLeft.chiTiet .information div.left .slick-next {
      z-index: 2;
      right: 0; }
  #product .row .contentLeft.chiTiet .information div.right {
    width: 100%;
    float: none;
    margin-top: 30px; }
    #product .row .contentLeft.chiTiet .information div.right ul {
      padding-left: 20px; }
  #footer .item:first-child {
    width: 50%; }
  #footer .item.Facebook {
    width: 50%; }
  #project .row .contentLeft .head .left {
    width: 50%; }
  #project .row .contentLeft .head .right {
    width: 50%; }
  #lienHe .wrapper .left {
    width: 100%;
    padding-right: 0; }
  #lienHe .wrapper .right {
    width: 100%;
    margin-top: 80px; }
  .otherProduct .itemServices .item {
    padding: 0 16px; } }

@media (max-width: 667px) {
  .container {
    padding-left: 10px;
    padding-right: 10px; }
  .itemProduct {
    margin: 0 -5px; }
    .itemProduct .item {
      width: 50%;
      padding: 0 5px; }
  .itemField {
    margin: 0 -5px; }
    .itemField .item {
      padding: 0 5px; }
  #backTop {
    right: 10px;
    bottom: 5%; }
  #footer .item:first-child {
    width: 100%; }
  #footer .item.Facebook {
    width: 100%;
    margin-top: 30px; } }

@media (max-width: 576px) {
  .slick-prev, .slick-next {
    z-index: 2; }
    .slick-prev:before, .slick-next:before {
      color: #ebebeb; }
  .slick-prev {
    left: 0; }
  .slick-next {
    right: 0; }
  #footer .item:first-child {
    width: 100%; }
  #footer .item.lienHe {
    width: 100%; }
  #footer .item.Facebook {
    margin-top: 30px;
    width: 100%; }
  #header .top_header .left .hotLine {
    display: none; }
  #header .bottom_header {
    position: relative;
    height: 80px; }
    #header .bottom_header .row .right {
      position: unset;
      height: 80px; }
      #header .bottom_header .row .right #menu-button {
        margin-right: 0;
        line-height: 80px; }
      #header .bottom_header .row .right #menu {
        width: 100%; }
      #header .bottom_header .row .right .boxSearch {
        width: calc(100% - 80px);
        display: inline-block;
        margin-right: 10px; }
        #header .bottom_header .row .right .boxSearch .content input {
          height: 30px;
          line-height: 30px; }
        #header .bottom_header .row .right .boxSearch .content .search2 {
          line-height: 30px; }
      #header .bottom_header .row .right .languages {
        width: 70px;
        float: right;
        height: 40px;
        padding-top: 10px;
        padding-right: 10px;
        position: relative; }
        #header .bottom_header .row .right .languages:before {
          content: "";
          position: absolute;
          border-bottom: solid 1px #ebebeb;
          width: calc(100% + 10px);
          top: 0;
          right: 0; }
        #header .bottom_header .row .right .languages:after {
          content: "";
          border-bottom: solid 1px #ebebeb;
          position: absolute;
          width: calc(100% + 10px);
          right: 0;
          bottom: -12px; }
        #header .bottom_header .row .right .languages .item {
          width: 30px;
          float: left;
          text-align: center; }
          #header .bottom_header .row .right .languages .item img {
            display: none; }
          #header .bottom_header .row .right .languages .item a {
            line-height: 40px; }
            #header .bottom_header .row .right .languages .item a .text {
              display: none; }
          #header .bottom_header .row .right .languages .item:first-child a .anh {
            background: url("../pic/Language/icolang1636410641881100569.png") no-repeat;
            width: 25px;
            height: 15px;
            display: inline-block;
            background-size: 100% 100%; }
          #header .bottom_header .row .right .languages .item:last-child a .anh {
            display: inline-block;
            width: 25px;
            height: 15px;
            background: url("../pic/Language/icolang2636410641955145259.png") no-repeat;
            background-size: 100% 100%; }
    #header .bottom_header .row .logo {
      width: 80%;
      height: 80px; }
      #header .bottom_header .row .logo a {
        height: 80px; }
  #banner .banner_tchu .khungAnh:before {
    padding-bottom: 80%; }
  #banner .banner_tchu a.control.prev {
    left: 10px; }
  #banner .banner_tchu a.control.next {
    right: 10px; }
  #banner .banner_tcon .khungAnh:before {
    padding-bottom: 80%; }
  #statistic {
    height: 350px; }
    #statistic .listItem {
      height: 350px;
      display: block; }
      #statistic .listItem .item {
        width: 50%;
        float: left;
        text-align: left; }
        #statistic .listItem .item .wrapper_img {
          left: 0;
          transform: none; }
        #statistic .listItem .item:nth-child(2) ~ .item {
          margin-top: 40px; }
        #statistic .listItem .item:nth-last-child(2):before {
          content: "";
          position: absolute;
          left: -10px;
          width: calc(100% + 10px);
          top: -15px;
          border-bottom: solid 1px #54bbea; }
        #statistic .listItem .item:last-child:before {
          content: "";
          position: absolute;
          right: -10px;
          top: -15px;
          width: calc(100% + 10px);
          border-bottom: solid 1px #54bbea; }
        #statistic .listItem .item .content span {
          font-size: 15px; }
        #statistic .listItem .item .content p {
          font-size: 14px; }
  #libraryHome {
    padding-bottom: 50px;
    padding-top: 30px; }
    #libraryHome .itemLibrary {
      padding: 0 10px; }
      #libraryHome .itemLibrary .listItem {
        margin: 0 -10px; }
        #libraryHome .itemLibrary .listItem .item {
          width: 100%;
          padding: 0 10px; }
          #libraryHome .itemLibrary .listItem .item:first-child ~ .item {
            display: none; }
      #libraryHome .itemLibrary:last-child {
        margin-top: 30px; }
  .titleName h2 a {
    font-size: 18px; }
  .titleName h2 span {
    font-size: 18px; }
  .titleName .description {
    font-size: 14px; }
  #gioiThieu #section1 {
    padding-top: 30px;
    padding-bottom: 50px; }
    #gioiThieu #section1 .content .left, #gioiThieu #section1 .content .right {
      width: 100%; }
    #gioiThieu #section1 .content .right {
      margin-top: 20px; }
  #product .row {
    padding-bottom: 50px;
    padding-top: 30px; }
    #product .row .contentLeft .head span.name {
      font-size: 18px; }
    #product .row .contentLeft .head .bottom span.left {
      font-size: 14px; }
    #product .row .contentLeft .head .bottom .right {
      display: block; }
      #product .row .contentLeft .head .bottom .right span {
        display: block;
        width: 100%;
        margin-right: 0; }
      #product .row .contentLeft .head .bottom .right select {
        width: 40%; }
    #product .row .contentLeft.chiTiet .information {
      margin-left: 0;
      margin-right: 0; }
      #product .row .contentLeft.chiTiet .information div.left {
        padding: 0; }
      #product .row .contentLeft.chiTiet .information div.right {
        padding: 0; }
    #product .row .contentLeft.chiTiet .otherProduct .slick-next {
      right: 0;
      z-index: 2; }
    #product .row .contentLeft.chiTiet .otherProduct .slick-prev {
      left: 0;
      z-index: 2; }
  .itemServices {
    margin: 0 -5px; }
    .itemServices .item {
      width: 50%;
      padding: 0 5px;
      margin-bottom: 20px; }
      .itemServices .item a.name {
        font-size: 15px; }
  .namePost span.name {
    font-size: 20px; }
  .box_share .group_share {
    width: 100%; }
  #services .row {
    padding-top: 30px;
    padding-bottom: 50px;
    margin: 0 -10px; }
    #services .row .contentLeft {
      padding: 0 10px; }
  .orderServices .form {
    padding: 30px 20px; }
    .orderServices .form .item {
      width: 100%; }
      .orderServices .form .item.code {
        width: calc(100% - 161px);
        margin-bottom: 20px; }
    .orderServices .form .submit {
      position: unset; }
      .orderServices .form .submit a {
        width: calc(100% - 20px);
        margin-right: 10px; }
        .orderServices .form .submit a:last-child {
          margin-top: 10px; }
  .orderServices span.title {
    font-size: 18px; }
  .otherServices span.title {
    font-size: 18px; }
  .otherProduct span.name {
    font-size: 20px;
    margin-bottom: 20px; }
  .otherProduct .itemServices {
    margin: 0 -5px; }
    .otherProduct .itemServices .slick-list {
      margin: 0 -5px; }
      .otherProduct .itemServices .slick-list:before {
        width: 5px; }
      .otherProduct .itemServices .slick-list:after {
        width: 5px; }
    .otherProduct .itemServices .item {
      padding: 0 6px; }
  .listTinDS .item .khungAnh {
    width: 100%; }
  .listTinDS .item .outer {
    width: 100%;
    margin-top: 20px; }
    .listTinDS .item .outer a.name {
      font-size: 16px; }
    .listTinDS .item .outer a.detail {
      font-size: 14px;
      width: 120px; }
  #project .row {
    padding-top: 30px;
    padding-bottom: 50px; }
    #project .row .contentLeft .listTinDS .item .khungAnh {
      width: 100%; }
    #project .row .contentLeft .listTinDS .item .outer {
      width: 100%;
      padding-left: 0; }
      #project .row .contentLeft .listTinDS .item .outer a.name {
        font-size: 16px; }
      #project .row .contentLeft .listTinDS .item .outer a.detail {
        font-size: 14px;
        width: 120px; }
    #project .row .contentLeft .head {
      margin-left: -10px;
      margin-right: -10px; }
      #project .row .contentLeft .head .left {
        width: 100%;
        padding: 0 10px; }
        #project .row .contentLeft .head .left span.name {
          font-size: 20px; }
      #project .row .contentLeft .head .right {
        padding: 0 10px;
        width: 100%;
        margin-top: 30px; }
    #project .row .contentLeft.chiTiet span.title {
      font-size: 20px; }
    #project .row .contentLeft.chiTiet .content span.title {
      font-size: 16px; }
    #project .row .contentLeft.chiTiet .information {
      margin-left: -10px;
      margin-right: -10px; }
      #project .row .contentLeft.chiTiet .information .left {
        width: 100%;
        padding: 0 10px; }
      #project .row .contentLeft.chiTiet .information .right {
        width: 100%;
        padding: 0 10px;
        margin-top: 30px; }
  #tinTuc .row {
    padding-top: 30px;
    padding-bottom: 50px;
    margin: 0 -10px; }
    #tinTuc .row .contentLeft {
      padding: 0 10px; }
    #tinTuc .row.ct {
      padding-top: 30px;
      padding-bottom: 50px; }
  #lienHe {
    padding-top: 30px;
    padding-bottom: 50px; }
    #lienHe .wrapper .left .block_form .item_form.submit .item {
      width: 100%; }
      #lienHe .wrapper .left .block_form .item_form.submit .item:last-child {
        margin-top: 10px; }
    #lienHe .wrapper .right {
      margin-top: 50px; }
      #lienHe .wrapper .right #map2 #map_canvas {
        height: 300px; }
  .itemProduct .item {
    margin-bottom: 10px; }
    .itemProduct .item a.detail {
      width: calc(100% - 14px);
      line-height: 30px;
      height: 30px; }
    .itemProduct .item h3 a.name {
      font-size: 15px;
      margin-bottom: 0;
      line-height: 20px;
      height: 40px; }
    .itemProduct .item .khungAnh:before {
      padding-bottom: 60%; }
    .itemProduct .item .wrapper {
      padding: 7px 10px 15px 10px; }
    .itemProduct .item .price {
      font-size: 14px;
      margin-bottom: 10px; }
  .itemField .item {
    margin-bottom: 10px; }
    .itemField .item .outer {
      padding: 0 10px; }
      .itemField .item .outer a.name {
        font-size: 14px; }
  .itemProject .item .khungAnh .inner a.name {
    font-size: 14px; }
  .categoryName h1 a, .categoryName h1 span {
    font-size: 18px; }
  #fieldHome {
    padding-top: 30px; }
  #featureProduct {
    padding-top: 30px;
    padding-bottom: 50px; }
  #breadcrums .row ul li {
    max-width: 33%; }
    #breadcrums .row ul li a {
      line-height: 40px;
      height: 40px;
      display: inline-block;
      overflow: hidden; }
    #breadcrums .row ul li:nth-child(3) {
      max-width: 30%; } }

#footer {
  background: #30ade5 !important; }

#footer .mainFooter {
  border-bottom: solid 1px rgba(255, 255, 255, 0.3) !important; }

.danhMuc a.title {
  background: #30ade5 !important; }

.categoryName {
  background: #30ade5 !important; }

#myNarBar {
  background: #30ade5 !important; }

.listItem marquee {
  line-height: 26px !important; }

#libraryHome .listItem .item h3 > a {
  margin-right: 0 !important; }

#header .top_header .left .hotLine:after, #header .top_header .right .item:after {
  content: "";
  position: absolute !important;
  right: 0 !important;
  top: calc(50% - 13px) !important;
  width: 1px !important;
  height: 26px !important;
  background-color: rgba(255, 255, 255, 0.3) !important;
  display: block !important; }

#header .top_header .left .hotLine, #header .top_header .right .item {
  background: none !important;
  position: relative; }

#productHome {
  padding: 43px 0 26px 0; }

#featureProduct {
  padding: 45px 0 55px 0; }

#product .row .contentLeft.chiTiet .information div.right .price .number .giaNY {
  margin-right: 15px;
  color: #666 !important;
  text-decoration: line-through;
  font-family: "Roboto"; }

#libraryHome {
  padding: 23px 0 37px 0; }

@media (max-width: 767px) {
  #footer .item:first-child .logoFooter img {
    max-width: 100% !important; }
  #footer .item.lienHe:before {
    display: none !important; }
  #header .bottom_header {
    height: auto !important; }
  #header .bottom_header .row .logo {
    margin: 10px 0; }
  #featureProduct .titleName .description {
    padding: 0 !important; }
  #libraryHome .itemLibrary .listItem .item:first-child ~ .item {
    display: block !important; }
  #header .bottom_header .row .right #menu > ul > li.has-sub > ul > li:first-child > a:after {
    display: block !important;
    right: auto !important;
    background: none !important;
    width: auto !important;
    height: auto !important; }
  .listTinDS .item .outer {
    margin-top: 0 !important;
    padding-left: 0 !important; }
  .noidung img {
    max-width: 100% !important;
    height: auto !important; }
  #header .top_header .left span > span {
    display: none !important; }
  #header .top_header .left span {
    margin-right: 0 !important; }
  #header .bottom_header .row .right #menu-button:after {
    font-size: 20px !important; }
  #header .bottom_header .row .right #menu-button {
    margin-right: 10px !important; }
  #header .bottom_header .row .logo {
    height: auto !important;
    margin: 10px 0 2px !important; }
  #header .bottom_header .row .logo a {
    height: 92px !important; }
  #gioiThieu #section2 {
    padding: 20px 0; }
  #gioiThieu #section2 .titleName {
    margin-bottom: 34px; }
  #gioiThieu #section2 .listItem .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px; }
  #gioiThieu #section2 .listItem .item .title {
    margin-bottom: 15px; }
  #gioiThieu #section3 .titleName .description {
    padding: 0; }
  #gioiThieu #section4 .listItem .item {
    width: 100%;
    margin-bottom: 25px; }
  #gioiThieu #section3 {
    padding: 20px 0 50px 0; }
  #gioiThieu #section4 {
    padding: 20px 0; }
  #gioiThieu #section5 {
    padding: 10px 0 40px; }
  #libraryHome {
    padding-top: 10px !important; }
  #breadcrums .list-inline {
    display: flex;
    margin-bottom: 0;
    height: 40px;
    align-items: center; }
  #breadcrums .row ul li {
    display: flex; }
  .itemProduct .item .price span .giaNY {
    display: none; }
  #gioiThieu #section1 .content .left {
    padding: 0 35px; } }

@media (min-width: 1200px) {
  #footer .mainFooter {
    display: flex; }
  #footer .item:first-child {
    width: 410px; }
  #footer .item.Facebook {
    width: 365px;
    margin-left: auto;
    text-align: right; } }