.mainpage-wrapper {
  padding: 20px 5px;
  background: #ffffff; }

.insBody {
  background: #fff; }

.title-bang__gia {
  margin: 1rem 0;
  font-size: 3em;
  font-weight: bold;
  color: #d71715; }

.bang-gia__products .head {
  display: flex;
  text-align: center; }

.bang-gia__products .head [class*="col"] {
  padding: 5px;
  border: 1px solid silver;
  border-right: 0; }

.bang-gia__products .head [class*="col"]:last-child {
  border-right: 1px solid silver; }

.bang-gia__products .head h3 {
  margin: 5px 0;
  font-size: 1.5em;
  font-weight: bold;
  color: #000; }

.bg-form {
  position: relative; }

.bg-form input[type="text"] {
  width: 100%;
  height: 30px;
  border: 0.5px solid #999;
  border-radius: 5px;
  padding: 5px; }

.bg-form i {
  position: absolute;
  right: 5px;
  font-size: 1.5em;
  color: #d71715;
  top: 3px;
  z-index: 1; }

.bg-product__list .name {
  background: #CC0000;
  position: relative;
  width: 80%;
  overflow: hidden; }

.bg-product__list .name h2 {
  margin: 0;
  color: #fff;
  padding: 5px 10px;
  line-height: 1.5;
  font-size: 20px; }

.bg-product__list .name:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 60px;
  background: white;
  top: 5px;
  right: -12px;
  z-index: 1;
  transform: rotate(45deg); }

.pd-list .pd-item {
  display: flex; }

.pd-list .pd-item:nth-child(odd) {
  background: #F0F0FF; }

.pd-list .pd-item [class*=col-] {
  padding: 5px;
  border-right: 1px solid #ccc;
  margin-right: -1px; }

.pd-list .pd-item a, .pd-list .pd-item span {
  font-size: 1.2em;
  word-break: break-all;
  word-break: break-word; }

.pd-list .pd-item [class*=col-]:last-child {
  border: none; }

.hidden-title, .hidden-sku, .hidden-year {
  display: none !important; }

.info-mobile p {
  margin: 5px 0 0;
  line-height: 1.3;
  color: #666; }

.pd-list .pd-item .sku span {
  font-size: 15px;
  line-height: 1.5;
  display: inline-block; }

@media screen and (max-width: 479px) {
  .title-bang__gia {
    font-size: 2em; }
  .bg-product__list .name {
    width: 100%; }
  .bg-product__list .name h2 {
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .pd-list .pd-item a, .pd-list .pd-item span {
    font-size: 15px; } }

.page-bang__gia {
  margin-bottom: 20px; }

@media (max-width: 991px) {
  .pd-list .pd-item [class*=col-] {
    margin-right: 0px; } }

.pd-item.clearfix > div, .head.clearfix > div {
  padding: 5px;
  border-right: 1px solid #ccc; }

.pd-item.clearfix > div:nth-child(1) {
  width: 16%; }

.pd-item.clearfix > div:nth-child(2) {
  width: 33%; }

.pd-item.clearfix > div:nth-child(3) {
  width: 16%; }

.pd-item.clearfix > div:nth-child(4) {
  width: 12%; }

.pd-item.clearfix > div:nth-child(5) {
  width: 24%; }

.head.clearfix > div {
  padding: 5px;
  border: 1px solid silver;
  border-left: none; }
  .head.clearfix > div:nth-child(1) {
    border-left: 1px solid silver; }

.head.clearfix > div:nth-child(1) {
  width: 16%; }

.head.clearfix > div:nth-child(2) {
  width: 33%; }

.head.clearfix > div:nth-child(3) {
  width: 16%; }

.head.clearfix > div:nth-child(4) {
  width: 12%; }

.head.clearfix > div:nth-child(5) {
  width: 24%; }

#insPages .breadcrumb {
  background: #fff;
  border-radius: 0; }
