@import url("https://fonts.googleapis.com/css?family=Space+Mono:400,700&display=swap&subset=vietnamese");
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  overflow: hidden;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}

@media screen and (min-width: 1025px) {
  .dropdown2:hover > ul {
    display: block;
  }
}
/*Ipad ngang(1024 x 768)*/
@media screen and (max-width: 1199px) {
  .nav-custom .nav-item .nav-link,
  .nav-custom .navbar-brand {
    padding: 0 15px;
  }
}
@media screen and (max-width: 1024px) {
  .danh-muc .ten-danh-muc a {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .nav-custom .nav-item .nav-link,
  .nav-custom .navbar-brand {
    padding: 0 10px;
  }
}
/*Ipad dọc(768 x 1024)*/
@media screen and (max-width: 768px) {
  .sm-none {
    display: none;
  }
  .sm-block {
    display: block;
  }
  .danh-muc .ten-danh-muc a {
    font-size: 14px;
  }
}
/*Tablet nhỏ(480 x 640)*/
@media screen and (max-width: 767px) {
  .xs-block {
    display: block;
  }
  .xs-none {
    display: none !important;
  }
  .san-pham ul li a {
    font-size: 14px;
  }
}
/*Iphone(480 x 640)*/
@media screen and (max-width: 320px) {
}
/*Smart phone nhỏ*/
@media screen and (max-width: 240px) {
}