@-webkit-keyframes loading-add {
    0%   { -webkit-transform: translateY(0px); }
    75%  { -webkit-transform: translateY(220px); }
    100% { -webkit-transform: translateY(165px); }
}

@keyframes loading-add {
    0%   { transform: translateY(0px); }
    75%  { transform: translateY(220px); }
    100% { transform: translateY(165px); }
}

@-webkit-keyframes loading-animate {
    0%   { -webkit-transform: rotateZ(0deg); }
    100% { -webkit-transform: rotateZ(360deg); }
}

@keyframes loading-animate {
    0%   { transform: rotateZ(0deg); }
    100% { transform: rotateZ(360deg); }
}

@-webkit-keyframes loading-remove {
    0%   { -webkit-transform: translateY(165px); }
    100% { -webkit-transform: translateY(0px); }
}

@keyframes loading-remove {
    0%   { transform: translateY(165px); }
    100% { transform: translateY(0px); }
}


@media (max-width: 767px) {
    body {
        min-height: 100vh;
        padding-bottom: 100px !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

    body.fixed,
    body[data-page="vault"] {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }

    body[data-page="vault"] {
        background-color: white !important;
        opacity: 0.00;
        filter: alpha(opacity=0);
        transition: 0.20s all ease-in-out;
        -moz-transition: 0.20s all ease-in-out;
        -webkit-transition: 0.20s all ease-in-out;
    }

    body[data-page="vault"].active {
        opacity: 1.00;
        filter: alpha(opacity=100);
    }

    body[data-page="home"] {
        padding-bottom: 0px !important;
    }

    div, span, button, li, a {
        cursor: pointer !important;
    }

    div#content div.container.sm,
    div#content div.container.md,
    div#content div.container.wdg {
        width: 94vw !important;
        margin-left: 3vw !important;
    }

    div#home-login {
        width: 100vw;
        height: 100vh !important;
    }

    div#home-login button#corner-login {
        top: 5px;
        right: 5px;
    }

    div#home-login img {
        margin: 35px 0px -20px 0px;
    }

    div#site-title.mobile-panel {
        border: 1px solid #56bbff !important;
        background-color: #56bbff !important;
        padding: 15px 0px;
    }

    div#site-title div {
        height: 50px;
        margin-bottom: 0px;
    }

    a.password-forgot {
        width: 165px;
        margin-left: 23vw;
    }

    div#home-referral {
        width: 100vw !important;
        height: auto !important;
        position: relative !important;
        margin-top: 230px;
        z-index: 1000;
    }

    div#home-referral.active {
        background-color: #4a505e;
        margin-left: 15px;
    }

    div#home-referral-content {
        width: 100%;
        padding: 10px;
    }

    div#profile-referral {
        font-size: 12pt;
        color: white;
        text-align: center;
        line-height: 1.10em !important;
    }

    div#referral-description {
        font-size: 13pt !important;
        color: #eee !important;
        padding: 0px 10px !important;
    }

    div#referral-description a {
        font-weight: bold !important;
        color: white !important;
    }

    div#outdoor-img-container {
        width: 100% !important;
        height: 90px !important;
        margin-top: 20px !important;
        float: none !important;
    }

    div#site-title.sidebar {
        display: none;
    }

    div.outdoor-img[data-id="1"] {
        top: 20px;
        left: 0%;
        z-index: 11;
    }

    div.outdoor-img[data-id="2"] {
        top: 0px;
        left: 20%;
        z-index: 12;
    }

    div.outdoor-img[data-id="3"] {
        left: 40%;
        z-index: 13;
    }

    div.outdoor-img[data-id="4"] {
        left: 60%;
        z-index: 14;
    }

    div.outdoor-img[data-id="5"] {
        left: 80%;
        z-index: 15;
    }

    div#home-referral div.panel {
        width: 93vw !important;
        margin: 20px 0px 20px 2vw !important;
    }

    div#home-referral a.password-forgot {
        left: 31vw;
    }

    div#home-referral div.item,
    div#home-referral div.item a,
    div#home-referral div.item div.headline {
        color: #333 !important;
    }

    div#home-referral div.item.collection,
    div#home-referral div.item.tap {
        margin-top: 20px;
    }

    div#intro-bottom {
        width: 100vw !important;
        padding-top: 0px !important;
        top: 60vh !important;
        z-index: 1001;
    }

    div#intro-bottom.home {
        height: 265px !important;
        background: rgba(34, 34, 34, 0.90) !important;
        padding-top: 5px !important;
        position: relative !important;
        opacity: 1.00 !important;
        filter: alpha(opacity=100) !important;
    }

    div#intro-bottom.home.move-up {
        top: -100px !important;
    }

    div#home-about {
        top: 100vh !important;
    }

    div#home-about.referral {
        position: relative !important;
        top: -100px !important;
        margin-left: 15px;
    }

    div#site-title-thin,
    div#site-title-bold {
        font-size: 24pt;
    }

    div#site-title-thin {
        font-weight: 300;
    }

    div#about-bg {
        height: 180px;
    }

    div#about-bg img {
        width: 200px;
        top: 50px;
        margin-left: -100px;
    }

    div#about-bg-new {
        height: 46vh !important;
    }

    div#about-bg-new h1 {
        font-size: 30pt !important;
        margin-top: 19.5vh !important;
    }

    div#about-title {
        font-size: 28pt;
        margin-bottom: 20px;
    }

    div#about-text {
        line-height: 1.40em;
        padding: 0px;
    }

    div#header {
        width: 100%;
        height: 45px;
        top: -60px !important;
        padding: 5px;
        transition: 0.30s all ease-in-out;
        -webkit-transition: 0.30s all ease-in-out;
    }

    div#header.active {
        top: 0px !important;
    }

    div#header img#logo {
        top: 5px;
    }

    div#header div#search,
    div#header div#icons button.btn-danger {
        display: none;
    }

    div#header img#friends-toggle {
        position: absolute;
        top: 4px;
        right: 118px;
    }

    div#header-inner,
    div#header-mobile {
        width: 100% !important;
    }

    div#header-mobile div.col-xs-7 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    div#header-mobile div#collection-options {
        width: 40px !important;
        margin-left: 20px !important;
    }

    div#header-inner {
        padding-left: 0px !important;
    }

    div#header-mobile img {
        width: auto;
        height: 20px;
        position: absolute;
        top: 7px;
    }

    div#header-mobile img.pos-1 {
        top: 7px;
        left: 20px;
    }

    div#header-mobile img.pos-2 {
        height: 25px;
        left: 68px;
        margin-top: -2px;
    }

    div#header-mobile img.pos-3 {
        width: auto !important;
        height: 25px !important;
        left: 50%;
        margin-left: -61px;
    }

    div#header-mobile div.pos-4 {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 42px;
        margin-top: -26px;
    }

    div#header-mobile div.pos-4 img {
        height: 25px;
        margin-left: 12px;
    }

    div#header-mobile img.pos-5 {
        height: 25px;
        right: -5px;
        margin-top: -2px;
    }

    .friends-invite-link {
        font-size: 11pt;
    }

    div#find-friends-results ul {
        padding-left: 0px;
    }

    div#sub-header {
        margin-top: 30px;
    }

    div#sub-header h2 {
        margin-top: 7px;
    }

    div#sub-header h2.sub-title {
        display: none;
    }

    div#sub-header div#vault-info {
        width: 500px;
        font-size: 14pt;
        position: absolute;
        margin-top: 12px;
        left: 205px;
    }

    div#sub-header div#vault-info img {
        height: 50px;
        top: -10px;
        left: -50px;
    }

    div#sub-header div.section-toggle strong {
        position: relative;
        top: 9px;
        margin-right: 10px;
    }

    div#sub-header div.section-toggle ul.section-menu {
        width: auto;
        display: inline-block;
    }

    div#sub-header div.section-toggle ul.section-menu li {
        width: auto;
        font-size: 10pt;
        position: relative;
        top: 9px;
        display: inline-block;
    }

    div.container.md.vault-space {
        width: 101vw !important;
    }

    div#vault-space-used {
        width: 100%;
        font-size: 10pt;
        position: relative;
        top: 0px;
        left: 0px;
        margin: 10px auto 20px auto;
    }

    div#vault-space-used a[role="button"] {
        margin-top: 6px;
    }

    div#vault-media-start {
        width: 110px;
        font-size: 10pt;
        line-height: 1.10em;
        position: absolute;
        margin-top: 10px;
        right: 25px;
        z-index: 2;
    }

    div#vault-media-start img.arrow {
        width: auto;
        height: 30px;
        position: absolute;
        left: 85%;
        top: -2px;
        transform: rotateZ(30deg);
        -moz-transform: rotateZ(30deg);
        -webkit-transform: rotateZ(30deg);
        z-index: 2;
    }

    div#vault-folders ul.list li[data-id="0"] {
        margin-top: 0px;
    }

    div#vault-folders ul.list li.no-click,
    div#vault-folders ul.list li div.title {
        font-size: 16pt;
    }

    div#vault-no-photos {
        width: 95%;
        margin-top: 30px;
    }

    div#vault-plan.smaller {
        width: 30px;
        text-align: center;
        top: 0px !important;
        right: 6%;
    }

    body[data-page="collection"] div#sub-header div.tabs-container {
        width: 100% !important;
    }

    div#loading-logo {
        margin-left: 0px !important;
    }

    div#search-load h3 {
        margin-left: -20px !important;
    }

    div#sub-header div.tabs {
        width: 90%;
        padding-left: 0px;
        padding-right: 0px;
        overflow: visible;
    }

    div#sub-header div.tab {
        font-weight: bold;
        font-size: 12pt;
    }

    div#sub-header div.tab.active {
        border-bottom: 3px solid white;
        color: #4479fd !important;
    }

    div#sub-header div.tabs div.tabs-container {
        width: 5000px;
    }

    div.tabs-container.search-tabs {
        width: 100%;
        padding-right: 0px;
        margin-left: -15px;
    }

    div.tabs-container.search-tabs div.tab {
        font-size: 13pt !important;
        color: #777 !important;
        padding: 15px 25px !important;
    }

    div#sub-header form#profile-edit-form h2 {
        text-align: center;
    }

    div.menu[data-menu="SubHeader-Tap-Menu"] {
        margin-top: 13px;
        margin-left: 50vw;
    }

    div.menu[data-menu="Tap-Share"] {
        height: 220px;
    }

    div.menu[data-menu="Friend-Actions"] {
        margin-top: 300px;
    }

    div#tap-back-new {
        border: 1px solid black;
        background-color: rgba(0,0,0,0.90);
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 5px 5px;
    }

    div.photo-icons-set {
        border: 1px solid black;
        background-color: rgba(0,0,0,0.90);
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 5px 5px;
    }

    div#tap-other-new-inner.animate {
        transition: 0.20s all ease-in-out;
        -webkit-transition: 0.20s all ease-in-out;
    }

    div#tap-description {
        height: auto !important;
        margin-bottom: 40px;
    }

    div#tap-sidebar,
    div#tap-content div.overlay-section,
    div#tap-sidebar div.overlay-section {
        height: auto !important;
        max-height: 100000px !important;
    }

    div#tap-sidebar div.overlay-section {
        margin-top: 20px;
    }

    div#friend-sidebar div#no-friends {
        font-size: 12pt;
        padding: 10px 20px;
    }

    div#tap-add {
        width: 40px !important;
        height: 40px !important;
        border: 1px solid #30bec0;
        background-color: #30bec0;
        border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        font-weight: 100 !important;
        font-size: 34pt !important;
        color: white;
        text-align: center;
        line-height: 0.75em;
        padding-top: 0px;
        position: relative;
        top: -4px;
    }

    div#tap-media-container {
        display: none !important;
    }

    div.modal-new {
        width: 100vw !important;
        position: fixed !important;
        top: auto !important;
        left: 0px !important;
        margin-left: 0px !important;
        overflow: visible !important;
    }

    div.modal-new div.modal-dialog,
    div.modal-new div.modal-content {
        width: 100% !important;
    }

    div.modal-new.fade div.modal-dialog {
        bottom: -100vw !important;
        transition: 0.20s all ease-in-out !important;
        -webkit-transition: 0.20s all ease-in-out !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
    }

    div.modal-new.fade.in div.modal-dialog {
        bottom: 0vw !important;
        margin: 0px !important;
    }

    div.modal-new div.modal-content {
        border: 1px solid white !important;
        border-radius: 0px 0px 0px 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
    }

    div.modal-new div.modal-header {
        display: none;
    }

    div.modal-new div.modal-body {
        padding-bottom: 0px !important;
    }

    div.modal-new div.modal-body .underline {
        width: 100% !important;
        font-size: 13pt !important;
    }

    div.modal-new div.modal-footer {
        padding: 10px !important;
    }

    div.modal-new div.buttons {
        width: 100% !important;
        border-radius: 0px 0px 0px 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        position: relative !important;
        top: 0px !important;
        left: 0px !important;
        margin: 0px !important;
        overflow: visible !important;
    }

    div.modal-new div.buttons button {
        width: 100% !important;
        height: 70px !important;
        border-radius: 4px 4px 4px 4px !important;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        font-size: 13pt !important;
        margin-top: 10px !important;
    }

    div.modal-new div.buttons button.secondary {
        border: 2px solid #4a90e2 !important;
        background-color: white !important;
        color: #4a90e2 !important;
    }

    div.modal-share div.modal-dialog {
        margin-top: -50vh !important;
    }

    div.modal-share div.modal-body {
        height: 60vh;
        padding-bottom: 50px;
    }

    div.modal-share div.tabs {
        width: 100vw;
        margin-left: -15px;
    }

    div.modal-share div#mobile-share-search {
        width: 100vw;
        border-bottom: 1px solid #d8d8d8;
        background-color: #fcfafa;
        padding: 10px 0px;
        margin-top: -20px;
        margin-left: -15px;
    }

    div.modal-share div#mobile-share-search input {
        width: 90% !important;
        height: 33px !important;
        border-radius: 33px 33px 33px 33px !important;
        -moz-border-radius: 33px !important;
        -webkit-border-radius: 33px !important;
        font-size: 11pt !important;
        text-align: left !important;
        margin-bottom: 0px !important;
    }

    div.modal-share div#mobile-share-search input::-webkit-input-placeholder {
        font-style: italic !important;
        font-size: 11pt !important;
    }

    div.modal-share div#friend-options {
        max-width: 100%;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 0px;
    }

    div.modal-share div#friend-options ul li div.name {
        width: 80%;
    }

    div#modal-tap-add div.modal-dialog,
    div#modal-tap-add div.modal-content,
    div#tap-add-form,
    div#tap-form {
        width: 100% !important;
    }

    div#tap-content div.actions div.col-lg-2:last-child {
        position: absolute;
        top: 10px;
        right: 25px;
    }

    div#tap-report {
        left: 80%;
        bottom: 140px;
        margin-left: 0px;
    }

    div#modal-collection-invite {
        height: 95vh !important;
        top: -30px !important;
        left: 3vw;
        margin-left: 0px;
    }

    div#modal-collection-invite ul {
        height: 35vh;
    }

    div#modal-collection-invite div.modal-body {
        overflow: hidden;
    }

    div#modal-tap-add div.snippet {
        border: 2px dashed #bbb;
    }

    div#modal-tap-add div.snippet button,
    div#modal-vault-add div.snippet button {
        font-size: 16pt;
    }

    div#modal-tap-add div.snippet button.btn-wide,
    div#modal-vault-add div.snippet button.btn-wide {
        width: 100%;
    }

    form#tap-add-form div#collection-form div.switch-container span.options {
        left: 20px !important;
    }

    div#modal-confirm,
    div#modal-confirm h4 {
        font-size: 18pt !important;
    }

    div#modal-collection-invite div.modal-body {
        padding: 20px 30px 15px 30px;
    }

    div#modal-tap-options a.close-text {
        border: 1px solid black !important;
        background-color: black !important;
        border-radius: 3px 3px 0px 0px !important;
        -moz-border-radius-topleft: 3px !important; -moz-border-radius-topright: 3px !important;
        -webkit-border-top-left-radius: 3px !important; -webkit-border-top-right-radius: 3px !important;
        padding: 5px 10px !important;
        margin-top: -6px;
    }

    div.modal div.modal-body {
        overflow-y: scroll !important;
    }

    div#panel-login,
    div#panel-signup {
        font-size: 10pt !important;
        padding: 0px !important;
    }

    div#panel-signup-2 {
        font-size: 11pt !important;
    }

    div#panel-login small,
    div#panel-signup small {
        font-size: 10pt !important;
    }

    div#panel-login input,
    div#panel-login button,
    div#panel-signup input,
    div#panel-signup button,
    div#panel-signup-2 input,
    div#panel-signup-2 button {
        font-size: 18pt !important;
        line-height: 1.00em !important;
    }

    div#panel-signup div.panel-body {
        text-align: center !important;
    }

    div#panel-signup input[type="password"] {
        margin-bottom: 0px !important;
    }

    div#panel-signup div.alert,
    div#panel-signup-2 div.alert {
        border: none !important;
        background: none !important;
        font-weight: bold !important;
        font-size: 12pt !important;
        color: red !important;
        padding: 0px !important;
    }

    div#panel-signup input#password-hide {
        position: relative;
        top: 2px;
    }

    div#page-title {
        width: 96% !important;
        font-size: 16pt;
        text-align: center;
        padding-left: 0px !important;
        margin-top: -40px !important;
        z-index: 10;
    }

    div#page-title.abs {
        width: 100px !important;
        position: absolute;
        left: 50% !important;
        margin-top: 10px !important;
        margin-left: -50px !important;
    }

    div#page-title img {
        top: -1px;
    }

    div#page-title-up {
        margin-top: 50px !important;
    }

    div#page-title-up.move-left {
        margin-left: 0px !important;
    }

    div#page-title-up.move-left small a {
        top: 37px;
        left: 75%;
    }

    span#page-title-albums {
        font-size: 16pt;
        padding-left: 60px;
        position: relative;
        top: 0px;
        left: 45%;
    }

    div#content {
        width: 100%;
        padding: 0px;
        right: 0px !important;
        margin: 0px 0px 0px 4vw !important;
    }

    div#collection-header {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    div#collection-header div.followers {
        top: 20px;
        margin-right: 0px;
    }

    div#collection-header button.follow {
        width: 96vw;
    }

    div#collection-header div.followers-more,
    div#collection-header div.followers-add {
        top: 20px;
    }

    div#collection-title img.lock {
        position: relative;
        top: -2px;
    }

    div#photo-layout {
        width: 100vw;
        padding: 10px 4px 20px 4px !important;
    }

    div#photo-layout div.item {
        height: 150px;
    }

    div#photo-layout div.col-xs-4,
    div#photo-layout div.col-xs-8 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    div#waterfall,
    div#waterfall table tr td,
    div#waterfall table tr td div.col,
    div#waterfall table tr td div.col div.item,
    div#waterfall table tr td div.col div.item div.photo {
        width: 90vw !important;
    }

    div#waterfall[data-method="friend_collection"] {
        left: 4vw !important;
    }

    div#waterfall table tr td:last-child {
        padding-left: 8px;
    }

    div#waterfall {
        margin: 11px 3vw 0px 3vw !important;
    }

    div#waterfall.move-up {
        margin: 30px 3vw 0px 3vw !important;
    }

    div.item.tap div.member-details {
        width: 65%;
    }

    div#waterfall table tr td div.col div.item.tap div.title {
        max-height: 48px;
        font-weight: bold;
        font-size: 10.5pt !important;
        overflow: hidden;
    }

    div#waterfall table tr td div.col div.item.tap div.info {
        position: relative;
    }

    div#waterfall table tr td div.col div.item.tap div.info.no-padding {
        padding-top: 0px !important;
    }

    div#waterfall table tr td div.col div.item.tap img.three-dot {
        width: 26px;
        height: 26px;
        position: absolute;
        top: 0px;
        right: 2px;
        z-index: 2;
    }

    div#waterfall table tr td div.col div.item.tap div.menu[data-menu="Tap-Options"] {
        width: 150px;
        min-width: 100px;
        min-height: 30px;
        margin-top: 0px;
    }

    div.item.tap div.new-comments {
        width: 120px;
        font-size: 9pt;
        background-color: white;
        padding: 0px;
        top: 5px;
        margin-left: -60px;
        z-index: 2;
    }

    div.item.collection.new {
        height: 295px !important;
        margin-bottom: 10px;
    }

    div.item.collection.new img.menu-flyout {
        width: 20px;
        height: 20px;
        object-fit: contain;
        position: absolute;
        top: 10px;
        right: 5px;
        z-index: 2;
    }

    div.item.collection.new div.photo {
        height: 220px;
    }

    div.item.collection.new div.details {
        font-size: 10.5pt;
        padding: 15px;
    }

    div.item.collection.new div.details h2 {
        height: 19px;
        font-size: 13pt;
        margin-bottom: 10px;
        overflow: hidden;
    }

    div.item.collection div.new-comments {
        font-size: 9pt;
        right: 5px;
    }

    div.item.collection div.new-taps {
        right: 9px;
    }

    div.menu[data-menu="Filter-Vault-Photos"] {
        margin-left: 0px;
    }

    div#page-flyout {
        width: 100%;
        height: 100%;
        background-color: white;
        position: fixed;
        overflow-x: hidden;
        overflow-y: scroll;
        z-index: 10000;
        transition: 0.30s all ease-in-out;
        -moz-transition: 0.30s all ease-in-out;
        -webkit-transition: 0.30s all ease-in-out;
        -webkit-overflow-scrolling: touch;
    }

    div#page-flyout:not(.more) {
        top: 100%;
        left: 0px;
    }

    div#page-flyout:not(.more).active {
        top: 0px;
    }

    div#page-flyout.more {
        top: 0px;
        left: -70vw;
    }

    div#page-flyout.more.active {
        left: 0px;
    }

    div#page-flyout-backdrop {
        width: 100%;
        height: 100%;
        background-color: black;
        position: fixed;
        top: 0px;
        left: 0px;
        opacity: 0.40;
        filter: alpha(opacity=40);
        z-index: 9999;
    }

    div#page-flyout h1 {
        width: 100%;
        height: 44px;
        font-weight: normal;
        font-size: 18pt;
        text-align: center;
        position: relative;
        top: 10px;
        margin: 0px;
    }

    div#page-flyout button.close {
        font-weight: 100;
        font-size: 40pt;
        color: #777 !important;
        position: absolute;
        top: -3px;
        left: 0px;
        opacity: 1.00;
        filter: alpha(opacity=100);
        z-index: 2;
    }

    div#page-flyout.more {
        width: 70vw !important;
    }

    div#page-flyout div#flyout-header {
        width: 101%;
        background-color: #54cde5;
        padding: 10px;
        margin-bottom: 7px;
    }

    div#page-flyout div#flyout-header div.member {
        width: 40px;
        height: 40px;
        border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        margin-right: 10px;
    }

    div#page-flyout div#flyout-header div.user-name {
        width: auto;
        font-weight: 400;
        font-size: 16pt;
        color: white;
        position: relative;
        top: -10px;
        display: inline-block;
    }

    div#page-flyout div#flyout-header div.user-name {
        top: 3px;
    }

    div#page-flyout a {
        text-decoration: none !important;
    }

    div.panel-invite {
        width: 94vw !important;
        left: 0px !important;
        margin-left: 3vw !important;
        margin-top: -15px !important;
    }

    div.menu ul li {
        padding: 5px 13px;
    }

    div.menu ul li img {
        width: 16px;
        height: 16px;
    }

    div.menu[data-menu="Feed-Settings"] {
        width: 250px !important;
        left: 50% !important;
        margin-top: 0px !important;
        margin-left: -125px !important;
        z-index: 10000;
    }

    div.menu[data-menu="Profile-Share"] {
        position: absolute !important;
        top: 40px !important;
        left: 53vw !important;
    }

    div.menu[data-menu="Profile-Share"].op-share {
        top: 330px !important;
        left: -125px !important;
    }

    button#collection-friend-add, button#collection-friend-add-own {
        width: 105% !important;
        text-align: left;
        position: relative;
        margin-bottom: 8px;
    }

    button#collection-friend-add div#private-title {
        width: auto;
        position: absolute;
        top: 5px;
        right: 5px;
        margin: 0px;
    }

    #collection-share-bottom {
        margin-top: 0px !important;
        margin-left: 15px !important;
    }

    img#vault-photo-three-dot {
        width: 20px;
        height: auto;
        right: 15px;
        bottom: 42px;
        z-index: 2;
    }

    div.menu[data-menu="Vault-Photo-Three-Dot"] {
        width: 50vw;
        right: 5px;
        bottom: 70px;
    }

    div.modal:not(.modal-new),
    div#modal-tap-add,
    div.modal:not(.modal-new) div.modal-dialog,
    div.modal:not(.modal-new) div.modal-content,
    div.overlay-container-inner,
    div.popup,
    div.note,
    div.note div.content,
    div#popup-notifications {
        width: 94vw !important;
    }

    div#tap-image div.photo {
        width: 100% !important;
        background-size: 100% !important;
    }

    div#popup-notifications {
        margin-top: 0px !important;
    }

    div#popup-notifications div.tabs {
        width: 85%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    div#popup-notifications div.tabs-container {
        width: 500px;
    }

    div.tabs[data-id="Notifications"] {
        width: 100%;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    div.tabs[data-id="Notifications"] div.tabs-container {
        width: 650px;
    }

    div#page-flyout div.tab.active {
        font-weight: bold;
    }

    div#popup-friends {
        margin-top: 0px !important;
    }

    div#popup-friends div.friends {
        height: 180px !important;
    }

    div#popup-friends div.tabs {
        width: 85%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    div#popup-friends div.tabs-container {
        width: 375px;
    }

    div#popup-friends div.tab {
        width: auto !important;
    }

    div#popup-feedback {
        margin-top: -50px !important;
    }

    div.modal.mini,
    div.modal.narrow,
    div#modal-vault-add {
        margin-left: 3vw;
    }

    div.modal-dialog {
        margin-left: 0px;
    }

    div.popup {
        top: 15vh !important;
        left: 0px !important;
        margin-left: 3vw !important;
    }

    div.note {
        left: 0px !important;
        margin-left: 3vw !important;
    }

    div.note div.content {
        font-size: 13pt;
        line-height: 1.30em;
        position: relative;
    }

    div.note[data-step="1"] {
        top: 20vh;
    }

    div.note[data-step="1"] button {
        margin: 0px auto;
        display: block;
    }

    div.note[data-step="1"] div.content {
        padding: 30px 20px !important;
    }

    div.note[data-step="2"] {
        bottom: 69px;
    }

    div.note[data-step="2"]:after {
        top: 95%;
        left: 4.25vw;
    }

    div.note[data-step="3"] {
        bottom: 69px;
    }

    div.note[data-step="3"]:after {
        top: 96%;
        left: 20vw;
    }

    div.note[data-step="4"] {
        bottom: 69px;
    }

    div.note[data-step="4"]:after {
        top: 96%;
        left: 36.5vw;
    }

    div.note[data-step="5"] {
        top: 105px;
    }

    div.note[data-step="5"] img {
        width: auto;
        height: 120px;
        position: absolute;
        top: -85px;
        right: 35px;
        transform: rotateZ(40deg);
    }

    div.note[data-step="5"] div.content {
        padding-bottom: 45px;
    }

    div.note[data-step="6"] {
        bottom: 69px;
    }

    div.note[data-step="6"]:after {
        top: 96%;
        left: 68.5vw;
    }

    div.note[data-step="7"] {
        top: 50px;
    }

    div.note[data-step="7"] div.content {
        text-align: center !important;
    }

    div.note.has-tail:after {
        transform: rotateZ(225deg);
        -moz-transform: rotateZ(225deg);
        -webkit-transform: rotateZ(225deg);
    }

    div.note div.content {
        left: 0px;
        margin-left: 0px;
    }

    div#invite-start.invite-page div.row div.col-lg-6:first-child {
        border-right: none;
    }

    div#invite-end {
        padding: 20px;
        display: none;
    }

    div.overlay-container-outer {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }

    div.overlay-container-inner {
        width: 100vw !important;
        top: 10px;
        left: 0px;
        margin-left: 0px !important;
    }

    div.overlay-container-outer button.close {
        top: 0px;
        right: 0px;
    }

    div.notifications {
        height: 75vh;
    }

    div.notification {
        border-bottom: 1px solid #ccc;
        padding: 10px 0px 10px 15px;
    }

    div.notification img.alert-icon {
        display: none;
    }

    div.notification img.avatar {
        border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px;
        margin-left: 10px;
    }

    div.notification div.date {
        width: 100%;
        font-style: italic;
        font-size: 10pt;
        color: #777;
    }

    div.notification div.new {
        font-size: 11pt;
        color: red;
        position: absolute;
        top: 25px;
        right: 50px;
    }

    div.notification button.notification-remove {
        width: 22px !important;
        height: 22px !important;
        border: 1px solid #777;
        border-radius: 11px 11px 11px 11px !important;
        -moz-border-radius: 11px !important;
        -webkit-border-radius: 11px !important;
        background: none;
        font-size: 14pt;
        line-height: 0.50em;
        padding: 0px !important;
        position: absolute;
        top: 25px;
        right: 20px;
    }

    div#invite-start div.col-lg-6:last-child h2 {
        margin-top: 40px;
    }

    div#invite-options {
        visibility: visible;
        display: none;
    }

    div#search-container {
        width: 100%;
        border: 1px solid white;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background-color: #fcfafa;
        padding: 8px 10px;
        position: fixed;
        top: 45px;
        left: 0px;
        display: none;
        z-index: 1000;
        transition: 0.30s all ease-in-out;
        -moz-transition: 0.30s all ease-in-out;
        -webkit-transition: 0.30s all ease-in-out;
    }

    div#search-container input {
        height: 33px !important;
        border: 1px solid #e1dede !important;
        border-radius: 33px 33px 33px 33px !important;
        -moz-border-radius: 33px !important;
        -webkit-border-radius: 33px !important;
        outline: 0 !important;
        background: white;
        box-shadow: none !important;
        font-weight: normal !important;
        font-size: 12pt !important;
        text-align: left;
        margin-bottom: 0px;
    }

    div#search-container input::-webkit-input-placeholder {
        font-style: italic;
        font-size: 11pt !important;
    }

    div#search-container button {
        display: none;
    }

    div#search-load {
        width: 100%;
        left: 0px;
        margin-left: 0px;
    }

    div.search-tabs-container {
        width: 375px;
    }

    div.tabs-container.vault-photo-details {
        overflow-x: auto;
        overflow-y: hidden;
    }

    div.tabs-container.vault-photo-details div.tabs {
        width: 700px;
    }

    div#vault-photo-details button.close {
        height: 30px !important;
        border: 1px solid black !important;
        background-color: white !important;
        line-height: 0.50em !important;
        padding: 0px 4px !important;
        top: 10px;
        right: 10px;
        z-index: 1000;
    }

    div#vault-photo-details div.overlay-container-inner {
        top: 0px !important;
    }

    div#vault-photo-details div.overlay-section {
        border-radius: 0px 0px 0px 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
    }

    div#vault-photo-details div#vault-image {
        height: 80vh;
        border-top: none;
        margin-top: 0px;
    }

    div#vault-photo-details input#vault-photo-title {
        width: 80% !important;
    }

    div#invite-friends h2 {
        font-size: 18pt;
    }

    div#invite-friends h4 {
        text-align: left;
    }

    div#invite-friends input {
        font-size: 16pt !important;
    }

    div#invite-friends input::placeholder {
        font-size: 14pt !important;
    }

    div#invite-friends input::-moz-placeholder {
        font-size: 14pt !important;
    }

    div#invite-friends input::-webkit-placeholder {
        font-size: 14pt !important;
    }

    div#invite-options {
        margin-left: -10px;
        margin-bottom: 20px;
    }

    a#invite-send {
        top: 80px;
        right: 110px;
    }

    a#invite-send.note-next {
        position: relative;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

    a#invite-start-over {
        top: 80px;
        right: 10px;
    }

    div#find-friends ul {
        padding: 0px !important;
    }

    li#find-friends-start {
        padding: 0px !important;
        margin-bottom: 20px;
    }

    li#find-friends-start img.arrow {
        height: 50px !important;
        left: 85% !important;
        transform: rotate(180deg) !important;
        -moz-transform: rotate(180deg) !important;
        -webkit-transform: rotate(180deg) !important;
    }

    div.invitee.third {
        width: 100% !important;
    }

    div#tap-details,
    div#tap-details div.tap-content {
        width: 100vw !important;
        margin-left: 0px !important;
    }

    div#tap-details div.overlay-section {
        width: 100vw !important;
        border-radius: 0px 0px 0px 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
    }

    div#tap-details div.row.part.actions img {
        display: none;
    }

    div#tap-content,
    div#tap-sidebar {
        margin-left: 4vw !important;
    }

    div#tap-content,
    div#tap-sidebar,
    div#tap-content div.row,
    div#tap-sidebar div.row {
        width: 100% !important;
    }

    div.overlay-container-inner div#tap-content,
    div.overlay-container-inner div#tap-sidebar {
        margin-left: 0vw !important;
    }

    div#tap-comments {
        height: auto !important;
        max-height: 320px !important;
    }

    div#tap-sidebar {
        margin-top: -80px;
        margin-bottom: 100px;
    }

    div#tap-sidebar div#thumbs div.thumb:last-child {
        display: none;
    }

    div#tap-sidebar div.ad-placeholder {
        margin: 0px auto 50px auto;
    }

    button#tap-close {
        top: -38px;
        right: 0vw;
    }

    div.item.ad-placeholder {
        height: 150px;
    }

    div.item.topic {
        border: none;
        border-radius: 8px 8px 8px 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        padding: 0px;
    }

    div.item.topic div.name a {
        color: #333 !important;
    }

    div.item.topic div.thumbnails {
        max-height: 169px;
        padding: 0px 5px 3px 5px;
    }

    div.item.topic div.thumbnails div.thumb {
        width: 49% !important;
        height: 49% !important;
        margin: 3px 1px;
    }

    div.item.topic div.thumbnails div.thumb img {
        width: 100% !important;
        height: 100% !important;
    }

    div.item.collection span.visibility.private {
        font-weight: bold;
    }

    div.item.collection div.thumbnails {
        width: 100%;
        padding-left: 9px;
        margin: 0px auto 4px auto;
    }

    div.item.collection div.thumbnails div.thumb.large {
        width: 100%;
        height: 150px;
    }

    div.item.collection div.thumbnails div.thumb.medium {
        width: 46%;
        height: 78px;
        margin: 2px;
    }

    div.item.collection div.thumbnails div.thumb.small {
        width: 31% !important;
        height: 50px !important;
        margin: -6px 2px 0px 0px;
    }

    div.item.collection div.thumbnails div.thumb.small:last-child {
        margin-right: 0px;
    }

    h1#header-title div.sort {
        width: 190px;
        top: 5px;
        margin-right: 50px;
    }

    h1#header-title div.sort div.text {
        width: 120px !important;
    }

    div#collection-details {
        top: 0px;
        left: 10px;
    }

    div#vault-details-menu {
        top: 40px;
        right: 0px;
    }

    div#friend-sidebar {
        width: 300px;
        height: 100vh;
        border-left: 1px solid #aaa;
        background-color: white;
        padding-top: 0px !important;
        position: fixed;
        top: 0px;
        right: -300px;
        z-index: 100;
        transition: 0.20s all ease-in-out;
        -moz-transition: 0.20s all ease-in-out;
        -webkit-transition: 0.20s all ease-in-out;
        z-index: 1002;
    }

    div#friend-sidebar.active {
        right: 0px;
    }

    div#friend-sidebar.less-padding {
        padding-top: 20px;
    }

    div#friend-sidebar button.close {
        font-size: 20pt;
        color: white;
        position: absolute;
        top: 6px;
        right: 0px;
        opacity: 1.00;
        filter: alpha(opacity=100);
        z-index: 2;
    }

    div#mobile-footer {
        width: 100%;
        height: 50px;
        border-top: 1px solid #d8d8d8;
        background-color: white;
        text-align: center;
        position: fixed !important;
        left: 0px !important;
        bottom: 0px !important;
        z-index: 100;
        transition: 0.30s all ease-in-out;
        -webkit-transition: 0.30s all ease-in-out;
    }

    div#mobile-footer div.tab {
        width: 15%;
        font-size: 10pt;
        color: #9da2a4;
        text-align: center;
        vertical-align: top;
        padding: 6px 0px;
        position: relative;
        display: inline-block;
    }

    div#mobile-footer div.tab.active {
        color: #4a90e3 !important;
    }

    div#mobile-footer div.tab div.count {
        position: absolute;
        top: 3px;
        right: 10px;
    }

    div#mobile-footer a {
        text-decoration: none !important;
        vertical-align: top;
    }

    div#mobile-footer div.tab.last {
        border-right: none;
    }

    div#mobile-footer div.tab img {
        margin-bottom: 1px;
    }

    div#mobile-footer div.tab.first img {
        margin-top: 6px;
    }

    div#mobile-footer div.tab:before {
        border: none;
    }

    div#mobile-footer div#back-button {
        height: 50px;
        position: absolute;
        top: 0px;
        left: -15px;
        z-index: 100;
    }

    div#mobile-footer div#back-button img {
        width: 17px;
        height: 14px;
        position: relative;
        top: 7px;
    }

    div#no-items {
        width: 100vw;;
        padding: 10px 15px;
        position: relative;
        margin-top: 50px;
        z-index: 1000 !important;
    }

    #collection-add {
        width: 100px;
        top: -30px;
        left: 0px;
        z-index: 100;
    }

    #collection-add span {
        left: 7px;
    }

    div#no-content {
        width: 94vw !important;
        font-size: 14pt !important;
        text-align: center !important;
        left: 0px !important;
        margin-left: 3vw !important;
    }

    div#no-content.nc-collections {
        position: relative !important;
        margin-top: -120px;
        margin-bottom: 140px;
    }

    div#no-content.nc-collections img.arrow {
        height: 100px;
        top: -80px;
        left: 20px;
        transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }

    div#no-content.nc-collection.center {
        top: 375px !important;
        left: 0px !important;
    }

    div#no-content.nc-collection {
        top: 135px !important
    }

    div#no-content.nc-collection img.arrow {
        height: 110px;
        top: -85px;
        left: 82%;
        transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
    }

    div#no-content.nc-collection-invite img.arrow {
        width: auto;
        height: 110px;
        position: absolute;
        top: 51%;
        left: 50%;
        display: block !important;
    }

    div#home-no-content {
        width: 100% !important;
        position: relative !important;
        top: -150px !important;
        margin-left: 0px !important;
    }

    div#home-no-content img.arrow {
        top: -72px !important;
        left: 46% !important;
    }

    div#popup-no-collection-friends {
        width: 120px !important;
        font-size: 10pt !important;
        padding: 3px 5px !important;
        top: 5px !important;
        left: 65% !important;
        margin-left: 0px;
    }

    div#popup-no-collection-friends img.arrow {
        width: 30px;
        height: auto;
        top: 40px;
        left: 52%;
        transform: rotateZ(-30deg);
        -moz-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    div.vault-section h3 {
        text-align: center;
    }

    div#vault-folders ul.list {
        height: 99%;
        overflow: hidden;
    }

    div.vault-section ul.list li {
        border-bottom: 1px solid #ddd;
    }

    div.vault-section ul.list li:first-child {
        border-top: 1px solid #ddd;
    }

    div.vault-section ul.list li.indent {
        padding-left: 20px !important;
        margin-left: 0px !important;
    }

    a.see-more {
        padding-left: 10px !important;
    }

    div#vault-folders a#vault-folder-add {
        position: relative !important;
        top: 0px !important;
        right: 0px !important;
        margin-top: 4px;
        margin-right: 10px;
        float: right;
    }

    div#vault-no-folders {
        margin-top: 0px;
    }

    div#vault-no-media {
        position: absolute !important;
        margin-top: 10px;
    }

    div#vault-no-media img {
        display: none !important;
    }

    div#back-to-top {
        left: 7px !important;
        bottom: 30px;
        margin-left: 0px !important;
    }

    div#back-to-top.active {
        bottom: 60px;
    }

    div.member.lg {
        margin-top: 20px;
    }

    div.action.share-profile.my-profile-share {
        width: 80px;
        top: 250px;
        left: 75vw;
        z-index: 100;
    }

    div.menu[data-menu="Profile-Share"] {
        top: 290px !important;
        left: 27vw !important;
    }

    div.action.share-profile.other-profile-share {
        width: 80px;
        position: absolute;
        top: 290px;
        left: 95px;
    }

    div#message-send {
        top: 290px;
        left: 180px;
    }

    a#profile-edit {
        top: 100px;
        left: 15px;
    }

    div#profile-edit-descriptions {
        visibility: hidden;
    }

    div.section-toggle {
        margin-bottom: 20px;
    }

    div.section.padded {
        padding: 10px 15px;
    }

    div.section-bg.iframe iframe {
        margin: 20px auto 0px auto;
        display: block;
    }

    div.widget-container-left,
    div.widget-container-right {
        width: 100%;
    }

    body[data-page="settings"] div.col-xs-12,
    body[data-page="tools"] div.col-xs-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    body[data-page="settings"] div.col-xs-12 div.row,
    body[data-page="tools"] div.col-xs-12 div.row {
        width: 100%;
        margin-left: 0px;
    }

    div#chat-member-info {
        visibility: hidden;
        display: none;
    }

    div.chat-panel {
        right: 25vw !important;
    }

    div#modal-tap-add div#vault-container {
        width: 100%;
    }

    div.vault-section,
    div#vault-photos {
        width: 100vw !important;
        height: 66vh !important;
        border: none !important;
        position: fixed;
        top: 90px !important;
        left: 0px;
        overflow-x: hidden;
        overflow-y: scroll !important;
        display: none;
        -webkit-overflow-scrolling: touch !important;
    }

    div#modal-tap-add div.vault-section {
        height: 51vh !important;
    }

    div#modal-tap-add div.vault-section a.blue {
        display: none !important;
    }

    div#modal-tap-add div#vault-photos {
        width: 100% !important;
    }

    div#modal-tap-add div#vault-photos ul.list li {
        position: relative;
    }

    div#modal-tap-add div#vault-photos ul.list li.active img {
        opacity: 0.50;
        filter: alpha(opacity=50);
    }

    div#modal-tap-add div#vault-photos ul.list li.active:after {
        width: 30px;
        height: 30px;
        border: 1px solid black;
        background-color: white;
        background-image: url("/assets/img/icon/check.png");
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 2;
        content: "";
    }

    div#modal-tap-add div#vault-tap-add-buttons {
        width: 100%;
        position: relative;
        top: 13px;
        left: 0px;
    }

    div#vault-photos div#vault-photo-add {
        top: 35px;
    }

    div#vault-folders {
        background-color: #f3f3f3;
        padding-top: 50px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: block;
    }

    div#vault-folders ul.list {
        height: auto;
    }

    div#vault-folders ul.list li {
        background-image: url("/assets/img/icon/list-item-arrow.png");
        background-position: center right;
        background-repeat: no-repeat;
        padding: 13px 10px !important;
    }

    div#vault-folders ul.list li.indent {
        padding: 13px 10px 13px 30px !important;
    }

    div#vault-photos ul.list li {
        width: 49% !important;
        height: 185px !important;
        position: relative;
        margin: 0px !important;
        display: inline-block;
        overflow: hidden;
    }

    div#vault-photos ul.list li:not(.active)[data-media-type="video"]:after {
        width: 64px;
        height: 64px;
        background-image: url("/assets/img/icon/play-button.png");
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -45px 0px 0px -34px;
        cursor: pointer;
        z-index: 2;
        content: "";
    }

    div#vault-photos ul.list li.active[data-media-type="video"]:after {
        display: none;
    }

    div#vault-photos ul.list li div.photo {
        width: 95% !important;
        height: 150px !important;
    }

    div#vault-photos ul.list li div.photo img {
        width: 100% !important;
        height: 100% !important;
        margin: 0px !important;
        object-fit: cover;
    }

    div#vault-photos ul.list li div.title {
        width: 80%;
    }

    div#vault-photos ul.list li img.three-line {
        width: 14px !important;
        height: 14px !important;
        top: 160px !important;
        right: 0px !important;
    }

    div.vault-section .blue {
        font-size: 11pt !important;
    }

    div.vault-section a.blue.left {
        left: 6px;
    }

    div.vault-section a.blue.right {
        left: 90%;
    }

    div#vault-add {
        position: absolute;
        top: 40px;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
    }

    div#vault-container {
        margin-top: 10px;
    }

    div#vault-container div#vault-add {
        display: none;
    }

    div.vault-upload {
        width: 100%;
        border: 2px dashed #bbb;
        background-color: #eee;
        text-align: center;
        padding: 5px 0px;
        margin: 20px 0px;
    }

    button#vault-photo-select {
        font-size: 12pt;
    }

    div.row.part.actions div.col-xs-4 {
        width: 33% !important;
        text-align: center;
        vertical-align: middle;
        display: block;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
    }

    div.row.part.actions div.col-xs-4.middle {
        padding-top: 10px;
    }

    div.column-wide.last {
        border-right: none !important;
    }

    ul#more-menu {
        width: 100vw;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    ul#more-menu li {
        background-color: white;
        font-size: 14pt;
        color: #777 !important;
        padding: 6px 13px;
        position: relative;
    }

    ul#more-menu li.separator {
        background-color: #d8d8d8;
        height: 1px;
        padding: 0px;
        margin: 10px 0px;
    }

    ul#more-menu a.logout li {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    ul#more-menu a {
        color: #555 !important;
        text-decoration: none !important;
    }

    ul#more-menu li:focus,
    ul#more-menu li:active {
        background-color: #eee;
    }

    div#modal-red {
        width: 100%;
        padding: 0px 20px;
        top: 0px;
        left: 0px;
        margin-left: 0px;
    }

    a.get-app {
        margin: 30px 0px 10px 16vw;
    }

    .biggify {
        font-size: 18pt !important;
        padding-right: 2px !important;
    }

    .biggify::-webkit-input-placeholder {
        font-size: 16pt !important;
    }

    .video-js .vjs-big-play-button {
        display: none;
    }

    div#tap-image iframe, div#tap-image video, div#vault-image iframe, div#vault-image video {
        margin-top: -120px;
    }

    div#panel-invitees div.panel-body div.invitee div.name,
    div#panel-invitees div.panel-body div.invitee div.email {
        width: 80%;
    }

    div.panel-invite input.onboarding-email, div.panel-invite input.onboarding-sms {
        width: 100% !important;
    }

    div.vault-section ul.list li {
        background-color: white;
        font-size: 12pt;
        padding: 5px;
        cursor: pointer;
    }

    div.vault-section div.list-title {
       font-size: 20pt;
       text-align: center;
    }

    div.modal-v2 div.modal-body .container.pricing label {
        width: 90%;
    }

    div.payment-items {
        width: 94%;
    }

    div.payment-items label.input-group.full {
        width: 100%;
    }

    div.payment-items label.input-group.half.first {
        width: 35%;
    }

    div.payment-items label.input-group.half.first img {
        display: none;
    }

    div.payment-items label.input-group.half.first select {
        padding-left: 10px !important;
    }

    div.payment-items label.input-group.half.second {
        width: 36%;
        left: 35%;
    }

    div.payment-items label.input-group.half.third {
        width: 30%;
        left: 70%;
    }

    div#feed-no-taps {
        width: 94%;
        margin: 25px 0px 0px 3vw;
    }

    div#feed-no-taps img.arrow-1 {
        height: 60px;
        top: -55px;
        left: 80%;
        transform: rotateZ(35deg);
        -moz-transform: rotateZ(35deg);
        -webkit-transform: rotateZ(35deg);
    }

    div#feed-no-taps img.arrow-2 {
        height: 50px;
        top: -50px;
        right: 48%;
    }

    div#page-content a.topic img {
        width: 22vw !important;
        height: 22vw !important;
        margin-right: 0px !important;
    }

    select#home-slug,
    select#album-slug {
        font-size: 12pt !important;
        position: relative;
        top: -4px;
    }

    h1 {
        text-align: center !important;
        padding: 0px 20px !important;
    }

    h1#header-title {
        width: 100%;
        font-size: 18pt;
        text-align: left !important;
        padding: 0px 0px 0px 10px !important;
        margin: 0px 0px -3px 0px !important;
    }

    h2.sorry-private {
        color: white !important;
        margin: 20px auto 120px auto !important;
    }
}

@media (max-width: 320px) {
    div.note div.content {
        font-size: 10pt;
    }

    div.chat-panel {
        right: 18vw !important;
    }

    div.item.collection div.thumbnails div.thumb.small {
        width: 31% !important;
        height: 40px !important;
        margin: -6px 1px 0px 0px;
    }

    .video-js .vjs-big-play-button {
        display: none;
    }

    div#tap-image iframe, div#tap-image video, div#vault-image iframe, div#vault-image video {
        margin-top: -135px;
    }

    div#vault-folders ul.list li div.title {
        font-size: 16pt !important;
    }

    div.vault-section div.list-title {
       font-size: 20pt;
       text-align: center;
    }

    div.vault-section,
    div#vault-photos {
        height: 56vh !important;
    }
}