.loai-duan-menu .menu {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.loai-duan-menu .menu li {
	display: inline-block;
	margin-left: 18px;
	margin-right: 18px;
}
.loai-duan-menu .menu li a {
	display: block;
	margin-left: 12px;
	margin-right: 12px;
	color: #424242;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-family: 'Josefin Sans',sans-serif;
	padding: 5px 0;
	position: relative;
}
.loai-duan-menu .menu li a::after {
	position: absolute;
	bottom: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: transparent;
	content: '';
	width: 100%;
	left: 0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.loai-duan-menu .menu li a:hover::after, 
.loai-duan-menu .menu li.current-menu-item a::after {
	border-color: #333;
}
/*single dự án*/
#breadcrumbs, #breadcrumbs a {
	color: #939393;
}
.single-duan-slide {
	background-color: #f1f1f1;
}
.single-duan-slide a:focus,
.single-duan-slide a:focus-visible{
	outline: none;
}
.single-duan-slide a{
	display: block;
	position: relative;
}
.single-duan-slide .swiper-button-next, 
.single-duan-slide .swiper-button-prev {
	background-size: 20px;
}
.single-duan-slide .banner-duan{
	width: 100%;
	display: block;
} 
.video-duan i {
	color: #fff;
	font-size: 24px;
	background-color: red;
	padding: 11px 25px;
	border-radius: 9px;
}
.video-duan i:hover {
	opacity: .7;
}
.video-duan{
	outline: none;
}
.singleduan-title {
	font-family: 'Josefin Sans',sans-serif;
	font-size: 25px;
}
.thong_tin_cong_trinh {
  padding: 0;
  list-style: none;
  font-weight: 600;
}
.thong_tin_cong_trinh li {
  display: flex;
}
.thong_tin_cong_trinh li label {
  width: 48%;
}
.entry-content-duan {
	color: #8f8f8f;
}
/**/
.portfolio-grid-item-content {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0
}
.portfolio-grid-item .thumbnail:after {
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  background-color:rgb(0 0 0 / 60%);
  top:0;
  left:0;
  opacity:0;
  -webkit-transition:all 300ms ease-out;
  -moz-transition:all 300ms ease-out;
  -o-transition:all 300ms ease-out;
  transition:all 300ms ease-out
}
.portfolio-grid-item,
.material-item-inner {
  position:relative;
  overflow:hidden;
  margin-bottom:30px
}
.portfolio-grid-item .thumbnail img,
.material-item-inner img {
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  transition: .3s all;
  aspect-ratio: 1/1;
  width: 100%;
  object-fit: cover;
}
.portfolio-grid-item-content .inner {
  text-align:center
}
.portfolio-grid-item-content .title {
  font-family:'Josefin Sans',sans-serif;
  font-weight:600;
  font-size:25px;
  text-transform:capitalize;
  color:#fff
}
.portfolio-grid-item-content .title a {
  color:#fff
}
.portfolio-grid-item-content .port-cat * {
  color:#cecece
}
.portfolio-grid-item-content .port-cat sep:last-child {
  display:none
}
.portfolio-grid-item-content .port-cat sep {
  margin:0 6px
}
.portfolio-grid-item:hover img,
.material-item-inner:hover img {
  transform:scale(1.04);
  -webkit-filter:none;
  filter:none
}
.portfolio-grid-item:hover .thumbnail:after,
.portfolio-grid-item:hover .portfolio-grid-item-content {
  opacity:1
}
.relatedcat.relatedcat-duan .swiper-pagination {
	bottom: -5px;
}
@media only screen and (max-width: 991px) {
	.video-duan i {
		font-size: 17px;
		padding: 9px 20px;
	}
	.portfolio-grid-item-content .title {
		font-size: 20px;
	}
	.portfolio-grid-item, .material-item-inner {
		margin-bottom: 20px;
	}
	.portfolio-grid-item .thumbnail::after, 
	.portfolio-grid-item .portfolio-grid-item-content {
		opacity: 1;
	}
	.singleduan-title {
		font-size: 20px;
		margin-top: 15px;
	}
}
@media only screen and (max-width: 640px) {
	.loai-duan-menu .menu {
		display: flex;
		margin-bottom: 20px;
		overflow: auto;
	}
	.loai-duan-menu .menu li {
		margin-left: 10px;
		margin-right: 10px;
		white-space: nowrap;
	}
	.loai-duan-menu .menu li a {
		font-size: 12px;
		margin: 0;
	}
}