.active_1, .main-content_row .box-sidebar_item__nonbg ul.list > li .list_title:hover, .main-content_row .box-sidebar_item__nonbg ul.list > li ul li:hover {
  background: #e4e6eb; }

.dropdown-menu {
  cursor: auto;
  border: 1px solid #e4e6eb !important;
  -webkit-box-shadow: 1px 1px 3px #d1d8e0;
          box-shadow: 1px 1px 3px #d1d8e0; }
  .dropdown-menu ul {
    padding: 0;
    margin: 0; }
    .dropdown-menu ul a li {
      list-style: none;
      padding: 7px 10px;
      color: #567;
      font-weight: 600;
      width: 200px;
      margin-bottom: 5px;
      border-radius: 5px;
      font-size: 0.95rem; }
      .dropdown-menu ul a li:hover {
        background: #f0f2f5; }
      .dropdown-menu ul a li i {
        margin-right: 15px;
        padding: 10px 9px;
        background: #e4e6eb;
        border-radius: 50%; }
    .dropdown-menu ul a:last-child li {
      margin: 0; }

/* Chung */
.container {
  padding-left: 0;
  padding-right: 0; }

.qty-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0; }
  .qty-box_input {
    width: 40px;
    height: 28px;
    padding: 0;
    text-align: center;
    border: none;
    /* Chrome, Safari, Edge, Opera */ }
    .qty-box_input::-webkit-outer-spin-button, .qty-box_input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .qty-box button, .qty-box div {
    width: 28px;
    height: 28px;
    background: #f0f2f5;
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    cursor: pointer; }
    .qty-box button:hover, .qty-box div:hover {
      background: #e4e6eb; }

button {
  border: none; }

.box-btn_right {
  margin-top: 30px;
  text-align: right; }

.btn-primary, .btn-secondary {
  padding: 7px 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  margin-top: 10px;
  font-weight: 600; }

.btn-primary {
  background: #007bff;
  color: #fff;
  text-transform: uppercase; }
  .btn-primary:hover {
    background: #0060C6; }

.btn-secondary {
  background: #d1d8e0; }

.icon-success {
  font-size: 1.2rem;
  margin-right: 5px;
  color: #3ADF00; }

button:focus, input:focus, select:focus {
  outline: none !important; }

body a:hover {
  text-decoration: none; }

footer {
  background: #e4e6eb; }
  footer .copyrights {
    padding: 8px 0;
    font-size: 0.8rem; }

.bold {
  font-weight: bold; }

.border-bottom_0 {
  border-bottom: 1px solid #fff; }

.border-bottom_1 {
  border-bottom: 1px solid #f0f2f5; }

.border-bottom_2 {
  border-bottom: 1px solid #e4e6eb; }

.border-bottom_3 {
  border-bottom: 1px solid #d1d8e0; }

.total-price {
  font-size: 1.2rem;
  color: #ff425b; }

.gradient {
  background: -webkit-gradient(linear, left bottom, left top, from(#4a4a4a), color-stop(22%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #4a4a4a 0%, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 100%);
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  cursor: pointer; }
  .gradient_body {
    text-align: center;
    margin-top: 215px; }
    .gradient_body i {
      width: 45px;
      font-size: 1.4rem;
      padding: 10px;
      background: #fff;
      border-radius: 50%;
      -webkit-box-shadow: 1px 1px 3px #c1c1c1;
              box-shadow: 1px 1px 3px #c1c1c1; }
      .gradient_body i:hover {
        background: #f0f2f5; }
    .gradient_body__text {
      color: #fff;
      font-weight: 600;
      font-size: 1.2rem;
      margin-top: 5px; }

.box-constructing {
  position: realtive; }
  .box-constructing_note {
    padding: 20px 0;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600; }
  .box-constructing_img img {
    border-radius: 10px; }

.box-title {
  font-size: 1rem;
  padding: 20px 0;
  margin: 0;
  text-transform: uppercase; }

.required {
  color: red;
  font-weight: bold; }

.notes {
  display: none;
  -webkit-transition: all 2s;
  transition: all 2s; }

.notes-system {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .notes-system_bg {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .notes-system_main {
    background: #fff; }
    .notes-system_main_close {
      position: absolute;
      top: 5px;
      right: 7px;
      font-size: 1.2rem;
      color: #646464;
      cursor: pointer; }
    .notes-system_main_text {
      padding: 15px; }
      .notes-system_main_text i {
        margin-right: 10px;
        color: green; }
    .notes-system_main_content {
      padding: 0 15px; }
    .notes-system_main_btn {
      padding: 0 15px 10px 15px; }

/* banner top */
.banner-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 16px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101; }
  .banner-left > div:not(:last-child) {
    margin-right: 10px; }
  .banner-left .banner-left_logo img {
    width: 50px; }
  .banner-left .banner-left_search {
    margin-top: 14px;
    position: relative; }
    .banner-left .banner-left_search i {
      position: absolute;
      top: 10px;
      left: 10px; }
    .banner-left .banner-left_search input {
      border: none;
      border-radius: 20px;
      padding: 5px 10px 5px 30px;
      background: #f0f2f5;
      border: 1px solid #e4e6eb; }

.banner-menu {
  width: 100%;
  margin: 0 auto;
  position: fixed;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 1px 1px 3px #c1c1c1;
          box-shadow: 1px 1px 3px #c1c1c1;
  color: #050505; }
  .banner-menu_icon {
    position: absolute;
    top: -51px;
    left: 10px;
    font-size: 1.5rem;
    padding: 0 11px 2px 11px;
    background: #f1f1f1;
    border-radius: 5px;
    cursor: pointer;
    display: none;
    border: 1px solid #e4e6eb; }
  .banner-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 auto;
    font-weight: 600;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 960px; }
    .banner-menu ul a {
      color: inherit; }
      .banner-menu ul a li {
        list-style: none;
        text-align: center;
        margin-top: 7px;
        padding: 13.5px 10px 14px 10px;
        width: 150px;
        cursor: pointer;
        border-radius: 10px 10px 0 0; }
        .banner-menu ul a li:hover, .banner-menu ul a li.active {
          background: #f0f2f5;
          border: 1px solid #e4e6eb;
          border-bottom: 2px solid #007bff;
          color: #007bff; }
          .banner-menu ul a li:hover i, .banner-menu ul a li.active i {
            color: #007bff; }
        .banner-menu ul a li i {
          margin-right: 10px;
          color: #789;
          font-size: 1.1rem; }

.banner-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
  position: fixed;
  top: 1px;
  right: 0;
  z-index: 101; }
  .banner-right .banner-right_item {
    padding: 10px 0;
    cursor: pointer; }
    .banner-right .banner-right_item:not(:first-child) {
      margin-left: 15px; }
    .banner-right .banner-right_item .icon-bg {
      padding: 7px 12px;
      background: #e4e6eb;
      border-radius: 50%;
      border: 1px solid #e4e6eb; }
      .banner-right .banner-right_item .icon-bg:hover {
        background: #d1d8e0; }
      .banner-right .banner-right_item .icon-bg i {
        color: #567; }

/* Box product */
.box-cart {
  border: 1px solid #e4e6eb;
  border-radius: 5px;
  padding: 7px;
  margin: 0;
  position: relative;
  cursor: pointer;
  background: #f0f2f5; }
  .box-cart:hover {
    background: #e4e6eb; }
  .box-cart i {
    color: #567;
    margin-right: 3px; }
  .box-cart .box-cart_number {
    background: #007bff;
    color: #fff;
    font-weight: bold;
    padding: 2px 7px;
    margin-left: 3px; }

/* Breadcumb */
.breadcrumb {
  color: #567;
  background: none !important;
  margin: 0 !important;
  padding: 15px 0 !important;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  .breadcrumb .breadcrumb_icon {
    margin-left: 10px;
    margin-right: 10px; }
    .breadcrumb .breadcrumb_icon i {
      vertical-align: middle; }

/* Main content */
.content {
  padding-top: 60px;
  padding-bottom: 50px;
  background: #f0f2f5; }

img {
  width: 100%; }

.border-radius_10 {
  border-radius: 10px; }

.image-note {
  font-size: 0.95rem;
  font-style: italic;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px; }

.high-light {
  color: #007bff;
  font-weight: 600; }

.main-content {
  font-size: 0.95rem; }
  .main-content_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .main-content_row .box-sidebar {
      width: 330px;
      margin-right: 30px; }
      .main-content_row .box-sidebar_close {
        display: none; }
      .main-content_row .box-sidebar_item:not(:first-child) {
        margin-top: 30px; }
      .main-content_row .box-sidebar_item__title {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.1rem;
        margin-bottom: 10px; }
      .main-content_row .box-sidebar_item__iconList {
        width: 25px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        cursor: pointer; }
      .main-content_row .box-sidebar_item ul {
        margin: 0;
        padding: 0;
        line-height: 2; }
        .main-content_row .box-sidebar_item ul li {
          list-style: none;
          position: relative; }
          .main-content_row .box-sidebar_item ul li a {
            display: block;
            padding: 0 10px;
            color: #678; }
            .main-content_row .box-sidebar_item ul li a.active, .main-content_row .box-sidebar_item ul li a:hover {
              background: #d1d8e0;
              border-radius: 3px; }
          .main-content_row .box-sidebar_item ul li i {
            font-size: 0.7rem; }
          .main-content_row .box-sidebar_item ul li > ul {
            margin-left: 30px; }
      .main-content_row .box-sidebar_item > * > ul > li > a {
        padding: 0 10px 0 25px !important; }
      .main-content_row .box-sidebar_item__bg {
        background: #fff;
        padding: 15px;
        border-radius: 7px; }
      .main-content_row .box-sidebar_item__nonbg .title {
        font-size: 0.95rem;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 10px 0;
        color: #050505;
        text-transform: uppercase; }
      .main-content_row .box-sidebar_item__nonbg ul.list {
        margin: 0 0 10px 0;
        padding: 0 0 15px 0;
        color: #567;
        border-bottom: 1px solid #d1d8e0; }
        .main-content_row .box-sidebar_item__nonbg ul.list > li {
          list-style: none;
          color: #050505;
          border-radius: 10px;
          position: relative; }
          .main-content_row .box-sidebar_item__nonbg ul.list > li .list_title {
            color: #050505;
            padding: 10px;
            border-radius: 10px; }
          .main-content_row .box-sidebar_item__nonbg ul.list > li .list_icon {
            margin-right: 5px; }
            .main-content_row .box-sidebar_item__nonbg ul.list > li .list_icon img {
              width: 36px;
              height: 36px; }
          .main-content_row .box-sidebar_item__nonbg ul.list > li .list_text {
            font-size: 1.05rem;
            font-weight: 600;
            color: #567; }
          .main-content_row .box-sidebar_item__nonbg ul.list > li ul li {
            color: #567;
            padding: 10px;
            list-style: none;
            border-radius: 10px;
            position: relative; }
            .main-content_row .box-sidebar_item__nonbg ul.list > li ul li i {
              margin-right: 10px; }
          .main-content_row .box-sidebar_item__nonbg ul.list > li > i {
            position: absolute;
            right: 0;
            top: 12px;
            padding: 10px;
            font-size: 0.7rem;
            color: #789;
            cursor: pointer; }
            .main-content_row .box-sidebar_item__nonbg ul.list > li > i:hover {
              color: #007bff; }
    .main-content_row .box-content_bg, .main-content_row .box-content_nonbg {
      width: 100%;
      max-width: 960px; }
      .main-content_row .box-content_bg h1, .main-content_row .box-content_nonbg h1 {
        font-size: 1.5rem;
        text-align: center;
        margin-bottom: 20px;
        font-weight: bold;
        font-family: "roboto slab"; }
      .main-content_row .box-content_bg h2, .main-content_row .box-content_nonbg h2 {
        font-size: 1.2rem;
        margin-bottom: 10px; }
      .main-content_row .box-content_bg h3, .main-content_row .box-content_nonbg h3 {
        font-size: 1.1rem; }
    .main-content_row .box-content_bg {
      background: #fff;
      padding: 15px; }
  .main-content_full .title-page {
    font-size: 1.2rem;
    margin-bottom: 1rem; }
  .main-content_full .box-content_bg {
    padding: 15px;
    background: #fff; }

.load-content_bg, .load-content_nonbg {
  margin-top: 50px;
  position: relative;
  overflow: hidden; }

.load-content_bg {
  padding: 15px;
  background: #fff; }

.box-sort {
  margin-bottom: 20px; }
  .box-sort .box-sort_body__bg {
    background: #fff;
    padding: 10px; }
  .box-sort .box-sort_body__bg, .box-sort .box-sort_body__nonbg {
    border-radius: 5px;
    margin-bottom: 15px; }
    .box-sort .box-sort_body__bg .box-sort_item, .box-sort .box-sort_body__nonbg .box-sort_item {
      display: inline-block; }
      .box-sort .box-sort_body__bg .box-sort_item:not(last-child), .box-sort .box-sort_body__nonbg .box-sort_item:not(last-child) {
        margin-right: 10px; }
      .box-sort .box-sort_body__bg .box-sort_item .box-sort_item__input, .box-sort .box-sort_body__nonbg .box-sort_item .box-sort_item__input {
        margin-left: 5px;
        padding: 2px 10px;
        border-radius: 5px;
        border: none;
        -webkit-box-shadow: 1px 1px 2px #c1c1c1;
                box-shadow: 1px 1px 2px #c1c1c1; }

.box-product {
  margin-bottom: 40px; }
  .box-product .box-product_title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 20px; }
    .box-product .box-product_title .number {
      color: #007bff;
      font-weight: bold;
      font-size: 1.2rem; }
  .box-product .box-product_grid .box-product_body__4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .box-product .box-product_grid .box-product_body__4 .box-product_item__bg {
      background: #fff;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 23.875%;
              flex: 0 0 23.875%;
      max-width: 23.875%;
      margin-top: 1.5%;
      padding: 10px;
      border-radius: 10px;
      -webkit-box-shadow: 1px 1px 3px #c1c1c1;
              box-shadow: 1px 1px 3px #c1c1c1; }
      .box-product .box-product_grid .box-product_body__4 .box-product_item__bg:not(:nth-child(4n + 0)) {
        margin-right: 1.5%; }
      .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__img {
        position: relative; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__img img {
          width: 100%; }
      .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content h3 {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 1rem;
        font-weight: 600;
        padding: 10px 0 5px 0;
        line-height: 1.5;
        color: #050505; }
      .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content .content_price {
        margin-top: 10px; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content .content_price .content_price__now {
          color: #ff425b;
          font-size: 1.1rem;
          font-weight: 500; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content .content_price .content_price__off {
          padding: 7px;
          border-radius: 50%;
          background: #678;
          color: #fff;
          font-weight: 600;
          font-size: 0.8rem; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content .content_price .content_price__old {
          color: #567;
          text-decoration: line-through;
          font-size: 0.9rem; }
      .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content .content_rating {
        margin-top: 10px;
        float: right;
        font-size: 0.8rem;
        text-align: right; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content .content_rating .content_rating__on i {
          color: #fcb000; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content .content_rating .content_rating__off i {
          color: #789; }
      .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .before-load {
        height: 350px; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .before-load_box1, .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .before-load_box2, .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .before-load_box3, .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .before-load_box4 {
          background: -webkit-gradient(linear, left top, right top, from(#f0f2f5), to(#e4e6eb));
          background: linear-gradient(to right, #f0f2f5, #e4e6eb);
          border: 1px solid #e4e6eb; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .before-load_box1 {
          height: 50%; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .before-load_box2 {
          margin-top: 10px;
          height: 10%; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .before-load_box3 {
          margin-top: 10px;
          height: 15%;
          width: 70%; }
        .box-product .box-product_grid .box-product_body__4 .box-product_item__bg .before-load_box4 {
          margin-top: 10px;
          height: 15%;
          width: 70%;
          float: right; }

.box-product.non-bg {
  background: #fff;
  padding: 15px;
  color: #567; }
  .box-product.non-bg .box-product_title {
    margin: 0; }
  .box-product.non-bg .box-product_grid .box-product_body__4 .box-product_item__bg {
    background: #fff;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 20px;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 20px 0 0 0; }
    .box-product.non-bg .box-product_grid .box-product_body__4 .box-product_item__bg:hover {
      -webkit-box-shadow: 0 0 10px #d1d8e0;
              box-shadow: 0 0 10px #d1d8e0;
      z-index: 1; }
    .box-product.non-bg .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content h3 {
      font-weight: 400;
      font-size: 0.95rem;
      color: #567; }
    .box-product.non-bg .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content .content_price .content_price__now {
      color: #050505; }

.load-more {
  margin: 30px;
  text-align: center; }
  .load-more button {
    background: #fff;
    padding: 5px 40px;
    font-weight: 600;
    -webkit-box-shadow: 1px 1px 3px #c1c1c1;
            box-shadow: 1px 1px 3px #c1c1c1; }
    .load-more button:hover {
      background: #007bff;
      color: #fff; }

.custom-scrollBar_y {
  overflow-y: scroll; }
  .custom-scrollBar_y::-webkit-scrollbar {
    background-color: #fff;
    width: 5px; }
  .custom-scrollBar_y::-webkit-scrollbar-thumb {
    background-color: #789;
    border-radius: 1000px;
    -webkit-box-shadow: inset 0 0 6px #fff; }
  .custom-scrollBar_y::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
    background: transparent; }

.custom-scrollBar_x {
  overflow-x: scroll; }
  .custom-scrollBar_x::-webkit-scrollbar {
    background-color: #fff;
    height: 5px; }
  .custom-scrollBar_x::-webkit-scrollbar-thumb {
    background-color: #789;
    border-radius: 1000px;
    -webkit-box-shadow: inset 0 0 6px #fff; }
  .custom-scrollBar_x::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
    background: transparent; }

/* Detail product */
.zooma-main {
  overflow: hidden;
  position: relative;
  max-width: 500px;
  max-height: 500px; }
  .zooma-main img {
    pointer-events: none;
    display: block;
    width: 100%;
    height: auto;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    opacity: 0;
    top: 0;
    left: 0; }
    .zooma-main img.is-loaded {
      position: absolute; }
    .zooma-main img.is-active {
      opacity: 1;
      pointer-events: initial; }
    .zooma-main img.is-zoomed-in {
      cursor: -webkit-zoom-out;
      cursor: zoom-out;
      width: initial; }

.zooma-thumbnail img {
  display: block;
  width: 80px;
  height: auto;
  opacity: 0.5;
  padding: 10px; }
  .zooma-thumbnail img.is-active {
    opacity: 1;
    border: 1px solid #c8d2d8;
    border-radius: 5px; }

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.wrapper {
  margin: 0 auto; }

.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row; }
  .product_thumbnails {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .product_focus {
    margin: 0 20px; }
  .product_description {
    max-width: 40%;
    padding: 0 10px;
    color: #567; }
    .product_description__title {
      font-size: 1.3rem !important;
      text-align: left !important;
      color: #050505 !important;
      margin-bottom: 10px !important; }
    .product_description__rating {
      margin-top: 10px;
      padding-bottom: 10px;
      font-size: 0.9rem;
      border-bottom: 1px solid #e4e6eb; }
      .product_description__rating .star_on i {
        color: #fcb000; }
      .product_description__rating .star_off i {
        color: #789; }
    .product_description__price {
      padding: 20px 0;
      border-bottom: 1px solid #e4e6eb; }
      .product_description__price .price_now {
        font-size: 1.6rem;
        font-weight: bold;
        color: #ff425b; }
    .product_description__content {
      padding: 20px 0;
      border-bottom: 1px solid #e4e6eb; }
      .product_description__content ul {
        padding-left: 20px;
        margin: 0; }
    .product_description__book {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 10px 0;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      .product_description__book .book_quanlity {
        margin: 0; }
      .product_description__book .book_button {
        width: 100%;
        margin-left: 5%;
        text-transform: uppercase;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .product_description__book .book_button button {
          width: 100%;
          background: #007bff;
          color: #fff;
          font-weight: 600; }
          .product_description__book .book_button button:hover {
            background: #0060C6; }
          .product_description__book .book_button button i {
            margin-right: 15px; }
        .product_description__book .book_button > i {
          width: 60px;
          font-size: 1.6rem;
          text-align: center;
          cursor: pointer; }
          .product_description__book .book_button > i:hover {
            color: #fcb000; }

.product-detail {
  font-size: 0.95rem; }
  .product-detail .product-content_item {
    margin-top: 30px; }
    .product-detail .product-content_item h2 {
      font-size: 1.2rem;
      margin-bottom: 15px; }
    .product-detail .product-content_item img {
      max-width: 750px;
      display: block;
      margin: 0 auto 15px auto;
      border-radius: 7px; }
    .product-detail .product-content_item table {
      margin-top: 15px; }

.list-pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .list-pay_body {
    width: 100%; }
    .list-pay_body_item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-bottom: 15px; }
      .list-pay_body_item:not(:last-child) {
        margin-bottom: 15px;
        border-bottom: 2px dashed #e4e6eb; }
      .list-pay_body_item__img {
        width: 200px;
        padding: 10px; }
      .list-pay_body_item__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        padding: 10px; }
        .list-pay_body_item__content .item-content_desc {
          width: 100%; }
          .list-pay_body_item__content .item-content_desc__name {
            font-size: 1rem;
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; }
          .list-pay_body_item__content .item-content_desc__action {
            color: #678;
            margin: 10px 0; }
            .list-pay_body_item__content .item-content_desc__action span {
              padding: 5px 15px;
              background: #f0f2f5;
              border-radius: 5px;
              cursor: pointer; }
            .list-pay_body_item__content .item-content_desc__action__remove:hover, .list-pay_body_item__content .item-content_desc__action__late:hover {
              color: #050505;
              background: #e4e6eb; }
        .list-pay_body_item__content .item-content_details__price__now {
          font-size: 1.2rem;
          font-weight: 600; }
        .list-pay_body_item__content .item-content_details__qty {
          margin-top: 5px; }
  .list-pay_footer {
    width: 400px;
    margin-left: 1.5rem;
    padding: 1.5rem;
    background: #f0f2f5;
    border-radius: 7px; }
    .list-pay_footer__total {
      color: #567; }
      .list-pay_footer__total__title {
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 15px;
        text-transform: uppercase;
        color: #007bff; }
      .list-pay_footer__total__body {
        line-height: 2.5; }
        .list-pay_footer__total__body .col_2 :nth-child(2n) {
          text-align: right; }
  .list-pay .before-load {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .list-pay .before-load .list-pay_body_item__img {
      height: 200px;
      border-radius: 5px;
      min-width: 150px;
      background: -webkit-gradient(linear, left top, right top, from(#f0f2f5), to(#e4e6eb));
      background: linear-gradient(to right, #f0f2f5, #e4e6eb);
      border: 1px solid #e4e6eb; }
    .list-pay .before-load .list-pay_body_item__content {
      padding: 0 10px; }
      .list-pay .before-load .list-pay_body_item__content * {
        height: 40px;
        border-radius: 5px;
        background: -webkit-gradient(linear, left top, right top, from(#f0f2f5), to(#e4e6eb));
        background: linear-gradient(to right, #f0f2f5, #e4e6eb);
        border: 1px solid #e4e6eb; }
        .list-pay .before-load .list-pay_body_item__content *:not(:last-child) {
          margin-bottom: 15px; }
      .list-pay .before-load .list-pay_body_item__content :nth-child(2) {
        width: 30%;
        height: 60px; }
      .list-pay .before-load .list-pay_body_item__content :nth-child(3) {
        width: 60%;
        float: right; }
    .list-pay .before-load .list-pay_footer {
      height: 200px;
      border-radius: 5px;
      background: -webkit-gradient(linear, left top, right top, from(#f0f2f5), to(#e4e6eb));
      background: linear-gradient(to right, #f0f2f5, #e4e6eb);
      border: 1px solid #e4e6eb; }

.page-cart_empty {
  margin: 0 auto;
  text-align: center; }
  .page-cart_empty img {
    width: 200px; }
  .page-cart_empty__note {
    font-weight: 600;
    font-size: 1rem; }

.confirm-box .col_item {
  padding: 10px;
  font-size: 0.9rem;
  border: 1px dashed #04B486; }
.confirm-box .confirm-box_product_list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .confirm-box .confirm-box_product_list__item .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 50px);
            flex: 0 0 calc(100% - 50px);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
  .confirm-box .confirm-box_product_list__item .quanlity {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    text-align: right;
    font-weight: bold; }
.confirm-box .confirm-box_product_total {
  text-align: right;
  margin-top: 15px; }

.shopping-cart_empty {
  text-align: center;
  margin: 15px; }
  .shopping-cart_empty img {
    width: 150px; }
.shopping-cart .list-pay_body_item__img {
  width: 100px; }
.shopping-cart .list-pay_body_item__content .item-content_details {
  margin-top: 5px; }
  .shopping-cart .list-pay_body_item__content .item-content_details__price {
    font-size: 0.95rem;
    color: #567; }
    .shopping-cart .list-pay_body_item__content .item-content_details__price__now {
      font-size: inherit;
      padding: 2px 0; }
    .shopping-cart .list-pay_body_item__content .item-content_details__price__remove {
      float: right;
      cursor: pointer;
      padding: 2px 10px;
      background: #f0f2f5;
      border-radius: 5px; }
      .shopping-cart .list-pay_body_item__content .item-content_details__price__remove:hover {
        background: #e4e6eb; }
.shopping-cart .list-pay_body_item:not(:last-child) {
  border-bottom: 1px solid #e4e6eb; }

.form-container {
  max-width: 550px;
  margin: 0 auto; }
  .form-container_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .form-container_item:not(:first-child) {
      margin-top: 15px; }
    .form-container_item__label {
      width: 33.3333%;
      font-size: 0.9rem;
      font-weight: 600; }
    .form-container_item__input {
      width: 66.6666%; }
      .form-container_item__input input:not([type='radio']), .form-container_item__input textarea, .form-container_item__input select {
        width: 100%;
        border: 1px solid #e4e6eb;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 0.9rem; }
        .form-container_item__input input:not([type='radio']):hover, .form-container_item__input input:not([type='radio']):focus, .form-container_item__input textarea:hover, .form-container_item__input textarea:focus, .form-container_item__input select:hover, .form-container_item__input select:focus {
          outline: 2px solid #00adef; }

.radio-box {
  display: inline-block; }
  .radio-box_enter {
    display: block; }
    .radio-box_enter:not(:last-child) {
      margin-bottom: 15px; }
    .radio-box_enter label {
      margin: 0; }
  .radio-box:not(:first-child) {
    margin-left: 20px; }
  .radio-box input {
    vertical-align: top;
    margin-top: 6px;
    margin-right: 5px; }

.col_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .col_2 .col_item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }

.menu-mobile {
  line-height: 60px;
  background: #007bff;
  color: #fff;
  z-index: 9999;
  display: none; }
  .menu-mobile_left {
    margin-left: 15px;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }
    .menu-mobile_left img {
      width: 30px;
      height: 30px; }
  .menu-mobile_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 15px; }
    .menu-mobile_right > div {
      margin-bottom: 7px; }
    .menu-mobile_right > *:not(:last-child) {
      margin-right: 15px; }
    .menu-mobile_right img, .menu-mobile_right svg {
      vertical-align: middle;
      height: 30px; }

.cart {
  position: relative; }
  .cart_count {
    color: #fff;
    position: absolute;
    top: 0;
    right: -5px;
    background: red;
    padding: 3px 6px;
    border-radius: 50%;
    line-height: 13px;
    font-size: 1rem;
    height: 20px; }

@media (max-width: 576px) {
  .banner {
    display: none; }

  .content.responsive {
    padding-bottom: 10px; }
    .content.responsive .container-fluid {
      padding: 0; }
      .content.responsive .container-fluid .breadcrumb {
        margin: 0 0 15px 0 !important;
        padding: 15px 15px 0 15px !important; }
      .content.responsive .container-fluid .main-content {
        margin-top: 0; }
        .content.responsive .container-fluid .main-content .box-sidebar {
          display: none;
          position: fixed;
          top: 60px;
          right: 0;
          background: rgba(0, 0, 0, 0.9);
          z-index: 10000;
          width: auto;
          margin: 0;
          color: #fff;
          padding: 10px;
          height: calc(100% - 60px);
          overflow-x: scroll;
          min-width: 280px; }
          .content.responsive .container-fluid .main-content .box-sidebar_close {
            display: block;
            position: absolute;
            top: 5px;
            right: 10px;
            font-size: 1.2rem;
            color: #646464;
            cursor: pointer; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list {
            border-bottom: 1px solid #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list > li ul li:hover, .content.responsive .container-fluid .main-content .box-sidebar .active_1, .content.responsive .container-fluid .main-content .box-sidebar .list_title:hover {
            color: #fff;
            background: #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar .title {
            font-size: 0.8rem;
            color: #fff; }
          .content.responsive .container-fluid .main-content .box-sidebar li, .content.responsive .container-fluid .main-content .box-sidebar .list_text {
            color: #fff;
            font-size: 0.9rem; }
            .content.responsive .container-fluid .main-content .box-sidebar li a, .content.responsive .container-fluid .main-content .box-sidebar .list_text a {
              color: #d1d1d1; }
              .content.responsive .container-fluid .main-content .box-sidebar li a.active, .content.responsive .container-fluid .main-content .box-sidebar li a:hover, .content.responsive .container-fluid .main-content .box-sidebar .list_text a.active, .content.responsive .container-fluid .main-content .box-sidebar .list_text a:hover {
                background: #456; }
          .content.responsive .container-fluid .main-content .box-sidebar .list_icon img {
            background: #fff;
            padding: 1px;
            border-radius: 50%; }
        .content.responsive .container-fluid .main-content .box-content_nonbg, .content.responsive .container-fluid .main-content .box-content_bg {
          margin: 0; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .box-product, .content.responsive .container-fluid .main-content .box-content_bg .box-product {
            margin-bottom: 0; }
            .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_title, .content.responsive .container-fluid .main-content .box-content_bg .box-product_title {
              padding-left: 15px;
              padding-right: 15px;
              margin-bottom: 20px; }
            .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg, .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 50%;
                      flex: 0 0 50%;
              max-width: 50%;
              margin-right: 0;
              margin-top: 0;
              border-radius: 0;
              padding: 15px; }
              .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg .add-like, .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg .add-like, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg .add-like, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg .add-like {
                font-size: 1.4rem; }
              .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg .icon, .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg .icon, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg .icon, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg .icon {
                display: none; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_nonbg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_nonbg {
            border-radius: 0; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .product-detail .product-header .product, .content.responsive .container-fluid .main-content .box-content_bg .product-detail .product-header .product {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-flow: column;
                    flex-flow: column; }
            .content.responsive .container-fluid .main-content .box-content_nonbg .product-detail .product-header .product_description, .content.responsive .container-fluid .main-content .box-content_bg .product-detail .product-header .product_description {
              max-width: 100%;
              padding-left: 0;
              padding-right: 0; }
              .content.responsive .container-fluid .main-content .box-content_nonbg .product-detail .product-header .product_description__book, .content.responsive .container-fluid .main-content .box-content_bg .product-detail .product-header .product_description__book {
                padding: 0 10px 10px 10px; }

  .main-content_full .box-content_bg:not(:last-child) {
    margin-bottom: 10px; }

  .gradient {
    border-radius: 0; }

  #footer.responsive {
    margin-bottom: 60px; }

  .copyrights {
    padding-left: 10px !important;
    padding-right: 10px !important; }

  .box-constructing_note {
    padding: 10px; }
  .box-constructing_img img {
    border-radius: 0; }

  .product .zooma-thumbnail img {
    display: inline-block; }
  .product_focus {
    margin: 15px 0; }

  .form-container_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .form-container_item__label, .form-container_item__input {
      width: 100%; }
    .form-container_item__label {
      margin-bottom: 5px; }

  .list-pay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .list-pay_body_item {
      border-bottom: 1px solid #e4e6eb !important; }
      .list-pay_body_item__img {
        width: 120px;
        padding: 0; }
      .list-pay_body_item__content {
        padding: 0 0 10px 0;
        margin-left: 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .list-pay_body_item__content .item-content_desc__name {
          -webkit-line-clamp: 2; }
        .list-pay_body_item__content .item-content_desc__action {
          margin: 5px 0; }
          .list-pay_body_item__content .item-content_desc__action span {
            padding: 5px;
            background: none; }
            .list-pay_body_item__content .item-content_desc__action span:hover {
              background: none; }
        .list-pay_body_item__content .item-content_details {
          margin-left: 10px; }
    .list-pay_footer {
      width: auto;
      margin: 20px 0 0 0;
      padding: 0;
      background: none; }
      .list-pay_footer__button {
        margin: 15px 0 0 0; }
      .list-pay_footer__total__body .col_2 .col_item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%; }
    .list-pay .before-load {
      display: block; }
      .list-pay .before-load .list-pay_body_item__content {
        padding: 0; }
      .list-pay .before-load .list-pay_footer {
        border: none; }

  .container {
    padding: 0 !important; }

  .box-title {
    display: none; }

  .col_2 .col_item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }

  .box-product.non-bg {
    padding: 15px 0; }

  .load-content_bg, .load-content_nonbg {
    margin-top: 10px; }

  .custom-scrollBar_x {
    margin-bottom: 15px; }

  .menu-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .fixed-mobile_top {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; }

  .fixed-mobile_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    max-height: 60px;
    overflow: hidden;
    z-index: 999; }

  .page-cart_empty img {
    width: 150px; }

  .fixed-mobile_bottom.box-btn_right {
    background: #fff;
    padding: 10px 15px; }
    .fixed-mobile_bottom.box-btn_right .back {
      display: none !important; }
    .fixed-mobile_bottom.box-btn_right .submit {
      width: 100%; } }
@media (min-width: 577px) and (max-width: 767px) {
  .banner-menu_icon {
    left: 15px; }

  .banner {
    display: none; }

  .content.responsive {
    padding-top: 0;
    margin-top: 60px;
    padding-bottom: 10px; }
    .content.responsive .container-fluid {
      padding: 0; }
      .content.responsive .container-fluid .breadcrumb {
        margin: 0 0 15px 0 !important;
        padding: 15px 15px 0 15px !important; }
      .content.responsive .container-fluid .main-content {
        margin-top: 0; }
        .content.responsive .container-fluid .main-content .box-sidebar {
          display: none;
          position: fixed;
          top: 60px;
          right: 0;
          background: rgba(0, 0, 0, 0.8);
          z-index: 10000;
          width: auto;
          margin: 0;
          color: #fff;
          padding: 10px;
          height: calc(100% - 60px);
          overflow-x: scroll;
          min-width: 280px; }
          .content.responsive .container-fluid .main-content .box-sidebar_close {
            display: block;
            position: absolute;
            top: 5px;
            right: 10px;
            font-size: 1.2rem;
            color: #646464;
            cursor: pointer; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list {
            border-bottom: 1px solid #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list > li ul li:hover, .content.responsive .container-fluid .main-content .box-sidebar .active_1, .content.responsive .container-fluid .main-content .box-sidebar .list_title:hover {
            color: #fff;
            background: #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar .title {
            font-size: 0.8rem;
            color: #fff; }
          .content.responsive .container-fluid .main-content .box-sidebar li, .content.responsive .container-fluid .main-content .box-sidebar .list_text {
            color: #fff;
            font-size: 0.9rem; }
            .content.responsive .container-fluid .main-content .box-sidebar li a, .content.responsive .container-fluid .main-content .box-sidebar .list_text a {
              color: #d1d1d1; }
              .content.responsive .container-fluid .main-content .box-sidebar li a.active, .content.responsive .container-fluid .main-content .box-sidebar li a:hover, .content.responsive .container-fluid .main-content .box-sidebar .list_text a.active, .content.responsive .container-fluid .main-content .box-sidebar .list_text a:hover {
                background: #456; }
          .content.responsive .container-fluid .main-content .box-sidebar .list_icon img {
            background: #fff;
            padding: 1px;
            border-radius: 50%; }
        .content.responsive .container-fluid .main-content .box-content_nonbg, .content.responsive .container-fluid .main-content .box-content_bg {
          margin: 0 15px; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .box-product, .content.responsive .container-fluid .main-content .box-content_bg .box-product {
            margin-bottom: 0; }
            .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_title, .content.responsive .container-fluid .main-content .box-content_bg .box-product_title {
              padding-left: 0; }
            .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid {
              padding-left: 0; }
              .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg, .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 49%;
                        flex: 0 0 49%;
                max-width: 49%;
                margin-right: 0;
                margin-top: 15px;
                border-radius: 0;
                padding: 15px; }
                .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg:not(:nth-child(2n)), .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg:not(:nth-child(2n)), .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg:not(:nth-child(2n)), .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg:not(:nth-child(2n)) {
                  margin-right: 2%; }
                .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg .add-like, .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg .add-like, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg .add-like, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg .add-like {
                  font-size: 1.4rem; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_nonbg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_nonbg {
            border-radius: 0; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .product-detail .product-header .product, .content.responsive .container-fluid .main-content .box-content_bg .product-detail .product-header .product {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-flow: column;
                    flex-flow: column; }
            .content.responsive .container-fluid .main-content .box-content_nonbg .product-detail .product-header .product_description, .content.responsive .container-fluid .main-content .box-content_bg .product-detail .product-header .product_description {
              max-width: 100%;
              padding-left: 0;
              padding-right: 0; }
              .content.responsive .container-fluid .main-content .box-content_nonbg .product-detail .product-header .product_description__book, .content.responsive .container-fluid .main-content .box-content_bg .product-detail .product-header .product_description__book {
                padding: 0 10px 10px 10px; }
        .content.responsive .container-fluid .main-content_full .box-content_bg:not(:last-child) {
          margin-bottom: 10px; }

  .main-content_full .box-content_bg:not(:last-child) {
    margin-bottom: 10px; }

  .gradient {
    border-radius: 0; }

  .list-pay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .list-pay_body_item {
      border-bottom: 1px solid #e4e6eb !important; }
      .list-pay_body_item__img {
        width: 120px;
        padding: 0; }
      .list-pay_body_item__content {
        padding: 0 0 10px 0;
        margin-left: 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .list-pay_body_item__content .item-content_desc__name {
          -webkit-line-clamp: 2; }
        .list-pay_body_item__content .item-content_desc__action {
          margin: 5px 0; }
          .list-pay_body_item__content .item-content_desc__action span {
            padding: 5px;
            background: none; }
            .list-pay_body_item__content .item-content_desc__action span:hover {
              background: none; }
        .list-pay_body_item__content .item-content_details {
          margin-left: 10px; }
    .list-pay_footer {
      width: auto;
      margin: 20px 0 0 0;
      padding: 0;
      background: none; }
      .list-pay_footer__button {
        margin: 15px 0 0 0; }
      .list-pay_footer__total__body .col_2 .col_item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%; }
    .list-pay .before-load {
      display: block; }
      .list-pay .before-load .list-pay_body_item__content {
        padding: 0; }
      .list-pay .before-load .list-pay_footer {
        border: none; }

  .box-title {
    display: none; }

  #footer.responsive {
    margin-bottom: 60px; }

  .copyrights {
    padding-left: 15px;
    padding-right: 15px; }

  .box-constructing_note {
    padding: 10px; }
  .box-constructing_img img {
    border-radius: 0; }

  .product .zooma-thumbnail img {
    display: inline-block; }
  .product_focus {
    margin: 15px 0; }

  .list-pay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .list-pay_body_item {
      border-bottom: 2px dashed #e4e6eb; }
      .list-pay_body_item__img {
        width: 120px;
        padding: 0; }
      .list-pay_body_item__content {
        padding: 0 0 10px 0;
        margin-left: 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
    .list-pay_footer {
      width: auto;
      margin: 20px 0 0 0;
      padding: 0;
      background: none; }
      .list-pay_footer__button {
        margin: 15px 0 0 0; }
    .list-pay .before-load {
      display: block; }
      .list-pay .before-load .list-pay_body_item__content {
        padding: 0; }
      .list-pay .before-load .list-pay_footer {
        border: none; }

  .container {
    max-width: unset !important; }

  .custom-scrollBar_x {
    margin-bottom: 15px; }

  .menu-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .fixed-mobile_top {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; }

  .fixed-mobile_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    max-height: 60px;
    overflow: hidden;
    z-index: 999; }

  .page-cart_empty img {
    width: 150px; }

  .fixed-mobile_bottom.box-btn_right {
    background: #fff;
    padding: 10px 15px; }
    .fixed-mobile_bottom.box-btn_right .back {
      display: none !important; }
    .fixed-mobile_bottom.box-btn_right .submit {
      width: 100%; } }
@media (min-width: 768px) and (max-width: 991px) {
  .banner-menu_icon {
    left: 15px; }

  .banner {
    display: none; }

  .content.responsive {
    padding-top: 0; }
    .content.responsive .container-fluid {
      padding: 0; }
      .content.responsive .container-fluid .breadcrumb {
        padding: 15px !important; }
      .content.responsive .container-fluid .main-content {
        margin-top: 0; }
        .content.responsive .container-fluid .main-content .box-sidebar {
          display: none;
          position: fixed;
          top: 60px;
          right: 0;
          background: rgba(0, 0, 0, 0.8);
          z-index: 10000;
          width: auto;
          margin: 0;
          color: #fff;
          padding: 10px;
          height: calc(100% - 60px);
          overflow-x: scroll;
          min-width: 280px; }
          .content.responsive .container-fluid .main-content .box-sidebar_close {
            display: block;
            position: absolute;
            top: 5px;
            right: 10px;
            font-size: 1.2rem;
            color: #646464;
            cursor: pointer; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list {
            border-bottom: 1px solid #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list > li ul li:hover, .content.responsive .container-fluid .main-content .box-sidebar .active_1, .content.responsive .container-fluid .main-content .box-sidebar .list_title:hover {
            color: #fff;
            background: #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar .title {
            font-size: 0.8rem;
            color: #fff; }
          .content.responsive .container-fluid .main-content .box-sidebar li, .content.responsive .container-fluid .main-content .box-sidebar .list_text {
            color: #fff;
            font-size: 0.9rem; }
          .content.responsive .container-fluid .main-content .box-sidebar .list_icon img {
            background: #fff;
            padding: 1px;
            border-radius: 50%; }
        .content.responsive .container-fluid .main-content .box-content_nonbg, .content.responsive .container-fluid .main-content .box-content_bg {
          margin: 0 15px; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_title, .content.responsive .container-fluid .main-content .box-content_bg .box-product_title {
            padding-left: 0; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid {
            padding-left: 0; }
            .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg, .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 32%;
                      flex: 0 0 32%;
              max-width: 32%;
              margin-right: 0;
              margin-top: 15px;
              border-radius: 0;
              padding: 15px; }
              .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg:not(:nth-child(3n)), .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg:not(:nth-child(3n)), .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg:not(:nth-child(3n)), .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg:not(:nth-child(3n)) {
                margin-right: 2%; }
              .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg .add-like, .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg .add-like, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg .add-like, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg .add-like {
                font-size: 1.4rem; }
              .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content h3, .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid .box-product_body__4 .box-product_item__nonbg .box-product_item__content h3, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__bg .box-product_item__content h3, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid .box-product_body__4 .box-product_item__nonbg .box-product_item__content h3 {
                font-size: 1.1rem; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_nonbg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_nonbg {
            border-radius: 0; }

  .container {
    max-width: unset !important; }

  .list-pay_body_item__img {
    width: 120px;
    padding: 0; }
  .list-pay_body_item__content {
    padding: 0 0 10px 0;
    margin-left: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .list-pay_body_item__content .item-content_desc__name {
      -webkit-line-clamp: 2; }
    .list-pay_body_item__content .item-content_desc__action {
      margin: 5px 0; }
      .list-pay_body_item__content .item-content_desc__action span {
        padding: 5px;
        background: none; }
        .list-pay_body_item__content .item-content_desc__action span:hover {
          background: none; }
    .list-pay_body_item__content .item-content_details {
      margin-left: 10px; }

  .menu-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .fixed-mobile_top {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; }

  .page-cart_empty img {
    width: 150px; } }
@media (min-width: 992px) and (max-width: 1023px) {
  .banner {
    display: none; }

  .content.responsive {
    padding-top: 0; }
    .content.responsive .container-fluid {
      padding: 0; }
      .content.responsive .container-fluid .breadcrumb {
        padding: 15px !important; }
      .content.responsive .container-fluid .main-content {
        margin-top: 0; }
        .content.responsive .container-fluid .main-content .box-sidebar {
          display: none;
          position: fixed;
          top: 60px;
          right: 0;
          background: rgba(0, 0, 0, 0.8);
          z-index: 10000;
          width: auto;
          margin: 0;
          color: #fff;
          padding: 10px;
          height: calc(100% - 60px);
          overflow-x: scroll;
          min-width: 280px; }
          .content.responsive .container-fluid .main-content .box-sidebar_close {
            display: block;
            position: absolute;
            top: 5px;
            right: 10px;
            font-size: 1.2rem;
            color: #646464;
            cursor: pointer; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list {
            border-bottom: 1px solid #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list > li ul li:hover, .content.responsive .container-fluid .main-content .box-sidebar .active_1, .content.responsive .container-fluid .main-content .box-sidebar .list_title:hover {
            color: #fff;
            background: #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar .title {
            font-size: 0.8rem;
            color: #fff; }
          .content.responsive .container-fluid .main-content .box-sidebar li, .content.responsive .container-fluid .main-content .box-sidebar .list_text {
            color: #fff;
            font-size: 0.9rem; }
          .content.responsive .container-fluid .main-content .box-sidebar .list_icon img {
            background: #fff;
            padding: 1px;
            border-radius: 50%; }
        .content.responsive .container-fluid .main-content .box-content_nonbg, .content.responsive .container-fluid .main-content .box-content_bg {
          margin: 0 15px;
          max-width: unset; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_title, .content.responsive .container-fluid .main-content .box-content_bg .box-product_title {
            padding-left: 0; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid {
            padding-left: 0; }
          .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_nonbg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_nonbg {
            border-radius: 0; }

  .menu-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .fixed-mobile_top {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; }

  .page-cart_empty img {
    width: 150px; } }
@media (min-width: 1024px) and (max-width: 1200px) {
  .banner.responsive {
    display: none; }

  .content.responsive {
    padding-top: 0; }
    .content.responsive .container-fluid {
      padding: 0; }
      .content.responsive .container-fluid .breadcrumb {
        padding: 15px !important; }
      .content.responsive .container-fluid .main-content {
        margin-top: 0; }
        .content.responsive .container-fluid .main-content .box-sidebar {
          display: none;
          position: fixed;
          top: 60px;
          right: 0;
          background: rgba(0, 0, 0, 0.8);
          z-index: 10000;
          width: auto;
          margin: 0;
          color: #fff;
          padding: 10px;
          height: calc(100% - 60px);
          overflow-x: scroll;
          min-width: 280px; }
          .content.responsive .container-fluid .main-content .box-sidebar_close {
            display: block;
            position: absolute;
            top: 5px;
            right: 10px;
            font-size: 1.2rem;
            color: #646464;
            cursor: pointer; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list {
            border-bottom: 1px solid #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar ul.list > li ul li:hover, .content.responsive .container-fluid .main-content .box-sidebar .active_1, .content.responsive .container-fluid .main-content .box-sidebar .list_title:hover {
            color: #fff;
            background: #404040; }
          .content.responsive .container-fluid .main-content .box-sidebar .title {
            font-size: 0.8rem;
            color: #fff; }
          .content.responsive .container-fluid .main-content .box-sidebar li, .content.responsive .container-fluid .main-content .box-sidebar .list_text {
            color: #fff;
            font-size: 0.9rem; }
          .content.responsive .container-fluid .main-content .box-sidebar .list_icon img {
            background: #fff;
            padding: 1px;
            border-radius: 50%; }
        .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_title, .content.responsive .container-fluid .main-content .box-content_bg .box-product_title {
          padding-left: 0; }
        .content.responsive .container-fluid .main-content .box-content_nonbg .box-product_grid, .content.responsive .container-fluid .main-content .box-content_bg .box-product_grid {
          padding-left: 0; }
        .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_nonbg .load-content_nonbg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_bg, .content.responsive .container-fluid .main-content .box-content_bg .load-content_nonbg {
          border-radius: 0; }

  .menu-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .fixed-mobile_top {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; } }
@media (min-width: 1200px) and (max-width: 1400px) {
  .banner.responsive .banner-left_search i {
    padding: 10px 11px;
    background: #e4e6eb;
    border-radius: 50%;
    border: 1px solid #e4e6eb;
    font-size: 20px;
    top: -5px;
    left: 0; }
  .banner.responsive .banner-left_search input {
    display: none; }
  .banner.responsive .banner-menu ul a li {
    padding: 13.5px 5px 14px 5px; }
  .banner.responsive .banner-right_item .box-cart_text {
    display: none; }

  .main-content .box-content_bg, .main-content .box-content_nonbg {
    width: 84%; }

  .main-content_full .box-content_bg {
    width: 100%; } }
@media (min-width: 768px) {
  .notes-system_main {
    position: absolute;
    max-width: 600px;
    left: calc((100% - 600px)/2); } }

/*# sourceMappingURL=style.css.map */