.photos *{margin:0;padding:0;list-style: none;}
.lstImgContent{overflow:hidden;margin-top: 16px;text-align:center;background:#fff;padding:30px 30px}
.lstImgContent li{float:left;width:19%;margin-top:10px;margin-right:1.25%;padding:2px;box-sizing: border-box;}
.lstImgContent li:nth-child(5n+5){margin-right:0;}
.lstImgContent .postImg{height:160px;overflow:hidden;position:relative;box-sizing: border-box;}
.lstImgContent .postImg img{height:100%;width:auto;left:0;right:0;margin:auto;}
.listHinhAnh,.listVieos{overflow: hidden;margin: 0;padding:2px;list-style: none;}
.listHinhAnh *,.listVieos *{margin: 0;padding:0;list-style: none;color: inherit;text-decoration: none;}
.listHinhAnh > li,.listVieos > li{float:left;width:32%;box-sizing: border-box;margin-right: 2%}
.listHinhAnh > li:nth-child(3n+3),.listVieos li:nth-child(3n+3){margin: 0;}
.listHinhAnh > li:nth-child(n+4),.listVieos li:nth-child(n+4){margin-top:20px;}
.listHinhAnh .listImg,.listVieos .postImg{height:230px;background:#fff;padding:15px 0;}
.listHinhAnh ul{width:100%;position: relative;height: 100%;box-sizing:border-box}
.listHinhAnh .listImg li{top:0;width:100%;height: 100%;position:absolute;display:none}
.listHinhAnh .listImg img{outline: 1px solid rgba(255,255,255,.5);outline-offset: -5px;height:100%;width:auto;left:0;right:0;margin:auto;}
.listHinhAnh h4,.listVieos h4{color:#fff;background:#1f1f1f;margin: 0;text-align: center;font-size:15px;font-weight: normal;padding:12px 15px 14px;overflow:hidden}
.listVieos li img{box-shadow:0 0 2px #414141;}
.listVieos .postImg a{position: relative;display: block;height: 100%;}
.listVieos li .postImg a:after{content:"\f144";font-family:FontAwesome;position: absolute;left:40%;top:40%;font-size:60px;color: #fff;opacity: .5;transition: transform 1s;}
.imgDetail{display:inline-block;height:150px;margin-bottom:10px;margin-right:10px;overflow:hidden;position:relative;}.imgDetail img{height:100%;transition:transform 1.5s;}
.imgDetail:hover img{transform:scale(1.5)}
.imgDetail:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6) url(/Design/bg-products.png) center;z-index:2;opacity:0;transition:opacity .5s;}
.imgDetail:after{content:"\f002";font-family:fontawesome;color:#fff;position:absolute;z-index:5;font-size:30px;padding:4px 0;width:50px;border:1px solid #fff;
        border-radius:100%;text-align:center;left:0;right:0;margin:auto;top:35%;transform:translateX(500px);transition:transform .2s;}
.imgDetail:hover:before{opacity:1;}
.imgDetail:hover:after{transform:translateX(0);}
@media only screen
  and (max-width :1279px){        
}
@media only screen
  and (max-width :1023px){    
	.listHinhAnh .listImg{height: 140px;}
    .listHinhAnh > li,.listHinhAnh > li:nth-child(3n+3),.listVieos li,.listVieos li:nth-child(3n+3){width:49%;margin-right:0;}
    .listHinhAnh > li:nth-child(2n+2),.listVieos li:nth-child(2n+2){float:right;}
    .listHinhAnh > li:nth-child(n+3),.listVieos > li:nth-child(n+3){margin-top:20px;}
    .listHinhAnh .listImg, .listVieos .postImg{height: 180px;}

}
@media only screen
  and (max-width :767px){
    .photos h4{font-size:16px;}    
    .lstImgContent li{width:32%;margin-right:2%}
    .lstImgContent li:nth-child(5n+5){margin-right:2%;}
    .lstImgContent li:nth-child(3n+3){margin-right:0;}.lstImgContent li:nth-child(n+4){margin-top:20px;}
    .lstImgContent .postImg{height:100px;border-width: 3px;}        
    .listHinhAnh > li,.listHinhAnh > li:nth-child(3n+3){width:49%;margin-right:2%;}        
    .lstImgContent{padding:20px 10px}
}
@media only screen
  and (max-width :479px){
    .photos h4{font-size: 14px;}.imgDetail{height:100px;}
    .lstImgContent .postImg{height:65px;}    
    .listHinhAnh > li,.listHinhAnh > li:nth-child(3n+3),.listHinhAnh > li:nth-child(2n+2),
    .listVieos > li,.listVieos > li:nth-child(3n+3),.listVieos > li:nth-child(2n+2){width:100%;float:none;margin-right:0;max-width:300px;margin-left:auto;margin-right:auto;}
    .listHinhAnh > li+li,.listVieos > li+li{margin-top:20px;}    
    
}