/******** Image View *********/
.w3-modal-content{
  box-sizing: border-box;
}

.at-modal-image {
    box-sizing: content-box;
    width: 100%;
}

.at-image-view {
    box-sizing: border-box;
    width: 100%;
    display: none;
    margin: 72px auto;
    z-index: 9999;
    
}

.at-gallery-image-view {
    box-sizing: border-box;
    display: none;
    width: 100%;
    margin: 0 auto;
}

.at-image {
    width: 100%;
    height: auto;
    max-width: 320px;
}

.at-image-240 {
    max-width: 240px;
    width: 100%;
    height: auto;
}

.at-image-256 {
    max-width: 256px;
    width: 100%;
    height: auto;
}

.at-image-320 {
    max-width: 320px;
    width: 100%;
    height: auto;
}

.at-image-400 {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.at-image-480 {
    max-width: 480px;
    width: 100%;
    height: auto;
}

.at-image-640 {
    max-width: 640px;
    width: 100%;
    height: auto;
}

.at-image-full {
    max-width: 840px;
    width: 100%;
    height: auto;
}

.at-image-left {
    float: left;
    margin: 16px 48px 16px 16px;
}

.at-image-center {
    width: 100%;
    float: none;
    margin: 16px;
}

.at-image-right {
    float: right;
    margin: 16px 32px 16px 16px;
}

.at-eyecatch-image-left {
    float: left;
    width: 50%;
}

.at-eyecatch-image-center {
    float: none;
    width: 100%;
}

.at-eyecatch-image-right {
    float: right;
    width: 50%;
}