.elementor-372 .elementor-element.elementor-element-cb0c305{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-372 .elementor-element.elementor-element-9fd4841{width:100%;max-width:100%;}/* Start custom CSS for container, class: .elementor-element-cb0c305 */#aito-m9-detail-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px
}
#aito-m9-detail-gallery>div {
    position: relative;
}
#aito-m9-detail-gallery>div.col-4-10 {
    width: calc((100% - 24px)*0.4);
}
#aito-m9-detail-gallery>div.col-4-10>div:before {
    margin-bottom: 53.44%;
}
#aito-m9-detail-gallery>div.col-3-10 {
    width: calc((100% - 24px)*0.3);
}
#aito-m9-detail-gallery>div.col-3-10>div:before {
    margin-bottom: calc(53.44% * 4 / 3);
}
#aito-m9-detail-gallery>div>div {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 0;
    background-position: center;
    background-size: cover;
}
#aito-m9-detail-gallery>div>div:before {
    content: '';
    display: block;
}
#aito-m9-detail-gallery>div>div>img1 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    max-width: 100%;
}
#aito-m9-detail-gallery>div>span {
    position: absolute;
    left: 1em;
    bottom: 1em;
    color: white;
    font-size: 14px;
    line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #aito-m9-detail-gallery>div.col-4-10 {
    position: relative;
    width: 100%!important;
}
    #aito-m9-detail-gallery>div.col-3-10 {
    position: relative;
    width: calc((100% - 12px)/2)!important;
}
#aito-m9-detail-gallery>div>div:before {
    margin-bottom: 53.44%!important;
}
}
@media only screen and (max-width: 767px) {
    #aito-m9-detail-gallery>div {
    position: relative;
    width: 100%!important;
}
#aito-m9-detail-gallery>div>div:before {
    margin-bottom: 60%!important;
}
#aito-m9-detail-gallery>div>span {
    font-size: 12px;
}
}/* End custom CSS */