/* project list */
.project-wrap {
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    gap:20px;
}
.project-wrap a{
    width:calc(33% - 20px);
    margin-bottom:20px;
}
.project-wrap h1{
    background:#156082;
    color:white;
    padding:0.25em 0.5em;
    font-size:1.3em;
    text-align: left;
}
.project-wrap .img-wrap {
    position:relative;
    width:100%;
    height: 225px;
    overflow:hidden;
}
.project-wrap img{
    position: absolute;
    margin:auto;
    width: 100%;
    top:0; 
    left:0; 
    right:0; 
    bottom:0;
}
@media screen and (max-width: 768px) {
	.project-wrap{
		gap:10px;
	}
	.project-wrap a{
		width:calc(50% - 10px);
		gap:10px;
		margin-bottom:10px;
	}
	.project-wrap .img-wrap{
		height:100px;
	}
	.project-wrap h1{
		font-size:1em;
	}
}
/* Project Detail Page Styles */
  .title{
    text-align: center;
    width: 80%;
    margin: 0 auto 3rem;
  }
  .title h1
  ,.title h2{
        font-weight: normal;
  }
  .title h1{
    font-size: x-large;
  }
  .title h2{
    text-align: left;
  }
  .probox{
    clear: both;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6rem;
  }
  .probox img{
    width: 48%;
    margin-bottom: 2rem;
  }
  .probox p{
    width: 50%;
    line-height: 1.5rem;
    padding-top: 0;
    font-size: 100%;
  }
  caption{
    caption-side: bottom;
    text-align: left;
  }
  .sec_page{
    padding-bottom: 0;
  }
  .sec_single_nav{
    padding-top: 0;
  }
@media screen and (max-width: 768px) {
	.probox{
	  flex-direction: column;
	  align-items: center;
	}
	.probox img,
	.probox p{
	  width: 100%;
	}
	.probox p{
	  margin-top: 0;
	}
}