#albumImgLayout{
    max-width:var(--layout-album);
}
#bodyAlbumImg{
    max-width:960px;
    margin:45px 0 0 0;
}
#ContentAlbumImgCol2{
     max-width: 790px;
     width: 100%;
}
.newWrapPaddingLRContentDisplayWrap{
    padding-left:16px;
    padding-right:16px;
}
.ContentDisplayWrap{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap:6px;
}
.contenerImgWHFix{
   position: relative;
   width: 185px;
   height:185px;
}
#H1imgAlbumPSize{
   position: absolute; 
   top: 50%;
   left: 50%;
   text-align:center;
   font-size:25px;
   transform: translate(-50%,-50%);
}
.contenerImgWH{
    width:150px;
    height: auto;
}
.contenerImgWH2{
    width:220px;
    height:auto;
}
/*  */
#noPoinderAlbum{
    pointer-events: none;
}
.AlbumImgWrapContentPicture{
    width:100%;
    height:100%;
    object-fit: cover;
    background-image: url(../res/cover/icon/no-image-icon_1200.png);
    
}
@media (max-width:768px) {
    .content{
        margin-bottom:50px;
    }
    #albumImgLayout{
        width: 100%;
    }
    #bodyAlbumImg{
        margin: 0;
    }
    .contenerImgWH2{
        width: 32.7%;
    }
    .contenerImgWH{
        width: 32.7%;
    }
    .contenerImgWHFix{
        width:179.2px;
        height:179.2px;
        
    }
}
@media (max-width:430px) {
    .ContentDisplayWrap{
      justify-content: center;
    }
    .contenerImgWH2{
        width: 58%;
    }
    .contenerImgWH{
        width: -58%;
    }
    .contenerImgWHFix{
        width:190px;
        height:190px;
    }
}
@media (max-width:417px){
    .contenerImgWHFix{
        width:180px;
        height:180px;
    }

}
@media (max-width:397px){
    .contenerImgWHFix{
        width:160px;
        height:160px;
    }
}
@media (max-width:397px){

    .contenerImgWHFix{
        width:160px;
        height:160px;
    }
}
@media (max-width:358px){
    #albumImgLayout{
        width: 100%;
        display: none;
    }
}