@media screen and (min-width:220px) and (max-width: 375px){
    .g-recaptcha {
        transform: scale(0.95);
        transform-origin: 0 0;
    }
}

@media only screen and (min-width: 220px) and (max-width: 991px) {

    .btn-group-lg>.btn, .btn-lg {
        padding: 3px 5px;
    }
    
    #_inc_payment_progressbar.step-container.mini .step .step-no {
        line-height: 20px;
        width: 28px;
        height: 28px;
        font-size: 16px;
    }
}

/**
Responsive layouts for vertical smartphones
 */
@media only screen and (min-width: 220px) and (max-width: 478px) {
    .topMenu li.menuPremium {
        display: none;
    }
    
    .box-msg-result-v2 {
        max-width: 100%;
    }
    
    .modal-body .icebreaker fieldset.info-step {
        text-align: center;
        padding-top: 20px;
    }
    
    .step-container .step .step-no {
        margin-right: 0;
    }
    
    .step-text {
        display: none;
    }
    
    .col-flex {
        flex-direction: column;
    }
    
    .register-form-terms .col-flex {
        flex-direction: row;
    }
    
    .browse-file-link-wrapper {
        padding-left: 0px!important;
    }
        
    .hidden-custom {
        display: none!important;
    }
    
    .col-xs-4-edit-data-modal {
        width: 50%;
    }
    
    .col-xs-6-edit-data-modal {
        width: 100%;
    }
    
    .campaign-button-text-text {
        display: none;
    }
    
    .campaign-button-text-button {
        height: 100%;
        width: 90%!important;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .campaign-button-text-button > .btn.btn-green-ssl {
        height: 100%;
        display: block;
        width: 100%;
    }
    
    .loginFormContainer .loginForm.background-white, 
    reminderForm {
        padding: 30px 15px!important;
    }
}

@media only screen and (min-width: 220px) and (max-width: 550px) {
    .box.suggestion-box .box-header h2{
        font-size: 18px;
    }
    .profile-header-buttons li#remove-favorit, .profile-header-buttons li#add-favorit {
        display: none;
    }
    .profile-id-part {
        padding-top: 10px;
    }
    .profile-id-part{
        padding-top: 0px;
    }
    .profile-id-part div {
        text-align: center;
    }
    .profile-percentage-part p {
        width: 70%;
        margin: 0 auto;
    }
    .send-message-btn{
        padding: 4px 6px;
        float: none;
        margin-top: 0px;
    }
    .questionpage-text .tab-content-wrapper > div{
        width: 100%;
    }
    .questionpage-text img.profile-photo{
        display: none;
    }
    .questionsContainer {
        padding: 10px;
    }
    .reminderForm {
        padding: 30px 5px;
    }
    header {
         min-width: 250px;
    }

    .questionsContainer .questionMultiline .questionBody label.importance {
        margin-left: 0px;
    }
    .box.welcome-window{
         padding: 10px;
    }
    .welcome-window-desc .row .col-md-6 {
        margin-bottom: 40px;
    }
    .box .box-body > ul li a.check-details{
        display: none;
    }
    
    .list-row.flex-container > a.check-details {
        display: block!important;
    }
    
    .dropzone-wrapper {
        display: none;
    }
    
    #modal-cropper.edit-data-modal .modal-body {
        padding: 15px;
    }
    
    .featureContentFlexItem {
        line-height: initial;
    }
    
    .cbx-switch-label {
        transform: scale(1.1)!important;
    }
    
    .campaign-button-text-headline {
        display: none;
    }
    
    .topMenu li.menuPremium a i.fa {
        display: none;
    }
    
    #confirm-email .ecift-styled-xl-button {
        padding: 10px 20px!important;
    }
    
    #search .main-personal-data-item.premium-row {
        flex-direction: column;
    }
    
    #search .main-personal-data-item.premium-row > div:first-of-type {
        padding-bottom: 20px;
    }
    
    .no-items-message-icon .ecift-icon-svg {
        width: 70px;
        height: 70px;
    }

    .no-items-message-icon .no-items-message-icon-wrapper {
        font-size: 75px;
        width: 100px;
        height: 100px;
    }
    
    .no-items-message-icon .no-items-message-icon-wrapper .ecift-icon-favorite-sent {
        font-size: 77px;
    }
    
    .step-container.mini .step .step-no {
        line-height: 20px;
        width: 28px;
        height: 28px;
        font-size: 16px;
    }
}

@media only screen and (min-width: 220px) and (max-width: 600px) {
    
    .my-top-profile-image,
    .partner-top-profile-image {
        display: none;
    }
    
    .cover-container-shimmer {
        aspect-ratio: 1;
        background-image: linear-gradient(to right, var(--shimmer-color-grey) calc(50% - 100px), #c5c5c5 50%, var(--shimmer-color-grey) calc(50% + 100px));
        background-size:0;
        position:relative;
        overflow:hidden;
    }

    .cover-container-shimmer::before {
        content:"";
        position:absolute;
        top:0;
        right:0;
        width:calc(200% + 200px);
        bottom:0;
        background-image:inherit;
        animation:move 1.5s linear infinite; 
    }
    
    .top-profile-background {
        aspect-ratio: 1;
        padding-bottom: 15px;
        background: 0;
        background-size: 0;
    }
    
    .profile-data-wrapper-middle {
        justify-content: flex-end!important;
    }
    
    .profile-header-buttons {
        padding: 15px 0 0 0;
    }
    
    .campaign-button-text-headline {
        font-size: 17px;
    }
    
    .partner-top-profile-image-premium-button {
        display: none;
    }

    .partner-top-profile-image-premium-button-mobile {
        display: inline-block;
    }
    
    .list-item-partner-wrapper {
        width:100%!important;
    }
}

@media only screen and (min-width: 220px) and (max-width: 767px) {
    
    .register-test-area.area1 {
        background-position: 58% top;
    }
    
    #payment-runtime.mainBg, 
    #payment-method.mainBg, 
    #payment-billdata.mainBg {
        padding-bottom: 0px;
        display: flex;
    }
    
    #payment-runtime.mainBg > .container,
    #payment-method.mainBg > .container,
    #payment-billdata.mainBg > .container {
        padding-bottom: 0px;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
    }
    
    #payment-runtime.mainBg > .container > .row, 
    #payment-method.mainBg > .container > .row, 
    #payment-billdata.mainBg > .container > .row {
        display: flex;
        flex-grow: 1;
    }
    
    #payment-runtime.mainBg > .container > .row > .col-xs-12, 
    #payment-method.mainBg > .container > .row > .col-xs-12, 
    #payment-billdata.mainBg > .container > .row > .col-xs-12 {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
    }
    
    .plan-choosen-mobile {
        width: 100%!important;
        max-height: none!important;
        padding: 0!important;
        cursor: auto!important;
    }
    .plan div.plan-period {
        border-bottom: 0px solid #bdbdbd;
        margin: 0px;
        margin-bottom: 10px;
        padding: 0px;
        font-size: 15px;
        font-weight: normal;
        color: #323232;
        line-height: 15px;
        width: 100%;
    }
    .plan.plan-mobile-standard div.plan-period {
        margin-bottom: 15px;
    }
    .plan .plan-price{
        margin: 40px 20px;
    }
    .plan-mobile-standard .plan-price{
        margin: 0px auto 10px;
        border: 0;
        padding-top: 5px;
    }
    .plan-mobile-standard .plan-price .price-tag span.period-text {
        left: .5em;
        bottom: -1em;
    }
    .plan {
        background: #fff;
        border-radius: 4px;
        border: none;
        width: 31%;
        padding: 5px 4px;
        max-height: 95px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .plan-mobile-special {
        width: 100%;
        min-height: 105px!important;
        margin-top: -10px;
    }
    .plan-mobile-standard {
        max-height: none;
    }
    .payment-benefits-box .pricing-table-special {
        padding-left: 10px;
        padding-right: 10px;
        min-height: 115px;
    }
    .hidden-md.plan:last-child{
        margin-bottom: 0px;
    }
    .plan.plan-choosen {
        position: relative;
        top: 0px;
        background: #fff;
        margin-top: -10px;
        min-height: 115px;
        border: none;
    }
    
    .plan.plan-choosen::before, .plan.plan-choosen::after {
        position: absolute;
        margin-left: -25px;
        content: ' ';
        height: 0;
        width: 0;
        pointer-events: none;
        border: solid transparent;
        border-width: 10px 25px;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    
    .plan.plan-choosen::before {
        z-index: 1;
        top: 100%;
        left: 50%;
        border-top-color: #fff;
    }
    
    .plan.plan-choosen::after {
        z-index: 0;
        top: 102%;
        left: 51%;
    }
    .plan-mobile-special div.plan-period, 
    .plan.plan-choosen div.plan-period {
        margin-bottom: 20px;
    }
    
    #payment-product-box-wrapper, #payment-product-box-wrapper .plan-wrapper{
        padding: 0px;
    }
    #payment-product-box-wrapper .plan-wrapper{
        margin-top: 30px;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        min-height: 115px;
    }
    .plan.plan-choosen span , .plan.plan-choosen div:first-child{
        margin-bottom : 0px;
    }
    .plan h3.plan-name, .plan.plan-choosen h3.plan-name{
        min-height: 40px;
        margin: 6px 0 4px 0;
        font-size: 17px;
        color: #323232;
        padding: 0;
        flex: 1;
    }
    .plan-mobile-standard h3.plan-name {
        min-height: auto;
        margin-bottom: 15px;
    }
    .plan-mobile-special h3.plan-name, 
    .plan.plan-choosen h3.plan-name{
        margin: 16px 0 4px 0;
        overflow: hidden;
    }
    .plan.plan-choosen-mobile h3.plan-name{
        text-align: center;
        font-size: 22px;
        font-weight: 600;
        border-bottom: 1px solid #bdbdbd;
        padding: 20px 0;
        margin-top: 0px;
        margin-bottom: 40px;
        display: block;
    }
    .plan.plan-choosen-mobile .payment-button-container-runtime {
        margin: 0px 20px 35px;
        padding: 0;
    }
    .plan.plan-choosen-mobile .payment-button-container-runtime > a {
        width: 90%;
        padding: 15px!important;
        margin: 0;
        white-space: initial;
    }
    .plan-mobile-standard .plan-price .price-tag {
        padding: 0px;
        font-size: 30px;
        white-space: nowrap
    }
    .plan-mobile-standard .plan-price .price-tag-dec {
        font-size: 20px;
    }
    
    .payment-method-box-wrapper, 
    .payment-billdata-box-wrapper {
        padding: 0;
    }
    
    .box.payment-box.payment-benefits-box, 
    .box.payment-box.payment-method-box, 
    .box.payment-box.payment-billdata-box {
        background-color: var(--main-color);
        border-radius: 0px;
        margin-top: 0px;
        flex-grow: 1;
    }
        
    .payment-benefits-box .pricing-table{
        margin-top: 0px;
    }
    .payment-benefits-box .advantages-table {
        color: #fff;
        font-weight: normal;
        padding-left: 10px;
        padding-right: 10px;
    }
    .payment-product-row-standard-header {
        color: #fff;
        font-weight: normal;
        height: auto;
    }
    #payment-accordion .panel {
        background: var(--main-color);
    }
    #payment-accordion .panel-default {
        border-color: red;
    }
    
    #payment-accordion button:hover, 
    #payment-accordion button:not(.collapsed), 
    #payment-accordion .panel-collapse {
        background: var(--main-color);
    }

    #payment-accordion .accordion-toggle i.glyphicon:before {
        /* symbol for "opening" panels */
        color: #fff;
    }

    #payment-accordion .accordion-toggle.collapsed i.glyphicon:before {
        /* symbol for "collapsed" panels */
        color: #fff;
    }
    
    .payment-benefits-box li.panel {
         margin-bottom: 20px;
    }
        
    .box.payment-box.payment-method-box, 
    .box.payment-box.payment-billdata-box {
        padding: 0px 10px 20px;
    }
    
    .tax-info{
        color: #fff;
        font-weight: normal;
        width: 100%;
        text-align: center;
        margin: 20px 0px 0px;
        float: left;
    }
    a:focus, a:hover {
        text-decoration: none;
    }
    .payment-product-box-special {
        background: none;
    }
    .payment-product-box-header-special {
        color: #ffffff;
    }
    .payment-box .box-header,
    .payment-box .box-body {
        max-width: 576px;
        margin: 0 auto;
        padding-top: 0;
    }
    .payment-box.payment-method-box .box-header, 
    .payment-box.payment-method-box .box-body, 
    .payment-box.payment-billdata-box .box-header, 
    .payment-box.payment-billdata-box .box-body {
        max-width: 556px;
        background: #fff;
        border-radius: 4px;
        border: none;
        padding: 15px!important;
    }
    .payment-box.payment-method-box .box-header, 
    .payment-box.payment-billdata-box .box-header {
        position: relative;
        margin-bottom: 70px;
    }
    .payment-box.payment-method-box .box-body, 
    .payment-box.payment-billdata-box .box-body {
        margin-bottom: 40px;
    }
    .payment-box.payment-method-box .box-header .payment-method-title,
    .payment-box.payment-billdata-box .box-header .payment-billdata-title {
        position: absolute;
        bottom: -55px;
        left: 0px;
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
    }
    .payment-box.payment-method-box .row_old {
        margin: 0 0 20px 0; 
    }
    .payment-tabset {
        padding: 0;
        background-color: #fff;
        flex-direction: column;
    }
    .payment-method-tab {
        background-color: #fff;
    }
    .payment-method-tab {
        border-radius: 4px!important;
        border: 2px solid #ccc!important;
        width: 100%;
        margin-bottom: 15px;
        overflow: hidden;
    }
    .payment-method-tab:last-child {
        margin-bottom: 30px;
    }
    .payment-method-tab.active {
        border: 2px solid var(--checked-color-green)!important;
    }
    .payment-method-tab label {
        width: 100%;
        min-width: 210px;
    }
    .payment-method-tab label.label-CC {
        min-width: 340px;
    }
    .payment-method-tab label.label-PP {
        min-width: 240px;
    }
    .payment-method-fields-cc-new, 
    .payment-method-fields-mo, 
    .payment-method-fields-pp, 
    .payment-method-fields-dd-new, 
    .payment-billdata-fields-new, 
    .payment-premium-membership,
    .payment-method-inner, 
    .payment-billdata-inner {
        padding: 0;
    }
    .payment-product-box-header-special{
        color: #b72d1b;
    }
    .payment-product-box-header-special .payment-product-box-price-decvalue {
        left: 0px;
        font-size: 23px;
        line-height: 30px;
    }
    .payment-product-box-special .payment-product-box-features-list {
        width: 100%;
    }
    .payment-product-box-button-wrapper-special{
        padding-top: 30px;
    }
    
    .payment-teaser-man, .payment-teaser-woman {
        display: none;
    }
    
    .payment-back-link-wrapper {
        padding-left: 10px!important;
        margin-left: auto;
        margin-right: auto;
        max-width: 576px;
    }
    
    .payment-back-link-wrapper.runtime a {
        color: #fff;
    }
    
    .payment-box.payment-method-box .payment-back-link-wrapper {
        padding-left:0!important; 
        max-width: 556px;
    }
    
    .product-mobile-toggle-title {
        text-align: center;
        padding: 0;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
    }
    
    .payment-premium-membership-inner {
        padding: 0;
    }
    
    .nav.nav-tabs.partners-tabset li a,
    .nav.nav-tabs.partners-tabset li a.active {
        padding: 10px 10px;
    }
    .footerMenu img {
        width: 85%;
        max-width: fit-content;
    }
    .topMenu {
         padding: 0px 0;
    }

    #logo a img {
        width : 100px;
        margin-top: 5px;
    }
    .subNavigation.mainsub .subMenu li {
        margin: 0 2px;
    }
    
    .subNavigation.mainsub .submenu_container .beforelis {
        opacity: 1;
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    }
    
    .subNavigation.mainsub .submenu_container .afterlis {
        opacity: 1;
        background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }
    
    .bounce-out-left {
        -webkit-animation: bounce-out-left 2.5s both;
        animation: bounce-out-left 2.5s both;
    }

    /**
     * ----------------------------------------
     * animation bounce-out-right
     * ----------------------------------------
     */
    @-webkit-keyframes bounce-out-left {
        0% { opacity: 1; }
        25% { padding-left: 5px; }
        35% { padding-left: 0; }
        45% { padding-left: 5px; }
        55% { padding-left: 0; }
        65% { padding-left: 5px; }
        75% { padding-left: 0; }
        85% { padding-left: 5px; }
        90% { opacity: 1; margin-left: 0; }
        99% { opacity: 0; margin-left: -8px; }
        100% { margin-left: -1000px; }
    }
    @keyframes bounce-out-left {
        0% { opacity: 1; }
        25% { padding-left: 5px; }
        35% { padding-left: 0; }
        45% { padding-left: 5px; }
        55% { padding-left: 0; }
        65% { padding-left: 5px; }
        75% { padding-left: 0; }
        85% { padding-left: 5px; }
        90% { opacity: 1; margin-left: 0; }
        99% { opacity: 0; margin-left: -8px; }
        100% { margin-left: -1000px; }
    }
    .bounce-out-right {
        -webkit-animation: bounce-out-right 2.5s both;
        animation: bounce-out-right 2.5s both;
    }

    /**
     * ----------------------------------------
     * animation bounce-out-right
     * ----------------------------------------
     */
    @-webkit-keyframes bounce-out-right {
        0% { opacity: 1; }
        25% { padding-right: 5px; }
        35% { padding-right: 0; }
        45% { padding-right: 5px; }
        55% { padding-right: 0; }
        65% { padding-right: 5px; }
        75% { padding-right: 0; }
        85% { padding-right: 5px; }
        90% { opacity: 1; margin-right: 0; }
        99% { opacity: 0; margin-right: -8px; }
        100% { margin-right: -1000px; }
    }
    @keyframes bounce-out-right {
        0% { opacity: 1; }
        25% { padding-right: 5px; }
        35% { padding-right: 0; }
        45% { padding-right: 5px; }
        55% { padding-right: 0; }
        65% { padding-right: 5px; }
        75% { padding-right: 0; }
        85% { padding-right: 5px; }
        90% { opacity: 1; margin-right: 0; }
        99% { opacity: 0; margin-right: -8px; }
        100% { margin-right: -1000px; }
    }
    
    .badgeRound {
        padding: 1px 6px;
    }
    
    .topMenu li > a {
        padding: 0px 10px;
    }
    
    .topMenu li > a .ecift-icon-svg {
        transform: scale(0.9);
    }
    
    .topMenu li#menuMessages > a .badgeRound {
        top: 3px; 
        left: 37px;
    }
    
    .topMenu li.menuPremium a {
        margin: 7px 8px 7px 0px;
    }
    
    .box .welcomeSteps span.stepNo{
        float: left;
        margin-right: 12px;
        margin-bottom: 15px;
    }
    .welcomeSteps .col-md-4{
        clear: both;
    }
    li .msgDetails.basic-details{
        max-width: 64%;
        margin-top: 0px;
    }
    .hasDdMenu {
        display: none;
    }
    .topMenu li > a i.fa {
        font-size: 20px;
    }
    .topMenu li > a i.ecift-icon {
        font-size: 22px;
        vertical-align: bottom;
    }
    .step-container.mini .step .step-no {
        margin-right: 0;
    }
    .step-container.mini .title {
        display: none;
    }
    .questionsContainer .questionBody img.question-answer {
        width: 100%;
        max-width: 250px;
    }
    .questionsContainer .questionBody .question-answer-wrapper {
        margin-bottom: 30px;
    }
    .profile-id-part{
        padding-top: 20px;
    }
    .profile-id-part span.profile-id-code{
        font-size: 22px;
    }
    .profile-id-part span {
        text-align: center;
    }
    .profile-percentage-part{
        padding-top: 10px;
        display: none;
    }
    
    .profile-percentage-part p{
         margin-top: 0px;
    }

    .profile-id-part{
        padding-top: 0px;
    }
    .profile-id-part div {
        text-align: center;
    }
    .profile-percentage-part p {
        width: 100%;
        margin: 0 auto;
    }
    #phototool .uploadform ul li  {
         padding: 0px !important;
    }
    .box.profile-photo-box .box-body .btn-box .btn{
        font-size: 13px;
    }
    .modal-lg .box-padding>div{
        margin-bottom:20px;
    }
    .modal-lg .box-padding{
        margin: 0px;
    }
    .modal-lg legend {
        margin-bottom: 5px;
        border-bottom: 0px solid #e5e5e5;
    }
    #partner-profile-top .profile-header-buttons li span {
        display: none;
    }
    #partner-profile-top .profile-mid-button {
        display: block;
        position: absolute;
        bottom: 227px;
        right: 7%;
        opacity: 1;
        z-index: 10;
    }
    #partner-profile-top #photo-request-pending {
        display: block !important;
        position: absolute;
        bottom: 220px;
        left: 9%;
        opacity: 1;
        z-index: 10;
    }
    #partner-profile-top .profile-mid-button:hover {
        opacity: 1;
    }
    .profile-header-buttons li.profile-mid-button a i.ei {
        line-height: 64px;
        font-size: 30px;
        color: #ffffff;
    }
    .profile-header-buttons li.profile-mid-button a {
        width: 64px;
        height: 64px;
    }
    .box .box-header {
        border-bottom: 1px solid var(--border-color-grey);
        padding: 10px 0 16px;
    }
    .payment-method-inner .row, 
    .payment-billdata-inner .row {
        min-height: 15px;
    }

    .payment-method-inner input,
    .payment-method-inner select,
    .payment-method-inner textarea,
    .payment-billdata-inner input,
    .payment-billdata-inner select,
    .payment-billdata-inner textarea {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding : 5px;
    }
    .qtip-contentWrapper h4{
        font-size: 14px;
    }
    .qtip-contentWrapper {
        margin-left: 33px;
    }
    
    .thumbnailWrapper.bordered {
        width: 120px;
        height: 120px;
    }
    
    .thumbnailWrapper.bordered.big.topprofile {
        width: 150px;
        height: 150px;
    }
    
    #invoice_not_needed_div > .col-xs-12 {
        text-align: center !important;
    }
    
    .edit-data-modal.modal {
        padding-right: 0!important;
    }
    
    .edit-data-modal.modal > .modal-dialog {
        margin: 0!important;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    
    .edit-data-modal.modal > .modal-dialog #modal-cropper-editor, 
    .edit-data-modal.modal > .modal-dialog.modal-dialog-centered-new .modal-content {
        height: 100%;
        min-height: 100%;
        border: 0;
        border-radius: 0;
    }
    
    .edit-data-modal.modal > .modal-dialog.modal-dialog-centered-new .modal-content {
        display: flex;
        flex-direction: column;
    }
    
    .edit-data-modal.modal > .modal-dialog #modal-cropper-editor .modal-body {
        height: 100%;
        min-height: 100%;
    }
    
    .edit-data-modal.modal > .modal-dialog.modal-dialog-centered-new .modal-content .modal-body {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        max-height: none!important;
    }
    
    .edit-data-modal.modal > .modal-dialog.modal-dialog-centered-new .modal-content .modal-body .content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
    
    .edit-data-modal.modal > .modal-dialog #modal-cropper-editor .modal-body .button-row {
        position: fixed;
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
    
    #profile-data-part {
        padding-left: 10px!important;
        overflow-x: hidden;
    }
    
    .list-item-partner #profile-data-part {
        padding-left: 0!important;
    }
    
    .content-personal {
        flex-direction: column-reverse;
    }
    
    .main-personal {
        padding-right: 15px!important;
    }
    
    .campaign-button-text-headline {
        padding-bottom: 5px!important;
    }
    
    .campaign-button-text-text {
        font-size: 14px!important;
        padding-bottom: 5px!important;
    }
        
    .form-wrapper, .form-inner, .form-container {
        height: 100%;
        border-radius: 0;
        margin-top: 0;
        width: 100%;
        min-width: 100%;
    }
    
    .form-container {
        padding: 20px 10px;
    }
    
    #confirm-email .box.confirm-email-box {
        max-width: 100%;
        width: 100%;
        height: 100%;
        padding: 0px 0px 30px 0px;
    }
    
    .confirm-email-header-wrapper {
        background-color: var(--main-color);
        color: #fff;
    }
    
    .ajax-register-msg-condition {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
        margin-bottom: 15px;
    }
    
    .ajax-register-msg-condition, 
    .ajax-register-msg-condition:before {
        position: absolute;
        top: auto;
        left: 0;
        bottom: calc(100% + 15px);
        margin-bottom: 0;
        pointer-events: auto;
    }
    
    .ajax-register-msg-condition:before {
        border-color: rgba(0,0,10,.80) transparent transparent;
        border-style: solid;
        border-width: 10px 10px 0;
        content: "";
        height: 0;
        width: 0;
        top: calc(100% + 5px);
        left: 50%;
        margin-left: -15px;
    }
    
    .list-item-partner-wrapper {
        width:49.99999999%;

    }
    
    .ecift-styled-icon-button.button-photo-organizer {
        font-size: 20px!important;
    }
    
    .sidebar-personal-data-item-icon, 
    #manage_profile .main-personal-data-item-icon, 
    #search .main-personal-data-item-icon, 
    .main-personal-data-item-control {
        font-size: 20px; 
    }
    
    a.profile-list-header-link {
        font-size: 20px;
    }
    
    #partners .box.profile-box.notifications-box.suggestion-box {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .questionsContainer .questionHeader strong {
        font-size: 18px;
    }
}

@media screen and (min-width: 767px) and (max-width: 1023px) {
    
    .register-test-area.area1 {
        background-position: 60% top;
    }
    
    #login-row{
        display:inline-block !important;
    }
    #logo img {
        width: 100%;
        margin-top: 5px;
    }
    .footerMenu ul li {
        min-width:65px;
    }
    .login-label-desktop {
        display: none !important;
    }
    .box .box-body > ul li .msgDetails.basic-details{
        max-width: 300px;
        margin-top: 10px;
    }
    .hasDdMenu {
        display: none;
    }
    .box .welcomeSteps span.stepNo{
        float: left;
        margin-right: 12px;
        margin-bottom: 15px;
    }
    .welcomeSteps .col-md-4{
        clear: both;
    }
    .ajax-register-msg-condition {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
        margin-bottom: 15px;
    }

    .ajax-register-msg-condition, 
    .ajax-register-msg-condition:before {
        position: absolute;
        top: auto;
        left: 0;
        bottom: calc(100% + 15px);
        margin-bottom: 0;
        pointer-events: auto;
    }

    .ajax-register-msg-condition:before {
        border-color: rgba(0,0,10,.80) transparent transparent;
        border-style: solid;
        border-width: 10px 10px 0;
        content: "";
        height: 0;
        width: 0;
        top: calc(100% + 5px);
        left: 50%;
        margin-left: -15px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 2048px) {
    
    .loginSlider { height: auto !important; }
    .sliderForm { top: 70px !important; }
    .login-label-mobile { display: none !important;}
    .login-label-desktop { display: inline-block !important; }
    .box .box-body > ul li .msgDetails.basic-details{
        max-width: 300px;
        margin-top: 10px;
    }

    #logo img {
        width: 100%;
        margin-top: 0px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1023px){
    #REMOVElogin-form-container {
        width: 50%;
        float: none;
    }
    #logo img {
        width: 100%;
        margin-top: 0px;
    }
    .box .box-body > ul li .msgDetails.basic-details{
        max-width: 300px;
        margin-top: 10px;
    }
    .box .welcomeSteps span.stepNo{
        float: none;
        margin-right: inherit;
        margin-bottom: inherit;
    }
    .welcomeSteps .col-md-4{
        clear: none;
    }
    .hasDdMenu {
        display: block;
    }
}

@media screen and (min-width:1024px) and (max-width: 1200px){
    .register-test-area.area1 {
        background-position: 65% top;
    }
    
    .sidebar-menu {
        display:none;
    }
    .box .box-body > ul li .msgDetails.basic-details{
        max-width: 300px;
        margin-top: 10px;
    }
}

@media screen and (min-width:1200px){
    .register-test-area.area1 {
        background-position: 70% top;
    }
    
    .picmo__popupContainer.picmo__light::before,
    .picmo__popupContainer.picmo__light::after {
      content: "";
      position: absolute;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      top: 100%;
      left: 50%;
      margin-left: -10px;
    }

    .picmo__popupContainer.picmo__light::before {
      border-top: 10px solid #ccc;
    }

    /* The white fill of the triangle */
    .picmo__popupContainer.picmo__light::after {
      border-top: 10px solid white;
      margin-top: -1px;
      z-index: 1;
    }
}

@media screen and (min-width:1400px) {
    .register-test-area.area1 {
        background-position: 80% top;
    }
}

@media screen and (min-width:1600px){
    .register-test-area.area1 {
        background-size: 150% auto;
        background-position: 68% top;
    }
}