/* Screen Size xxl */
@media only screen and (min-width: 1400px) {
    .sub-nav-header {
        font-size: xxx-large;
    }

    .sub-header-template {
        display: grid;
        grid-template-rows: repeat(12, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-header-design {
        grid-row: 1 / all;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-header-logo {
        grid-row: 3;
        grid-column: 4 / 9;
    }

    .sub-header-back {
        grid-row: +2;
        grid-column: -4 / -2;
    }

    .sub-header-menu-1 {
        grid-row: 7;
        grid-column: 13 / all;
        font-size: xx-large;
    }

    .sub-header-menu {
        grid-row: 5;
        grid-column: 13 / all;
        font-size: xx-large;
    }

    .sub-header-sub-menu {
        grid-row: 6;
        grid-column: 13 / all;
        font-size: xx-large;
    }

    .sub-header-text {
        font-size: 15vh;
        text-transform: uppercase;
    }

    .sub-header-sub-text {
        font-size: xx-large;
        color: #7d51a0;
    }

    .sub-text-sub-text {
        font-size: x-large;
    }

    .about-header {
        font-size: xx-large;
        color: #7d51a0;
    }

    .about-sub-header {
        font-size: large;
        color: #7d51a0;
    }

    .about-text {
        font-size: x-large;
    }

    .sub-gallery-header {
        font-size: xx-large;
    }

    .sub-gallery-header-text {
        font-size: xx-large;
    }

    .sub-gallery-label {
        cursor: pointer;
        overflow: hidden;
    }

    .sub-gallery-label:hover {
        background-color: #c9c9c9;
        border-radius: 300px 300px 300px 300px;
    }

    .sub-gallery-image-0 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-1 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-2 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-3 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-4 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-5 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-6 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-7 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-8 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-0 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-1 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-2 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-3 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-4 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-5 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-6 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-7 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-8 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-9 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-10 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-11 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-12 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-13 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-14 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-15 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-footer-template {
        display: grid;
        grid-template-rows: repeat(20, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-footer-design {
        grid-row: -2 / +10;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-footer-copy {
        grid-row: -2;
        grid-column: 2 / -5;
        font-size: large;
        color: #231f20;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .sub-footer-gallery-back {
        grid-row: +7;
        grid-column: -8 / -4;
        z-index: 1;
    }

    .sub-footer-gallery-back img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-image-0 {
        grid-row: +5 / -7;
        grid-column: +4 / +14;
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-1 {
        grid-row: +5 / -7;
        grid-column: +16 / +26;
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-2 {
        grid-row: +5 / -7;
        grid-column: +28 / +38;
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-forward {
        grid-row: +7;
        grid-column: -8 / -4;
        z-index: 1;
    }

    .sub-footer-gallery-forward img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-btn {
        grid-row: +2 / +4;
        grid-column: +15 / +35;
        background: #606161;
        border-radius: 100px 100px 100px 100px;
        color: #fff;
        font-size: xx-large;
    }

    .sub-footer-gallery-btn:hover {
        cursor: pointer;
        background-color: #c9c9c9;
        color: #231f20;
    }

    .sub-access-div {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/* Screen Size xl */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .sub-nav-header {
        font-size: xxx-large;
    }

    .sub-header-template {
        display: grid;
        grid-template-rows: repeat(10, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-header-design {
        grid-row: 1 / all;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-header-logo {
        grid-row: 3;
        grid-column: 3 / 8;
    }

    .sub-header-back {
        grid-row: +2;
        grid-column: -4 / -2;
    }

    .sub-header-menu-1 {
        grid-row: 6;
        grid-column: 13 / all;
        font-size: xx-large;
    }

    .sub-header-menu {
        grid-row: 5;
        grid-column: 13 / all;
        font-size: xx-large;
    }

    .sub-header-sub-menu {
        grid-row: 6;
        grid-column: 13 / all;
        font-size: xx-large;
    }

    .sub-header-text {
        font-size: 15vh;
        text-transform: uppercase;
    }

    .sub-header-sub-text {
        font-size: xx-large;
        color: #7d51a0;
    }

    .sub-text-sub-text {
        font-size: x-large;
    }

    .about-header {
        font-size: xx-large;
        color: #7d51a0;
    }

    .about-sub-header {
        font-size: large;
        color: #7d51a0;
    }

    .about-text {
        font-size: x-large;
    }

    .sub-gallery-header {
        font-size: xx-large;
    }

    .sub-gallery-header-text {
        font-size: x-large;
    }

    .sub-gallery-label {
        cursor: pointer;
        overflow: hidden;
    }

    .sub-gallery-label:hover {
        background-color: #c9c9c9;
        border-radius: 300px 300px 300px 300px;
    }

    .sub-gallery-image-0 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-1 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-2 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-3 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-4 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-5 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-6 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-7 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-8 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-0 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-1 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-2 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-3 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-4 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-5 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-6 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-7 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-8 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-9 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-10 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-11 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-12 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-13 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-14 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-15 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-footer-template {
        display: grid;
        grid-template-rows: repeat(18, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-footer-design {
        grid-row: -2 / +10;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-footer-copy {
        grid-row: -3;
        grid-column: 2 / -5;
        font-size: large;
        color: #231f20;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 1.5% !important;
    }

    .sub-footer-gallery-back {
        grid-row: +7;
        grid-column: -5 / -2;
        z-index: 1;
    }

    .sub-footer-gallery-back img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-image-0 {
        grid-row: +5 / -6;
        grid-column: +2 / +13;
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-1 {
        grid-row: +5 / -6;
        grid-column: +14 / +25;
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-2 {
        grid-row: +5 / -6;
        grid-column: +26 / +37;
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-forward {
        grid-row: +7;
        grid-column: -5 / -2;
        z-index: 1;
    }

    .sub-footer-gallery-forward img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-btn {
        grid-row: +2 / +4;
        grid-column: +15 / +35;
        background: #606161;
        border-radius: 100px 100px 100px 100px;
        color: #fff;
        font-size: xx-large;
    }

    .sub-footer-gallery-btn:hover {
        cursor: pointer;
        background-color: #c9c9c9;
        color: #231f20;
    }

    .sub-access-div {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/* Screen Size lg */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sub-nav-header {
        font-size: xxx-large;
    }

    .sub-header-template {
        display: grid;
        grid-template-rows: repeat(10, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-header-design {
        grid-row: 1 / all;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-header-logo {
        grid-row: 3;
        grid-column: 3 / 7;
    }

    .sub-header-back {
        grid-row: +2;
        grid-column: -4 / -2;
    }

    .sub-header-menu-1 {
        grid-row: 7;
        grid-column: 9 / all;
        font-size: x-large;
    }

    .sub-header-menu {
        grid-row: 5;
        grid-column: 13 / all;
        font-size: x-large;
    }

    .sub-header-sub-menu {
        grid-row: 6;
        grid-column: 13 / all;
        font-size: xx-large;
    }

    .sub-header-text {
        font-size: 15vh;
        text-transform: uppercase;
    }

    .sub-header-sub-text {
        font-size: xx-large;
        color: #7d51a0;
    }

    .sub-text-sub-text {
        font-size: x-large;
    }

    .about-header {
        font-size: xx-large;
        color: #7d51a0;
    }

    .about-sub-header {
        font-size: large;
        color: #7d51a0;
    }

    .about-text {
        font-size: x-large;
    }

    .sub-gallery-header {
        font-size: xx-large;
    }

    .sub-gallery-header-text {
        font-size: x-large;
    }

    .sub-gallery-label {
        cursor: pointer;
        overflow: hidden;
    }

    .sub-gallery-label:hover {
        background-color: #c9c9c9;
        border-radius: 300px 300px 300px 300px;
    }

    .sub-gallery-image-0 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-1 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-2 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-3 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-4 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-5 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-6 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-7 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-8 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-0 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-1 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-2 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-3 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-4 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-5 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-6 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-7 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-8 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-9 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-10 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-11 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-12 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-13 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-14 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-15 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-footer-template {
        display: grid;
        grid-template-rows: repeat(17, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-footer-design {
        grid-row: -2 / +10;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-footer-copy {
        grid-row: -3;
        grid-column: 2 / -5;
        font-size: medium;
        color: #231f20;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 1.5% !important;
    }

    .sub-footer-gallery-back {
        grid-row: +7;
        grid-column: -5 / -2;
        z-index: 1;
    }

    .sub-footer-gallery-back img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-image-0 {
        grid-row: +6 / -5;
        grid-column: +2 / +10;
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-1 {
        grid-row: +6 / -5;
        grid-column: +11 / +19;
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-2 {
        grid-row: +6 / -5;
        grid-column: +20 / +28;
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-forward {
        grid-row: +7;
        grid-column: -5 / -2;
        z-index: 1;
    }

    .sub-footer-gallery-forward img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-btn {
        grid-row: +2 / +4;
        grid-column: +13 / +30;
        background: #606161;
        border-radius: 100px 100px 100px 100px;
        color: #fff;
        font-size: x-large;
    }

    .sub-footer-gallery-btn:hover {
        cursor: pointer;
        background-color: #c9c9c9;
        color: #231f20;
    }

    .sub-access-div {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/* Screen Size md */
@media only screen and (min-width: 769px) and (max-width: 991px) {
    .sub-nav-header {
        font-size: xxx-large;
    }

    .sub-header-template {
        display: grid;
        grid-template-rows: repeat(7, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-header-design {
        grid-row: 1 / all;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-header-logo {
        grid-row: 2;
        grid-column: 3 / 6;
    }

    .sub-header-back {
        grid-row: +1;
        grid-column: -4 / -2;
    }

    .sub-header-menu-1 {
        grid-row: 5;
        grid-column: 6 / all;
        font-size: large;
    }

    .sub-header-menu {
        grid-row: 5;
        grid-column: 13 / all;
        font-size: large;
    }

    .sub-header-sub-menu {
        grid-row: 6;
        grid-column: 13 / all;
        font-size: xx-large;
    }

    .sub-header-text {
        font-size: 15vh;
        text-transform: uppercase;
    }

    .sub-header-sub-text {
        font-size: xx-large;
        color: #7d51a0;
    }

    .sub-text-sub-text {
        font-size: x-large;
    }

    .about-header {
        font-size: xx-large;
        color: #7d51a0;
    }

    .about-sub-header {
        font-size: large;
        color: #7d51a0;
    }

    .about-text {
        font-size: x-large;
    }

    .sub-gallery-header {
        font-size: xx-large;
    }

    .sub-gallery-header-text {
        font-size: large;
    }

    .sub-gallery-label {
        cursor: pointer;
        overflow: hidden;
        font-size: small;
    }

    .sub-gallery-label:hover {
        background-color: #c9c9c9;
        border-radius: 300px 300px 300px 300px;
    }

    .sub-gallery-image-0 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-1 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-2 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-3 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-4 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-5 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-6 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-7 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-8 {
        background: #606161;
        border-radius: 30px 30px 100px 30px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-0 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-1 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-2 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-3 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-4 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-5 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-6 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-7 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-8 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-9 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-10 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-11 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-12 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-13 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-14 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-15 {
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-footer-template {
        display: grid;
        grid-template-rows: repeat(16, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-footer-design {
        grid-row: -2 / +10;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-footer-copy {
        grid-row: -3;
        grid-column: 1 / -6;
        font-size: medium;
        color: #231f20;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 1.5% !important;
    }

    .sub-footer-gallery-back {
        grid-row: +7;
        grid-column: -5 / -2;
        z-index: 1;
    }

    .sub-footer-gallery-back img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-image-0 {
        grid-row: +7 / -5;
        grid-column: +2 / +8;
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-1 {
        grid-row: +7 / -5;
        grid-column: +9 / +15;
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-2 {
        grid-row: +7 / -5;
        grid-column: +16 / +22;
        background: #606161;
        border-radius: 10px 10px 50px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-forward {
        grid-row: +7;
        grid-column: -5 / -2;
        z-index: 1;
    }

    .sub-footer-gallery-forward img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-btn {
        grid-row: +2 / +4;
        grid-column: +10 / +25;
        background: #606161;
        border-radius: 100px 100px 100px 100px;
        color: #fff;
        font-size: x-large;
    }

    .sub-footer-gallery-btn:hover {
        cursor: pointer;
        background-color: #c9c9c9;
        color: #231f20;
    }

    .sub-access-div {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/* Screen Size sm */
@media only screen and (min-width: 576px) and (max-width: 768px) {
    .sub-nav-header {
        font-size: xx-large;
    }

    .sub-header-template {
        display: grid;
        grid-template-rows: repeat(5, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-header-design {
        grid-row: 1 / all;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-header-logo {
        grid-row: 2;
        grid-column: 3 / 5;
    }

    .sub-header-back {
        grid-row: +1;
        grid-column: -3 / -3;
    }

    .sub-header-menu-1 {
        grid-row: 4;
        grid-column: 5 / all;
        font-size: medium;
    }

    .sub-header-menu {
        grid-row: 5;
        grid-column: 13 / all;
        font-size: medium;
    }

    .sub-header-sub-menu {
        grid-row: 6;
        grid-column: 13 / all;
        font-size: x-large;
    }

    .sub-header-text {
        font-size: 8vh;
        text-transform: uppercase;
    }

    .sub-header-sub-text {
        font-size: x-large;
        color: #7d51a0;
    }

    .sub-text-sub-text {
        font-size: large;
    }

    .about-header {
        font-size: x-large;
        color: #7d51a0;
    }

    .about-sub-header {
        font-size: small;
        color: #7d51a0;
    }

    .about-text {
        font-size: large;
    }

    .sub-gallery-header {
        font-size: x-large;
    }

    .sub-gallery-header-text {
        font-size: medium;
    }

    .sub-gallery-label {
        cursor: pointer;
        overflow: hidden;
        font-size: x-small;
    }

    .sub-gallery-label:hover {
        background-color: #c9c9c9;
        border-radius: 300px 300px 300px 300px;
    }

    .sub-gallery-image-0 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-1 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-2 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-3 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-4 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-5 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-6 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-7 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-8 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-0 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-1 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-2 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-3 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-4 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-5 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-6 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-7 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-8 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-9 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-10 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-11 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-12 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-13 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-14 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-15 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-footer-template {
        display: grid;
        grid-template-rows: repeat(15, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-footer-design {
        grid-row: -2 / +10;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-footer-copy {
        grid-row: -3;
        grid-column: 2 / -5;
        font-size: small;
        color: #231f20;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 1.5% !important;
    }

    .sub-footer-gallery-back {
        grid-row: +8;
        grid-column: -5 / -3;
        z-index: 1;
    }

    .sub-footer-gallery-back img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-image-0 {
        grid-row: +8 / -5;
        grid-column: +2 / +6;
        background: #606161;
        border-radius: 10px 10px 60px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-1 {
        grid-row: +8 / -5;
        grid-column: +7 / +11;
        background: #606161;
        border-radius: 10px 10px 60px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-2 {
        grid-row: +8 / -5;
        grid-column: +12 / +16;
        background: #606161;
        border-radius: 10px 10px 60px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-forward {
        grid-row: +8;
        grid-column: -5 / -3;
        z-index: 1;
    }

    .sub-footer-gallery-forward img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-btn {
        grid-row: +2 / +4;
        grid-column: +10 / +20;
        background: #606161;
        border-radius: 100px 100px 100px 100px;
        color: #fff;
        font-size: large;
    }

    .sub-footer-gallery-btn:hover {
        cursor: pointer;
        background-color: #c9c9c9;
        color: #231f20;
    }

    .sub-access-div {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/* Screen Size xs */
@media only screen and (max-width: 575px) {
    .sub-nav-header {
        font-size: large;
    }

    .sub-header-template {
        display: grid;
        grid-template-rows: repeat(4, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-header-design {
        grid-row: 1 / all;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-header-logo {
        grid-row: 2;
        grid-column: 2 / 4;
        margin-top: -10% !important;
    }

    .sub-header-back {
        grid-row: +1;
        grid-column: -3;
    }

    .sub-header-menu-1 {
        grid-row: 3;
        grid-column: 4 / all;
        font-size: small;
        margin-top: 3% !important;
        font-weight: bold;
    }

    .sub-header-menu {
        grid-row: 5;
        grid-column: 13 / all;
        font-size: small;
        font-weight: bold;
    }

    .sub-header-sub-menu {
        grid-row: 6;
        grid-column: 13 / all;
        margin-top: -3% !important;
        font-size: large;
    }

    .sub-header-text {
        font-size: 7vh;
        text-transform: uppercase;
    }

    .sub-header-sub-text {
        font-size: large;
        color: #7d51a0;
    }

    .sub-text-sub-text {
        font-size: medium;
    }

    .about-header {
        font-size: large;
        color: #7d51a0;
    }

    .about-sub-header {
        font-size: x-small;
        color: #7d51a0;
    }

    .about-text {
        font-size: small;
    }

    .sub-gallery-header {
        font-size: x-large;
    }

    .sub-gallery-header-text {
        font-size: small;
    }

    .sub-gallery-label {
        cursor: pointer;
        overflow: hidden;
        font-size: xx-small;
    }

    .sub-gallery-label:hover {
        background-color: #c9c9c9;
        border-radius: 300px 300px 300px 300px;
    }

    .sub-gallery-image-0 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-1 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-2 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-3 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-4 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-5 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-6 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-7 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-image-8 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-0 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-1 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-2 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-3 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-4 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-5 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-6 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-7 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-8 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-9 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-10 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-11 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-12 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-13 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-14 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-gallery-preview-image-15 {
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .sub-footer-template {
        display: grid;
        grid-template-rows: repeat(14, 25px);
        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
    }

    .sub-footer-design {
        grid-row: -2 / +10;
        grid-column: 1 / all;
        background-repeat: no-repeat;
    }

    .sub-footer-copy {
        grid-row: -3;
        grid-column: 2 / -5;
        font-size: small;
        color: #231f20;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 1.5% !important;
    }

    .sub-footer-gallery-back {
        grid-row: +8;
        grid-column: -5 / -3;
        z-index: 1;
    }

    .sub-footer-gallery-back img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-image-0 {
        grid-row: +8 / -5;
        grid-column: +2 / +5;
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-1 {
        grid-row: +8 / -5;
        grid-column: +6 / +9;
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-image-2 {
        grid-row: +8 / -5;
        grid-column: +10 / +13;
        background: #606161;
        border-radius: 10px 10px 30px 10px;
        border: solid 0px #fff;
        cursor: pointer;
        color: #fafafa;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .sub-footer-gallery-forward {
        grid-row: +8;
        grid-column: -5 / -3;
        z-index: 1;
    }

    .sub-footer-gallery-forward img:hover {
        cursor: pointer;
    }

    .sub-footer-gallery-btn {
        grid-row: +6 / +4;
        grid-column: +6 / -9;
        background: #606161;
        border-radius: 100px 100px 100px 100px;
        color: #fff;
        font-size: large;
    }

    .sub-footer-gallery-btn:hover {
        cursor: pointer;
        background-color: #c9c9c9;
        color: #231f20;
    }

    .sub-access-div {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}