.full-screen {
    &.common-popup {
        z-index: 302!important;
        width: 96vmin;
        height: 91vmin;
        border-radius: 2.4vmin;
        &.basic {
            width: 100vmin;
            height: 100vmin;
            border-radius: 0;
        }
        .close-icon {
        position: absolute;
        right: 3.24vmin;
        z-index: 400;
        box-sizing: border-box;
        width: 4.32vmin;
        height: 4.32vmin;
        }
        .bg {
        position: absolute;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        }
        &.red {
        overflow: hidden;
        position: fixed;
        background: transparent !important;
        .close-icon {
            top: 18vmin;
        }
        }
        &.orange {
        background: transparent !important;
        height: 75%;
        .close-icon {
            top: 4vmin;
        }
        .bg {
            bottom: 0;
            left: 0;
        }
        }
        &.white {
            background: #fff;
            height: 75%;
            width: 40%;
            .close-icon {
                top: 4.32vmin;
                right: 4.32vmin;
            }
            .bg {
                top: 0;
                height: 32.4vmin;
            }
        }
        // custom-classes
        &.address-collection-popup {
            -webkit-overflow-scrolling:auto;
            overflow:auto;
        }
  }
}