
@media (max-width: 414px) {
    .header-image {
        background-image: none;
    }
    .menu-icon {
        display: block !important;
    }
    header {
        background-color: #242c32;
        padding-bottom: 15px;
    }
    .login-btn button {
        display: none;
    }
    .container-header {
        display: flex;
        justify-content: space-between;
    }
    .header-navigation {
        width: 50px;
    }
    .navbar-brand.menu-icon {
        padding-left: 0px;
        cursor: pointer;
    }
    .back-shape {
        background: none;
    }
    .age-sticker {
        left: 60px;
        top: -23px;
    }
    .header-shape.singup {
        background: none;
        width: 100%;
        left: 0px;
        text-align: center;
    }
    .header-shape.singup .round-corner {
        display: none;
    }
    .header-shape.login {
        left: -10px;
    }
    .header-shape h3 {
        padding-left: 0px;
        margin-top: 10px;
    }
    .header-shape.login h3 {
        margin-top: 0px;
    }
    [data-aos^=fade][data-aos^=fade].aos-animate {
        transform: none;
    }
    [data-aos=fade-left] {
        transform: none;
    }
    .home-vector-map, .social-share, .scroll-down {
        display: none;
    }
    .home-create-account {
        width: 100%;
        padding: 15px;
    }
    .btn-submit-dark {
        float: none;
        text-align: center;
    }
    .home-testimonial {
        background: #ffffff;
        background-image: none;
    }
    .carousel-inner .item {
        /* padding: 20px; */
    }
    .testimonial-slider
    {
        position:relative;
        box-shadow:0 1px 4px #b5b5b5, 0 0 40px #f8f8f8 inset;
    }
    .testimonial-slider:before, .testimonial-slider:after
    {
        content:"";
        position:absolute;
        z-index:-1;
        box-shadow:0 0 20px #f8f8f8;
        top:0;
        bottom:0;
        left:0;
        right:0;
        border-radius: 3px;
    }
    .home-curousel-left {
        margin-left: 10px !important;
    }
    .home-curousel-right {
        margin-right: 10px !important;
    }
    .carousel-arrows {
        top: -420px;
    }
    .curousel-meet-button {
      display: inline-block;
      background-color: #c2002e; 
      margin-top: 20px; 
      margin-bottom: 30px;
      width: 150px;
    }
    .home-get-started-button {
        background-color: #811fd5;
        width: 200px;
        margin-top: 20px;
        padding: 15px;
        border-radius: 40px;
        position:relative;
        box-shadow:0 1px 4px #3e283e, 0 0 40px #542d6a inset;
    }
    .home-get-started-button:before, .home-get-started-button:after
    {
        content:"";
        position:absolute;
        z-index:-1;
        box-shadow:0 0 20px #811fd5;
        top:0;
        bottom:0;
        left:0;
        right:0;
        border-radius: 3px;
    }
    .footer-container {
        text-align: center;
    }
    .brand-bottom {
        margin-top: 20px;
    }
    .navbar-default {
        box-shadow: none;
    }
    .front-shape, .form-wrap-content {
        padding: 10px;
    }
    .forget-password {
        text-align:center;
        padding-left: unset;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .divider-or {
        margin-bottom: 20px;
    }
    .login-box {
        display: block;
    }
    /* .custom-user-card-width {
        width: 300px;
    } */

    .parent-user-card {
        width:auto;
        display: flex; 
        flex-wrap: nowrap;
    }

    .row-user-card {
        overflow-x: auto;
        margin-right: 0px !important;
    }

    .row-user-card::-webkit-scrollbar {
        display: none;
    }

    .each-gift-image {
        width: 49.4%; 
    }

    .gift-card-content {
        padding-left: 17px; 
        padding-right: 16px;
    }
    #myPaymentModal {
        padding-left: unset !important;
    }

    .membership-plan .modal, .credit-plan .modal {
        min-height: auto;
    }

    .membership-plan .modal-dialog {
        width: 100%;
        /* margin-top: 79px; */
    }

    .modal-backdrop {
        background: none;
    }

    .modal-body {
        background: #1c2329 !important;
    }

    .modal-header {        
        background: #1c2329 !important;
        border-bottom: unset !important;
        border-bottom-color: unset !important;
    }

    .cd-pricing-switcher {
        left: unset;
        top: 110px;
    }

    .cd-pricing-switcher.membership-buy-credits {
        /*top: 283px;*/
    }

    .membership-mobile-list-head {
        margin-top: 79px;
    }

    .buy-credit-switch-text {
        margin-top: -2px;
    }

    .cd-pricing-wrapper > li::after {
        background: unset;
    }

    .credits-column {
        width: 95%;
        background-color: #343b41;
    }

    .credit-header {
        border-bottom: 2px solid #32383e;
    }

    .credit-body {
        padding: 20px 0 36px 0;
    }

    .popular-credit .credit-header {
        border-bottom-color: #32383e;
    }

    .past-credit-price {
        text-decoration-line: line-through;
        color: #ff003d;
        font-size: 18px;
    }

    .current-credit-price {
        margin-top: 10px;
    }

    .cd-select {
        padding: 14px 0;
    }

    .membership-modal-footer {
        background-color: #1c2329;
    }

    .last-credits-column {
        margin-bottom: 60px;
    }

    .membership-plan .modal-header {
        padding: 20px  20px 14px 20px !important;
    }

    .memmership-plans-column {
        width: 95%;
        margin-top: 45px;
    }

    .memmership-plans-column.basic-plan .cd-price {
        padding-bottom: 20px;
    }

    .memmership-plans-column.medium-plan .cd-price {
        padding-bottom: 20px;
    }

    .memmership-plans-column.medium-plan {
        margin-bottom: 60px;
    }
    
    .whatsnew-left {
        width: 100%;
    }

    .whatsnew-right {
        display: none;
    }

    .container-centre {
        padding: 50px 12px 0px;
    }

    /** registration flow */
    .top-brand {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #242c32;
    }

    .top-brand img {
        width: 70px;
    }

    .reg-steps-back {
        display: none;
    }

    .reg-steps-back.menu-icon {
        padding-left: 0px;
        cursor: pointer;
    }

    .reg-steps-back img {
        width: 35px;
    }

    .mobile-registration-hr {
        display: block;
        width: 30px;
        border: 2px solid #ffffff;
        text-align: left;
        display: inline-block;
    }

    #user-type {
        padding: 15px 0;
    }

    #user-type li {
        width: 100%;
    }

    #user-type li button {
        width: 80%;
        padding: 15px;
        margin-bottom: 15px;
    }

    .registration-guide {
        font-style: normal;
        font-size: 16px;
    }

    .model-client-link {
        padding-top: 25px;
        text-decoration-line: overline;
    }

    .bottom-step-btn {
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }

    #goto_step2 {
        padding: 20px;
        border-radius: unset;
        background-color: #c2002e;
        width: 100%;
    }

    .login-box.menu-box {
        margin-left: unset;
    }
    .modal-gallery-upload {
        background-color: #c2002e;
        /* margin-right: 40px; */
    }

    .gallery-modal-body {
      /* padding-left: 53px; */
    }

    .camera-capture {
        background-color: #c2002e;
    }

    .post-camera-capture {
        background-color: #c2002e;
    }
    .swinger-club-info {
        top: 10px; 
        left: 10px;
        right: 10px;
        width:auto;
    }
    .limit img {
        width: 100%; 
        height: auto;
    }
    .limit-small img {
        width: 80%; 
        height: 80%;
    }
    .updateClubMap {
        top: 35px;
        right: 85px;
    }
}
