@media screen and (max-width: 1200px) {
    .select-language .top-bottom h1{
        font-size: 3.8rem;
    }

    ul.container-language-flags li{
        padding: 0 10px;
    }

    ul.container-language-flags li:first-child {
        padding: 0 10px 0 0;
    }
    
    ul.container-language-flags li:last-child {
        padding: 0 0 0 10px;
    }

    .mechanics-step-1 {
        float: left;
        margin: 6rem 0 0 0;
        max-width: 100%;
        width: 700px;
    }
}

@media screen and (max-width: 992px) {
    .select-language .top-bottom h1{
        font-size: 2.8rem;
    }

    ul.container-language-flags li{
        background: none;
    }


}

@media screen and (max-width: 480px) {
    .background-logo{
        background-size: 100%;
        min-height: 160px;
        width: auto;
    }

    .background-logo img{
        width: 70px;
    }

    .select-language .top-bottom{
        margin: 15px 0 0 0;
    }

    .mechanics-step-1 {
        float: left;
        margin: 6rem 0 0 0;
        max-width: 100%;
        width: 480px;
    }
}

@media screen and (max-width: 390px) {
    .background-logo img{
        width: 50px;
    }

    .select-language .top-bottom {
        margin: 0;
    }
}


@media screen and (max-width: 991px) {
    .container-cashback-home .box-recomand-img {
        width: 100%;
        height: auto;
    }

    .container-cashback-home .box-recomand-img:nth-child(3n+2){
        margin: 0 0 1.5rem 0; 
    }

    .top-text-left h1{
        font-size: 2rem;
        padding: 45px 0 0 0;
        text-align:center;
    }

    .put-languages-left{
        top: -70px;
        left: 0;
        float:left;
        position:absolute;
    }

    .put-languages-left {
        float: left;
        padding: 15px 0 0 25px;
    }

    body .no-padding-left-right-mobil{
        padding-left: 0;
        padding-right: 0;
    }

    .searchBarWrapper{
        margin: 20px 0 0 0;
        max-width: 100%;
        width:100%;
    }

    .searchBarWrapper .input-group{
        max-width: 100%;
    }

    .searchDataPlaceHolder{ 
        max-width:100%;
    }

    .navbar-light .navbar-toggler{
        position: absolute;
        top: -185px;
        border:none;
        font-size:2.5rem;
        z-index:999;
    }

    body .navbar-light .navbar-toggler-icon{
        background-image: url("/images/menu-burger.svg");
        position:relative;
        z-index:999;
    }

    .navbar-toggler:not(:disabled):not(.disabled){
        outline:none;
    }

    .right-register{
        position: absolute;
        right: 0;
        top: -170px;
    }

    .left-login{
        position: absolute;
        top: -196px;
        right: 0;  
    }

    .left-login span.login-user {
        margin: 0;
    }

    .content-top-log-reg{
        padding:0;
    }

    .background-logo.background-logo-mobil{
        background-size: 260px;
        min-height: 97px;
    }

    .background-logo.background-logo-mobil img{
        width: 50px;
    }

    .left-login span.login-user, .right-register span.register-user{
        font-size:1.4rem;
        min-width:auto;
        padding: 0 2px;
        border:none;
    }

    .navbar.navbar-custom {
        padding: 0;
        margin: 0;
    }

    .header{
        background-repeat:repeat-y;
    }

    .navbar.navbar-custom ul.navbar-nav li{
        padding: 0;
        margin: 4px 0;
        list-style-type:none;
    }

    .navbar.navbar-custom ul.navbar-nav li:first-child{
        padding: 0;
    }

    .navbar-collapse{
        padding: 10px 0 15px 0;
    }

    .carousel.carousel-slider, .carousel .slider-wrapper, .carousel .slider-wrapper.axis-horizontal .slider, .carousel .slide img{
        height:auto;
    }

    .footer{
        background: url("/images/footer-background-mobil.png") no-repeat top center;
        padding: 0 0 3rem 0;
    }

    body .custom-footer{
        padding: 45px 0 0 15px;
    }

    .footer .content-btn-app img {
        float: left;
        margin: 0;
    }

    .footer .content-btn-app img:first-child{
        margin:0 1rem 0 0;
    }

    .footer .content-btn-app {
        padding: 3rem 0 0 0;
    }

    .box-static-home{
        background: url("/images/background-box-static-home-mobil.png") no-repeat top center;
    }

    .box-static-home .content-small-box-static ul.small-box-static li{
        width:100%;
        margin: 1rem 0;
    }
}

@media (min-width: 780px) and (max-width: 991px) {
    .container-cashback-home .box-recomand-img {
        width: 49%;
    }

    body .container-cashback-home .box-recomand-img:nth-child(2n+1){
        margin: 0 2% 2% 0;
    }

    .box-static-home .content-small-box-static ul.small-box-static li{
        width:49%;
    }

    .box-static-home .content-small-box-static ul.small-box-static li:nth-child(2n+1){
        margin: 0 2% 2% 0;
    }

    .footer .content-btn-app {
        padding: 5rem 0 0 0;
    }
}

@media (min-width: 1200px) and (max-width: 1494px) {
    .box-static-home .content-small-box-static ul.small-box-static{
        width:100%;
    }

    .box-static-home .content-small-box-static ul.small-box-static li {
        width: 23.6%;
        margin: 0 1.8% 0 0;
        min-height: 175px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body .custom-footer{
        padding: 47px 0 0 15px;
    }

    .footer .content-btn-app img {
        margin: 0 .5rem;
    }

    .box-static-home .content-small-box-static ul.small-box-static li {
        width: 200px;
        margin: 0 20px 0 0;
        min-height: 175px;
        padding: 2rem;
    }

    .box-static-home .content-small-box-static ul.small-box-static li span{
        font-size: 1.7rem;
    }

    .container-cashback-home .box-recomand-img {
        width: 49%;
    }

    .container-cashback-home .box-recomand-img{
        margin: 0 0 2% 0;
        height: auto;
    }

    .background-logo{
        width: 300px;
        min-height: 165px;
    }

    .background-logo img {
        width: 58px;
    }

    .top-text-left h1{
        padding: 30px 0 0 0;
        font-size: 2.2rem;
    }

    .left-login span.login-user, .right-register span.register-user{
        font-size: 1.4rem;
    }

    .navbar.navbar-custom ul.navbar-nav li:first-child{
        padding: 0 5px 0 0;
    }

    .navbar.navbar-custom ul.navbar-nav li{
        padding: 0 5px 0 0;
    }

    .navbar.navbar-custom ul.navbar-nav li a{
        font-size: 1.6rem;
    }

    body .searchBarWrapper .input-group .input-group-append a .btn{
        height:30px;
    }

    .searchBarWrapper .input-group > .form-control{
        font-size: 1.6rem;
        height: 30px;
    }

    .searchDataPlaceHolder{
        top:32px;
        border-radius:10px;
    }
}

@media screen and (max-width: 575px) {
    .select-right .select-right-cashb {
        float: left;
        width: 100%;
    }

    .select-right .select-right-cashb select:first-child {
        margin: 0 0 1rem 0;
    }

    .select-right .select-right-cashb select{
        width:100%;
    }
}

@media screen and (max-width: 1492px) {
    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box_border{
        padding: 0 1rem;
    }

    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box {
        margin: 3rem 1rem 0 1rem;
    }
    
    .catalogs_listing_wrapper .content_catalogs_listing{
        text-align:center;
        padding: 0 0 3.5rem 0;
    }
}

@media screen and (max-width: 767px) {
    .content-line-top-zoom-fav .catalog-line-backg{
        display:none;
    }

    .content-line-top-zoom-fav .openZoom{
        clear:both;
        margin: 0 0 2rem 0;
    }

    .catalog-left-content p.catalog-validity{
        line-height: 125%;
    }

    .catalog-left-content img.img-border{
        display:block;
        margin:0 auto;
    }

    .content-line-top-zoom-fav{
        margin: 2rem 0 1rem 0;
    }
}

@media screen and (max-width: 575px) {
    .catalog-left-content .catalog-padding-left {
        padding: 2rem 0 0 0;
    }
    h1.cashbacks-text-detailed-h1 span{
        font-size: 1.6rem;
    }
    .left-content-detailed-left .content-btn-ramburs button.btn, .left-content-detailed-left .content-btn-ramburs a, button.btn-next, .dropzone, .cashbackRequestImageWrapper span.deleteThisImage, .promo-codes-content-listing .promocodes_listing_box_border .promocodes_listing_box a.see-more, .content-error-page .error-content-right button{
        font-size: 1.3rem;
    }
    .footer{
        border: 0 none transparent;
        border-radius: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .content-line-top-zoom-fav{
        margin: 2rem 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .catalog-left-content .catalog-padding-left {
        padding: 0 2rem;
    }

    .content-line-top-zoom-fav .openZoom{
        margin: 0 3rem 1.5rem 0; 
    }

    .content-line-top-zoom-fav{
        margin: 0 0 1.5rem 0 
    }
}

@media screen and (max-width: 1500px) {
    .content-line-top-zoom-fav .catalog-line-backg{
        background:none;
    }
}

@media screen and (max-width: 991px) {
    .left-content-detailed-left .how-it-works-content .content-etape .content-box-etape{
        width:100%;
    }

    .left-content-detailed-left .how-it-works-content .content-etape .content-arrow-right {
        float: left;
        margin: 3rem 0;
        width: 100%;
    }

    .left-content-detailed-left .how-it-works-content .content-etape .content-arrow-right img {
        float: none;
        margin: 0 auto;
        display: block;
        transform: rotate(90deg);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1312px) {
    .left-content-detailed-left .how-it-works-content .content-etape .content-box-etape:last-child{
        margin: 3rem 0 0 0;
        clear:both;
    }
}

@media screen and (max-width: 991px) {
    .content-top-page-profil ul{
        margin: 2.5rem 0 0 0;
    }

    .content-top-page-profil ul li{
        margin: 0 3rem 0 0;
    }
}

@media screen and (max-width: 767px) {
    form.user-details .input-group input{
        margin: .7rem 0;
    }

    form.user-details .input-group {
        margin: 0;
    }

    form.user-details .input-group select{
        margin: 0 0 .7rem 0;
    }

    h2.my-profile-text {
        margin: 4rem 0 0 0;
    }

    h1.my-participations-text{
        margin: 4rem 0 2rem 0;
    }
}

@media screen and (max-width: 528px) {
    form.user-details ul.user-save-btn-left{
        width:100%;
    }

    form.user-details ul.social-link{
        width:100%;
        margin:2rem 0 0 0;
    }

    form.user-details ul.user-save-btn-left li:first-child {
        margin: 0 1.5rem 1rem 0;
    }

    .custom-modal .modal-body ul.button-delete li:first-child {
        margin: 0 1rem 1rem 0;
    }
}

@media screen and (max-width: 446px) {
    .content-method .input-group label .box-method-right{
        width:100%;
    }

    .CashbackMechanicsSteps img {
        margin: 1rem .5rem 0;
    }

    .CashbackMechanicsSteps p span.step{
        width: 40px;
        height: 40px;
        font-size: 1.8rem;
        padding: .6rem;
    }

    .mechanics-step-1 .insert-ean-content p{
        margin: .5rem 1.5rem 1rem 0;
    }

    .content-bottom-button input.incrase-ean{
        clear:both;
        margin: 1rem 0 0 0;
    }

    .content-bottom-button input.decrease-ean{
        margin: 1rem 0 0 0;
    }
}

@media screen and (max-width: 991px) {
    .left-box-mech, .center-box-mech, .right-box-mech {
        float: left;
        width: 100%;
    }

    .center-box-mech {
        margin: 0;
    }

    body .no-padding-left-right-mobil{
        padding-left:0;
        padding-right:0;
    }

    .right-box-mech .content-method .input-group:first-child label, .right-box-mech .content-method .input-group label .box-method-right, .right-box-mech .content-method .input-group label{
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .right-box-mech .content-method .input-group label .box-method-right {
        width: 225px;
    }

    .center-box-mech {
        margin: 0 3%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1497px) {
    .right-box-mech .content-method .input-group label .box-method-right {
        width: 291px;
    }
}

@media screen and (max-width: 446px) {
    .mechanics-step-1.mechanics-step-2 {
        width: 100%;
    }
}

@media screen  and (min-width: 768px) and (max-width: 991px) {
    .promo-codes-content-listing .promocodes_listing_box_border{
        padding: 0 2.2rem;
    }

    .promo-codes-content-listing .promocodes_listing_box_border:nth-child(2n), .promo-codes-content-listing .promocodes_listing_box_border:last-child{
        background:none;
    }
}

@media screen  and (max-width: 767px) {
    .promo-codes-content-listing .promocodes_listing_box_border{
        background:none;
    }

    .promo-codes-content-listing{
        text-align:center;
    }

    body .no-padding-left-right-mobil-promo-list{
        padding-left:0;
        padding-right:0;
    }

    .promo-codes-content-listing .promocodes_listing_box_border{
        padding: 0;
    }

    .promo-codes-content-listing .promocodes_listing_box_border .promocodes_listing_box {
        width: 100%;
        margin: 2rem auto 0;
    }
}

@media screen  and (min-width: 1497px){
    .content-promo-code .container-promo-description{
        width: 1009px;
    }
}

@media screen  and (min-width: 1200px) and (max-width: 1496px) {
    .content-promo-code .container-promo-description{
        width: 766px;
    }
}

@media screen  and (max-width: 433px){
    .content-promo-code .container-promo-description{
        width: 100%;
    }

    .content-promo-code .container-promo-image {
        float: none;
        width: 200px;
        display: block;
        margin: 0 auto;
    }

    .content-promo-code .container-promo-discount {
        float: none;
        margin: 2rem auto;
        display: block;
        width: 107px;
    }

    .content-promo-code .container-promo-description .content-input-middle .copy-code, .content-promo-code .container-promo-description .content-input-middle a.visit-web{
        margin:1rem 0;
    }
}
/*
@media (max-height: 1000px) and (min-width: 1485px) {
    .footer{
        position:absolute;
        bottom:0;
        left:0;
        right:0;
    }

    html, body, .App, .content-inside, main, #root{
        height:100%;
    }
}*/

@media screen and (min-width: 1485px) {
    .bodyOfTheWebsite{
        min-height: 420px;
    }
}

@media screen and (max-width: 398px) {
    .box-static-home .content-small-box-static ul.small-box-static li{
        padding: 2rem;
    }
}

@media screen and (max-width: 767px) {
    h2.title-box-left, h2.title-box-static{
        font-size: 2.2rem;
    }

    p.sub-title-box-left, p.sub-title-box-static{
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 767px) {
    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box .image-content-catalogs{
        min-height:100%;
        width: 100%;
    }

    .catalogs_listing_image{
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box_border{
        border-bottom: 1px solid #fff;
        padding: 0 0 4rem;
        background:none;
    }
}

@media screen and (max-width: 767px) {
    .catalogs_listing_wrapper .content_catalogs_listing.content_catalogs_listing_background_white .catalogs_listing_box_border{
        background:none;
    }

    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box_border:last-child{
        border:none;
    }
}

@media screen  and (min-width: 768px) and (max-width: 991px) {
    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box_border:nth-child(odd){
        background: url("/images/linie-desp-catalogs.png") no-repeat bottom right; 
    }

    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box_border:last-child{
        background: none;
    }

    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box_border{
        background: none;
    }

    .catalogs_listing_wrapper .content_catalogs_listing.content_catalogs_listing_background_white .catalogs_listing_box_border{
        background: none;
    }

    body .catalogs_listing_wrapper .content_catalogs_listing.content_catalogs_listing_background_white .catalogs_listing_box_border:last-child{
        background: none;
    }

    .catalogs_listing_wrapper .content_catalogs_listing.content_catalogs_listing_background_white .catalogs_listing_box_border:nth-child(odd){
        background: url("/images/linie-desp-catalogs-white.png") no-repeat bottom right;
    }
}

@media screen  and (min-width: 992px) and (max-width: 1274px) {
    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box_border{
        background: url("/images/linie-desp-catalogs.png") no-repeat bottom right; 
    }

    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box_border:nth-child(3n+0){
        background: none;
    }

    .catalogs_listing_wrapper .content_catalogs_listing.content_catalogs_listing_background_white .catalogs_listing_box_border{
        background: url("/images/linie-desp-catalogs-white.png") no-repeat bottom right;
    }

    body .catalogs_listing_wrapper .content_catalogs_listing.content_catalogs_listing_background_white .catalogs_listing_box_border:nth-child(3n+0){
        background: none;
    }   
}

@media screen and (min-width: 1275px) {
    .catalogs_listing_wrapper .content_catalogs_listing .catalogs_listing_box_border:nth-child(4n){
        background: none;
    }
}

@media screen  and (max-width: 767px){
    .content-participations-details .status-content .content-all-status{
        padding: 2rem 0 2rem 0;
    }

    .content-participations-details .status-content .content-all-status .left-image-status {
        float: left;
        width: 100%;
        margin: 0 0 2rem;
    }

    .content-participations-details .status-content .content-all-status .left-image-status img{
        display:block;
        margin:0 auto;
    }

    .content-participations-details .status-content, .content-participations-details .status-content .content-all-status {
        width: 100%;
    }

    .content-participations-details .status-content .content-all-status .right-image-status {
        float: left;
        padding: 0;
        width: 100%;
    }
}

@media screen  and (min-width: 992px) and (max-width: 1496px) {
    .container-cashback-home .box-recomand-img{
        width: 32%;
    }

    .container-cashback-home .box-recomand-img:nth-child(3n+2) {
        margin: 0 2% 1.5rem 2%;
    }
}

@media screen  and (min-width: 992px) and (max-width: 1199px) {
    .left-login span.login-user {
        margin: 10px 0 0 0;
    }

    .navbar.navbar-custom {
        padding: 0;
        margin: 30px 0;
    }
}

@media screen  and (max-width: 991px){
    .creez-shp{
        padding:0;
        margin: 4rem 0 0 0;
    }

    .creez-shp .content-init-top-left-img img {
        padding: .8rem 0 0 0;
        float: none;
        margin: 0 auto;
        display: block;
    }
}

@media screen  and (max-width: 391px){
    .content-shp .left-side-shp{
        width:100%;
    }

    .content-shp .left-side-shp .content-list-shp .btn-accept-decline .btn {
        margin: 1.5rem .5rem 0 .5rem;
    }

    .creez-shp .content-init-top-right-text h1{
        font-size: 2rem;
        padding: 1rem 0 0 0;
    }
}

@media screen  and (max-width: 991px){
    .left-content-list-shp{
        margin: 3rem 0 0 0;
    }

    .left-content-list-shp button.btn-custom-shp.mobil-margin-top-btn{
        margin:1rem 0 0 0;
    }

    .content-shp .left-side-shp {
        padding: 1.8rem 1.5rem;
    }

    span.edit-delete-shp.mobile-edit-delete-shp, span.content-img-and-txt span.edit-del-right.edit-del-right-mobil{
        display:block;
    }

    span.edit-delete-shp, span.content-img-and-txt span.edit-del-right{
        display:none;
    }
}

@media screen  and (min-width: 992px) and (max-width: 1350px){
    .menu-shp ul{
        float:right;
        margin: 0;
        clear: both;
    }

    .menu-shp ul li {
        margin: 3rem 2rem;
    }
}

@media screen  and (max-width: 991px){
    .menu-shp {
        margin: 3rem 0;
    }

    .menu-shp ul li {
        margin: 3rem 2rem;
    }
}

@media screen  and (max-width: 767px){
    .menu-shp ul{
        width:100%;
    }

    .menu-shp ul li {
        margin: 3rem 0;
        width: 50%;
    }
}

@media screen  and (max-width: 767px){
    .left-content-list-shp.content-share .content-invite{
        width:100%;
    }

    .left-content-list-shp.content-share .content-invite .send-invitation input.form-control{
        max-width:100%;
        margin:0;
    }

    .left-content-list-shp.content-share .content-invite .send-invitation button.btn {
        float: none;
        display: block;
        margin: 0 0 0 1rem;
        clear: both;
    }

    .left-content-list-shp.content-share .content-invite span.error{
        float:left;
        width:100%;
        clear:both;
        display:initial;
    }
}

@media screen  and (min-width: 992px) and (max-width: 1199px){
    .creez-shp{
        padding: 0 0 0 5rem;
    }
}