* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

::placeholder {
  color: #11143d;
  opacity: 0.4;
}

body {
  font-size: 14px;
  font-family: 'Open Sans' !important;
}

h5 {
  color: #181460;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
}

button:hover,
a:hover {
  cursor: pointer;
  text-decoration: none;
}

/* Header */
.header {
  width: 100%;
  padding: 14px 70px;
  background-color: #11143d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .logo {
  display: flex;
  align-items: center;
}

.header .text {
  padding-left: 10px;
  font-size: 35px;
  color: #fff;
  font-weight: 500;
}

/* Nav top*/
.popup-menu {
  display: none;
}

.search-group {
  display: none;
}

.menu-search-top {
  height: 50px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #e7e7ec;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.icon-menu-top {
  width: 50px;
  height: 100%;
  background-color: #c3c5db;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-menu-top svg {
  color: #11143d;
}

.search-top {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.icon-search-top {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 10px;
}

.icon-search-top svg {
  color: #11143d;
  opacity: 0.4;
}

.input-search-top {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 15px;
}
.input-search-top input {
  color: #11143d;
  outline: none;
  border: none;
  width: 100%;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}

/* Nav */

.menu-home {
  padding: 10px;
}

nav {
  background: #c7caef !important;
  padding: 7px 85px !important;
}

.menu-home .nav-link {
  color: #31399d !important;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.menu-home .dropdown-menu {
  border: 0px;
  padding: 12px 8px;
  box-shadow: 0px 1px 5px #818181 !important;
}

.menu-last {
  left: auto !important;
  right: 0px;
}

.menu-home .dropdown-item {
  /* padding: 5px 10px; */
  color: #000000;
  padding: 0px !important;
}

.transform {
  transform: rotate(90deg);
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #e9ecef;
  color: #000000;
}

.dropdown-divider {
  display: none;
}

.menu-home .nav-link img {
  display: none;
}

.sub-nav-link {
  position: relative;
}

.sub-nav-link .dropdown-submenu {
  top: 0;
  left: 100%;
}

.icon-menu {
  display: none !important;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  border: 0px;
  padding: 10px 12px;
  border-radius: 5px;
  background: #293067;
  margin-right: 10px;
}

.icon-menu button {
  font-size: 16px;
}

.icon-menu svg {
  color: white;
}

.search {
  display: none;
  align-items: center;
  height: 100%;
}

.icon-search {
  display: flex;
  align-items: center;
  height: 30px;
  width: 100%;
  padding-left: 10px;
}

.line {
  display: none;
}

.input-search {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
}

.input-search input {
  outline: none;
  border: none;
  width: 220px;
  padding: 5px 10px;
}

.list-cate-sticky {
  display: none;
}

.list-cate-sticky ul {
  list-style-type: none;
}

#menuPopup.dropdown-toggle::after {
  display: none;
}

.link-has-child {
  font-weight: 700;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

/* Menu-slide */

.menu-slide {
  width: 100%;
  margin-bottom: 10px;
  overflow-x: auto;
  display: none;
}

.menu-slide img {
  border-radius: 30px;
}

.wrapper-menu-slide {
  display: flex;
}

.menu-slide .slide:first-child {
  margin-left: 10px;
}

.menu-slide .slide {
  margin-right: 10px;
  background: #edeefc;
  width: 100px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: 4px;
  min-height: 45px;
}
.slide a {
  word-wrap: break-word;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #11143d;
  padding: 4px 16.8px;
}
.text-slide {
  position: absolute;
  text-align: center;
  background: #fff;
  bottom: 26px;
  color: #11143d;
  font-size: 12px;
  width: 64px;
  height: 46px;
  align-items: center !important;
  display: flex;
  line-height: 14px;
}

.slide img {
  height: 100%;
  width: 100%;
}

/* Product */
.products-relation {
  background: #f2f5f9;
  padding: 0px 5px !important;
}

.products-relation .product {
  padding: 0px;
  background: white;
  border-radius: 3px;
  margin-bottom: 10px;
}

.products {
  padding: 0px 5px;
}

@media only screen and (min-width: 982px) {
  .search_filter {
    background: none !important;
  }
  .block_search {
    margin: 0px 0px !important;
    margin-top: 30px !important;
  }

  .search_filter {
    padding: 0px !important;
    justify-content: flex-start !important;
  }
}
.block_search {
  margin: 0 5px;
}
.search_filter {
  background: rgba(217, 217, 217, 0.2);
  display: inline-flex;
  justify-content: center;
  padding: 8px 6px;
  margin-bottom: 4px;
  width: 100%;
  word-wrap: break-word;
}

.search_filter .search_item {
  color: #727272;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 10px;
  min-width: 83px;
}

.data_filter {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: inline-flex;
  color: #11143d;
  overflow: auto;
  word-wrap: break-word;
}

.data_filter .item_filter {
  padding-left: 17px;
  padding: 5px 10px;
  min-width: 83px;
  cursor: pointer;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #11143D;
}

.item_filter.active {
  font-weight: 700;
  background: #edeefb;
  border-radius: 3px;
  padding: 5px 10px;
}

.products .row {
  margin: 0px;
}

.products .wrapper-product {
  padding: 25px 11px;
}

.products .wrapper-product .product .img {
  width: 100%;
  height: 210px;
  position: relative;
}

.wrapper-price {
  position: absolute;
  bottom: 0;
  right: 0;
}

.wrapper-price .code {
  color: #fff;
  text-align: right;
  padding-right: 5px;
  font-size: 16px;
  font-weight: 400;
}

.wrapper-price .price {
  background-color: #505383;
  color: #fff;
  border-top-left-radius: 6px;
  padding: 0px 10px;
  font-weight: bold;
  font-size: 22px;
}

.price h3 {
  color: #11143d;
}

.wrapper-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
}

.wrapper-icon .text-icon {
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  padding-left: 6px;
}

.img-square,
.img-60x120 {
  height: 33px !important;
  width: auto !important;
}

.img-10x100 {
  height: 24px !important;
  width: auto !important;
}

.fill-gradient {
  width: 100%;
  height: 35px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, #26262680, transparent);
}

.wrapper-icon .icon {
  font-weight: 500;
  color: #ecebea;
}

.wrapper-icon .icon img {
  border-radius: 0px !important;
}

.products .wrapper-product .product .img img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.products .wrapper-product .product .text {
  padding: 10px;
  text-align: center;
}

.product .text .price-text {
  border-bottom: 1px solid #e8e6e6;
  padding-bottom: 5px;
}

.product .text .price-text .price-code {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product .text .price-text .price-code .price {
  font-size: 16px;
  font-weight: 700;
  color: #11143d;
}

.product .text .price-text .price-code .code {
  font-size: 16px;
  color: #333333;
}

.product .text .price-text .price-code-desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 12px;
}

.product .text .price-text .price-code-desc .price-desc {
  font-size: 13px;
  color: #b9b9b9;
}

.product .text .price-text .price-code-desc .code {
  font-size: 12px;
  color: #b9b9b9;
}

.text .list {
  padding-left: 20px;
  margin-top: 5px;
}

.text .list ul li {
  font-size: 13.5px;
}

.products .wrapper-product .product .text .desc {
  color: #737373;
  margin-bottom: 10px;
  font-size: 16px;
}

.products .wrapper-product .product .text .more {
  color: #11143d;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
}

.products .wrapper-product .product .text .more span {
  padding-left: 3px;
}

.products h5 {
  padding: 20px 5px 10px 5px;
}

.products-relation {
  padding: 20px 15px 10px 15px;
}

.more-product {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0px 75px 0px;
}

.more-product-home {
  padding: 5px 0px 20px 0px !important;
}

.more-product p {
  padding-right: 10px;
  color: #11143d !important;
  font-size: 15px;
  margin: 0;
  font-weight: 600;
}

.more-product .arrow {
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  transform: rotate(135deg);
}

.more-product .arrow::before {
  content: '';
  width: 100%;
  height: 100%;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #11143d;
  transition: 0.2s ease;
  display: block;
  transform-origin: 100% 0;
}

.more-product .arrow::after {
  content: '';
  float: left;
  position: relative;
  top: -100%;
  width: 100%;
  height: 100%;
  border-width: 0 2px 0 0;
  border-style: solid;
  border-color: #11143d;
  transform-origin: 100% 0;
  transition: 0.2s ease;
}

/*  product interested */
.product-interested {
  border-top: 10px solid #f4f4f4;
  padding-bottom: 20px !important;
  padding: 0px 10px;
  display: none;
}

.product-interested .title {
  padding: 20px 0px 10px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-interested .title .text-quantam {
  font-size: 14px;
  font-weight: bold !important;
  color: #11143d;
  font-weight: 500;
}

.product-interested .title .more-quantam {
  color: #11143d;
  font-size: 14px;
}

.product-interested .row {
  margin: 0 -5px;
}

.product-interested .wrapper-item {
  padding: 5px;
}

.item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f3f3f3;
  border-radius: 10px;
  padding: 12px 10px;
  border: 1px solid #c6c4c4;
}

.item .title-item {
  font-size: 12px;
  color: #000000;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.item .arrow {
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  transform: rotate(45deg);
}

.item .arrow::before {
  content: '';
  width: 100%;
  height: 100%;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #11143d;
  transition: 0.2s ease;
  display: block;
  transform-origin: 100% 0;
}

.item .arrow::after {
  content: '';
  float: left;
  position: relative;
  top: -100%;
  width: 100%;
  height: 100%;
  border-width: 0 2px 0 0;
  border-style: solid;
  border-color: #11143d;
  transform-origin: 100% 0;
  transition: 0.2s ease;
}

footer {
  /* height: fit-content;
  position: fixed; */
  /* position: relative; */

  bottom: 0;
  left: 0;
  width: 100%;
  background: white;
}
footer .mobile {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: white;
}

footer .icon-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  height: 100%;
  border-top: 1px solid #f1f1f1;
  box-shadow: 0 0.5rem 2rem 0.25rem rgb(124 147 165 / 34%);
}

footer .icon-link .zalo {
  height: 40px;
  padding: 5px 15px;
  border-right: 1px solid #181460;
  display: flex;
  align-items: center;
}

footer .icon-link .zalo img {
 width: 20px;
 height: 20px;
}
footer .icon-link .message {
  padding: 5px 15px;
  color: #181460;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
}
@media (max-width: 991px) {
  footer .icon-link .message {
    font-size: 18px;
  }
}
@media (max-width: 395px) {
  footer .icon-link {
    padding-left: 5px !important;
  }
  footer .icon-link .zalo {
    padding-right: 5px !important;
  }
}

footer .phone {
  flex: 1;
  background-color: #181460;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-left: 25px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

footer .phone .arrow-right {
  position: absolute;
  top: 0;
  left: 0px;
  width: 0;
  height: 0;
  border-bottom: 28px solid transparent;
  border-left: 25px solid white;
  border-top: 32px solid transparent;
}

footer .address-footer {
  font-size: 16px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 100%;
  column-gap: 30px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 0 auto;
}
.item_footer{
  padding: 20px 0px;
  width: calc(33% - 30px);
}
@media (max-width: 1374px) {
  footer .address-footer {
    font-size: 14px;
  }
}
footer .address-footer-mobile {
  padding: 10px;
  font-size: 14px;
  display: none;
  width: 100%;
  font-family: 'Open Sans';
  font-style: normal;
  overflow-y: auto;
  overflow-x: clip;
}

.address_footer {
  padding-bottom: 20px;
}
.name_address_footer {
  font-weight: bold;
  color: black;
}
footer .text-info-room {
  padding-left: 2px;
  line-height: 12px;
  font-weight: 400;
  font-size: 16px;
  padding-top: 12px;
}
.link_map_footer {
  padding-left: 10px;
}
footer .address-footer-mobile .map-col {
  text-align: right;
  padding-top: 20px;
  padding-right: 10px;
}
footer .address-footer-mobile .map-col a {
  margin-right: 10px;
  padding-top: 10px;
}
footer .address-footer-mobile a {
  color: #000;
  text-decoration-line: underline;
}
footer .address-footer a {
  color: #ffffff;
  text-decoration-line: underline;
}
footer .address-footer .view-image-right-a {
  margin-left: 20px;
}
@media (max-width: 991px) {
  footer .address-footer {
    display: none !important;
  }
    footer .text-info-room , .link_map_footer , .name_address_footer {
      font-size: 14px;
    
  }
}

/* Page search*/
.page-search {
  background: #0c084a;
  padding: 8px 20px !important;
}

.page-search .menu-search-top {
  background: white;
  margin-left: 20px;
  border-radius: 5px;
}

.back-search {
  display: flex;
  align-items: center;
  padding: 0px 20px;
}

.back-search a {
  color: white !important;
}

.content-page-search {
  color: #11143d;
  font-size: 16px;
  padding: 0px 20px;
  line-height: 26px;
  text-align: -webkit-center;
}

.pity {
  padding: 40px 0px;
}

.suggest {
  padding: 40px 0px;
  line-height: 34px;
  border-top: 1px solid #dedede;
  max-width: 570px;
}

.suggest ul {
  max-width: 390px;
  text-align: left;
}

.suggest ul li {
  margin-left: 25px;
}

.search-not-found,
.search-not-found img {
  width: 100%;
}
.wrapper-page-search {
  padding-bottom: 75px;
}

.result-search {
  font-size: 20px;
  font-weight: 400;
  margin: 30px 0px 5px 0px;
  color: #11143d;
}

.result-search span {
  font-weight: 700;
}

/* Desktop Home*/
.search-desk,
.contact-desk {
  padding: 0px 25px;
  padding-right: 0px;
}

@media (max-width: 991px) {
  .logo-desk {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .logo-desk {
    padding-left: 25px;
  }
}

.menu-desk-custom {
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 6px 8px;
  background: #666cbd;
  max-width: 109px;
  max-height: 40px;
  border-radius: 6px;
  position: relative;
}

.menu_header {
  display: flex;
}

.menu_button_header {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  font-family: 'Open Sans';
  padding-left: 10px;
}

.list_item_menu_header_arrow.menu_toggle {
  content: '';
  width: 14px;
  height: 14px;
  top: 44px;
  left: 25px;
  position: absolute;
  transform: rotate(45deg);
  background: white;
  overflow: visible;
}


.list_item_menu_header2 {
  position: absolute;
  top: 50px;
  background: white;
  z-index: 9999;
  border-radius: 10px;
  padding: 20px 20px 20px 20px;
  display: flex;
  /* justify-content: space-between; */
  display: none;
  width: 500px;
  height: auto;
  overflow: auto;
}

.list_item_menu_header {
  position: absolute;
  top: 50px;
  background: white;
  z-index: 9999;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  display: none;
  width: 800px;
  height: auto;
  overflow: auto;
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg.navbar-light {
    display: none !important;
  }
}

.title_list_item {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #262626;
}

a.dropdown-item.item_link {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #262626;
  padding: 0.45rem 1.5rem;
}

.list_item_menu_header.menu_toggle {
  display: grid;
  grid-template-columns: auto auto auto;
}

.list_item_menu_header2.menu_toggle {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-around;
}

@media (max-width: 991px) {
  .list_item_menu_header.menu_toggle {
    display: none;
  }
  .list_item_menu_header2.menu_toggle {
    display: none;
  }
}

@media (max-width: 991px) {
  .menu-desk-custom {
    display: none !important;
  }
}

.logo-desk .img-logo {
  height: 46px;
}

.search-desk .search-top {
  background: white;
  height: 40px;
  font-size: 14px;
  border-radius: 6px;
}

.search-desk input {
  font-size: 14px;
}

.contact-desk-content {
  width: 260px;
  padding: 8px 12px;
  background: #292396;
  border-radius: 6px;
  margin-left: auto;
}

.phone-desk {
  font-size: 24px;
  font-weight: 700;
  color: white;
  line-height: 24px;
}

footer .phone-desk {
  min-width: 190px;
}

.link-zalo {
  padding-right: 12px;
  border-right: 1px solid white;
}

.link-phone {
  padding: 0px 12px;
}

.bg_toggle_menu {
  background: rgba(38, 38, 38, 0.8);
  z-index: 2;
}

.custom_code_bg.menu_toggle {
  position: relative;
  top: 0;
  left: 0;
  z-index: -1;
}

/* div#custom_code_id {
  position: relative;
  top: 0;
  left: 0;
  z-index: -1;
} */


.title-filter,
.title-product-desk,
.title-interested,
.discovery-desk {
  font-size: 30px;
  font-weight: bold;
  color: #11143d;
  text-align-last: center;
  padding: 60px 0px 40px 0px;
}

.discovery-desk {
  margin: 60px 0px 120px 0px;
  padding: 0px 65px;
}

.title-product-desk {
  margin: 30px 0px 15px 0px;
}

.title-interested {
  margin: 60px 0px 20px 0px;
}

.menu-suggest {
  display: flex;
  justify-content: center;
}

.menu-suggest a {
  font-size: 16px;
  padding: 8px 14px;
  border: 1px solid #e5e6fa;
  margin: 0px 9px;
  border-radius: 30px;
  color: #11143d;
}

.menu-suggest a:hover {
  background: #31399d;
  color: #fff !important;
  font-weight: 600;
  border: 1px solid #31399d;
}

.cate-desk {
  background-image: url('./../images/image-base/background.png');
  margin-top: 40px;
}

.cate-container-desk {
  padding: 70px 80px;
  justify-content: space-evenly;
  background: rgba(17, 20, 61, 0.3);
}

.cate-desk-item {
  display: grid;
  padding: 12px;
  border: 3px solid white;
  border-radius: 120px;
  height: 360px;
  color: white;
  text-align: center;
}

.cate-desk-item:hover {
  background: white;
  color: #31399d;
  font-weight: bold;
}

.cate-desk-item:hover .quality-prod {
  display: none;
}

.cate-desk-item:hover .show-more-cate {
  display: grid;
  margin-bottom: 15px;
}

.cate-desk-item:hover .title-cate {
  margin-top: -5px;
}

.show-more-cate {
  display: none;
}

.show-more-cate i {
  height: 5px;
}

.title-cate {
  margin-top: -10px;
  width: 135px;
  justify-self: center;
  font-size: 18px;
}

.cate-desk-item img {
  width: 160px;
  height: 160px;
  border-radius: 100%;
}

.discovery-desk-right {
  place-self: center;
}

.discovery-desk-left {
  display: flex;
  place-content: end;
}

.img-discovery-small {
  position: absolute;
  bottom: 30px;
  right: 265px;
}

.back-img-big {
  padding: 14px;
  border-radius: 200px;
  border: 1px solid #e5e6fa;
}

.cate-discovery-item {
  padding: 9px;
  border: 1px solid #e5e6fa;
  border-radius: 200px;
  display: grid;
  height: 231px;
}

.cate-discovery-item img {
  width: 112px;
  border-radius: 100%;
  margin: auto;
}

.title-cate-discovery {
  color: #11143d;
  font-size: 16px;
  font-weight: 400;
  width: 125px;
  place-self: center;
  display: flex;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
  justify-content: center;
}

.cate-discovery-item i {
  color: #8d90bd;
  font-size: 16px;
  font-weight: 500;
}

.cate-discovery-item:hover {
  background: rgba(229, 230, 250, 1);
  box-shadow: 0px 0px 20px rgb(148 152 228 / 30%);
}

.cate-discovery-item:hover .title-cate-discovery {
  color: rgba(49, 57, 157, 1);
  font-weight: 600;
}

.cate-discovery-item:hover i {
  color: rgba(49, 57, 157, 1);
}

.cate-discovery-desk {
  height: 289px;
  justify-content: space-evenly;
}

/* Desktop Cate*/

.banner-cate {
  background-image: url('./../images/image-base/back-cate-page.png');
  height: 280px;
  margin-bottom: -5px;
}

.container-banner {
  height: 100%;
  background: rgba(38, 38, 38, 0.4);
  color: white;
  padding: 104px 0px 70px 136px;
}

.container-banner .cate-name {
  color: #fff !important;
  font-size: 12px;
}

.container-banner h3 {
  font-size: 60px;
  font-weight: 700;
  opacity: 0.6;
  line-height: 82px;
}

.container-banner i {
  margin: 0px 10px;
}

/* Slide product */
.product-interested-desk .img-product-detail {
  width: 276px;
}

.item-product-slide {
  width: 296px !important;
  padding: 10px;
}

.item-product-slide .product {
  padding: 0px !important;
}

.item-product-slide .text {
  padding: 10px;
  font-size: 16px;
}

.item-product-slide .text p {
  margin-bottom: 11px;
  color: #737373;
}

.inner-prod {
  height: 400px !important;
  margin-top: 50px;
}

.prod-detail-wrapper {
  padding: 22px 200px 0px 120px !important;
}

@media (max-width: 1500px) {
  .prod-detail-wrapper {
    padding: 22px 120px 0px 120px !important;
  }
}
@media (max-width: 1200px) {
  .prod-detail-wrapper {
    padding: 22px 70px 0px 120px !important;
  }
}

@media (max-width: 1100px) {
  .back-img-big img {
    width: 250px;
  }

  .img-discovery-small {
    right: 230px;
  }

  .img-discovery-small img {
    width: 140px;
  }

  .cate-discovery-item img {
    width: 105px;
  }

  .logo-desk .img-logo {
    height: 42px;
  }
}

@media (max-width: 991px) {
  .collapse {
    display: none;
  }

  .popup-menu {
    display: unset;
  }

  .icon-menu {
    display: unset !important;
  }

  nav {
    display: none !important;
    padding: 10px !important;
  }

  nav {
    border-radius: 10px;
    background: #0c084a !important;
    color: white;
  }

  .search {
    display: flex;
  }

  .menu-home {
    padding: 0px;
  }

  .search-group {
    padding: 10px;
    display: flex;
  }

  .menu-home .nav-link {
    color: #11143d !important;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .input-search input {
    width: 100%;
  }

  .menu-home .nav-link img {
    display: unset;
    border-radius: 8px;
    margin-right: 5px;
  }

  .menu-home .nav-item {
    background: white;
    padding: 12px;
    border-radius: 10px;
    margin-top: 20px;
  }

  .menu-home .navbar-nav {
    background: #0c084a;
    border-radius: 10px;
  }

  .dropdown-divider {
    display: flex;
    border-top: 1px solid #e8e8ec;
  }

  .menu-home .dropdown-menu {
    padding: 0px;
    box-shadow: none !important;
  }

  .menu-home .dropdown-submenu {
    padding: 0px 30px !important;
  }

  .dropdown-item {
    font-weight: 600;
    display: flex;
    align-items: center;
  }

  .dropdown-item i {
    margin-right: 10px;
    font-size: 5px;
  }

  .dropdown-submenu .dropdown-item {
    font-weight: 500 !important;
  }

  .menu-expand {
    position: unset !important;
    transform: none !important;
  }

  .input-search {
    display: none;
  }
  .d-flex.align-items-center.scroll_header_mb {
    width: 100% !important;
  }
  .list-cate-sticky {
    display: flex;
    margin-left: 8px;
    overflow-x: auto;
    width: 100%;
  }

  .li-menu {
    color: white !important;
  }

  .line {
    display: flex;
    background: #0c084a;
    align-items: center;
  }

  .line hr {
    width: 1px;
    height: 30px;
    background: #4d5083;
    margin: 0px !important;
  }

  .icon-search svg {
    background: #293067;
    padding: 10px;
    height: 42px;
    width: 42px;
    border-radius: 5px;
  }

  .menu-home .li-menu {
    font-size: 14px;
    width: 100px;
    word-wrap: break-word;
    text-align: center;
    padding: 0px 16px !important;
    justify-content: center;
    height: 43px;
    line-height: 16px;
    white-space: normal ;
  }

  .menu-home .li-menu:hover,
  .menu-home .li-menu:focus {
    color: #0c084a !important;
  }

  .products .wrapper-product .product .text .desc {
    font-size: 13px;
  }

  .products .wrapper-product .product .text .more {
    font-size: 14px;
  }

  .products .wrapper-product .product .text {
    text-align: left;
  }

  .products .wrapper-product {
    padding: 5px !important;
  }

  .result-search {
    font-size: 16px;
    margin: 0px 5px 5px 5px;
  }

  /* Desktop */
  .search-desk,
  .contact-desk {
    display: none !important;
  }

  .logo-desk .img-logo {
    height: 55px;
  }

  .header .logo {
    place-content: center;
  }

  .title-filter {
    display: none;
  }

  .menu-slide-desk {
    display: none;
  }

  .menu-slide {
    display: flex;
  }

  .cate-desk {
    display: none;
  }

  .product-interested {
    display: block;
  }

  .product-interested-desk {
    display: none;
  }

  .title-product-desk {
    display: none;
  }

  .discovery-desk {
    display: none;
  }

  .phone-desk {
    display: none !important;
  }
  .banner-cate {
    display: none;
  }

  .filter-slide-desk {
    display: none !important;
  }

  .wrapper-page-search .page-search {
    display: none !important;
  }

  .prod-detail-wrapper {
    padding: 0px !important;
  }
}
@media (max-width: 480px) {
  .products .wrapper-product .product .img {
    height: unset;
  }
  .header {
    padding: 10px 0px;
  }

  .menu-search-top {
    height: 42px;
  }

  .icon-menu-top {
    width: 40px;
  }

  .icon-menu-top svg {
    width: 15px;
    height: 15px;
  }

  .icon-search-top svg {
    width: 16px;
  }

  .text-slide {
    width: 64px;
    height: 42px;
  }

  .product {
    margin: auto;
  }

  .more-product p {
    font-size: 14px;
  }

  .icon-search svg {
    height: 34px;
    width: 34px;
  }

  .icon-menu {
    height: 34px;
    display: flex !important;
    align-items: center;
    text-align: center;
    padding: 8px;
    margin-right: 10px;
  }

  .menu-home .li-menu {
    font-size: 12px;
    height: 34px;
    width: 90px;
  }

  footer .icon-link .zalo {
    height: 28px;
    padding: 2px 7px 2px 0px;
  }

  footer .icon-link .message {
    padding: 2px 0px 2px 9px;
  }

  footer .icon-link .message img{
    width: 20px;
    height: 20px;
  }

  footer .phone {
    padding-left: 20px;
  }

  footer .phone .arrow-right {
    /* left: 0px;
    border-bottom: 22px solid transparent;
    border-left: 20px solid white;
    border-top: 28px solid transparent; */
  }

  .wrapper-price .code {
    font-size: 12px;
  }

  .wrapper-price .price {
    padding: 0px 8px;
    font-size: 16px;
  }

  .more-product {
    padding: 5px 0px 70px 0px;
  }

  .products .wrapper-product .product .text .more {
    font-size: 13px;
  }

  .more img {
    height: 10px;
  }

  .btn-simulate {
    width: 96px;
  }

  .wrapper-icon .text-icon {
    font-size: 10px;
    line-height: 12px;
  }

  .product-interested {
    padding-bottom: 27px !important;
  }

  .item {
    padding: 8px;
  }

  .item .title-item {
    line-height: 24px;
  }

  .img-square,
  .img-60x120 {
    height: 22px !important;
  }

  .img-10x100 {
    height: 15px !important;
  }

  /* Page search*/
  .page-search .menu-search-top {
    height: 40px;
  }
  .back-search {
    padding: 0px 10px;
  }

  .content-page-search {
    text-align: left;
  }
}

@media (max-width: 420px) {
  .search-not-found,
  .search-not-found img {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .cate-container-desk {
    padding: 70px 150px;
  }
}

@media (min-width: 992px) {
  footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* Desk */
  .more-container {
    background: #e5e6fa;
    border: 1px solid #737be5;
    border-radius: 100px;
    display: flex;
    color: #31399d;
    padding: 9px 24px;
    align-items: center;
    font-size: 16px;
  }

  .more-product p {
    font-size: 16px;
  }

  .icon-link,
  .phone-mobile {
    display: none !important;
  }
  footer .mobile {
    display: none;
  }
  
  @media (max-width: 991px) {
    footer .icon-link .zalo img {
      width: 20px;
      height: 20px;
     }
     footer .icon-link .message {
      padding: 2px 0px 2px 9px;
    }
  
    footer .icon-link .message img{
      width: 17px;
      height: 19px;
    }
  }
  footer {
    height: fit-content;
    background: rgba(17, 20, 61, 1);
    color: white !important;
    padding: 0px 30px;
    min-width: 1130px;
  }

  .menu-home {
    padding: 0px !important;
  }

  .product {
    border-radius: 10px;
  }

  .product:hover {
    box-shadow: 0px 0px 10px rgb(124 124 124 / 30%);
  }

  .img-product-detail {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .menu {
    display: none;
  }

  .ul-nav-desk {
    justify-content: space-between;
    flex: auto;
  }

  .ul-nav-desk a {
    padding: 8px 10px !important;
  }

  /* Product detail desk */

  .menu-prod-detail {
    display: block;
    padding: 17px 0px 10px 95px !important;
  }

  .more-product {
    padding: 5px 0px 128px 0px;
  }

  .product-detail-info {
    background: white;
    padding: 20px;
    box-shadow: 0px 0px 20px rgb(114 136 182 / 20%);
    border: 1px solid #e1e2fc;
    border-radius: 6px;
  }

  .product-detail-col {
    padding: 0px 60px !important;
  }

  .carousel-control-next,
  .carousel-control-prev {
    opacity: 1;
  }

  .product-detail-info .link-next,
  .product-detail-info .link-prev {
    position: absolute;
    right: -72px;
    background: #e5e6fa;
    width: 40px;
    height: 40px;
  }

  .product-detail-info .link-prev {
    left: -72px;
    right: 0px;
  }

  .prod-detail-right .space {
    display: none;
  }

  .text-style-type {
    background: linear-gradient(
      to left,
      rgba(255, 255, 255, 0.8),
      rgba(242, 245, 249, 0) 100%
    );
    width: 235px;
    text-align: end;
    padding: 5px 10px !important;
    font-size: 14px !important;
  }

  .info-product {
    padding: 0px !important;
    padding-top: 17px !important;
  }

  .info-product .price h3 {
    font-size: 30px;
  }

  .code {
    font-size: 16px !important;
  }

  .text-icon {
    font-size: 14px !important;
  }

  .products-relation {
    background: #fff;
  }

  .style-type {
    margin-top: 20px !important;
  }

  .prod-detail-right .products h5 {
    padding: 0px 0px 9px 11px !important;
    font-size: 20px;
  }

  .prod-detail-right .product {
    border-radius: 10px;
  }

  .products {
    padding: 0px 74px;
  }

  .pity {
    font-size: 24px;
  }

  .suggest {
    font-size: 18px;
  }
}

/* Bootstrap Lightbox using Modal */

#profile-grid {
  overflow: auto;
  white-space: normal;
}
#profile-grid .profile {
  padding-bottom: 40px;
}
#profile-grid .panel {
  padding: 0;
}
#profile-grid .panel-body {
  padding: 15px;
}
#profile-grid .profile-name {
  font-weight: bold;
}
#profile-grid .thumbnail {
  margin-bottom: 6px;
}
#profile-grid .panel-thumbnail {
  overflow: hidden;
}
#profile-grid .img-rounded {
  border-radius: 4px 4px 0 0;
}

/* Filter menu slide */
.MultiCarousel {
  float: left;
  overflow: hidden;
  width: 100%;
  margin: 0px 85px 0px 75px;
}
.MultiCarousel .MultiCarousel-inner {
  transition: 1s ease all;
  float: left;
  height: 400px;
  display: flex;
}
.MultiCarousel .MultiCarousel-inner .item-slide {
  float: left;
}
.MultiCarousel .MultiCarousel-inner .item-slide > div {
  text-align: center;
  padding: 30px;
}
.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 20px);
}
.MultiCarousel .leftLst {
  left: 30px;
}
.MultiCarousel .rightLst {
  right: 20px;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
  pointer-events: none;
  background: #ccc;
}

.img-slide-filter {
  height: 250px;
  border-radius: 150px;
  margin-bottom: 9px;
}

.title-item-filter {
  font-size: 16px;
  color: #11143d;
}

.btn-slide-filter {
  background: #e5e6fa !important;
  border: 1px solid #e4e5f8;
  height: 44px;
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #11143d;
}

.btn-slide-filter:hover {
  background: #11143d !important;
  border: 1px solid #11143d;
  color: #ffffff;
}

.btn:focus {
  box-shadow: none !important;
  border: 0px;
}

/* Code pharse 2 */
#footerMobileHideShowroom {
  display: none;
}

#footerMobileWrapListShowroom {
  display: none;
}

/* fixed for show footer 3collumn */
@media (min-width: 992px) {
  html,
  body {
    min-width: 1040px;
  }
}
.cpt {
  cursor: pointer;
}

/* ========================= Popup view store images================= */
#storeImagesModalLong .modal-content {
  background-color: #262626;
}
#storeImagesModalLong .modal-header,
#storeImagesModalLong .modal-footer {
  border: 0;
}
#storeImagesModalLong .close {
  color: #ffffff;
  font-size: 20px;
}
#storeImagesModalLong .close-mobile {
  display: none;
}
#storeImageSelectStore {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  background: #262626;
  border: 1px solid #858585;
  border-radius: 6px;
  padding: 10px;
  max-width: 220px;
  cursor: pointer;
}
@media (max-width: 991px) {
  #storeImagesModalLong .modal-body {
    display: none;
  }
  #storeImagesModalLong .modal-footer img {
    width: 100%;
    margin-bottom: 10px;
  }
  #storeImagesModalLong .modal-header {
    border: 1px solid #262626;
  }
  #storeImageSelectStore {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    padding: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    position: absolute;
    width: 123px;
    height: 38px;
    right: 20px;
    top: 15px;
  }
  #storeImagesModalLong .close {
    display: none;
  }
  #storeImagesModalLong .close-mobile {
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    background-color: #262626;
    padding-right: 20px;
    border: 0;
    border-right: 1px solid #4f4f4f;
  }

  .title_blog_detail_blog_keditor p img,
  .title_blog_detail_blog_keditor p iframe{
    max-width: 100%;
  }

}
@media (min-width: 992px) {
  #storeImagesModalLong .modal-dialog {
    max-width: 905px;
  }
  #storeImagesModalLong .modal-body {
    height: 600px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background-color: #262626;
    position: relative;
  }
  #storeImagesModalLong .modal-body img {
    max-height: 600px;
    border-radius: 10px;
  }
  #storeImagesModalLong .modal-body .store-image-move {
    color: #000;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 16px);
    padding: 6px;
    cursor: pointer;
  }
  #storeImagesModalLong .modal-body .store-image-move svg {
    cursor: pointer;
  }
  #storeImagesModalLong .modal-body .store-image-move:hover {
    padding: 8px;
  }
  #storeImagesModalLong .modal-body .store-image-previous {
    left: 15px;
  }
  #storeImagesModalLong .modal-body .store-image-next {
    right: 15px;
  }
  #storeImagesModalLong .modal-footer {
    height: 105px;
    width: 100%;
    justify-content: flex-start;
  }
  #storeImagesModalLong .modal-footer .wrap-footer-list-image {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: inherit;
    height: 85px;
    width: auto;
    min-width: 100%;
    scrollbar-width: thin;
  }
  #storeImagesModalLong .modal-footer img {
    height: 65px;
    width: 100px;
    margin-right: 5px;
    cursor: pointer;
  }
}

.news {
  margin-bottom: 20px;
}
.title_news {
  text-align: center;
  font-weight: bold;
  padding-bottom: 40px;
}

.img_new {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.content_new .descript {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #181460;
  padding-top: 16px;  
  max-height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.content_new .time_views {
  display: flex;
  color: #989898;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  padding-top: 16px;
}

.blog_news .title_blog{
  display: flex;
  padding-bottom: 40px;
  align-items: center;
}

.title_blog_new{
 color: #181460; 
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-size: 30px;
 line-height: 41px;
 padding-right: 30px;
}
.blog_news .hr_title {
  width: calc(100% - 365px);
}
.time_views .time_create {
  padding-right: 40px;
}


.blog_item_col{
  padding-bottom: 3rem;
}
.news_see_more {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #181460;
  padding-bottom: 60px;
  padding-top: 20px;
  cursor: pointer;
}

.hr_mb_news{
  display: none;
}

.news_see_more_blog{
  text-align: center;
  padding-bottom: 60px !important;
  font-size: 18px;
  color:#181460 ;
  font-weight: 400;

}

@media (max-width: 991px) {
  .new_item_block {
    display: flex;
  }

  .news_see_more_blog{
    text-align: center;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    font-size: 14px;
    color:#181460 ;
    font-weight: 400;
  }

  .time_views .time_create {
    padding-right: 30px;
  }

  .blog_item_col{
    padding-bottom: 0rem !important;
  }
  .content_new .descript {
   margin-bottom: 0.5rem;
  }

  .container.news  {
    padding: 0 10px !important;
    margin: 0 !important;
    min-width: 100% !important;
    border-top: 10px solid #F4F4F4;
    
  }
  .title_news{
    padding-top: 20px;
    padding-bottom: 15px;
  }

   .blog_news {
    padding: 0 20px !important;
    margin: 0 !important;
    min-width: 100% !important;
  }
  
  .title_blog_new{
    font-size: 18px;
    padding-right: 12px;
  }
  .blog_news .hr_title {
    width: calc(100% - 201px);
  }
  .title_news {
    text-align: start;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 15px;
  }
  .img_new {
    width: 33%;
    height: auto;
    border-radius: 3px;
    padding-right: 9px;
  }
  .content_new {
    width: 67%;
  }
  .hr_mb_news {
    margin: 20px 0px !important;
    display: block;
  }
  .content_new .descript {
   padding-top: 0px;
  }
  .news_see_more{
    text-align: end;
    padding-bottom: 20px !important;
    cursor: pointer;
    font-size: 14px;
  }

  
}




/* select item */

.new_item_block_onselect{
  width: 100%;
}
.img_new_onselect{
  width: 100%;
  border-radius: 3px;
}


.descript_onselect{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #181460;
  display: block;
}


.time_views_onselect{
 font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #989898;
display: flex;
padding-bottom: 50px;
}

.time_create_onselect{
  padding-right: 31px;
}

.descript_onselect{
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #181460;
  padding-top: 16px;
}

.time_views_onselect{
  font-size: 14px;
  padding-top: 16px;
}

.img_new_onselect{
  border-radius: 6px;
}
.blog_item_col_onselect {
padding: none;
}


@media (max-width: 991px) {

  .descript_onselect {
    font-size: 14px !important;
    margin-bottom: 0.5rem !important;
    padding-top: 10px;
    font-weight: 900;
  }

  .time_views {
    font-size: 12px !important;
    padding-top: 0px !important;

  }

  .time_views .time_create {
    padding-right: 40px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

  .descript {
    font-size: 14px !important;
  }

  .time_views_onselect {
    height: 16px;
  }

  .blog_item_col_onselect {
    width: 100%;
    padding: 0 20px;
  }

}
/* end select item */


/* ========== Start Filter Danh muc */
#filterProductTagsSection {
  padding: 10px;
  display: flex;
  justify-content: left;
  overflow-x: auto;
  overflow-y: hidden;
}
@media (min-width: 992px) {
  #filterProductTagsSection {
    margin-top: 20px;
  }
}

#filterProductTagsSection .dropdown-toggle,
.filter-item {
  height: 35px;
  border-radius: 3px;
  color: #11143D;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  padding: 5px;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.07px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 8px 7px 8px 7px !important;
}

#filterProductTagsSection .dropdown-menu {
  margin-top: 10px;
}

#filterProductTagsSection .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 10px;
  border-width: 0 9px 9px;
  border-style: solid;
  border-color: transparent transparent #D9D9D9;
}

#filterProductTagsSection .active::after {
  border-bottom: 0.3em solid;
  border-top: 0;
}

#filterProductTagsSection .dropdown-menu {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
}

#filterProductTagsSection .item_list_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 600px;
  padding: 5px;
  margin-bottom: 0px;
}

@media (max-width: 600px) {
  #filterProductTagsSection .item_list_menu {
      width: 300px;
  }
}


#filterProductTagsSection .item_list_menu .filter-item {
  width: auto;
  white-space: nowrap;
  margin-bottom: 5px;
}

#filterProductTagsSection .filter-selected,
#filterProductTagsSection .filter-selecting {
  color: #363C8D;
  background-color: #EDEEFB;
}

#filterProductTagsSection .item_list_menu_footer {
  width: 100%;
  margin-top: 10px;
  padding: 8px 20px 0px 20px;
  box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  display: none;
}

#filterProductTagsSection .item_list_menu_footer .btn {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.07px;
  padding: 6px 25px;
}

#filterProductTagsSection .item_list_menu_footer .btn-outline-dangers {
  color: #B94545;
  border: 1px solid #B94545 !important;
  margin-right: 20px;
  background-color: #FFFFFF;
}

#filterProductTagsSection .item_list_menu_footer .btn-primary {
  color: #FFFFFF;
  background-color: #11143D;
  border: 1px solid #11143D !important;
}

#filterProductTagsSection .filter-title-btn::after {
  display: none;
}

#filterProductTagsSection .filter-title-btn {
  position: relative;
}

#filterCountSelected {
  position: absolute;
  top: -10px;
  right: 0px;
  font-family: Open Sans;
  font-weight: 700;
  font-size: 10px;
  line-height: 13.62px;
  color: #FFFFFF;
  width: 16px;
  height: 16px;
  background-color: #E2A812;
  border-radius: 50px;
  padding: 2px;
}

/* ========== Start Filter popup Danh muc */
#filterProductTagsSection .filter-item-popup,
#filterProductTagsSection .filter-item-popup-select {
  height: 35px;
  border-radius: 3px;
  color: #11143D;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  padding: 5px;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.07px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 8px 7px 8px 7px !important;
}

#filterProductTagsSection .filter-dropdown-menu-header {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.07px;
  color: #11143D;
  padding: 10px;
  border-bottom: 0.5px solid #E6E6E6;
}

#filterProductTagsSection .filter-dropdown-menu-header button {
  line-height: 0.8;
}

#filterProductTagsSection .title-list-section {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 14px;
  line-height: 19.07px;
  color: #11143D;
  padding-left: 5px;
  padding-top: 10px;
  padding-right: 10px;
}

#filterProductTagsSection .filter-item-remove-icon {
  padding-left: 10px;
}

#filterProductTagsSection .item_list_menu_title_section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 800px;
  padding: 5px;
  padding-bottom: 10px;
  border-top: 0.5px solid #E6E6E6;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.07px;
  margin-bottom: 10px;
}

#filterProductTagsSection .btn_remove_all_tag_popup {
  text-decoration: underline;
  color: #11143D;
  padding: 10px 4px 2px 4px;
  cursor: pointer;
}

#filterProductTagsSection .tile_section_item_list {
  width: 100%;
  margin-bottom: 10px;
}

#filterProductTagsSection .wrap_item_list_menu_title_section {
  max-height: 450px;
  overflow: auto;
  padding-left: 3px;
}

#popupFilterProductTags .footer_popup {
  display: flex;
}


#filterProductTagsSection .item_list_menu_footer .btn-popup-outline-dangers {
  color: #B94545;
  border: 1px solid #B94545 !important;
  margin-right: 20px;
  background-color: #FFFFFF;
}


#filterProductTagsSection .filter-popup-selected,
#filterProductTagsSection .filter-popup-selecting {
  color: #363C8D;
  background-color: #EDEEFB;
}


@media (max-width: 991px) {
  #filterProductTagsSection .dropdown-menu-filter-title {
    width: 100%;
    height: 100%;
    position: fixed !important;
    top: -10px !important;
    left: 0px !important;
    transform: inherit !important;
  }

  #filterProductTagsSection .dropdown-menu-filter-title::before {
    display: none;
  }

  #filterProductTagsSection .wrap_item_list_menu_title_section {
    height: calc(100% - 90px) !important;
    max-height: calc(100% - 90px) !important;
  }

  #filterProductTagsSection .item_list_menu_title_section {
    width: 100% !important;
  }
}
/* ========== End Filter popup Danh muc */
/* ========== End Filter Danh muc */
.icon_scroll_top {
  padding: 10px 15px;
  background-color: #31389A;
  width: 40px;
  border-radius: 50%;
  position: fixed;
  right: 5px;
  bottom: 20px;
}