.lightBox {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 102;
    border-radius: 3px;
    padding: 0.5rem 1rem 0.5rem 1rem;
    width: 100%;
    overflow-y: auto;
    -moz-transition: top .4s;
    -o-transition: top .4s;
    -webkit-transition: top .4s;
    transition: top .4s,
}

@media (max-width: 768px) {
    .lightBox#announcement {
        width: 81.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        margin-left: 9.375%
    }
}

.lightBox.forShoppingGuide {
    width: 768px;
    padding: 0.5rem 0 0.5rem 0;
    background-image: url("../../images/shopping-guide_bg.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 110% 110%
}

@media (max-width: 768px) {
    .lightBox.forShoppingGuide {
        width: 81.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        margin-left: 9.375%
    }
}

.lightBox.forCountriesGuide {
    width: 768px;
    z-index: 9999999!important;
}

@media (max-width: 768px) {
    .lightBox.forCountriesGuide {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        z-index: 9999999!important;
    }
}



@media (max-width: 768px) {
    .lightBox {
        width: 81.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        margin-left: 9.375%
    }
}

@media (max-width: 550px) {
    .lightBox {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        margin-left: 1.04167%;
        overflow: auto;
        max-height: 95%
    }
}