


.cx_story_wraper.lg-outer {
    max-width: 600px !important;
}

.cx_story_wraper.lg-outer .lg-img-wrap {
    padding: 0 !important;
}

.cx_story_wraper .lg {
    border-radius: 20px;
    margin: 20px auto !important;
    height: calc( 100% - 40px ) !important;
}


.cx_story_wraper .lg-inner {
    border-radius: 15px;
    max-height: 100vh !important;
}
.cx_story_wraper  .lg-img-wrap{
    /*background: #1D1537;*/
}
.cx_story_wraper  .lg-toolbar{
  background:transparent !important;
}

.cx_story_wraper  .lg-toolbar.lg-group *:not(.lg-close),
.cx_story_wraper  .lg-counter {
  display: none;
}
.cx_story_wraper   #lg-counter{
  display:none;
}

.cx_story_wraper   .lg-toolbar.lg-group {
    position: relative;
}
.cx_story_wraper   span.lg-close.lg-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}

.cx_story_wraper   .cx_progressbar_main.cx_progress {
    margin-top: 26px;
    background: inherit;
}

.cx_story_wraper .lightGallery-captions {
    display: none; /* no heading in current design */
    position: absolute;
    top: 100px;
    right: 0;
    left:0;
    background-color: transparent;
    z-index: 1060;
    display: inline-block;
    width: 100%;
    height: max-content;
    text-align:center;
}

.cx_story_wraper .cx_lg_footer_data {
    position: absolute;
    bottom: 0px;
    right: 0;
    left:0;
/*    background: linear-gradient(180deg, rgba(56, 23, 98, 0) 0%, #7E3394 100%);*/
    background: linear-gradient(180deg, rgba(56, 23, 98, 0) 0%, #7f349566 100%);
    z-index: 1060;
    width: 100%;
    min-height:70px;
    text-align:center;
    align-items: center;
    padding: 15px 20px;
}

.cx_story_wraper .content p {
    text-align: left;
    text-transform: capitalize;
    color: white;
    margin: 0;
}
.cx_story_wraper .lg-actions .lg-next,
.cx_story_wraper .lg-actions .lg-prev {
    background: transparent !important;
}


/* mobile*/
@media only screen and (max-width: 767px) {
    .cx_story_wraper .lg {
        margin: 0!important;
        height:100% !important;
    }    

}