@media all and (max-width:600px) {
    p {
        font-size:13px;
        line-height:23px;
        color:#E5E7EB;
    } 

    h1 {
        font-size: 30px;
        line-height: 34px;
    }

    h3 {
        font-size:20px;
        line-height:28px;
    }

    h2 {
        font-size: 24px;
        line-height: 28x;
    }

    h4 {
        font-size:14px;
        line-height:20px;
    }

    h5 {
        font-size:17px;
        line-height:28px;
    }

    .header .menu a .mobile-link, .header .menu a hr {
        display:initial;
    }

    .header .menu a.fav-link:before {
        content: "\f004";
        font-weight:400;
    }

    .header .menu a.msg-link:before {
        content: "\f075";
        font-weight:400;
    }

    .header .menu a.account-link:before {
        content: "\f2bd";
        font-weight:400;
    }

    .header .menu a.add-article-link:before {
        content: "\f0fe";
        font-weight:400;
    }

    .header .menu hr {
        margin-top: 3px;
        margin-bottom: 3px;
        width:100%;
        border:none;
        border-bottom:1px solid #364153;
    }

    .header .user-menu, .header .add-article {
        display:none;
    }

    .partner-home-page .text {
        padding:20px;
        width: calc(100% - 40px);
    }

    .categories-home-page a {
        width:calc((100% - 24px) / 2 - 32px);
    }

    .categories-home-page a .image {
        height:calc((var(--width-content) - 24px) / 2 - 32px);
    }

    .categories-home-page a:nth-child(3n + 1) {
        margin-left:24px;
    }

    .categories-home-page a:nth-child(-n + 3) {
        margin-top:24px;
    }

    .categories-home-page a:nth-child(2n + 1) {
        margin-left:0;
    }

    .categories-home-page a:nth-child(-n + 2) {
        margin-top:0;
    }

    .articles-list > a, .articles-list.articles-list-page > a, .my-favorites-list > a {
        width:100%;
        margin-left:0;
        margin-top:40px;
    }

    .articles-list > a:nth-child(3n + 1), .articles-list.articles-list-page > a:nth-child(4n + 1), .articles-list.articles-list-page > a:nth-child(3n + 1), .my-favorites-list > a:nth-child(2n + 1) {
        margin-left:0;
    }

    .articles-list > a:nth-child(-n + 3), .articles-list.articles-list-page > a:nth-child(-n + 4), .articles-list.articles-list-page > a:nth-child(-n + 3), .my-favorites-list > a:nth-child(-n + 2) {
        margin-top:40px;
    }

    .articles-list > a:first-child, .articles-list.articles-list-page > a:first-child, .my-favorites-list > a:first-child {
        margin-top:0;
    }

    .articles-list > a .image {
        height:calc(100vw * 9 / 16);
    }

    .title-and-link {
        flex-direction:column;
    }

    .title-and-link a {
        margin-left: 0;
        margin-right:auto;
        margin-top:15px;
    }

    footer .footer .top-footer > div {
        width: 100%;
        margin-top:50px;
    }

    footer .footer .top-footer > div:nth-child(-n + 2) {
        margin-top:50px;
    }

    .header .menu a.mobile-link, .header .menu hr {
        display:initial;
    }

    .form-box {
        width:calc(100% - 68px);
    }

    .form-box input[type="text"], .form-box input[type="email"], .form-box input[type="password"], .form-box input[type="tel"], .form-box select, .form-box textarea {
        min-width:calc(100% - 40px);
    }

    .form-box label {
        min-width:100%;
    }

    .form-box .checkbox-container label {
        min-width: calc(100% - 24px);
        max-width: calc(100% - 24px);
    }

    .form-box select {
        min-width:100%;
    }

    .form-box button, .form-box input[type="submit"] {
        min-width:0;
        width:100%;
    }

    .form-box .remember-me-and-lost-password {
        flex-direction:column;
        gap:0;
    }

    .form-box .remember-me-and-lost-password .lost-password-link {
        margin-top:10px;
        margin-left:0;
    }

    .form-container {
        width: 100%;
    }

    .form-box {
        padding: 20px;
        width: calc(100% - 42px);
        max-width:calc(100% - 42px);
    }

    .padding-top {
        padding-top:30px;
    }

    .padding-bottom {
        padding-bottom:30px;
    }

    .form-box form {
        margin-top: 15px;
    }

    form > div {
        margin-top: 15px;
    }

    .form-box h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .form-box h4 {
        font-size: 10px;
        line-height: 15px;
        margin-top:2px;
        margin-bottom:0;
    }

    button, input[type="submit"] {
        margin-top:20px;
    }

    .form-box .separator {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .form-box .register-link a {
        display:block;
    }

    .form-box .remember-me-and-lost-password {
        align-items:flex-start;
    }

    .home-banner .block-home-banner .search-bar form input[type="text"] {
        width:calc(100% - 40px);
    }

    .home-banner .block-home-banner .search-bar form select {
        width:300px;
        max-width:100%;
    }

    .home-banner .block-home-banner .search-bar form input#search_search, .home-banner .block-home-banner .search-bar form input#search_city {
        width:calc(300px - 55px);
        max-width:calc(100% - 55px);
        padding-left:35px;
    }

    .home-banner .block-home-banner .search-bar form input#search_search, .home-banner .block-home-banner .search-bar form input#search_city {
        width:calc(300px - 55px);
        max-width:calc(100% - 55px);
        padding-left:35px;
    }

    .home-banner .block-home-banner .search-bar form {
        max-width:100%;
    }

    .home-banner .block-home-banner .search-bar form > div {
        max-width:100%;
    }

    .form-box form .form-two-columns {
        max-width:100%;
        flex-direction:column;
        gap:0;
    }

    form .form-two-columns > div {
        width: 100%;
        margin-top: 15px;
    }

    form .form-two-columns > div:first-child {
        margin-top: 0;
    }

    .form-box .phone-wrapper input[type="text"] {
        min-width: calc(((var(--width-content) - 42px) - 40px - 62px) / 5 - 10px);
    }

    .phone-country-wrap::before {
        width:14px;
        height:14px;
    }

    .phone-country {
        padding: 13px 3px 13px 18px !important;
        font-size: 11px !important;
    }

    form .alert {
        max-width:calc(100% - 24px);
    }

    .form-box form .alert {
        max-width:calc(100% - 24px);
    }

    form .form-errors ul {
        max-width:calc(100% - 24px);
    }

    .form-box form .form-errors ul {
        max-width:calc(100% - 24px);
    }

    .articles-list > a .text .city-and-date {
        flex-direction:column;
    }

    .articles-list > a .text .city-and-date > span {
        margin-top:10px;
    }

    .articles-list > a .text .city-and-date > span:first-child {
        margin-top:0;
    }
    
    .articles-list > a .text .city-and-date .date {
        margin-left:0;
        margin-right:auto;
    }

    .my-articles-list .my-article-card {
        flex-direction:column;
        position:relative;
    }

    .my-articles-list .my-article-card .image {
        width:100%;
        height:calc((var(--width-content) - 48px - 32px) / 16 * 9);
    }

    .my-articles-list .my-article-card .text {
        width:100%;
    }

    .my-articles-list .my-article-card .actions {
        width:100%;
        margin-top:15px;
        justify-content:flex-start;
        margin-top:0;
    }

    .my-articles-list .my-article-card .actions .status {
        position:absolute;
        top:25px;
        right:25px;
    }

    .my-articles-list .my-article-card .actions a {
        margin-top:0;
    }

    .form-box.new-article-form {
        width: calc(100% - 42px);
    }

    .image-picker__browse-btn {
        padding:12px 16px;
    }

    .submit-and-cancel {
        flex-direction:column;
    }

    .submit-and-cancel .btn-primary {
        width:100%;
        min-width:100% !important;
    }

    .submit-and-cancel .btn-primary.important-link {
        width:calc(100% - 48px);
        min-width:calc(100% - 48px) !important;
    }

    .submit-and-cancel .cancel-btn {
        width:max-content;
        min-width:max-content !important;
        margin-left:auto;
        margin-right:auto;
    }

    .article-container .article-header .article-pictures .thumbnails .thumbnail {
        width: calc((100% - 20px) / 3.5 - 6px);
        height: calc((((var(--width-content)) - 20px) / 3.5 - 6px) * 11 / 16);
    }

    .block-infos {
        padding: 14px;
        width: calc(100% - 28px);
    }

    .specs {
        gap:15px;
    }

    .specs .spec span {
        font-size: 12px;
        line-height: 18px;
    }

    .article-container .article-infos {
        margin-top:24px;
    }

    .ariane-container {
        padding-top:10px;
        padding-bottom:10px;
    }

    .ariane {
        font-size:12px;
        line-height:16px;
    }

    #articles .form-box.form-box--articles {
        width: calc(100% - 42px);
    }

    .search-actions .btn-primary {
        width: calc(100% - 146px);
        min-width: calc(100% - 146px) !important;
    }

    .search-actions .btn-primary {
        width:100%;
        min-width:100% !important;
    }

    .search-actions .btn-advanced-toggle {
        margin-top:5px;    
    }

    .articles-list > a .favorite-btn {
        top: calc((100vw * 9 / 16) - 48px);
        left:12px;
    }

    .chat-bubble-container {
        right:2.5vw;
    }

    .mark-sold-actions button {
        width:100% !important;
        margin-top:0 !important;
    }

    .article-container .article-header .article-pictures .main-picture .main-picture-sold-ribbon {
        top: 25px;
        left: -60px;
        width:230px;
        font-size:24px;
        line-height:1;
        padding:8px 0;
    }

    #conversation-show .conv-detail-mark-sold-trigger {
        width:100%;
    }

    .delete-modal {
        padding: 22px 18px 20px;
    }

    .delete-modal__actions {
        flex-wrap:wrap;
    }

    .delete-modal__cancel {
        width:100%;
        flex:auto;
    }

    .delete-modal__confirm {
        width:100%;
        flex:auto;
        margin-top:0;
    }

    #user-profile .profile-header-card,
    #user-profile .profile-content-card {
        padding: 16px;
        border-radius: 12px;
    }

    #user-profile .profile-name-row h1 {
        font-size: 24px;
    }

    #user-profile .profile-stats-grid {
        grid-template-columns: 1fr;
    }

    #user-profile .profile-actions a {
        width: 100%;
        text-align: center;
    }

    #user-profile .verification-tags {
        flex-direction: column;
    }

    #user-profile .profile-name-row {
        flex-direction: column;
    }

    #conversation-show .conv-detail-sold-chip {
        width:100%;
        text-align:center;
    }

    #review-edit .review-edit-card {
        padding:16px;
    }

    #user-profile .review-rating {
        width:100%;
    }

    #user-profile .review-summary-block {
        padding:16px;
    }

    #user-profile .review-summary-bars {
        width:100%;
        flex:auto;
    }

    #user-profile .review-bar-label {
        width:auto;
    }

    #user-profile .review-summary-score {
        margin-left:auto;
        margin-right:auto;
    }

    #comment-ca-marche .ccm-role-switch {
        flex-direction:column;
        max-width:calc(100% - 18px);
    }

    #comment-ca-marche .ccm-role-btn {
        margin-left: auto;
        margin-right: auto;
        min-width:100%;
        max-width:calc(100% - 48px);
    }

    #comment-ca-marche .ccm-role-btn-text {
        text-align:left;
    }

    #comment-ca-marche .two-blocks .block {
        padding:15px;
    }

    #comment-ca-marche .steps-with-icon .step {
        gap:9px;
    }

    #comment-ca-marche .steps-with-icon .step .icon {
        width:30px;
        height:30px;
    }

    #comment-ca-marche .steps-with-icon .step .icon span {
        font-size:17px;
    }

    #comment-ca-marche .one-block {
        padding:15px;
        width:calc(100% - 32px);
    }

    .advise ul {
        padding-left:20px;
    }

    #comment-ca-marche .three-steps {
        flex-wrap:wrap;
    }

    #comment-ca-marche .three-steps .step {
        flex:auto;
        width:calc(100% - 34px);
    }

    #comment-ca-marche .actions-part {
        padding:15px;
        width:calc(100% - 30px);
    }

    #comment-ca-marche .two-columns-in-block {
        flex-direction: column;
    }

    #comment-ca-marche .two-columns-in-block > div {
        flex:auto;
        width:100%;
    }

    #admin-page .admin-stats-grid {
        grid-template-columns: 1fr;
    }

    #admin-page .admin-filters-form {
        grid-template-columns: 1fr;
    }

    .error-page__code {
        font-size: 4rem;
        margin-bottom:10px;
    }

    .identity-pending-notice {
        padding:10px 14px;
    }
}