.js-create_postcard.foldingcard #writeReceiver{
    display: none;
}

@media screen and (max-width: 768px) {

    .sub-header__title-container{
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1;
    }

    /* Step 2: */
    .navbar-brand:not(.mobile){
        display: none;
    }

    .navbar-brand.mobile{
        display: block;
    }
    .navbar-brand.mobile img{
        width: 155px !important;
        height: auto !important;
    }
    .main{
        height: calc(var(--vh) - 120px);
    }
    .download_banner{
        display: none !important;
    }
    .menu-header{
        box-shadow: none !important;
        border-bottom: 1px solid #CACACA !important;
    }

    .sub-header{
        min-height: 70px;
        padding-top: 10px !important;
    }

    .sub-header .sub-header__title{
        font-size: 18px;
    }

    .sub-header__link{
        z-index: 2;
    }

    .sub-header .create_postcard_step,
    .sub-header .photoprints_step {
        font-size: 18px;
    }

    .sub-header .shipping{
        display: flex;
        justify-content: flex-end;
        flex: 1 0 0;
        position: relative !important;
        font-size: 12px;
    }

    #global-wrapper #content{
        margin-top: 0 !important;
    }

    .container .navbar.create-postcard-navbar{
        height: 48px;
    }

    .card{
        width: 345px;
        height: 245px !important;
        margin: auto;
        margin-top: 0;
    }

    #standard_1.dropzone .upload-icon{
        border: 10px solid #FFF !important;
    }

    .modal__frame-container--layout{
        gap: 15px !important;
    }

    .modal__frame-item--layout {
        max-height: 134px !important;
    }

    .icon-container{
        position: absolute;
        width: 100%;
        bottom: 90px;
        padding: 0 15px;
    }

    .button--disabled{
        background: linear-gradient(45deg, #FF4895, #FF776D) !important;
        opacity: 0.5;
    }
    .button--disabled svg path{
        fill: #fff;
    }

    .create_postcard .up-panel{
        max-width: 375px;
    }
    .modal__option-container{
        display: block !important;
    }
    .modal__option:nth-child(1){
        margin-bottom: 16px;
    }

    /*Collage styles*/
    .create_postcard #collage #collage_1{
        width: 217px !important;
        height: 217px !important;
        margin-top: 9px !important;
        margin-left: 8px !important;
    }

    .create_postcard #collage #collage_2{
        width: 106px !important;
        height: 106px !important;
        margin-top: 9px !important;
        margin-right: 8px !important;
    }

    .create_postcard #collage #collage_3{
        width: 106px !important;
        height: 106px !important;
        margin-top: 9px !important;
        margin-right: 8px !important;
        margin-bottom: 19px !important;
    }

    .create_postcard #collage6 #collage6_1,
    .create_postcard #collage6 #collage6_2,
    .create_postcard #collage6 #collage6_3,
    .create_postcard #collage6 #collage6_4,
    .create_postcard #collage6 #collage6_5,
    .create_postcard #collage6 #collage6_6 {
        width: 106px !important;
        height: 106px !important;
    }

    .create_postcard #collage6 #collage6_1{
        margin-left: 9px !important;
        margin-top: 9px !important;
    }
    .create_postcard #collage6 #collage6_2 {
        margin-left: 119.6px !important;
        margin-top: 9px !important;
    }
    .create_postcard #collage6 #collage6_3 {
        margin-top: 9px !important;
        margin-right: 9px !important;
    }

    .create_postcard #collage6 #collage6_4 {
        margin-left: 9px !important;
        margin-bottom: 19px !important;
    }

    .create_postcard #collage6 #collage6_5 {
        margin-left: 119.6px !important;
        margin-bottom: 19px !important;
    }

    .create_postcard #collage6 #collage6_6 {
        margin-right: 9px !important;
        margin-bottom: 19px !important;
    }

    .create_postcard #collage4_1 #collage4_1_1{
        width: 328px !important;
        height: 106px !important;
        margin-left: 8px !important;
        margin-top: 10px !important;
    }
    .create_postcard #collage4_1 #collage4_1_2,
    .create_postcard #collage4_1 #collage4_1_3,
    .create_postcard #collage4_1 #collage4_1_4  {
        width: 106px !important;
        height: 106px !important;
        margin-bottom: 19px !important;
    }
    .create_postcard #collage4_1 #collage4_1_3{
        margin-left: 119.6px !important;
    }
    .create_postcard #collage4_1 #collage4_1_2{
        margin-left: 9px !important;
        margin-bottom: 19px !important;
    }
    .create_postcard #collage4_1 #collage4_1_4{
        margin-right: 9px !important;
    }

    .create_postcard #collage3_2 #collage3_2_1,
    .create_postcard #collage3_2 #collage3_2_2,
    .create_postcard #collage3_2 #collage3_2_3{
        width: 106px !important;
        height: 217px !important;
    }
    .create_postcard #collage3_2 #collage3_2_2{
        margin-left: 119.6px !important;
    }
    .create_postcard #collage3_2 #collage3_2_1{
        margin-left: 8px !important;
        margin-top: 9px !important;
    }
    .create_postcard #collage3_2 #collage3_2_2{
        margin-top: 9px !important;
    }

    .create_postcard #collage3_2 #collage3_2_3{
        margin-right: 9px !important;
        margin-top: 9px !important;
    }


    .create_postcard #collage4_2 #collage4_2_1,
    .create_postcard #collage4_2 #collage4_2_2,
    .create_postcard #collage4_2 #collage4_2_3,
    .create_postcard #collage4_2 #collage4_2_4 {
        height: 106px !important;
        width: 162px !important;
    }

    .create_postcard #collage4_2 #collage4_2_1{
        margin-left: 8px !important;
        margin-top: 9px !important;
    }

    .create_postcard #collage4_2 #collage4_2_2 {
        margin-right: 8px !important;
        margin-top: 9px !important;
    }
    .create_postcard #collage4_2 #collage4_2_3 {
        margin-left: 8px !important;
        margin-bottom: 19px !important;
    }
    .create_postcard #collage4_2 #collage4_2_4 {
        margin-right: 8px !important;
        margin-bottom: 19px !important;
    }

    .create_postcard #collage2 #collage2_1, .create_postcard #collage2 #collage2_2{
        width: 328px !important;
        height: 106px !important;
    }

    .create_postcard #collage2 #collage2_1 {
        margin-left: 8px !important;
        margin-top: 9px !important;
    }

    .create_postcard #collage2 #collage2_2{
        margin-bottom: 19px !important;
        margin-left: 8px !important;
    }

    .create_postcard #collage3_3 #collage3_3_1 {
        margin-left: 8px !important;
        margin-top: 9px !important;
        height: 106px !important;
        width: 328px !important;
    }

    .create_postcard #collage3_3 #collage3_3_2{
        width: 162px !important;
        margin-left: 8px !important;
        margin-bottom: 19px !important;
        height: 106px !important;
    }
    .create_postcard #collage3_3 #collage3_3_3 {
        width: 162px !important;
        margin-right: 9px !important;
        margin-bottom: 19px !important;
        height: 106px !important;
    }


    .create_postcard #collage4_3 #collage4_3_1{
        margin-left: 8px !important;
        margin-top: 9px !important;
        height: 106px !important;
        width: 106px !important;
    }

    .create_postcard #collage4_3 #collage4_3_2{
        width: 216px !important;
        height: 106px !important;
        margin-right: 9px !important;
        margin-top: 9px !important;
    }
    .create_postcard #collage4_3 #collage4_3_3 {
        width: 216px !important;
        height: 106px !important;
        margin-left: 8px !important;
        margin-bottom: 19px !important;
    }
    .create_postcard #collage4_3 #collage4_3_4 {
        margin-right: 9px !important;
        margin-bottom: 19px !important;
        width: 106px !important;
        height: 106px !important;
    }

    .create_postcard #collage9_1,
    .create_postcard #collage9_2,
    .create_postcard #collage9_3,
    .create_postcard #collage9_4,
    .create_postcard #collage9_5,
    .create_postcard #collage9_6,
    .create_postcard #collage9_7,
    .create_postcard #collage9_8,
    .create_postcard #collage9_9{
        width: 106px !important;
        height: 70px !important;
    }

    .create_postcard #collage9_1 {
        margin-left: 8px !important;
        margin-top: 8px !important;
    }

    .create_postcard #collage9_2 {
        margin-left: 119.6px !important;
        margin-top: 8px !important;
    }
    .create_postcard #collage9_3 {
        margin-right: 8px !important;
        margin-top: 8px !important;
    }
    .create_postcard #collage9_4 {
        margin-left: 8px !important;
        margin-top: 82px !important;
    }
    .create_postcard #collage9_5 {
        margin-left: 119.6px !important;
        margin-top: 82px !important;
    }
    .create_postcard #collage9_6 {
        margin-right: 8px !important;
        margin-top: 82px !important;
    }
    .create_postcard #collage9_7 {
        margin-left: 8px !important;
        margin-bottom: 19px !important;
    }
    .create_postcard #collage9_8 {
        margin-left: 119.6px !important;
        margin-bottom: 19px !important;
    }
    .create_postcard #collage9_9 {
        margin-right: 8px !important;
        margin-bottom: 19px !important;
    }

    .card--instant {
        height: 342px !important;
        width: 244px !important;
    }
    .create_postcard #insta_1{
        width: 226px !important;
        height: 226px !important;
        margin-top: 8px !important;
    }

    .create_postcard #insta4_1,
    .create_postcard #insta4_2,
    .create_postcard #insta4_3,
    .create_postcard #insta4_4
    {
        height: 110px !important;
        width: 110px !important;
    }

    .create_postcard #insta4_1{
        margin-left: 9px !important;
        margin-top: 9px !important;
    }
    .create_postcard #insta4_2{
        margin-right: 9px !important;
        margin-top: 9px !important;
    }
    .create_postcard #insta4_3{
        margin-left: 9px !important;
        margin-top: 124px !important;
    }
    .create_postcard #insta4_4{
        margin-right: 9px !important;
        margin-top: 124px !important;
    }

    .create_postcard #collage2_2 #collage2_2_1{
        height: 217px !important;
        width: 162px !important;
        margin-left: 8px !important;
        margin-top: 9px !important;
    }

    .create_postcard #collage2_2 #collage2_2_2{
        height: 217px !important;
        width: 162px !important;
        margin-right: 8px !important;
        margin-top: 9px !important;
    }

    /*  Upload icon   */

    .dropzone .upload-icon {
        background-image: url("https://img-6aa0.kxcdn.com/add--round-mobile-2x.png") !important;
        background-size: 46px 52px;
    }

    .sub-header .create_postcard_step{
        display: block !important;
        position: absolute;
        right: 16px;
    }


    /*    Modal styles */
    .modal-ajax_create_postcard_action:not(.action-required-modal){
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        min-height: inherit !important;
        max-width: 100% !important;
    }

    .modal-ajax_create_postcard_action:not(.action-required-modal) .modal-content{
        max-height: 375px;
        border-radius: 16px 16px 0 0 !important;
    }
    .modal-ajax_create_postcard_action .modal-content .modal__frame-container--layout {
        max-height: 318px;
        overflow: auto;
        padding-bottom: 16px;
    }
    .modal-ajax_create_postcard_action .modal-content .modal__frame-container--bg-color{
        grid-template-columns: repeat(auto-fill, minmax(39px, 1fr));
    }
    .modal-ajax_create_postcard_action .modal-content .modal__frame-container--bg-color .bg_option{
        width: 40px;
        height: 40px;
    }

    /*  **************************************************************   */
    /*  Step 3:   */

    #writePostcard #postcardText{
        width: 184px;
        height: 230px;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 12px;
        pointer-events: none;
    }

    #postcard_write .verticalLine{
        height: 199px !important;
        width: 5px !important;
        background-size: 5px !important;
    }
    #postcard_write .stamp{
        width: 70px;
        height: auto;
    }

    .preview-options, #writeReceiver{
        display: none !important;
    }

    #writeReceiverMobile{
        max-width: 119px;
        position: absolute;
        right: 70px;
        bottom: 80px;
        height: fit-content !important;
        display: block !important;
    }

    #writeReceiverMobile .postcardInputMobile{
        font-size: 8px !important;
        border: none;
        max-width: 119px !important;
        min-width: 62px;
    }

    #writeReceiver .countrywahl{
        display: none;
    }

    .modal-ajax_create_postcard_back_text{
        margin: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }

    .modal-ajax_create_postcard_back_text .modal-content{
        width: 100%;
        height: var(--vh);
        border-radius: 0;
    }

    .text-fits{
        display: none;
    }

    #step3 .mobile-options{
        display: flex !important;
        width: 100%;
        margin-top: 8px;
    }

    #step3 .mobile-options .mobile-options-wrapper{
        display: flex;
        margin: auto;
        justify-content: space-between;
    }

    #step3 .mobile-options .mobile-options-wrapper .mobile-option{
        min-width: 72px;
    }
    #step3 .mobile-options .mobile-options-wrapper .mobile-option.open-address-modal{
        position: relative;
    }

    .addresses-selected-count{
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #FF4895;
        font-size: 12px;
        color: #FFFFFF;
        text-align: center;
        position: absolute;
        right: 4px;
        top: -18px;
        display: none;
        line-height: 16px;
    }

    #step3 .mobile-options .mobile-options-wrapper .mobile-option .write-text-icon img,
    #step3 .mobile-options .mobile-options-wrapper .mobile-option .open-address-modal-icon img {
        display: flex;
        margin: auto;
    }

    #step3 .mobile-options .mobile-options-wrapper .mobile-option .mobile-option-text{
        text-align: center;
        width: 100%;
        margin-top: 10px;
        font-size: 12px;
        font-weight: 400;
    }

    /*    Write Text Modal */
    .modal__header-write-text-mobile{
        display: flex;
        min-height: 32px;
        position: relative;
    }
    .close-modal-write-text-mobile{
        position: absolute;
        left: 0;
        cursor: pointer;
    }

    .modal__title--write-text-mobile {
        text-transform: initial;
        font-family: Roboto;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        width: 100%;

    }

    .modal__body--write-text-mobile {
        padding: 16px;
        gap: 16px;
        border-radius: 0;
        box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.04), 0 0 2px 0 rgba(0, 0, 0, 0.24);
        background-color: #FFF;
        width: 100%;
        height: 100%;
    }

    .textarea-wrapper{
        display: flex;
        max-width: 343px;
        min-width: 343px;
        margin: 0 auto;
    }
    .postcard-text-mobile{
        max-width: 343px;
        height: 372px;
        width: 100%;
        outline: 0 !important;
        resize: none;
        background: #FDF7F9;
        border: none;
        border-radius: 10px;
        margin: auto;

    }

    .actions-wrapper-write-text{
        display: flex;
        width: 100%;
        justify-content: space-between;
        max-width: 343px;
        margin: 0 auto;
    }

    .btn-save-text{
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%) !important;
        border: none;
        border-radius: 50%;
        height: 56px;
        min-width: 56px;
        display: flex;
        box-shadow: 0 1px 2px 0 #47474717, 0 3px 3px 0 #47474714, 0 7px 4px 0 #4747470D, 0 -2px 7px 0 #4747470D;

    }
    .btn-save-text img{
        margin: auto;
    }

    .btn-choose-font{
        text-align: center;
    }
    .btn-choose-font-text{
        font-size: 12px;
        margin-top: 15px;
    }

    #modalBodyFontSelector{
        display: none;
    }
    #modalBodyFontSelector .postcard-preview-wrapper{
        position: relative;
        margin-top: 22px;
    }
    #modalBodyFontSelector .postcard-preview-wrapper .bottom-shadow img{
        pointer-events: none;
    }
    #modalBodyFontSelector .postcard-preview-wrapper .postcard-preview #writePostcard{
        float: left;
    }
    #modalBodyFontSelector .postcard-preview-wrapper .postcard-preview{
        background: #fff;
        border: 1px solid #efefef;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
        box-sizing: border-box;
        display: flex;
        height: 183px;
        margin: 10px auto auto;
        padding: 0;
        position: relative;
        width: 256px;
        z-index: 1;
    }

    #modalBodyFontSelector .postcard-preview-wrapper .bottom-shadow{
        bottom: -23px;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 0;
        width: 100%;
        max-width: 256px;
        margin: 0 auto;
    }
    #modalBodyFontSelector .postcard-preview-wrapper .bottom-shadow img{
        width: 100%;
    }


    .font-selector-modal-ta:nth-child(1) img, .font-selector-modal-tab:nth-child(2) img{
        margin-bottom: 8px;
    }

    .font-selector-modal-tab-panel {
        width: 100%;
        max-width: 375px;
        margin: 0 auto;
    }

    .font-selector-modal-tabs {
        display: flex;
        gap: 8px;
        justify-content: center;
        position: relative;
        border-bottom: 1px solid #fff;
        margin-top: 30px;
    }

    .font-selector-modal-tab {
        width: 78px;
        text-align: center;
        cursor: pointer;
        padding: 10px 0 5px;
    }

    .font-selector-modal-tab img {
        display: block;
        margin: 0 auto 4px;
    }

    .font-selector-modal-tab span {
        display: block;
        font-size: 12px;
        font-weight: 700;
    }

    .font-selector-modal-active-line {
        position: absolute;
        bottom: 0;
        height: 3px;
        background-color: #474747;
        width: 67px;
        transition: left 0.1s ease;
        border-radius: 3px;
    }

    .font-selector-modal-tab-content {
        display: none;
        padding: 20px 0;
    }

    .font-selector-modal-tab-content.font-selector-modal-active {
        display: block;
    }

    .font-selector-modal-tab.font-selector-modal-active {
        /* Optional style for active tab */
    }


    .postcard-preview-wrapper .postcard-preview{
        padding: 0 !important;
    }
    .postcard-preview-wrapper #writePostcard #postcardText{
        margin-top: 9px;
        pointer-events: none;
        width: 137px;
        height: 171px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 9px;
    }

    .postcard-preview-wrapper .verticalLine{
        height: 147px !important;
        width: 4px !important;
        background-size: 4px !important;
        margin-top: 13px;
        margin-right: 6px;
    }

    .postcard-preview-wrapper .stamp{
        width: 52px;
        height: 31px;
        margin-right: 7px;
        position: absolute;
        right: 0;
    }

    .font-selector-modal-font-container,
    .font-selector-modal-size-container {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        max-width: 343px;
        margin: auto;
    }

    .font-selector-modal-option {
        width: 77px;
        height: 40px;
        border-radius: 8px;
        border: 1px solid #0000001F;
        box-shadow: 0 12px 16px 0 #0000000A;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        padding: 1px;
    }

    .font-selector-modal-option.active{
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%);
    }

    .font-selector-modal-inner{
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: 6px;
    }

    .font-selector-modal-text {
        text-align: center;
        font-size: 17px;
    }
    .font-selector-modal-text.mypostcard-pinsel{
        font-family: mypostcardpinsel;
    }

    .font-selector-modal-text.mypostcard-patrick{
        font-family: mypostcardpatrick;
    }

    .font-selector-modal-text.mypostcard-mariascript{
        font-family: mypostcardmariascript;
    }

    .font-selector-modal-text.mypostcard-fontregular{
        font-family: MyPostcard_fontregular;
    }

    .font-selector-modal-text.mypostcard-roboto{
        font-family: Roboto;
    }

    .font-selector-modal-text.font-size{
        font-weight: 500;
    }

    .font-selector-modal-color-container {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        max-width: 348px;
        justify-content: center;
        margin: auto;
    }

    .font-selector-modal-color-wrapper {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .font-selector-modal-color-wrapper.active {
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%);
        padding: 2px;
    }

    .font-selector-modal-color-inner {
        background-color: #fff;
        border-radius: 50%;
        padding: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .font-selector-modal-color {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .font-selector-modal-color.green-font-selector {
        background-color: #64812b;
    }

    .font-selector-modal-color.aqua-font-selector {
        background-color: #38b6ab;
    }

    .font-selector-modal-color.red-font-selector {
        background-color: #c51718;
    }

    .font-selector-modal-color.purple-font-selector {
        background-color: #634E72;
    }

    .font-selector-modal-color.yellow-font-selector {
        background-color: #FFBE55;
    }

    .font-selector-modal-color.pink-font-selector {
        background-color: #FF4895;
    }

    .font-selector-modal-color.black-font-selector {
        background-color: #000000;
    }

    .font-selector-modal-color.blue-font-selector {
        background-color: #031993;
    }


    .font-options-button-wrapper{
        display: flex;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: calc(var(--vh) - 100px);
    }
    .font-options-button-wrapper .save-font-options{
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%) !important;
        border: none;
        border-radius: 50%;
        height: 56px;
        min-width: 56px;
        display: flex;
        box-shadow: 0 1px 2px 0 #47474717, 0 3px 3px 0 #47474714, 0 7px 4px 0 #4747470D, 0 -2px 7px 0 #4747470D;
        position: absolute;
        right: 16px;
    }

    .font-options-button-wrapper .save-font-options img{
        margin: auto;
    }

    .modal__body--addressbook-mobile {
        padding: 16px 0;
        border-radius: 0;
        box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.04), 0 0 2px 0 rgba(0, 0, 0, 0.24);
        background-color: #FFF;
        width: 100%;
        height: 100%;
    }

    .modal__header-addressbook-mobile{
        display: flex;
        min-height: 32px;
        position: relative;
    }

    .close-modal-addressbook-mobile{
        position: absolute;
        left: 16px;
        cursor: pointer;
    }

    .modal__title--addressbook-mobile {
        text-transform: initial;
        font-family: Roboto;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        width: 100%;

    }

    .modal-ajax_create_postcard_addressbook_mobile{
        margin: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }
    .modal-ajax_create_postcard_addressbook_mobile .modal-content{
        width: 100%;
        height: var(--vh);
        border-radius: 0;
    }

    .addressbook-search-bar{
        width: 100%;
        height: 32px;
        min-height: 32px;
        border-radius: 12px;
        background: #EFEFEF;
        display: flex;
        padding: 0 12px;
    }

    .addressbook-search-bar .search-bar-icon{
        margin: auto 0;
    }

    #searchBarAddressBook{
        max-height: 32px !important;
        min-height: 32px !important;
        outline: 0 !important;
        font-weight: 500;
        font-size: 12px;
        width: 300px;
    }

    .addressbook-search-bar input{
        background: #EFEFEF;
        border: none;
        width: 100%;
    }

    .add-new-recipient-button{
        width: 100%;
        height: 80px;
        min-height: 80px;
        box-shadow: 0 4px 9px 0 #47474712, 0 4px 16px 0 #4747470F, 0 24px 25px 0 #4747470D, 0 -10px 26px 0 #47474705;
        border-radius: 16px;
        margin-top: 5px;
        display: flex;
    }
    .add-new-recipient-button .add-icon{
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: #EFEFEF;
        margin: auto 0 auto 16px;
        display: flex;
    }
    .add-new-recipient-button .add-icon img{
        margin: auto;
    }

    .add-new-recipient-button .add-new-recipient-title{
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        margin: auto auto auto 16px;
    }

    .add-new-recipient-button .plus-btn{
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%);
        box-shadow: 0 1px 2px 0 #47474717, 0 3px 3px 0 #47474714, 0 7px 4px 0 #4747470D, 0 -2px 7px 0 #4747470D;
        margin: auto 16px auto auto;
        display: flex;
    }
    .add-new-recipient-button .plus-btn img{
        margin: auto;
    }


    /*    Address book mobile styles*/

    .address-book-mobile-section {
        margin-bottom: 20px;
    }

    .address-book-mobile-section h2 {
        font-size: 18px;
        color: #888;
        margin-bottom: 10px;
    }

    .address-book-mobile-card.selected {
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%);
        border-radius: 18px;
        padding: 2px;
        margin-bottom: 10px;
    }

    .address-book-mobile-card.selected .address-book-mobile-card-inner{
        border: none;
        border-radius: 16px;
        box-shadow: 0 1px 2px 0 #47474717,
        0 3px 3px 0 #47474714,
        0 7px 4px 0 #4747470D,
        0 -2px 7px 0 #4747470D;
        margin: 0;
        position: relative;
    }

    .address-book-mobile-card-inner{
        display: flex;
        gap: 15px;
        background: white;
        border: 1px solid #E2DEDE;
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 10px;
        box-shadow: none;
        position: relative;
    }

    

    .address-book-mobile-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: #f0f0f0;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        display: flex;
    }
    .address-book-mobile-avatar img{
        margin: auto;
    }

    .address-book-mobile-info {
        flex-grow: 1;
    }

    .address-book-mobile-info h3 {
        margin: 0;
        font-size: 16px;
        text-transform: none;
    }

    .address-book-mobile-info p {
        margin: 2px 0;
        font-size: 14px;
    }

    .address-book-mobile-meta {
        font-size: 13px;
        color: #666;
        display: none;
    }

    .alphabet-navigation {
        position: sticky;
        top: 10px;
        background: #fafafa;
        padding: 10px 0;
        text-align: center;
        z-index: 100;
    }

    .alphabet-navigation a {
        margin: 0 5px;
        text-decoration: none;
        color: #555;
        font-weight: bold;
        font-size: 14px;
    }

    .alphabet-navigation a:hover {
        color: #FF4895;
    }

    .section-footer {
        margin-top: 10px;
        font-size: 13px;
        color: #aaa;
        text-align: right;
        padding-right: 5px;
    }

    .address-book-mobile-card-inner .select-address{
        width: 32px;
        height: 32px;
        border-radius: 50%;
        bottom: 15px;
        right: 15px;
        position: absolute;
        border: 1px solid #474747;
        display: flex;
    }
    .address-book-mobile-card-inner .select-address img{
        display: none;
        margin: auto;
    }

    .address-book-mobile-card.selected .select-address img{
        display: flex;
    }

    .address-book-mobile-card.selected .select-address{
        background: linear-gradient(45deg, #FF4895, #FF776D);
        border: none;
    }


    .address-book-mobile-card-inner .address-options{
        top: 15px;
        right: 22px;
        position: absolute;
    }

    .addressbook-main-wrapper{
        max-height: calc(var(--vh) - 110px);
        height: calc(var(--vh) - 110px);
        overflow: auto;
        padding: 16px;

    }
    .address-book-main{

    }
    .addressbook-search-bar-wrapper{
        padding: 0 16px;
        margin-top: 16px;
    }



    #addressBookNewRecipientMobile{

    }



    .address-book-new-recipient-container {
        width: 100%;
        height: calc(100% - 16px);
        position: relative;
    }

    .address-book-new-recipient-container form{
        height: 100%;
        padding: 0 16px;
        overflow: auto;
        padding-bottom: 90px;
    }

    .address-book-new-recipient-title {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .address-book-new-recipient-form input,
    .address-book-new-recipient-form select {
        width: 100%;
        padding: 12px;
        font-size: 16px;
        background: #EFEFEF;
        border: none;
        border-radius: 8px;
        margin-bottom: 16px;
        color: #474747;
    }

    .address-book-new-recipient-form input::placeholder {
        color: #474747;
    }

    .address-book-new-cta{
        width: 100%;
        padding: 16px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .address-book-new-recipient-button {
        width: 100%;
        padding: 14px;
        background: linear-gradient(45deg, #FF4895, #FF776D);
        border: none;
        color: white;
        font-size: 16px;
        border-radius: 12px;
        cursor: pointer;
    }
    .address-contact-avatar{
        background: #EFEFEF;
        width: 80px;
        height: 80px;
        margin: 10px auto;
        display: flex;
        border-radius: 100%;
    }
    .address-contact-avatar img{
        display: flex;
        margin: auto;
    }
    .required-fields-info{
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 4px;
    }

    .address-book-new-recipient-container .dropdown-backdrop{
        z-index: -1;
    }

    .address-book-new-recipient-container .postcardInput button.btn.dropdown-toggle.btn-default{
        min-height: 40px;
        max-height: 40px;
        display: flex;
    }
    .address-book-new-recipient-container .postcardInput button.btn.dropdown-toggle.btn-default  .filter-option{
        margin: auto;
    }
    .address-book-new-recipient-container .btn-group{
        max-height: 40px;
        width: 100% !important;
    }

    .address-book-new-recipient-container .countrywahl .bootstrap-select .btn{
        background-color: #EFEFEF !important;
        border: none !important;
        border-radius: 8px;
    }

    .address-book-new-recipient-container .countrywahl{
        width: 100%;
    }

    .address-book-new-recipient-container select.postcardInput.iso_us, select.postcardInput.iso_au, select.postcardInput.iso_ca{
        background-color: #EFEFEF !important;
        border-radius: 8px !important;
        min-height: 40px;
        width: 100% !important;
        padding: 0 !important;
    }

    .address-book-new-recipient-container .bootstrap-select.btn-group .dropdown-menu.open{
        position: absolute;
        top: -350px;
    }

    #addressBookListMobile {

    }

    #addressBookNewRecipientMobile{
        display: none;
    }
    .address-book-new-recipient-button.bgGrey{
        background-color: #ddd !important;
        background: #9a9a9a;
    }

    .address-book-choice-btn{
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: flex;
        position: absolute;
        bottom: 50px;
        right: 16px;
        background: linear-gradient(45deg, #FF4895, #FF776D);
        box-shadow: 0 1px 2px 0 #47474717, 0 3px 3px 0 #47474714,  0 7px 4px 0 #4747470D, 0 -2px 7px 0 #4747470D;
    }

    .address-book-choice-btn img{
        margin: auto;
    }

    #preview #postcardPreview,
    #preview #postcardPreview .front,
    #preview #postcardPreview .back,
    #preview #postcardClassic #standard_1,
    #preview #postcardClassic #standard_1 img,
    #preview #postcardPreview #postcardClassic.noframe{
        width: 345px !important;
        height: 247px !important;
    }

    #postcardPreview .verticalLine{

        height: 199px !important;
        width: 5px !important;
        background-size: 5px !important;
    }

    #postcardPreview .stamp{
        width: 70px;
        height: auto;
    }

    #postcardPreview #writeReceiver{
        display: block !important;
        max-width: 119px;
        position: absolute;
        right: 15px;
        bottom: 72px;
        height: fit-content !important;
    }

    #postcardPreview #writeReceiver br{
        display: none !important;
    }
    #postcardPreview #writeReceiver input{
        font-size: 8px !important;
        border: none !important;
        max-width: 119px !important;
        min-width: 62px !important;
        height: fit-content !important;
        font-weight: 400 !important;
    }

    #step_4 .recipients__button{
        width: 100px !important;
        height: 40px !important;
        padding: 5px !important;
        line-height: 10px !important;
        bottom: -35px !important;
        font-size: 8px !important;
    }


    #step_4b .options__list{
        display: block !important;
        padding: 0 16px;

    }

    #step_4b .options__list.last{
        padding-bottom: 150px;
    }

    #step_4b .options__icon-container{
        width: 32px;
        height: 32px;
    }

    #step_4b .options__item{
        /*padding-bottom: 16px;*/
        margin-top: 13px;
    }
    #step_4b .options__item:not(.options__item--selected){
        box-shadow: none;
        border: none;
    }
    #step_4b .options__item::after{
        content: '';
        position: absolute;
        bottom: -7px;
        left: 5%;
        width: 90%;
        border-bottom: 1px solid #EFEFEF;
    }

    #step_4b .options__title {
        padding: 0 16px;
        margin-bottom: 0 !important;
    }
    #step_4b .products__nav{
        top: 100px !important;
        box-shadow: none !important;
        position: fixed;
        left: 0;
        right: 0;
        white-space: nowrap;
        overflow-x: auto;
        line-height: 40px;
        overflow-y: hidden;
    }

    .modal-ajax_create_postcard_product_info{
        max-width: 100%;
        width: 100% !important;
    }

    .product-carousel__media-container{
        width: 100% !important;
    }

    #modal__product-carousel{
        width: 100% !important;
    }

    .modal-ajax_create_postcard_product_info .modal-content{
        height: calc(0.8 * var(--vh));
        position: absolute;
        bottom: 0;
        border-radius: 16px 16px 0 0 !important;
        width: 100% !important;
        overflow: auto !important;
    }

    .modal-ajax_create_postcard_product_info .modal__body{
        height: calc(var(--vh) - 400px);
        border-radius: 0;
    }

    .modal-dialog:not(.modal-ajax_order_confirmation):not(.modal-ajax_create_postcard_confirm_box):not(.modal-ajax_confirmation_popup):not(.modal-ajax_create_postcard_front_text):not(.modal-ajax_create_postcard_action):not(.modal-ajax_create_postcard_back_text):not(.modal-ajax_create_postcard_addressbook_mobile):not(.modal-ajax_payment_popup){
        margin: 0 !important;
        height: calc(var(--vh) - 85px);
        min-height: calc(var(--vh)) !important;
    }

    .modal-ajax_create_postcard_umbra_color_selection{
        width: 100% !important;
        max-width: 100% !important;
    }
    .modal-ajax_create_postcard_umbra_color_selection .modal-content{
        width: 100% !important;
        position: absolute;
        bottom: 0;
        border-radius: 16px 16px 0 0 !important;
    }
    .modal__body--umbra-color-selection{
        border-radius: 16px 16px 0 0 !important;
    }

    .create_postcard .sub-header .premium-upgrades-title{
        display: none !important;
    }

    .cart-overview__shipping-container{
        margin-top: 10px;
        margin-bottom: 24px;
    }

    .cart-overview__item-container{
        margin-bottom: 32px;
    }

    #step_5 .payment-section{
        padding: 16px;
    }

    #step_5 #submit_postcard_payment{
        background: linear-gradient(45deg, #FF4895, #FF776D) !important;
    }

    .flip-card-mobile{
        display: flex !important;
        width: 100%;
        margin-top: 42px;
    }

    .flip-card-mobile .flip-card-mobile-icon-wrapper{
        margin: auto;
    }
    .flip-card-mobile-icon{
        text-align: center;
    }
    .flip-card-mobile-icon img{
        text-align: center;
    }
    #flip_card, #flip_back{
        display: none;
    }

    .flip-card-mobile-text{
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        margin-top: 8px;
    }

    #finished .postcard,
    #finished .create-postcard,
    #finished .postimage,
    #finished #standard_1
    {
        width: 343px !important;
        height: 247px !important;
    }

    #finished #greeting-pic .postimage{
        width: 100% !important;
        height: 100% !important;
    }

    #finished .postcard{
        margin: auto !important;
    }

    #finished .tick{
        display: none;
    }

    #step_6 .main{
        height: fit-content !important;
    }

    #step6 .foldingcard_preview .preview-card{
        margin-left: 55% !important;
    }

    .bs-ajax_order_confirmation-modal .modal-dialog.modal-ajax_order_confirmation{
        margin: auto !important;
        height: fit-content !important;
    }

    .bs-ajax_create_postcard_confirm_box-modal .modal-dialog.modal-ajax_create_postcard_confirm_box{
        height: fit-content !important;
        margin: auto !important;
    }

    .bs-ajax_confirmation_popup-modal .modal-dialog.modal-ajax_confirmation_popup{
        height: fit-content !important;
        margin: auto !important;
    }

    .modal-dialog.modal-ajax_order_confirmation  .btn{
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%) !important;
    }


    #step_6 .btn-send-card-again{
        display: none !important;
    }
    #step_6 .btngrey:not(.home-link):not(.btn-send-another-card){
        display: none !important;
    }

    #step_6 .btn-send-another-card{
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%) !important;
        margin: 32px 0 16px 0 !important;
        display: block !important;
    }

    #step_6 .btngrey:not(.btn-send-another-card){
        margin: 0 !important;
        background: #fff;
        border: 1px solid #474747;
        color: #474747 !important;
    }

    .cart-overview__item-title{
        display: block !important;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
    }
    .cart-overview__item-title.margin-bottom-4{
        margin-bottom: 4px;
    }

    .coupon__button:not(.coupon__input--not-empty){
        opacity: 0.3;
    }

    .email-notification-mobile{
        display: block !important;
        text-align: center;
        margin-top: 32px;
    }

    .main-row-success{
        height: calc(var(--vh) - 120px) !important;
    }

    .create-postcard-success-buttons{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .create-postcard-success-page{
        padding-top: 20px !important;
    }

    .card--foldingcard .card-wrapper{
        padding: 10px !important;
    }

    .card--foldingcard #photo_inside{
        width: 145px !important;
        height: 145px !important;
    }

    .card--foldingcard{
        margin-bottom: 32px !important;
    }
    .card--foldingcard #folding-sig{
        width: 145px !important;
        height: 42px !important;
        min-height: 42px !important;
    }

    .card--foldingcard #postcardText{
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .card--foldingcard #writePostcard{
        padding: 10px !important;
    }

    .sig-popup{
        padding: 0 !important;
    }
    .sig-popup .modal-dialog {
        width: 100% !important;
        margin: 0 !important;
        height: var(--vh) !important;
    }
    .sig-popup .modal-dialog{
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        max-width: 100% !important;
    }

    .sig-popup .modal-content{
        height: 100% !important;
        border-radius: 0 !important;
        background: #EFEFEF;
    }
    .sig-popup .modal-body{
        /*padding: 8px !important;*/
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
    }

    .sig-popup .modal-body .container .row{
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .sig-popup .modal-body .container,
    .sig-popup .modal-body .container .row,
    .sig-popup .modal-body .container .text-center
    {
        width: 100% !important;
        height: 100% !important;
    }
    .sig-popup .modal-body .container{
        padding: 0 !important;
    }
    .sig-popup .modal-header{
        display: none !important;
    }

    .sig-popup .modal-body .container .text-center{
        display: flex;
        width: fit-content !important;
    }

    .sig-popup .btnGrey,
    .sig-popup .btnPink
    {
        display: none;
    }

    .sig-box{
        min-width: 158px !important;
        max-width: 158px !important;
        height: calc(100% - 100px) !important;
        border: none !important;
        background: #fff;
        border-radius: 8px;
        margin: auto auto auto 10px !important;
    }
    .sig-pencil{
        display: none;
    }

    .sig-trash{
        display: none !important;
    }
    .create-postcard-signature-panel-mobile{
        display: block !important;
        max-width: 48px;
        min-width: 48px;
    }
    .mobile-header-signature{
        display: flex ! IMPORTANT;
        position: relative;
        height: 100%;
        min-width: 48px !important;
    }
    .mobile-header-signature .modal-title{
        position: absolute;
        transform: rotate(270deg);
        top: 50%;
        left: -15px;
    }
    .mobile-header-signature img{
        position: absolute;
        bottom: 16px;
        left: 6px;
    }

    .sig-progress{
        display: none !important;
    }

    #slider-vertical {
        height: 154px;
        margin: 0 20px;
        background: #474747;
        width: 3px !important;
        border-radius: 3px;
    }

    .ui-state-default{
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
        background: #fff !important;
        border: none !important;
        left: -10px !important;
    }

    .signature-control-mobile{
        min-width: 48px;
        position: relative;
        height: 100%;
    }

    .slider-vertical-wrapper{
        position: absolute;
        bottom: 0;
    }

    .slider-top-dot{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #474747;
        position: relative;
        left: 11px;
    }
    .slider-bottom-dot{
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #474747;
        position: relative;
        left: 17px;
    }

    .btn-signature-accept{
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%) !important;
        margin-bottom: 32px;
        display: flex;
        box-shadow: 0 1px 2px 0 #47474717, 0 3px 3px 0 #47474714, 0 7px 4px 0 #4747470D, 0 -2px 7px 0 #4747470D;
    }

    .btn-signature-accept img{
        transform: rotate(270deg);
        margin: auto;
    }

    .signature-panel{
        position: absolute;
        top: 0;
        right: 32px;
        bottom: 0;
        width: fit-content;
        min-width: fit-content;
        max-width: fit-content;
        padding: 32px 0;
    }

    #folding-sig:not(.sig-preview){
        background-image: url('https://img-6aa0.kxcdn.com/signature-mobile2.png') !important;
        background-color: #EFEFEF !important;
    }


    .js-create_postcard.foldingcard .foldingcard_preview{
        width: 345px !important;
        height: 268px !important;
    }

    .js-create_postcard.foldingcard .preview-card{
        width: 163px !important;
        height: 210px !important;
        margin: 16px auto !important;
        margin-left: 45% !important;
        perspective: 402px !important;
    }

    .js-create_postcard.foldingcard .front.face .finalimage{
        width: 230px !important;
        height: 162px !important;
        margin-left: -33px !important;
        margin-top: 34px !important;
    }

    .js-create_postcard.foldingcard .front.face{
        height: 230px;
        width: 162px;
    }

    #greeting-pic {
        width: 158px !important;
        height: 145px !important;
        margin-top: 11px !important;
    }

    #greeting-pic img {
        margin-left: -2px !important;
    }


    .js-create_postcard.foldingcard .sig-preview{
        height: 53px !important;
        padding: 0 !important;
        min-height: 39px !important;
        max-height: 53px !important;
    }

    .js-create_postcard.foldingcard #preview{
        width: 345px !important;
        height: 268px !important;
        margin: auto !important;
    }


    .header--sticky{
        position: fixed !important;
        left: 0;
        right: 0;
    }


    .modal__body--address-options {
        padding: 16px;
        gap: 16px;
        border-radius: 0;
        box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.04), 0 0 2px 0 rgba(0, 0, 0, 0.24);
        background-color: #FFF;
        width: 100%;
        height: 100%;
    }


    .modal-ajax_create_postcard_addressbook_address_options{
        min-height: calc(var(--vh));
        display: flex;
        align-items: center;
        transform: unset;
        top: unset;
        max-width: 100%;
    }
    .modal-ajax_create_postcard_addressbook_address_options .modal-content{
        width: 100% !important;
        position: absolute;
        bottom: 32px;
        border-radius: 16px 16px 0 0 !important;
    }

    .bs-ajax_create_postcard_confirm_box-modal{
        z-index: 1050 !important;
    }

    .address-option-wrapper .address-option{
        height: 48px;
        line-height: 46px;
        display: flex;
        background: #fff;
        padding: 0 16px;
        position: relative;
    }

    .address-option-wrapper .address-option:not(.cancel):not(.delete)::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 90%;
        border-bottom: 1px solid #E2DEDE;
    }


    .address-option-wrapper .address-option:nth-child(1){
        border-radius: 16px 16px 0 0;
    }

    .address-option-wrapper .address-option:nth-child(3){
        border-radius: 0 0 16px 16px;
    }


    .address-option-wrapper .address-option:nth-child(4){
        margin-top: 16px;
        border-radius: 16px;
        text-align: center;
        display: block;
        font-size: 17px;
        font-weight: 500;
    }

    .address-option-wrapper .address-option-icon{
        /*position: relative;*/
        /*top: -2px;*/
        min-width: 25px;
        display: flex;
        margin-right: 16px;
    }

    .address-option-wrapper.creation-process .address-option.select{
        display: flex;
        border-radius: 16px 16px 0 0;
        background: #fff;
        color: #474747;
    }

    .address-option-wrapper.creation-process .address-option.edit{
        border-radius: 0;
        margin-top: 0;
    }

    .address-option-wrapper .address-option-icon img{
        margin: auto;
    }

    .modal-ajax_create_postcard_addressbook_address_options,
    .modal-ajax_create_postcard_addressbook_address_options .modal-content,
    .modal-ajax_create_postcard_addressbook_address_options .modal-content .modal__body
    {
        border-radius: 0;
        box-shadow: none;
        background-color: transparent;
    }

    .products__options.products__options_index_0{
        margin-top: 100px;
    }

    .modal__close-icon--product-info{
        /*top: 156px !important;*/
        top: calc(0.2 * var(--vh) + 16px) !important;
        position: fixed !important;
    }
    label.countrywahl{
        margin-right: 0 !important;
    }

    .front-text{
        font-size: 9.2px !important;
        line-height: 18.4px !important;
        letter-spacing: 0.005em !important;
        font-weight: 700 !important;
        text-align: center !important;
        margin: 0 !important;
    }

    .modal-ajax_payment_popup .form-group.width200{
        width: 100% !important;
        margin-bottom: 16px !important;
    }
    .modal-ajax_payment_popup .form-group input{
        height: 48px !important;
        border: none !important;
        background: #EFEFEF !important;
        font-size: 16px !important;
        line-height: 16px !important;
        min-height: 48px !important;
    }

    .modal-ajax_payment_popup .form-group .fa-credit-card{
        display: none !important;
    }

    .modal-ajax_payment_popup .form-group .select-table:not(.ccValidUntil) td{
        width: 100% !important;
    }

    .modal-ajax_payment_popup #card-number,
    .modal-ajax_payment_popup #cvv
    {
        border: none;
        background: #efefef;
        height: 48px !important;
        margin-bottom: 16px;
    }

    .modal-ajax_payment_popup .modal-body.clearfix input.form-control{
        min-height: 48px !important;
    }

    .modal-ajax_payment_popup #instantCC_submit{
        background: linear-gradient(45deg, #FF4895, #FF776D) !important;
        height: 48px !important;
        border-radius: 10px !important;
        width: 100%;
        display: block;
    }
    .modal-dialog.modal-ajax_payment_popup p.grey-txt.amount{
        color: #474747 !important;
        text-align: left !important;
        font-size: 18px !important;
        line-height: 22px !important;
        text-transform: none !important;
    }

    .modal-dialog.modal-ajax_payment_popup p.grey-txt.payment-instructions{
        color: #474747 !important;
        text-align: left !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .modal-ajax_payment_popup .modal-body.clearfix{
        padding: 48px 16px 16px !important;
    }

    .modal-ajax_payment_popup div#expiration-year{
        /*margin-left: 4px;*/
    }

    .modal-ajax_payment_popup .form-control#expiration-year,
    .modal-ajax_payment_popup .form-control#expiration-month
    {
        border: none !important;
        background: #efefef !important;
        height: 48px !important;
    }

    .submit-cc-payment{
        position: absolute;
        left: 0;
        right: 0;
        bottom: -100px;
    }

    .modal-ajax_payment_popup .credit-secure-notice,
    .modal-ajax_payment_popup .form-cards-bottom{
        margin-top: 8px !important;
        margin-bottom: 70px !important;
    }

    .modal-ajax_payment_popup {
        margin: 0 !important;
        height: calc(var(--vh) - 85px);
        min-height: calc(var(--vh)) !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .modal-ajax_payment_popup .modal-content {
        height: calc(0.8 * var(--vh));
        position: absolute;
        bottom: 0;
        border-radius: 16px 16px 0 0 !important;
        width: 100% !important;
        overflow: auto !important;
    }

    .modal-ajax_payment_popup .modal-header{
        position: fixed;
        left: 0;
        right: 0;
        z-index: 1000;
        background: #fff;
        border-radius: 16px 16px 0 0;
    }

    .modal-ajax_payment_popup .modal-header .closeUpPanel{
        display: none;
    }

    .modal-ajax_payment_popup .modal-header .closeUpPanelMobile{
        display: block !important;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .modal-ajax_payment_popup .modal-header .closeUpPanelMobile img{
        margin-top: 0;
    }

    .fa-question.cvv-tooltip{
        display: none;
    }
    .js-button--next.loading svg{
        display: none;
    }

    .js-button--next.loading .button-spinner{
        display: block;
    }

    .btn-send-another-card br{
        display: none;
    }

    .modal-dialog.modal-ajax_payment_popup p.grey-txt{
        text-align: left !important;
    }

    .modal-ajax_payment_popup .form-group select{
        min-height: 48px !important;
        background: #EFEFEF !important;
        padding-bottom: 0;
        border: none;
    }

    #creditcard_form_instantELV br{
        display: none;
    }

    .payment-instant-elv-title{
        display: block !important;
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        color: #474747;
        margin-bottom: 8px;
    }

    .payment-instant-elv-title.margin-bottom-30{
        margin-top: 30px;
    }


    .firstname-elv-payment{
        width: 100% !important;
    }

    .lastname-elv-payment{
        width: 100% !important;
    }

    .col-payment-elv{
        padding: 0 !important;
    }

    .instant-su-li{
        display: none;
    }

    .upload-panel-comp{
        display: none !important;
    }
    .upload-panel-phone{
        display: block !important;
    }
    .upload-panel-icon-comp{
        display: none !important;
    }
    .upload-panel-icon-phone{
        display: block !important;
    }

    .two_buttons.buttons-discard-postcard{
        display: flex;
        flex-direction: column;
    }

    #confirm-modal .modal-buttons .two_buttons.buttons-discard-postcard a.btn-discard,
    #confirm-modal .modal-buttons .two_buttons.buttons-discard-postcard a.btn-save-draft
    {

        border: 1px solid #474747 !important;
        min-height: 48px !important;
        border-radius: 16px !important;
        font-family: Roboto, sans-serif;
        font-weight: 700 !important;
        font-size: 17px !important;
        line-height: 17px !important;
        letter-spacing: 0.085px !important;
        text-align: center;
        vertical-align: middle;
        color: #474747 !important;
        padding: 16px 8px;
        background: #fff !important;

    }

    #confirm-modal .modal-buttons .two_buttons.buttons-discard-postcard a.btn-discard{
        order : 3;
        margin-top: 30px !important;
    }

    #confirm-modal .modal-buttons .two_buttons.buttons-discard-postcard a.btn-save-draft{
        order : 1;
        display: block !important;
        margin-bottom: 16px;
        text-transform: none !important;
    }

    #confirm-modal .modal-buttons .two_buttons.buttons-discard-postcard a.btn-save-draft.btn-hidden{
        display: none !important;
    }

    .two_buttons.buttons-discard-postcard .js-discard_postcard{
        order : 2;
        background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%) !important;
        box-shadow: 0 1px 2px 0 #47474717, 0 3px 3px 0 #47474714, 0 7px 4px 0 #4747470D, 0 -2px 7px 0 #4747470D !important;
        min-height: 48px !important;
        border-radius: 16px !important;
    }

    .modal_create_postcard_confirm_box.modal-discard-postcard .modal-title{
        font-size: 24px !important;
        text-align: center;
        vertical-align: middle;
        line-height: 30px;
        margin-bottom: 35px;
        color: #474747 !important;
    }

    .modal_create_postcard_confirm_box.modal-discard-postcard .warning-discard-postcard{
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.07px !important;
        color: #474747 !important;
        margin-top: 30px !important;
    }

    .modal-ajax_create_postcard_confirm_box .modal-content{
        border-radius: 16px;
    }

    #confirm-modal .modal-buttons .two_buttons.buttons-discard-postcard .js-discard_postcard .fa.fa-trash{
        display: none;
    }

    #confirm-modal .modal-buttons .two_buttons.buttons-discard-postcard .js-discard_postcard{
        padding: 16px 8px;
        font-weight: 700 !important;
        font-size: 17px !important;
        line-height: 17px !important;
        letter-spacing: 0.085px !important;
    }

    .create_postcard #preview #postcardInstant{
        margin-left: 50px !important;
        margin-top: -49px !important;
        height: 345px !important;
        width: 245px !important;
    }
}