.sticky-header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
  filter: drop-shadow(0px 4px 10px rgba(144, 152, 177, 0.4));
}

.bread-crumb {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.bread-crumb ul {
  display: flex;
  gap: 4px;
  align-items: center;
}

.list.grid .list-item {
  width: 50%;
  height: auto;
}

.multi-columns-row .col-xs-1:nth-child(12n + 13),
.multi-columns-row .col-xs-2:nth-child(6n + 7),
.multi-columns-row .col-xs-3:nth-child(4n + 5),
.multi-columns-row .col-xs-4:nth-child(3n + 4),
.multi-columns-row .col-xs-6:nth-child(2n + 3),
.multi-columns-row .first-in-row {
  clear: left;
}

.image-list {
  width: 100%;
  height: auto !important;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  float: left;
  margin: 0 -5px;
}

.image-list::before,
.image-list::after {
  display: none !important;
}

.image-list .imageitem {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  padding: 0 5px;
}

.image-list .imageitem .imageitem-a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-content .list-content-img a {
  position: relative;
  width: 100%;
}

.list.grid .list-content .list-content-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.video-detail .video-player {
  width: 100%;
  padding-top: 56%;
  position: relative;
}

.video-detail .video-player iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

@media (min-width: 768px) {
  .list.grid .list-item {
    width: 33.333%;
  }
  .multi-columns-row .col-xs-1:nth-child(12n + 13),
  .multi-columns-row .col-xs-2:nth-child(6n + 7),
  .multi-columns-row .col-xs-3:nth-child(4n + 5),
  .multi-columns-row .col-xs-4:nth-child(3n + 4),
  .multi-columns-row .col-xs-6:nth-child(2n + 3) {
    clear: none;
  }
  .multi-columns-row .col-sm-1:nth-child(12n + 13),
  .multi-columns-row .col-sm-2:nth-child(6n + 7),
  .multi-columns-row .col-sm-3:nth-child(4n + 5),
  .multi-columns-row .col-sm-4:nth-child(3n + 4),
  .multi-columns-row .col-sm-6:nth-child(2n + 3) {
    clear: left;
  }
  .image-list {
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .multi-columns-row .col-sm-1:nth-child(12n + 13),
  .multi-columns-row .col-sm-2:nth-child(6n + 7),
  .multi-columns-row .col-sm-3:nth-child(4n + 5),
  .multi-columns-row .col-sm-4:nth-child(3n + 4),
  .multi-columns-row .col-sm-6:nth-child(2n + 3) {
    clear: none;
  }
  .multi-columns-row .col-md-1:nth-child(12n + 13),
  .multi-columns-row .col-md-2:nth-child(6n + 7),
  .multi-columns-row .col-md-3:nth-child(4n + 5),
  .multi-columns-row .col-md-4:nth-child(3n + 4),
  .multi-columns-row .col-md-6:nth-child(2n + 3) {
    clear: left;
  }
}
@media (min-width: 1200px) {
  .multi-columns-row .col-md-1:nth-child(12n + 13),
  .multi-columns-row .col-md-2:nth-child(6n + 7),
  .multi-columns-row .col-md-3:nth-child(4n + 5),
  .multi-columns-row .col-md-4:nth-child(3n + 4),
  .multi-columns-row .col-md-6:nth-child(2n + 3) {
    clear: none;
  }
  .multi-columns-row .col-lg-1:nth-child(12n + 13),
  .multi-columns-row .col-lg-2:nth-child(6n + 7),
  .multi-columns-row .col-lg-3:nth-child(4n + 5),
  .multi-columns-row .col-lg-4:nth-child(3n + 4),
  .multi-columns-row .col-lg-6:nth-child(2n + 3) {
    clear: left;
  }
  .image-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.item-hot-product .product-info a {
  color: #fff;
  font-size: 18px;
  font-family: "Roboto-Bold";
  line-height: 26px;
  padding: 8px 5px;
  overflow: hidden;
  height: 33px;
  display: block;
}
.item-hot-product .product-info {
  padding: 0px;
}
.footer-top-content .content-fc h3,
.footer-top-content .content-fc p {
  margin-bottom: 8px;
  color: #fff;
}
.description-intro {
  max-height: 201px;
}
.social-ctf ul li a {
  background: none;
}
.list_news .box-info {
  padding: 0px 10px;
}
.list_product .owl-controls {
  display: none !important;
}
.col-ty,
.col-new {
  padding: 0px 15px;
}
.col-ty .box-img img,
.col-new .box-img img {
  width: 100%;
}
#cssmenu,
#nav .container:before {
  background-color: #008bd2;
}
.title-door h2,
.title-door h2 a {
  color: #008bd2;
}
.order a {
  background-color: #008bd2;
  color: #fff;
  border: 1px solid #008bd2;
}
.categories .menu li > a {
  white-space: normal;
  line-height: normal;
  padding: 10px 10px 10px 18px;
}
.list-content li {
  margin-bottom: 0px;
}
.list-content li a {
  width: fit-content;
  white-space: nowrap;
  display: block;
}
.footer-top {
  background: #025179;
}
.footer-bottom {
  background: #033954;
}
.content-new .box-info h3 a {
  height: 41px;
  display: block;
  overflow: hidden;
}
.img_lh {
  position: relative;
}
.img_lh img {
  width: 35px;
  position: absolute;
  left: 12px;
}
.content-col-proj {
  position: relative;
  height: 200px;
}
.content-col-proj .box-img {
  height: 200px;
}

.newstitle {
  font-size: 32px;
  line-height: 1.3;
}

/* Default styles */

.newsdetail-input h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #4f4f4f;
  margin-top: 0;
  margin-bottom: 32px;
}

.newsdetail-input h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.3;
  color: #4f4f4f;
  margin-top: 0;
  margin-bottom: 32px;
}

.newsdetail-input h3 {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.3;
  color: #4f4f4f;
  margin-top: 0;
  margin-bottom: 16px;
}

.newsdetail-input h4 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  color: #4f4f4f;
  margin-top: 0;
  margin-bottom: 16px;
}

.newsdetail-input h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  color: #4f4f4f;
  margin-top: 0;
  margin-bottom: 16px;
}

.newsdetail-input h6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: #4f4f4f;
  margin-top: 0;
  margin-bottom: 16px;
}

.newsdetail-input img {
  width: 100%;
  margin-bottom: 20px;
}

.newsdetail-input p,
.newsdetail-input span {
  font-size: 16px;
  line-height: 1.3;
  color: #4f4f4f;
  margin-bottom: 16px;
}

.newsdetail-input ul {
  list-style: disc;
  padding-left: 24px;
  margin-bottom: 20px;
}

.newsdetail-input ul li {
  list-style: disc;
  color: #4f4f4f;
  margin-bottom: 12px;
}

.shopping-cart-pages {
  width: 100%;
  overflow: hidden;
}

.shopping-cart-pages .cart {
  width: 100%;
}

.albums .album-item .album-item-avatar {
  height: auto !important;
  padding-top: 70%;
}

@media (max-width: 767px) {
  .shoppingcart1 .span12 .table-bordered thead {
    display: none;
  }

  .shoppingcart1 .span12 .table-bordered tbody tr {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }

  .shoppingcart1 .span12 .table-bordered tbody tr td {
    width: 100%;
    border: none;
  }

  .shoppingcart1 .span12 .table-bordered tbody tr td .remove-item {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px !important;
  }

  .shoppingcart1 .span12 .table-bordered tfoot tr td .btn-continue {
    padding: 10px 20px;
    border-radius: 6px;
  }

  .shoppingcart1 .span12 .table-bordered tbody tr td form input {
    margin-left: auto;
    margin-right: 0;
  }

  .shoppingcart1 .span12 .table-bordered tbody tr td:nth-child(1) {
    width: 70px;
  }

  .shoppingcart1 .span12 .table-bordered tbody tr td:nth-child(2) {
    width: calc(100% - 70px);
  }

  .shoppingcart1 .span12 .cart-collaterals .totals {
    width: 100% !important;
  }

  .newstitle {
    font-size: 26px;
  }

  .newsdetail-input h1 {
    font-size: 36px;
    margin-bottom: 24px;
  }

  .newsdetail-input h2 {
    font-size: 30px;
    margin-bottom: 24px;
  }

  .newsdetail-input h3 {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .newsdetail-input h4 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .newsdetail-input h5 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .newsdetail-input h6 {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .newsdetail-input p,
  .newsdetail-input span {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .newsdetail-input ul {
    padding-left: 20px;
  }
  .description-intro {
    max-height: 100%;
  }
  .header-top-content .logo .box-img {
    width: 70px;
  }
}

@media (max-width: 500px) {
  .newstitle {
    font-size: 21px;
  }

  .newsdetail-input h1 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .newsdetail-input h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .newsdetail-input h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .newsdetail-input h4 {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .newsdetail-input h5 {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .newsdetail-input h6 {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .newsdetail-input p,
  .newsdetail-input span {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .newsdetail-input ul {
    padding-left: 16px;
  }
  .login-ht {
    width: 190px;
  }
}