.AKD-MainC_Gallery *{
    box-sizing: border-box;
}

.AKD-MainC_Gallery{
    width: 100%;
    padding: 0px;
    border-radius: 20px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

.AKD-C_AllImages{
    width: 100%;
    padding: 0px 80px;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}

.tex_img{
    padding: 12px 0px 33px;
    display: block;
    font-size: 14px;
    font-weight: 500;
/*    color: #6f7973;*/
    color: #5e5e6a;
}

.AKD-AllImgGallery{
    width: 100%;
    overflow: hidden;
    border-radius: 7px;
    transition: all 0.3s ease-in-out;
    font-size: 0px;
}

.AKD-GalleryImg{
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    font-size: 0px;
    width: 24.5%;
    margin-left: 0.5%;
    margin-bottom: 0.5%;
}

.AKD-imageGallery{
    width: 100%;
    border-radius: 7px;
}

.TxtLocationImg{
    opacity: 0;
    position: absolute;
    top: 25px;
    right: 10px;
    transition: all 0.3s ease-in-out;
    color: #fff;
}

.AKD-LocationImg{
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
}

.TxtLocationImg i{
    margin-left: 5px;
    color: #fff;
}

.TxtSee{
    opacity: 0;
    position: absolute;
    bottom: 5px;
    right: 10px;
    transition: all 0.3s ease-in-out;
    font-size: 12px;
    color: #fff;
}

.TxtSee i{
    margin-left: 5px;
    color: #fff;
}

.NumSee{
    display: inline-block;
}

.DateUp{
    padding-left: 8px;
    display: inline-block;
}

.TxtDown{
    padding: 7px 12px 4px 11px;
    opacity: 0;
    position: absolute;
    bottom: 5px;
    left: 10px;
    border-radius: 8px;
    border: 0px;
    box-shadow: 0px 0px 12px -5px #000;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #4085c0;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

.NumDown {
    margin-left: 8px;
    display: inline-block;
    color: #818281;
}

.TxtThem{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    pointer-events: none;
    background-color: black;
    transition: all 0.3s ease-in-out;
}

.Opac{
    opacity: 0.65;
    color: #fff;
}

.AKD-GalleryImg:hover .TxtLocationImg{
    top: 10px;
    opacity: 1;
}

.AKD-GalleryImg:hover .TxtSee{
    bottom: 15px;
    opacity: 1;
}

.AKD-GalleryImg:hover .TxtDown{
    bottom: 15px;
    opacity: 1;
}

.AKD-GalleryImg:hover .TxtThem{
    opacity: 0.45;
}


/************** Respons ***************/
@media only screen and (max-width:1250px) {


    .AKD-GalleryImg {
      width: 32.6%;
      margin-left: 0.7%;
      margin-bottom: 0.7%;
    }
    
}

@media only screen and (max-width:1020px) {
    
    .ma-insaidpage{
        width: calc(100% - 50px) !important;
        padding: 0px !important;
        transition: all 0.3s ease-in-out;
    }
    
    .AKD-C_AllImages {
        padding: 0px 0px 10px;
    }
    

    .tex_img {
        padding: 18px 0px 25px;
    }
    
}

@media only screen and (max-width:730px) {
    .AKD-GalleryImg {
      width: 49%;
      margin-left: 1%;
      margin-bottom: 1%;
    }

}

@media only screen and (max-width:400px) {
    
    .AKD-GalleryImg {
      width: 100%;
      margin-left: 0%;
      margin-bottom: 10px;
    }

    
    
}