/**********  IPAD PORTRAIT **********/

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    #left_mobile_menu {
        float: left;
        position: relative;
        height: 50px;
        width: 30px;
        background: url('/img/mobile_ico.png') no-repeat center center;
        margin-top: 10px;
        margin-left: 5px;
        cursor: pointer;
        z-index: 10000;
    }

    .tablet_hide {
        display: none !important;
    }

    .offer_block.click_to_call.online .big_btn.chat_btn {
        /*display : none ;*/
    }

    #basket.basket.menu_action {
        margin-right: 5px;
    }

    #commentaries_col.grid_3.mobile_hide {
        display: none;
    }

    .basket .basket_box {
        right: 0;
    }

    .basket .basket_box:after {
        right: 0;
    }

    .push_menu {
        padding-top: 90px;
    }

    .main {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 900;
        box-sizing: border-box;
    }

    .main .grid_12 {
        width: 100%;
        box-sizing: border-box;
    }

    .page_layout {
        width: 100%;
    }

    #da_comment_slider {
        display: none;
    }

    #header_cat_block {
        display: none;
    }

    .offer_block.digital, .offer_block.click_to_call {
        padding: 8px;
        margin-right: 13px;
    }

    #click_to_call_master_page > div > img.mobile_hide {
        display: block;
    }

    #offer_page_call > div.grid_9.offer_left {
        width: 60%;
    }

    body.click_to_call > div.full_white > div.main {
        width: 95%
    }

    .no_spec_list .offer_block.digital {
        width: 47%
    }

    #home_c2c_list .offer_block.click_to_call {
        width: 24%;
        margin-right: 5px;
    }

    #master_offers .offer_block.digital {
        width: 32%;
        height: 240px;
        clear: none;
        margin-right: 10px;
    }

    #master_offers .offer_block.digital:nth-child(3n+0) {
        margin-right: 0;
    }

    #master_offers .offer_block.digital .cover, .no_spec_list .offer_block.digital .cover {
        height: 125px;
        width: 100%;
    }

    #master_offers .offer_block.digital h2 {
        margin-bottom: 5px;
        font-size: 14px;
        height: 34px;
        margin-left: 0;
    }

    #master_offers .offer_block.digital h3 {
        font-size: 12px;
        height: 17px;
    }

    #master_offers .offer_block.digital .footer {
        height: 25px;
        line-height: 25px;
        bottom: 5px;
        font-size: 11px;
    }

    #master_offers .offer_block.digital .footer img {
        height: 14px;
        padding-top: 4px;
    }

    #master_offers .offer_block.digital .footer .order_count {
        font-size: 11px;
    }

    #master_offers .offer_block.digital .footer .da_price {
        font-size: 21px;
        margin-right: 18px;
        margin-left: 5px;
    }

    #master_offers .offer_block.digital:nth-child(7) .footer .da_price, #preview_offer_big .footer .da_price {
        font-size: 21px;
    }

    /* Home cinemagraph */
    #home_couv_main_title {
        margin-top: -61%;
    }

    #home_couv_second_title {
        margin-top: -53.5%;
    }

}

/**********  IPAD LANDSCAPE **********/

@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {

    .big_btn.chat_btn.mobile_hide {
        display: none;
    }

    #mobile_menu {
        width: 40%;
        background-color: #414141;
    }

    #left_mobile_menu {
        float: left;
        position: relative;
        height: 50px;
        width: 50px;
        background: url(/img/mobile_ico.png) no-repeat center center;
        margin-top: 10px;
        margin-left: 5px;
        cursor: pointer;
        z-index: 10000;
    }

    .grid_9.offer_left {
        width: 58%
    }

    .push_menu {
        /*padding-top: 90px;*/
    }

    .push_header {
        padding-top: 0px;
    }

    .nav_offer {
        display: none;
    }

    .tablet_hide {
        display: none;
    }

    .main {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 900;
        box-sizing: border-box;
    }

    .main .grid_12 {
        width: 100%;
        box-sizing: border-box;
    }

    #wrapper.grid_12 {
        margin: 0;
        padding: 0 10px;
        width: 100%;
        box-sizing: border-box;
    }

    #wrapper.grid_9 {
        margin: 0;
        padding: 10px;
        width: 70%;
        box-sizing: border-box;
    }

    .offer_block.click_to_call {
        box-sizing: border-box;
        width: 32%;
        margin-right: 9px;
    }

    .offer_block.click_to_call:nth-child(3n+0) {
        margin-left: 0;
    }

    #click_to_call_master_page.grid_12 {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        margin-left: 0;
    }

    #commentaries_list.grid_12 {
        width: 100%;
        margin: 0;
        padding: 10px;
    }

    #offer_page_call > div.grid_9.offer_left.push_bottom {
        width: 70%;
    }

    #commentaries_list.grid_12 {
        width: 100%;
        box-sizing: border-box;
    }

    #master_offers .offer_block.digital {
        width: 24%;
        height: 240px;
        margin-right: 10px;
        clear: none;
    }

    #master_offers .offer_block.digital {
        margin-left: 0;
        margin-right: 0;
    }

    #master_offers .offer_block.digital .cover, .no_spec_list .offer_block.digital .cover {
        height: 125px;
        width: 100%
    }

    #master_offers .offer_block.digital:nth-child(4n+0) {
        margin-right: 0;
    }

    #master_offers .offer_block.click_to_call .price_block {
        margin-bottom: 35px;
    }

    .no_spec_list .offer_block.digital {
        margin-right: 10px;
        width: 24%;
    }

    .no_spec_list .offer_block.digital:nth-child(4n+0) {
        margin-right: 0;
    }

    #master_offers .offer_block.digital h2, .offer_block.digital h2, .offer_block.digital:nth-child(7) h2, .offer_block.digital:nth-child(14) h2, .offer_block.digital:nth-child(23) h2, .offer_block.digital:nth-child(32) h2, #preview_offer_big h2.preview_title {
        margin-bottom: 5px;
        font-size: 14px;
        height: 34px;
        margin-left: 0;
    }

    .offer_block.digital:nth-child(7) h2, .offer_block.digital:nth-child(14) h2, .offer_block.digital:nth-child(23) h2, .offer_block.digital:nth-child(32) h2, #preview_offer_big h2.preview_title {
        margin-bottom: 5px;
        font-size: 14px;
        height: 34px;
        margin-left: 0;
    }

    #master_offers .offer_block.digital h3 {
        font-size: 12px;
        height: 17px;
    }

    #master_offers .offer_block.digital .footer {
        height: 25px;
        line-height: 25px;
        bottom: 5px;
        font-size: 11px;
    }

    #master_offers .offer_block.digital .footer img {
        height: 14px;
        padding-top: 4px;
    }

    #master_offers .offer_block.digital .footer .order_count {
        font-size: 11px;
    }

    #master_offers .offer_block.digital .footer .da_price {
        font-size: 21px;
        margin-right: 18px;
        margin-left: 5px;
    }

    #master_offers .offer_block.digital:nth-child(7) .footer .da_price, #preview_offer_big .footer .da_price {
        font-size: 21px;
    }

    #master_offers .grid_12.no_spec_list {
        margin-left: 0;
    }

    #da_offer_main.grid_8 {
        width: 67%;
        box-sizing: border-box;
    }

    #offer_page_da .offer_right {
        width: 29%;
        box-sizing: border-box;
    }

    #commentaries_list {
        padding: 10px;
    }

    #cross_cat_slider, #cross_offer_slider {
        padding: 10px;
    }

    #order_box.grid_8.radius_box {
        width: 65%;
    }

    #basket_column.grid_4 {
        width: 30%;
        float: left;
    }

    #basket_box.grid_4.radius_box {
        width: 100%;
    }

    #on-kang-you-can {
        padding: 20px;
        box-sizing: border-box;
    }

    #best-sellers-djobs.no_spec_list .offer_block.click_to_call {
        width: 100%;
    }

    #best-sellers-djobs .grid_3 {
        margin-right: 5px;
    }

    #best-sellers-djobs.offer_block.click_to_call {
        box-sizing: border-box;
        width: 32%;
        margin-right: 10px;
    }

    #home_c2c_list .offer_block.click_to_call {
        width: 24%;
        margin-right: 10px;
    }

    #our_community {
        padding: 20px;
        box-sizing: border-box;
    }

    #our_community .grid_8 {
        width: 60%;
    }

    #our_community .grid_2.master_vignette {
        width: 140px;
    }

    #why .home_simple_title.prefix_1, #press .home_simple_title.prefix_1 {
        padding-left: 30px;
    }

    #horoscope_content {
        width: 88%;
    }

    #horoscope .horoscope_img {
        height: 300px;
        margin-bottom: 34px;
    }

    #horoscope_list {
        width: 100%;
    }

}

/**********  IPHONE 6+ IN PORTRAIT & LANDSCAPe **********/

@media only screen and (max-width: 568px) {
    body.home_page .push_header, body.home_master .push_header {
        padding-top: 5px;
    }

    body.home_page #show_search {
        display: none;
    }

    .push_header {
        padding-top: 50px;
    }

    .logged_customer, .logged_master, .statut_box {
        margin-right: 0px;
        margin-left: 0px;
    }

    #statut_box {
        display: none;
    }

    #hover_bg, #hover_bg_info {
        top: 55px;
    }

    .register_checkbox_container {
        margin-top: 15px;
    }

    /**** PAYSAFECARD ****/
    #popup iframe {
        width: 100%;
    }

    #popup iframe #paymentOptionsHolder > div.col-md-12.col-xs-12 {
        border: none;
        padding: 0px;
    }

    #da_service_client_list, #da_service_client_list.digital {
        width: 100%;
        background-image: url(/img/service_client/BG_encart_mobile.jpg);
        height: 163px;
        justify-content: initial;
    }

    #da_service_client_list {
        background-image: url(/img/service_client/BG_encart_mobile_WE.jpg);
        padding: 5px 15px;
    }

    #da_service_client_list .phone_block {
        display: inline-block;
        padding: 10px;
    }

    #da_service_client_list .phone_block span {
        display: inline-block;
    }

    #da_service_client_list .title {
        margin: 10px 0;
    }

    #da_service_client_list .description {
        margin-top: 0;
        margin-bottom: 0;
    }

    #da_service_client_list a {
        margin: 0;
    }

    img.round_pict.call_log {
        width: 30px;
        height: 30px;
    }

    table.historicalls tr td {
        font-size: 12px;
        padding: 0;
    }

    .offer_block, #master_offers .offer_block {
        min-height: 154px;
    }

    .offer_block.click_to_call p {
        font-size: 12px;
        margin-bottom: 6px;
        height: 50px;
        overflow: hidden;
        line-height: 13px;
    }

    .offer_block.click_to_call .offer_pict {
        height: 88px;
        width: 32%;
        max-width: 100px;
        margin-right: 10px;
        float: left;
        position: relative;
        text-align: center;
        margin-bottom: 10px;
    }

    .offer_block.click_to_call .offer_pict img {
        height: auto;
        width: 100%;
    }

    .big_btn {
        display: block;
        background-color: #ebebeb;
        text-align: center;
        height: 18px;
        line-height: 18px;
        font-size: 12px;
        width: 30%;
        text-transform: uppercase;
        padding: 3px 1px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 10px;
        font-weight: 400;
    }

    .algolia_voice_status_buttons .big_btn {
        width: 87px;
        margin-right: 10px;
        margin-left: 5px;
        font-size: 10px;
    }

    .algolia_chat_button {
        background-color: white;
    }

    .algolia_voice_status_buttons .big_btn.alert_sms {
        font-size: 11px;
        height: 32px;
    }

    .offer_block.click_to_call.online .big_btn.chat_btn {
        font-weight: 500;
        display: block;
        float: left;
        background: #FFFFFF;
        color: #36a9e1;
        border: solid 1px #36a9e1;
        width: 30%;
        height: 16px;
        line-height: 16px;
        text-indent: 0;
    }

    #popup.chat_popup {
        width: 100%;
        margin: 0;
        left: 0;
    }

    #popup.chat_popup iframe {
        width: 100%;
        height: 100vh;
    }

    .rotate_title {
        top: 30%;
    }

    .result_page .autocomplete_djobs {
        width: 100%;
        border-right: none;
    }

    .result_page .autocomplete_masters {
        width: 100%;
        border-right: none;
    }

    .result_page .autocomplete_masters_list {
        columns: 1 !important;
    }

    .visuel_category_vide_responsive {
        display: block;
    }

    .visuel_category_vide {
        display: none;
    }

    #left_mobile_menu {
        float: left;
        position: relative;
        height: 50px;
        width: 30px;
        background: url(/img/mobile_ico.png) no-repeat center center;
        margin-top: 10px;
        margin-left: 5px;
        cursor: pointer;
        z-index: 10000;
    }

    #basket.basket.menu_action {
        margin-right: 5px;
    }

    .basket .basket_box {
        right: 0;
    }

    .basket .basket_box:after {
        right: 0;
    }

    .home_couv.push_menu {
        display: block;
        width: 100%;
        background-size: contain;
        padding-top: 80px;
        box-sizing: border-box;
    }

    #on-kang-you-can.main, #best-sellers-djobs.main {
        box-sizing: border-box;
        padding: 10px;
    }

    #best-sellers-djobs.main .grid_12 {
        margin-right: 0;
        margin-left: 0;
    }

    #best-sellers-djobs .grid_3 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #our_community .grid_4, #our_community .grid_8 {
        width: 100%;
        box-sizing: border-box;
    }

    .home_simple_title {
        font-size: 6vw;
        text-align: center;
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    #on-kang-you-can span {
        margin-right: 0;
        margin-bottom: 13px;
    }

    .home_couv h1 {
        margin-top: 0;
        left: 0;
        font-size: 35px;
        margin-bottom: 110px;
    }

    .home_couv h2 {
        margin-top: 0;
        left: 0;
        /*padding       : 10px;*/
        /*margin-bottom : -20px;*/
        /*margin-top    : 40px;*/
    }

    .rotate_title p {
        /*font-family   : "Museo Sans W01_900";*/
    }

    #home_search_form {
        margin-top: 0px;
        padding: 0;
    }

    #search_input_home_2, #search_input_home_2:focus {
        background: #FFF;
        position: relative;
        padding-right: 30px;
        width: 94%;
        border: none;
        height: 30px;
        margin-bottom: 10px;
        font-size: 11px;
        border-radius: 5px;
        margin-top: 10px;
    }

    #search_input_home_2:after {
        content: url(/img/search_picto.png);
        position: absolute;

    }

    .search_input_cross {
        top: 19px;
        right: 50px;
    }

    #mobile_search_form .search_input_cross {
        top: 25px;
        right: 170px;
    }

    .homepage_search_input_container {
        display: block;
        position: relative;
        text-align: center;
        background-color: #414141;
    }

    #home-mobile h2.rotate_title {
        margin-left: 0;
    }

    .rotate_title .visible {
        float: none;
        width: 100%;
        height: 110px;
        overflow: initial;
    }

    .visible_mobile {
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .visible_mobile ul {
        position: absolute;
        margin-top: 0;
        text-align: center;
        list-style: none;
        color: #414141;
        width: 100%;
        height: 50px;
        line-height: 50px;
        animation: 10s linear 0s normal none infinite change;
        -webkit-animation: 10s linear 0s normal none infinite change;
        -moz-animation: 10s linear 0s normal none infinite change;
        -o-animation: 10s linear 0s normal none infinite change;

    }

    #left_mobile_menu {
        display: inline-block;
    }

    /* ESPACE CLIENT */
    #my-account.grid_9 {
        /*margin     : 0 0 0 0;*/
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    #my-account form {
        padding-left: 0;
    }

    #my-account form p {
        float: left;
    }

    #recharge_block, #popup #recharge_block {
        width: 100%;
    }

    #recharge_block .recharge_block {
        display: inline-block;
        width: 160px;
        margin: 0 5px 20px 5px;
    }

    .recharge_card {
        height: 165px;
        flex-basis: 0;
        flex-grow: 1;
        width: 0;
    }

    .recharger_text_responsive {
        display: block;
    }

    .submit_recharge_btn.fixed {
        display: block;
    }

    .submit_recharge_btn.hidden {
        visibility: hidden;
    }

    .general_recharge_card_container .recharge_card:first-child {
        margin: 0 5px 10px 0;
    }

    .general_recharge_card_container .recharge_card:last-child {
        margin: 0 0 10px 5px;
    }

    .recharge_head {
        font-size: 38px;
        line-height: 115px;
        background-position: center center;
        background-size: 160%;
        background-repeat: no-repeat;
    }

    .recharge_head small {
        font-size: 40px;
    }

    .recharge_card p {
        padding: 0px;
    }

    .recharge_card p.card_price {
        font-size: 50px;
        padding-left: 0;
        margin-bottom: 2px;
    }

    .card_baseline {
        padding-left: 0;
    }

    .recharge_card button {
        float: none;
        margin: 5px auto 0px auto;
        background: #36a9e1;
        color: #FFF;
    }

    .recharge_card.r_4500 .recharge_head {
        line-height: 35px;
        padding-top: 20px;
        height: 89px;
    }

    #my-account .grid_9.favoris_block {
        width: 105%;
        width: -moz-fit-content;
    }

    .account.push_menu.push_bottom {
        padding: 55px 10px 10px 10px;
    }

    ul.djobs_detail {
        padding: 10px;
    }

    ul.djobs_detail li {
        width: 100%;
        height: 60px;
        padding-top: 0;
        line-height: 70px;
        text-align: left;
    }

    ul.djobs_detail li span {
        display: inline-block;
        margin-right: 20px;
        margin-left: 20px;
    }

    .main {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 900;
        box-sizing: border-box;
    }

    #wrapper.grid_12, #wrapper.grid_9 {
        margin: 0;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .body {
        width: 100%;
    }

    .mobile_hide {
        display: none !important;
    }

    .mobile_show {
        display: block !important;
    }

    .push_header_master {
        padding-top: 30px;
    }

    header.page {
        height: 70px;
        text-align: center;
    }

    .top_header .circle_btn {
        font-size: 9px;
        padding: 3px 8px;
        margin-right: 0px;
    }

    /* Fil d'ariane */
    .container_breadcrumb {
        margin-top: 0;
        margin-bottom: 0;
    }

    ul.breadcrumb {
        ox-sizing: border-box;
        margin-left: 0;
        padding-left: 5px;
        margin-bottom: 5px;
        padding-top: 10px
    }

    ul.breadcrumb li {
        height: 20px;
        font-size: 10px;
    }

    ul.breadcrumb li:first-child {
        display: none;
    }

    ul.breadcrumb li:last-child {
        display: none;
    }

    .category_title h1 {
        font-size: 20px;
    }

    .category_title {
        height: 40px;
        line-height: 40px;
    }

    .voucher_history_title {
        line-height: 20px;
    }

    .espace_parrainage_form_container{
        padding-left: 1% !important;
        padding-right: 1%;
        max-width: 100%;
    }

    #master_offers .offer_block.digital, .no_spec_list .offer_block.digital {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: 240px;
    }

    #master_offers .offer_block.digital .cover, .no_spec_list .offer_block.digital .cover {
        height: auto;
        width: 100%;
    }

    #master_offers .offer_block.digital .cover img.massory_img {
        display: block;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #master_offers .no_spec_list .offer_block.digital .cover img.massory_img {
        max-width: 100%;
        display: block;
        height: auto
    }

    .offer_block.click_to_call .price_block {
        margin-bottom: 15px;
    }

    #master_offers .offer_block.digital h2 {
        margin-bottom: 5px;
        font-size: 14px;
        height: 34px;
        margin-left: 0;
    }

    #master_offers .offer_block.digital h3 {
        font-size: 12px;
        height: 17px;
        margin-bottom: 20px;
    }

    #master_offers .offer_block.digital .footer {
        height: 25px;
        line-height: 25px;
        bottom: 5px;
        font-size: 11px;
    }

    #master_offers .offer_block.digital .footer img {
        height: 14px;
        padding-top: 4px;
    }

    #master_offers .offer_block.digital .footer .order_count {
        font-size: 11px;
    }

    #master_offers .offer_block.digital .footer .da_price {
        font-size: 21px;
        margin-right: 18px;
        margin-left: 5px;
    }

    .offer_block.digital:nth-child(18n + 7) .footer .da_price, .offer_block.digital:nth-child(18n + 14) .footer .da_price, .offer_block.digital.preview .footer .da_price {
        font-size: 21px;
    }

    .grid_12.no_spec_list {
        margin-left: 0;
    }

    .offer_block {
        width: 100%;
    }

    .offer_block.digital .new_ribbon_c2o {
        font-size: 15px;
        line-height: 30px;
        width: 150px;
        top: 25px;
        left: -32px;
    }

    #offer_page_call.main {
        width: 100%;
        box-sizing: border-box;
    }

    #click_to_call_master_page.grid_12 {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }

    #click_to_call_master_page h1 {
        color: var(--color-primary) !important;
        position: relative;
        text-align: center;
        width: 100%;
        top: 34px;
        font-size: 30px;
    }

    .offer_block.click_to_call .offer_overlay {
        width: 100%;
        height: 70%;
    }

    #click_to_call_master_page .header_master .profil_picture {
        position: relative;
        right: 0;
    }

    .video_master {
        width: 100%;
        height: auto
    }

    .grid_9.offer_left {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
    }

    .grid_3.offer_right {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
    }

    .large_btn.profile_call, .large_btn.chat {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

    .profile_price, .profile_price_f {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

    .full_white {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
    }

    #da_offer_main {
        /*margin-top : 90px;*/
    }

    #da_offer_main.grid_8.offer_left, .grid_4.offer_right {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        margin-left: 0;
        padding: 10px;
    }

    #offer_page_da #medias_box .media_cover {
        width: 100%;
        height: auto;
    }

    #offer_page_da .option li label, #offer_page_da .option li p {
        width: 63%;
        float: left;
        height: auto;
    }

    #offer_page_da .option li select {
        position: absolute;
        right: 10px;
    }

    #offer_page_da .option .price {
        position: absolute;
        right: 10px;
        top: 45px;
    }

    #offer_page_da .order_delivery_action_small {
        margin-left: 0;
        clear: left;
    }

    #offer_page_da .order_delivery_action {
        padding-left: 0;
    }

    #order_box > div.order_delivery_action > button.orange.right {
        width: 100%;
        display: inline-block;
    }

    #offer_page_da .option li span, #offer_page_da .option li select {
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .notif.infos.confirm {
        padding-right: 50%;
    }

    #master_page_da_header {
        text-align: center;
        width: 100%;
        margin-top: 70px
    }

    #master_page_da_header .profil_picture {
        float: none;
    }

    #master_page_da_stat {
        width: 100%;
        left: 0;
        margin-top: 10px;
        margin-left: 0;
    }

    #master_page_da_header .about {
        text-align: left;
    }

    #order_box.grid_8.radius_box {
        width: 95%;
    }

    .order_step {
        width: 100%;
    }

    #basket_column {
        margin-top: 100px;
    }

    #basket_box.grid_4.radius_box {
        width: auto;
        margin-bottom: 15px;
        margin-right: 0;
        margin-left: 0;
    }

    #order_box > button {
        width: 100%;
    }

    #order_box .title {
        font-size: 17px;
    }

    .drop_upload_class a {
        background-size: 28%;
        padding-top: 91px;
    }

    #order_box .account_form p, #order_box .account_form p input {
        width: 100%;
    }

    #subscribe_billing_form #phone_number {
        width: 330px;
    }

    #p_phone_number {
        position: relative;
        display: inline-block;
    }

    #p_phone_number ul.country_list_select, #popup .phone_number_update_form ul.country_list_select,
    #popup .send_me_sms_new_phone_form ul.country_list_select {
        top: 4px;
        left: 5px;
        width: 90px;
    }

    #notif_sms_popup #p_phone_number ul.country_list_select {
        top: 4px;
    }

    .order-process-container #p_phone_number ul.country_list_select {
        top: 4px;
        left: 0px
    }

    #order_box .account_form p input.x-small {
        width: 35px;
        padding-left: 0;
        text-align: center;
    }

    #order_box .account_form p input.small {
        width: 70px;
        padding-left: 0;
        text-align: center;
    }

    #order_box label {
        float: left;
        clear: both;
        display: block;
        width: 100%;
        height: 20px;
    }

    #card_choice_box ul.card_list {
        padding-left: 0px;
    }

    #card_choice_box .spec_form {
        width: 100%
    }

    .payment_type_list li label {
        float: left;
        height: 50px;
    }

    .payment_type_list li label.onshop {
        background: #FFF url(/img/logoonshop.jpg) no-repeat 20px top;
        background-size: 59px;
        width: 100px;
        text-align: left;
    }

    #card_choice_box ul.card_list li label {
        font-size: 13px;
        overflow: hidden;
    }

    #express_delivery_block label.special-label {
        width: 35%;
        font-size: 16px;
    }

    #express_delivery_block {
        padding: 20px 17px 40px 17px;
        background-size: 35px;
        background-position: 40px 10px;
    }

    input[type=checkbox].special-checkbox + label.special-label {
        padding-left: 60px;
    }

    /*POP UP*/
    #popup, #popup_info, #popup.medium, #popup_info.medium, #popup.medium_small, #popup_info.medium_small {
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        z-index: 15;
        background-color: #FFF;
        box-sizing: border-box;
        padding: 0;
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    #popup div.content, #popup_info div.content {
        box-sizing: border-box;
    }

    #popup.small, #popup_info.small {
        margin: 0;
        width: 100%;
    }

    .new_register_popup, #popup.offer.new_register_popup {
        width: 100%;
        top: 0;
        margin-left: 0;
    }

    .new_register_container {
        padding: 20px 10px 5px 10px;
    }

    #register_master_part {
        width: 100%;
        float: left;
        text-align: center;
    }

    #register_master_part #description p.mar_top.push_bottom {
        padding-bottom: 10px;
    }

    #register_master_part #description h2 {
        font-size: 15px;
        font-weight: 400;
        padding: 5px;
        margin-bottom: 00px;
    }

    #register_master_part .infos {
        width: 240px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #popup form {
        padding: 0;
        width: 100%;
    }

    #popup > div.content > img.round_pict.left, #clf > img.round_pict.left {
        width: 100px;
        height: 100px;
    }

    #popup .live_recharge_card {
        margin-bottom: 40px;
    }

    #popup .content h4 br {
        display: block;
    }

    #popup #paiement_form {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    #popup #paiement_form em {
        font-size: 10px;
    }

    .payment_type_list {
        margin-top: 17px;
        padding-bottom: 50px;
    }

    .payment_type_list li {
        display: inline-block;
        height: 55px;
    }

    #card_choice_box .spec_form {
        width: 100%;
        margin-top: 50px;
    }

    #card_choice_box .spec_form label {
        height: auto;
    }

    #psc_choice_box h4 {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    #popup .list_choice .big_price {
        font-size: 25px;
        right: 0;
        width: 76px;
        word-break: break-word;
    }

    #popup .header, #popup_info .header {
        font-size: 16px;
    }

    #popup .dix-euro-cadeau {
        background-size: 100%;
        min-height: 235px;
    }

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

    #horoscope .grid_9, #horoscope .grid_6 {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }

    #horoscope_img {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    #horoscope_img.grid_3 img {
        max-width: 180px;
        height: 100px;
    }

    #horoscope_list {
        width: 100%;
        box-sizing: border-box;
    }

    #horoscope .horoscope_img {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: inherit;
        height: 150px;
    }

    .horoscope_list span {
        width: 25%;
        padding: 0;
        box-sizing: border-box;
    }

    .error_page .grid_5 {
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        text-align: center;
    }

    .error_page img {
        height: 200px;
        display: inline-block;
    }

    .error_page .error_title {
        font-size: 50px;
    }

    .error_page .error_txt p {
        font-size: 15px;
        line-height: 20px;
    }

    #contact_form {
        margin: 0;
        width: 100%;
    }

    #contact_form.cms form input[type=text], #contact_form.cms form input[type=email], #contact_form.cms form select, #contact_form.cms textarea {
        width: 100%;
    }

    #notifs_mobile ul li {

    }

    #notifs_mobile ul li img {
        border-radius: 50%;
        margin-right: 15px;
        height: 40px;
        width: 40px;
        float: left;
    }

    #notifs_mobile ul li {
        position: relative;
        background-color: #FFF;
        padding-bottom: 10px;
        border-bottom: 1px solid #d1d1d1;
        min-height: 40px;
        color: #525252;
        padding-top: 10px;
        padding-right: 15px;
        cursor: pointer;
    }

    #notifs_mobile li .delete {
        position: absolute;
        right: -5px;
        top: 10px;
        width: 18px;
        height: 18px;
        background-color: #f1f1f1;
        text-align: center;
        line-height: 20px;
        color: #757373;
        font-weight: 600;
        border-radius: 50%;
        cursor: pointer;
        font-size: 11px;
        z-index: 2;
    }

    .notif.big_notif i {
        font-size: 40px;
    }

    .notif.big_notif {
        padding: 10px;
        font-size: 18px;
        text-align: center;
        line-height: 20px;
    }

    .big_title_order_statut {
        display: none;
    }

    #reward_div {
        padding-bottom: 0;
    }

    .ask_question_to_master {
        width: 100%;
    }

    .ask_question_to_master img.offer_img {
        width: 50%;
    }

    .ask_question_to_master .master_name {
        margin-top: 0;
    }

    #ask_question_to_master #subscribe_form, #ask_question_to_master #login_form {
        float: left;
        width: 100%;
    }

    #ask_question_to_master .big_rating span, .rating_action span {
        display: inline-block;
        height: 30px;
        width: 23px;
        background: url(/img/rating_stars.png) no-repeat;
        background-size: 67px;
    }

    #my-account .category_title {
        margin-top: 0;
    }

    /* SUIVI DJOB V2 */
    .grid_4.master_fieldset {
        width: 95%;
        /*margin-top: 80px ;*/
    }

    #delivery_block .delivery_content {
        width: 100%;
        min-height: 100px;
    }

    #delivery_block .actions.center_text {
        margin-left: -120px;
    }

    #customer_tracking_djob.grid_8 {
        width: 95%;
    }

    #customer_tracking_djob .category_title {
        margin-top: 0px;
    }

    .dynamic-action-btn {
        margin-bottom: 15px
    }

    .djob_timeline .timeline-item .timeline-item-icon {
        width: 55px;
        height: 55px;
        line-height: 55px;
    }

    .djob_timeline .timeline-item .timeline-item-icon img {
        height: 80%;
    }

    .djob_timeline .timeline-item .timeline-item-icon img.master_pict {
        height: 100%
    }

    .djob_timeline .timeline-item .timeline-item-icon.revision {
        line-height: 20px;
        font-size: 24px;
    }

    .djob_timeline .timeline-item .timeline-item-content {
        width: 65%;
        margin-right: 5px;
    }

    .timeline-body.with_files .timeline-content {
        width: 100%
    }

    .djob_timeline .big_download_button {
        display: inline-block;
        float: none;
        margin-top: 20px
    }

    .djob_timeline .timeline-body .timeline-files-list {
        margin-top: 20px;
        margin-left: 0px;
    }

    #recap_djob_master > img.offer_img {
        width: 100%;
    }

    #djob_master.grid_12 {
        width: 95%
    }

    .grid_9.alpha.omega.account_detail {
        width: 100%;
        overflow: hidden;
    }

    .dashboard_credit {
        margin-top: 20px;
    }

    #user_account_djob.grid_9, #user_account_favorite.grid_9, #user_account_last_call.grid_9 {
        width: 100%
    }

    ul.dashboard_last_call li {
        width: 25%
    }

    /*******BLOCK CAT HEADER*********/
    #header_cat_block {
        height: 64px;
        line-height: 20px;
        padding: 0 10px;
        margin-bottom: 10px;
        background-size: cover;
    }

    #header_cat_block .header_cat_block_subtitle {
        font-size: 14px;
        line-height: 12px;
    }

    #header_cat_block sup {
        font-size: 10px;
    }

    #header_cat_block h2 {
        font-size: 1.4em;
    }

    .header_cat_block_container {
        padding-right: 100px;
    }

    .header_cat_block_text_container {
        padding: 0;
        line-height: 20px;
    }

    .autocomplete_category_container {
        width: 100%;
    }

    .autocomplete_djobs_masters_container {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 0;
    }

    .autocomplete_masters {
        width: 100%;
        margin-top: 15px;
        padding-bottom: 20px;
        line-height: initial;
        border-bottom: 1px solid #ececec;
    }

    .autocomplete_result {
        padding: 10px 0;
    }

    .autocomplete_result_title {
        padding: 10px 0;
    }

    .autocomplete_djobs {
        line-height: initial;
        width: 100%;
        margin-top: 15px;
        padding-bottom: 20px;
        margin-left: 0;
    }

    .autocomplete_categories {
        flex-direction: column;
    }

    .autocomplete_masters_list {
        height: 100%;
    }

    .autocomplete_djobs_list {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .autocomplete_djobs_list, .autocomplete_masters_list {
        height: 100%;
    }

    .autocomplete_clicktocall_button {
        float: none;
    }

    .autocomplete_djobs button {
        float: none;
    }

    .autocomplete_click_to_call_only .autocomplete_masters_list {
        height: initial;
        columns: initial;
        width: initial;
        column-gap: initial;
    }

    .onshop_logo {
        float: right;
        width: 110px;
        margin-top: 0;
    }

    /* Home cinemagraph */
    #home-mobile h2.rotate_title {
        /*margin-bottom: 15px; hotfix 26/12*/
        height: auto;
    }

    #home_couv_main_title, #home_img_block h1 {
        font-size: 27px;
        margin-top: 15px;
    }

    #home_img_block {
        margin-top: -45px;
    }

    /* Menu */
    .category_title {
        margin-top: 0;
    }

    #autocomplete_container_top_header {
        top: 0px;
    }

    /* Site web - Affichage des sous-catégories */
    #website_parent_category_content span {
        font-size: 25px;
        padding: 2px;
    }

    #website_parent_category_content {
        margin-bottom: 10px;
    }

    .comment_answer_page {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
        margin-top: -40px;
    }

    .comment_answer_page .category_title {
        font-size: 16px;
    }

    .comment_answer_comment_container, .comment_answer_answer_container {
        padding: 0 5px;
    }

    .comment_answer_container::before {
        display: none;
    }

    .comment_answer_answer_container .row:first-of-type {
        display: flex;
        align-items: flex-end;
    }

    .comment_answer_input {
        margin-right: 15px;
    }

    .comment_answer_input, .comment_answer_mobile_button {
        height: 50px;
        margin-bottom: 0;
    }

    .comment_answer_mobile_button {
        background: #d1d1d1;
        color: #FFFFFF;
        padding: 0 10px;
    }

    .comment_answer_mobile_button.active {
        background-color: #36a9e1;
    }

    /* Ligne téléphonique master */
    .no_padding_top {
        padding-top: 0;
    }

    .no_padding_left {
        padding-left: 0;
    }

    .gestion_tel {
        padding-left: 0;
    }

    .gestion_tel span {
        margin-right: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

}

/******************* MEDIA INTERMEDIAIRE ***********************/

@media only screen and (min-width: 1920px) and (max-width: 2560px) {

    #home_couv_cinemagraph {
        height: auto;
    }

}

@media only screen and (min-device-width: 767px) and (max-device-width: 1025px) {

    #wrapper.grid_9 {
        width: 100%;
    }

    .result_page .autocomplete_djobs {
        margin-left: 10px;
    }

    /* Slider sur la page catégorie site web */
    #website_parent_category_content {
        margin-bottom: 10px;
    }

    #website_parent_category_content span {
        padding: 10px;
    }

    .website_parent_category_bar {
        width: 34%;
    }


}

@media only screen and (min-width: 568px) and (max-width: 767px) {

    /* Slider sur la page catégorie site web */
    #website_parent_category_content {
        margin-bottom: 10px;
    }

    #website_parent_category_content span {
        padding: 5px;
    }

    .website_parent_category_bar {
        width: 33%;
    }

    /* Site master */
    .push_header_master {
        padding-top: 40px;
    }

    .push_header {
        padding-top: 10px;
    }

    /* Site master */
    .push_header_master {
        padding-top: 40px;
    }

    .push_header {
        padding-top: 10px;
    }

}

@media only screen and (min-width: 320px) and (max-width: 375px) {

    /* Moyens de paiement */
    .credit-card label {
        width: 140px;
    }

    .info_card {
        font-size: 10px;
    }

}

/**********  IPHONE 5 & 5S IN PORTRAIT & LANDSCAPe **********/

@media only screen and (max-width: 374px) and (min-width: 320px) {

    #tinder_main_block {
        margin-bottom: 0px;
    }

    .rotate_title .visible {
        float: none;
        width: 100%;
        height: 110px;
        overflow: initial;
        line-height: 100px;
    }

    .top_header .header_link, .header_link {
        margin-left: 6px;
        min-width: 25px;
    }

    .onshop_logo {
        float: right;
        width: 110px;
        margin-top: 0;
    }

    /* Site Web - Affichage des sous-catégories */
    #website_parent_category_content span {
        padding: 5px;
    }

    .website_parent_category_bar {
        width: 33%;
    }

    .djob_timeline .timeline-item .timeline-item-content {
        width: 60%;
    }
}

/****************** AUTRES ******************************/

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

    #home_couv_cinemagraph {
        margin: auto;
    }

}

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

    #home_couv_cinemagraph {
        height: auto;
        margin-bottom: 0;
    }

}

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

    #website_parent_category_content {
        margin-top: 20px;
    }
}

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

    #autocomplete_djobs_list_mobile {
        display: flex;
        flex-direction: column;
        width: 70%;
    }

}

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

    .main {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 900;
        box-sizing: border-box;
    }

    .main .grid_12 {
        width: 100%;
    }

    /* Tinder */
    #tinder_block_favorite_title_all_red {
        padding-right: 20px;
    }

    #account_favorites_logos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #tinder_main_footer_block_infos_pseudo {
        line-height: 1;
    }

    .tinder_main_footer_text_content {
        font-size: 13px;
    }

    .tinder_star {
        font-size: 11px;
    }

    .tinder_main_footer_block_infos {
        width: 130px;
    }
}

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

    #our_community_block_title {
        margin-top: 30px;
    }

    #our_community_block_content {
        margin-top: 20px;
    }

    #our_community_block_desc {
        margin-top: 0px;
    }

}

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

    #offer_page_da .option li label,
    #offer_page_da .option li p {
        width: 350px;
    }

    /* Menu */
    .container {
        padding-bottom: 15px;
    }

    .container_home {
        padding-bottom: 0px;
    }

    #category_title {
        margin-top: 25px;
    }

    /* Fil d'ariane */
    .container_breadcrumb {
        margin-top: 0;
    }

    /* Site web - Affichage des sous-catégories */
    /*.website_parent_category_block_button {*/
    /*margin-left: 3%;*/
    /*}*/

}

@media (max-width: 1000px) {

    .tinder_block_favorite_logo_img {
        width: 110px;
    }

}

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

    #offer_page_da .option li label,
    #offer_page_da .option li p {
        width: 300px;
    }

    .classic_mailbox tr:nth-child(2n+1) {
        background-color: #f6f6f6;
    }

}

@media (max-width: 870px) {

    #autocomplete_djobs_list_mobile {
        width: 50%;
    }

}

@media (max-width: 860px) {

    #tinder_main_block_icon_mobile_picto {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-top: 32px;
    }

    .tinder_main_block_icon_mobile {
        width: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tinder_main_block_icon {
        width: 70px;
    }

    .tinder_main_block_icon i {
        font-size: 40px;
    }

    #tinder_block_favorite_empty_logo {
        width: 100px;
        height: 100px;

    }

    #tinder_block_favorite_logo_first_line {
        justify-content: start;
        padding-left: 18px;
    }

    /* Compte - mes favoris */
    #account_favorite_block_logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

}

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

    #offer_page_da .option li label,
    #offer_page_da .option li p {
        width: 270px;
    }

}

@media (max-width: 800px) {

    #my-account {
        width: 740px;
    }

}

@media (max-width: 767px) {

    /* Compte - Mes favoris */
    #account_favorites_logo_right_column {
        display: none;
    }

    .account_unsubscribe_detail {
        display: block;
    }

    #my-account {
        width: 650px;
    }

    /* Footer */
    #press {
        display: none;
    }

    #footer {
        display: none;
    }

    #footer_mobile {
        padding-top: 50px;
        padding-bottom: 50px;
        font-size: 15px;
        background-color: #7f7f7f;
        color: #FFF;
    }

    .title_footer_mobile {
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .contact_footer_mobile {
        text-decoration: underline;
    }

    #footer_copyright {
        margin-top: 20px;
    }

    #footer_other_links {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
    }

    #footer_download_mobile {
        display: flex;
        flex-direction: column;
        line-height: 60px;
        margin-top: -30px;
    }

}

@media (max-width: 760px) {

    #my-account {
        width: 700px;
    }

    #account_favorite_block_logo {
        width: 100%;
    }
}

@media (max-width: 710px) {

    #autocomplete_djobs_list_mobile {
        width: 40%;
    }

}

@media (max-width: 640px) {

    /* Champ de recherche */
    #autocomplete_djobs_list_mobile {
        width: 35%;
        margin-left: -4%;
    }

}

@media (max-width: 648px) {

    .website_parent_category_bar {
        width: 30%;
    }

}

@media (max-width: 625px) {

    .tinder_main_block_img_content {
        margin-left: 0px;
        margin-right: 0px;
    }


    /*.website_parent_category_block_button {*/
    /*margin-left: 0;*/
    /*}*/

}

@media (max-width: 572px) {

    #small_price_ttc {
        padding-left: 20px;
    }

    #payment_content_block {
        flex-direction: column;
    }
}

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

    /* ----- Menu de recherche ----- */
    .homepage_search_input_container {
        border: 0px;
        border-radius: 0px;
        margin-top: -1px;
    }

    #autocomplete_djobs_list_mobile {
        width: 90%;
        margin-left: 5%;
    }

    .slideout-panel {
        overflow: hidden;
    }

    /* ----- Home cinemagraph ----- */
    #cd-intro-responsive {
        margin-top: 0;
    }

    #cd-headline-responsive {
        font-size: 27px;
    }

    #cd-headline-responsive span {
        display: initial;
        margin: auto;
    }

    .cd-words-wrapper-text-responsive {
        font-size: 27px;
    }

    /* ----- Notre communauté ----- */
    #our_community {
        padding-top: 25px;
        padding-bottom: 25px;
        overflow: hidden;
    }

    #our_community_block_title {
        text-align: left;
    }

    #our_community_block_content {
        margin: auto;
        margin-top: 20px;
        width: 60%;
    }

    #our_community p {
        font-size: 14px;
    }

    #our_community_block {
        padding-bottom: 0;
        width: 88%;
    }

    #our_community_block img {
        float: none;
    }

    #our_community_block_main_title {
        display: flex;
        justify-content: center;
    }

    #our_community_mobile_text_join {
        width: 60%;
        margin-left: 0%;
        text-align: center;
    }

    /* Images catégories */
    .offer_block.digital:nth-child(18n + 7) .cover img, .offer_block.digital:nth-child(18n + 14) .cover img {
        display: initial;
    }

    /* Menu de recherche */
    #autocomplete_djobs_list_mobile {
        width: 90%;
        margin-left: 5%;
    }

    .slideout-panel {
        overflow: hidden;
    }

    /* Footer */
    #wttj_logo {
        width: 35%;
    }

    /* Tinder */
    #tinder_title {
        margin-top: 10px;
    }
}

@media (max-width: 560px) {

    #tinder_main_block {
        max-width: 550px;
    }

    /* Page logos fav */
    .square_pict_tinder,
    .square_pict_tinder_0 {
        width: 150px;
        height: 150px;
    }

    .supp_fav_x_tinder > .fa-times {
        left:%;
    }

}

@media (max-width: 520px) {

    /* Slider sur la page catégorie site web */
    .website_parent_category_bar {
        width: 26%;
    }

}

@media (max-width: 500px) {

    .website_parent_category_bar {
        width: 25%;
    }

}

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

    #our_community_block img {
        width: 80%;
    }

}

@media (max-width: 460px) {

    /* Footer */
    #wttj_logo {
        width: 40%;
    }

}

@media (max-width: 440px) {

    #offer_page_da .option li label,
    #offer_page_da .option li p {
        width: 200px;
    }

    /* Slider sur la page catégorie site web */
    .website_parent_category_bar {
        width: 20%;
    }

}

@media (max-width: 414px) {

    /* Site web - Affichage des sous-catégories */
    /*.website_parent_category_block_button {*/
    /*margin-left: -10%;*/
    /*}*/
    #my-account {
        width: 380px;
    }

}

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

    #text_accept_cg {
        margin-left: -16%;
    }

    /* Notre communauté */
    #our_community_block img {
        width: 70%;
    }

    /* Footer */
    #wttj_logo {
        width: 50%;
    }

}

@media (max-width: 393px) {
    ul.dashboard_favoris.tinder {
        margin-right: -5px;
        margin-bottom: -5px;
    }
}

@media (max-width: 390px) {

    /* Slider sur la page catégorie site web */
    .website_parent_category_bar {
        width: 17%;
    }

}

@media (max-width: 385px) {

    /* Page logos fav */
    .square_pict_tinder,
    .square_pict_tinder_0 {
        width: 120px;
        height: 120px;
    }

    .supp_fav_x_tinder > .fa-times {
        left: 27%;
    }

}

@media (max-width: 380px) {

    #offer_page_da .option li label,
    #offer_page_da .option li p {
        width: 150px;
    }

    #offer_page_da .option .price {
        top: 55%;
    }

    #nb_revisions_text {
        margin-top: 30%;
    }

    #delivery_date_text {
        margin-top: 0px;
    }

    #my-account {
        width: 340px;
    }

}

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

    #our_community_block_main_title_picto:before {
        font-size: 35px;
    }

    /* Site web - Affichage des sous-catégories */
    /*.website_parent_category_block_button {*/
    /*margin-left: -13%;*/
    /*}*/
    /* Confirmation payement DA */
    #payment-title-kang-credit {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #payment-total-kang-credit {
        padding-left: 10px;
    }

}

@media (max-width: 350px) {

    #text_accept_cg {
        margin-left: -27%;
    }

    /* Tinder */
    .tinder_block_favorite_logo_img {
        width: 125px;
    }

    /* Slider sur la page catégorie site web */
    .website_parent_category_bar {
        width: 15%;
    }

}

@media (max-width: 340px) {

    /* Tinder */
    .tinder_main_block_img_content {
        width: 280px;
    }

    .tinder_main_footer_img_circle {
        width: 40px;
        height: 40px;
    }

    .tinder_main_footer_text_djob_content {
        font-size: 10px;
    }

    .tinder_main_block_footer {
        width: 283px;
    }

    .tinder_main_block_footer > .mar_right_10 > .orange,
    .tinder_main_block_footer > .go_to_favorites_url > .orange {
        font-size: 10px;
    }

    /* Footer */
    #footer_download_mobile {
        display: flex;
        margin-top: 20px;
    }

    /* Page masters fav */
    ul.dashboard_favoris {
        height: auto;
    }

    /* Confirmation payement DA */
    #small_price_ttc {
        padding-left: 10px;
    }

    .payment-choice-action .payment-content {
        padding: 10px;
    }

}

@media (max-width: 334px) {

    ul.dashboard_favoris.tinder li {
        margin-right: 4px;
    }

    /* Slider sur la page catégorie site web */
    .website_parent_category_bar {
        width: 12%;
    }

}

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

    #our_community_mobile_text_join {
        width: 61%;
    }

}

@media (max-width: 331px) {

    /* Profil - Mes favoris */
    ul.dashboard_favoris li {
        -moz-margin-start: 0;
        margin: 0px 2px;
    }

    #my-account .grid_9.favoris_block {
        width: 101%;
    }

    /* Footer */
    #wttj_logo {
        width: 70%;
    }

}

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

    /* Slider sur la page catégorie site web */
    #my-account {
        width: 280px;
    }

}

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

    #text_accept_cg {
        margin-left: -30%;
    }

    /* Site web - Affichage des sous-catégories */
    /*.website_parent_category_block_button {*/
    /*margin-left: 0%;*/
    /*}*/

}

@media (max-width: 568px) {
    .offer_block.click_to_call .big_btn,
    .offer_block.click_to_call.online .big_btn.chat_btn {
        width: 47%;
    }

    .offer_block.click_to_call .price_block {
        margin-bottom: 30px;
    }
}

@media (max-width: 870px) {
    #popup.large, #popup_info.large {
        width: 100%;
        position: absolute;
        overflow: auto;
        margin: 0;
        left: 0;
        top: 0;
    }
}

.container_home {
    width: 1080px;
    max-width: 100%;
}