@media all and (max-width: 992px) {
    .id-3230 .field-body-cb-wrapper {
        width: 100%;
    }

    .bullets-alquiler > div {
        padding: 20px 0 20px 90px;
    }

    .id-3230 .field-body-cb-wrapper {
        padding: 40px 20px;
    }

    #banner .position-cd .callToAction {
        right: unset;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .id-3246:before, .id-3246 {
        clip-path: polygon(100% 0, 100% 98%, 82% 100%, 0% 97%, 0 0);
    }

    .column-text:before {
        content: unset;
    }

    .column-text {
        flex-wrap: wrap;
        gap: 60px;
    }

    .id-3237:before, .id-3237 {
        clip-path: polygon(100% 0, 100% 97%, 81% 100%, 0 95%, 0 0);
    }

    #cb-item-container {
        flex-wrap: wrap;
    }

    #cb-item-container .cb-item {
        width: calc(50% - 10px);
    }

    #block-switchstation-3 {
        display: none;
    }

    .pre-footer {
        padding: 90px 0 60px;
    }

    .region-pre-footer {
         flex-wrap: wrap;
    }

    #sendinblue-form-subscribe {
        gap: 0;
        flex-wrap: wrap;
    }

    .follow-us > p {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .pre-footer, .pre-footer:before {
        clip-path: polygon(25% 0, 100% 10%, 100% 100%, 0 100%, 0 15%);
    }

    .content-block.id-3243,
        .content-block.id-3245{
        padding: 20px 10px 40px!important;
    }

    .id-3234 .field-titulo-cb-wrapper .field-titulo-cb {
        margin: 20px;
    }

    .id-3234 .image-style-marcas {
        margin: 20px auto!important;
    }

    .bullets-alquiler > div:before {
        width: 60px;
        height: 60px;
    }

    #sendinblue-form-subscribe {
        justify-content: center;
    }

    #newsletter {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .id-3254 {
        height: 1100px;
        padding: 0 !important;
    }

    .all-specs {
        width: 100%;
        padding: 15px 10px;
    }

    #ebike-specs .spec {
        padding-left: 20px;
    }

    .id-3254 .field-body-cb p:before, .id-3254 .field-body-cb img {
        clip-path: polygon(100% 0, 100% 95%, 81% 100%, 0 95%, 0 0);
    }

    #banner .position-ci .callToAction {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .id-3257 .calltoaction {
        padding: 15px;
    }

    .id-3257 {
        padding: 15px !important;
    }

    #bullets-taller .custom-bullet:before {
        height: 60px;
    }

    #bullets-taller .custom-bullet {
        padding-left: 80px;
    }

    .id-3258:before, .id-3258:after {
        clip-path: polygon(100% 0, 100% 95%, 80% 100%, 0 95%, 0 0);
    }

    .id-3257 .field-titulo-cb-wrapper .field-titulo-cb {
        font-size: 36px;
    }

    .page-node-3267 #content-block-container {
        padding: 200px 0 50px;
    }

    .id-3274:before {
        height: 70px;
        clip-path: polygon(0 35%, 78% 100%, 100% 40%, 100% 0%, 77% 67%, 0% 0%);
    }

    .id-3278:before {
        content: '';
        background-color: var(--font-color-active);
        width: 100vw;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        clip-path: unset;
        z-index: -1;
    }
    .id-3278:after {
        content: '';
        background-color: transparent;
        background-image: unset;
        transition: no-repeat;
        background-size: cover;
        width: 100vw;
        height: calc(85% - 20px);
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
        z-index: 0;
    }

    .page-node-3277 #nuestras-bicicletas .modalidad-bici {
        width: 100%;
    }

    .id-3279 .column-text > div {
        width: 100%;
    }
    .id-3279:before, .id-3279:after {
        clip-path: polygon(100% 0, 100% 95%, 81% 98%, 0% 94%, 0 0);
    }
    .id-3286:before, .id-3286:after  {
        clip-path: polygon(25% 5%, 100% 8%, 100% 100%, 0 100%, 0 8%);
    }

    /* Contact block */
    .id-3286 .contact-element {
        width: calc(100% - 40px);
    }
    .id-3286 .field-body-cb {
        flex-wrap: wrap;
    }
    .id-3286 .contact-element:not(:last-child):after {
        content: unset;
    }

    /* Newsletter in contact page submit button */
    .page-node-3282 .sendinblue-signup-subscribe-form .form-submit {
        margin: 0;
    }

    /* Red section in banner */
    /*#banner .views-element-container {*/
    /*    height: calc(100vh - 200px)!important;*/
    /*}*/

    /* Wide bike types */
    .id-3246 .select-element {
        max-width: 330px !important;
        width: 100% !important;
    }

    /* Wrap bike types home */
    .id-3246 #select-bycicle {
        flex-wrap: wrap;
    }

    .id-3268 {
        padding: 200px 0 50px !important;
    }

    .page-node-3267 .node__content > .field--name-body {
        top: 0;
        right: 0;
    }

    .page-node-3277 .node__content > .field--type-text-with-summary {
        right: 0;
        margin-top: 60px;
    }

    .id-3278 {
        text-align: center;
        padding-top: 900px!important;
    }

    .id-3278.model-XX .field-subtitulo-cb {
        color: black;
        margin-bottom: -5px;
    }

    .page-node-3277 #nuestras-bicicletas {
        width: 100%;
    }

    .page-node-3277 .node__content > .field--type-text-with-summary:before{
        background-color: rgba(255 255 255 / 80%);
    }

    .bullets-alquiler > div {
        padding: 5px 0;
    }

    /*.bitaboot-xs*/body.in-rent-process .all-products {
        padding: 0 40px 120px;
        margin-top: 100px;
    }

    body.page-node-3293 #block-views-block-slides-block-slider-video-5 .views-field-field-titulo h1 {
        font-size: 38px;
    }

    #block-dropdownlanguage-4 {
        display: none;
    }

    #block-dropdownlanguage-5.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item {
        /*justify-content: flex-start !important;*/
        justify-content: center !important;
        /*padding-left: 16px;*/
        width: fit-content;
        margin: 0 auto;
    }

    #block-webcams-3 {
        display: none;
    }

    .commerce-cart-block-items_carted {
        width: 8px;
        height: 8px;
        right: 10px;
        top: 15px;
        transform: unset;
    }

    #block-dropdownlanguage-5 .dropbutton-multiple .dropbutton .secondary-action {
        display: block !important;
    }

    #block-dropdownlanguage-5.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .wrapper-selection {
        z-index: 2000;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        opacity: 1;
        position: static;
        border: 0px solid transparent;
    }
    #block-dropdownlanguage-5.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .dropbutton-toggle {
        display: none;
    }
    #block-dropdownlanguage-5.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item:hover .active-language {
        color: white;
    }
    #block-dropdownlanguage-5.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .wrapper-selection li a:hover {
        background-color: transparent;
        color: var(--font-color-active);
        text-decoration: none;
    }
}

@media all and (max-width: 450px) {
    #ebike-specs .spec {
        width: calc(100% - 20px);
    }
}

/* Proceso de alquiler mobile */
@media all and (max-width: 992px) {
    .webform-progress-tracker .progress-text {
        display: block;
    }

    [data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column {
        flex-wrap: wrap;
        margin-top: 30px;
        margin-bottom: 30px;
        justify-content: center;
    }

    [data-drupal-selector="edit-product-type-selection"] .form-item-product-type-selection {
        max-width: 450px;
        width: calc(100% - 20px);
        margin-bottom: 20px;
    }

    [data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .image {
        padding-top: 70%;
    }

    .webform-submission-alquiler-verano-form .paso_2 {
        display: flex;
        padding: 10px;
        flex-direction: column;
    }

    .webform-submission-alquiler-verano-form .paso_2 .flexbox-dates {
        width: 100%;
    }

    .webform-submission-alquiler-verano-form .paso_2 .btn-to-view {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
        padding: 0.35em 0.75em 0.625em;
    }

    .form-item-field-tipo-de-bici-target-id .form-radio + label {
        padding: 5px 50px;
    }

    .variation-top-tipo-wrapper {
        padding-right: 20px;
    }

    [data-drupal-selector="edit-field-tipo-de-bici-target-id"] .form-radios {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    body.in-rent-process .view-id-alquiler_bicis .views-row {
        padding-right: 0 !important;
    }

    body.in-rent-process .view-id-alquiler_bicis .view-content {
        position: relative;
    }

    .owl-dots {
        position: absolute;
        bottom: -18px;
        left: 50%;
        transform: translateX(-50%);
        top: unset;
    }

    .steps-wrapper .step .label {
        transform: translatex(-50%) scale(2);
    }

    .steps-wrapper {
        margin-top: 20px;
        transform: scale(0.5);
    }

    body.in-rent-process .steps-wrapper {
        transform: scale(0.5) translateX(100%);
        right: 50% !important;
        width: 100%;
    }

    [id*="edit-material-adjustment"] {
        margin-top: 120px;
    }

    #mobile-footer {
        width: 100vh !important;
        align-items: stretch !important;
        opacity: 1 !important;
        visibility: visible;
        max-width: 100%;
        gap: 20px;
    }

    #btnb-show-cart {
        width: 50%;
        margin-bottom: 0;
        height: 100%;
        justify-content: center;
    }

    #mobile-footer > input.form-submit {
        width: 50%;
        margin: 0px;
        height: 100%;
    }

    body.in-rent-process .wrapper-pre-cart-block.mobile {
        opacity: 1;
        visibility: hidden;
        width: auto !important;
    }

    body.in-rent-process .webform-submission-alquiler-verano-form .form-actions {
        left: 0%;
        transform: unset;
    }

    .mobile form > *:not([data-drupal-selector="edit-actions"]),
    .mobile .totals-area-wrapper,
    .mobile .dates-area-wrapper {
        opacity: 0;
        visibility: hidden;
        transition: all .4s ease;
    }

    form > *:not([data-drupal-selector="edit-actions"]) {
        opacity: 1;
        visibility: visible;
        transition: all .4s ease;
    }

    body.in-rent-process .dates-area-wrapper {
        height: 100px;
    }

    body.in-rent-process .dates-area-wrapper .dates-detail {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .change-dates-wrapper {
        display: flex;
        justify-content: center;
    }

    .view-id-alquiler_bicis {
        padding-bottom: 70px;
    }

    body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] .form-actions {
        margin-left: auto;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        padding-right: 20px;
    }

    body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] .form-actions input {
        width: auto;
    }

    body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] [class*="form-item-din-name"], body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] [class*="form-item-din-surname"] {
        max-width: unset;
        margin: 10px 0 !important;
        margin-right: 0 !important;
    }

    body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] .total-online {
        padding-right: 30px;
    }

    .layout-checkout-form .checkout-pane-order-summary {
        width: 100% !important;
    }

    .layout-checkout-form .checkout-pane-payment-information {
        width: 100%;
    }

    body.path-checkout h1 {
        font-size: 50px;
    }

    [data-drupal-selector="edit-payment-information-billing-information-select-address"] {
        max-width: 100%;
    }

    .toolbar-vertical #header {
        width: 100% !important;
    }

    .layout-checkout-form .checkout-pane-payment-information {
        padding: 10px !important;
        margin: 0 !important;
    }

    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container0"] .js-form-item-payment-information-billing-information-address-0-address-given-name ,
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container0"] .js-form-item-payment-information-billing-information-address-0-address-family-name {
        width: 100%;
    }

    .field--name-field-telefono,
    .field--name-tax-number
    {
        width: 100%;
        margin-bottom: 0 !important;
    }

    .checkbox, .checkbox-pack {
        padding-right: 10px;
    }

    .layout-checkout-form .checkout-pane-order-summary {
        padding-left: 20px !important;
        padding-right: 15px;
        margin-top: 0px !important;
    }

    .page-node-3200 h1 {
        font-size: 50px;
    }

    .paso_1 {
        margin-top: -70px;
    }
}

@media all and (min-width: 992px) {
    #block-dropdownlanguage-5 {
        display: none;
    }
}

@media all and (max-width: 768px) {
    .form-item-field-tipo-de-bici-target-id .form-radio + label {
        padding: 5px 30px;
    }

    .page-node-3299 article.node--type-pagina-libre{
        padding: 0 16px !important;
    }

    .webform-submission-contacto-block-content-35-add-form{
        padding: 0 16px;
    }
}

@media all and (max-width: 1200px) {
    .view-botiga .view-header{
        padding: 0 16px;
    }
}

/** TODO
/ordino-estripagecs
*/

/** CURRENT
*/

/** DONE
<front>
/e-bike
/nuestro-taller
/somos-pic-negre-0
/multimedia
/nuestras-bicicletas
*/