/**
 * Homepage
 */

/* homepage slider */
@media (max-width: 1280px) {
    .slider_placeholder .slider_placeholder_item .slider_text .slider_title {
        line-height: 46px;
        margin-bottom: 12px;
    }
}

@media (max-width: 991px) {
    .slider_placeholder .slider_placeholder_item .slider_text .slider_title {
        line-height: 36px;
        margin-bottom: 8px;
    }
    
    .slider_placeholder .slider_placeholder_item .slider_text .slider_button {
        padding: 12px 16px 9px 16px;
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .slider_placeholder .slider_placeholder_item .slider_text .slider_title {
        line-height: 28px;
    }
    
    .slider_placeholder .slider_placeholder_item .slider_text .slider_button {
        padding: 10px 14px 7px 14px;
        font-size: 13px;
    }
}

@media (max-width: 560px) {
    .slider_placeholder {
        flex-direction: column;
    }
    
    .slider_placeholder .slider_placeholder_item.first {
        margin-right: 0;
    }
    
    .slider_placeholder .slider_placeholder_item .slider_text .slider_title {
        line-height: 38px;
        font-size: 7vw;
    }
}

@media (max-width: 480px) {
    .slider_placeholder .slider_placeholder_item .slider_text .slider_title {
        line-height: 28px;
    }
}

@media (max-width: 360px) {
    .slider_placeholder .slider_placeholder_item .slider_text .slider_title {
        line-height: 24px;
    }
}

/**
 * Checkout Page
 */

/* containers */
@media (max-width: 991px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar {
        padding: 15px;
    }
}

/* billing and shipping addresses */
@media (max-width: 991px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-payment-method .fieldset > .field .fcc-container .fiscal-code-calculator-form,
    .checkout-index-index.firecheckout .modals-wrapper aside.modal-slide .modal-content #opc-new-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form {
        padding: 15px 12px;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form .field:nth-of-type(5),
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-payment-method .fieldset > .field .fcc-container .fiscal-code-calculator-form .field:nth-of-type(5),
    .checkout-index-index.firecheckout .modals-wrapper aside.modal-slide .modal-content #opc-new-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form .field:nth-of-type(5) {
        width: 100%;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form .field:nth-of-type(5) .control:last-of-type,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-payment-method .fieldset > .field .fcc-container .fiscal-code-calculator-form .field:nth-of-type(5) .control:last-of-type,
    .checkout-index-index.firecheckout .modals-wrapper aside.modal-slide .modal-content #opc-new-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form .field:nth-of-type(5) .control:last-of-type {
        width: 33%;
    }
}

@media (max-width: 768px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-payment-method .fieldset > .field .fcc-container .fiscal-code-calculator-form,
    .checkout-index-index.firecheckout .modals-wrapper aside.modal-slide .modal-content #opc-new-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form {
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .checkout-index-index.firecheckout .page-wrapper header .logo img {
        width: 200px;
        max-width: 200px;
    }
    .checkout-index-index.firecheckout .page-wrapper header .logo  {
        margin: 0 auto;
        width: fit-content;
        max-width: fit-content;
    }
}

@media (max-width: 480px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .step-title,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-block-summary > .title {
        font-size: 21px;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-shipping-address .fieldset > .field,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-payment-method .fieldset > .field,
    .checkout-index-index.firecheckout .modals-wrapper aside.modal-slide .modal-content #opc-new-shipping-address .fieldset > .field {
        width: 100%;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-shipping-address .fieldset > .field .fcc-container,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-payment-method .fieldset > .field .fcc-container,
    .checkout-index-index.firecheckout .modals-wrapper aside.modal-slide .modal-content #opc-new-shipping-address .fieldset > .field .fcc-container {
        width: 100%;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form .field,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-payment-method .fieldset > .field .fcc-container .fiscal-code-calculator-form .field,
    .checkout-index-index.firecheckout .modals-wrapper aside.modal-slide .modal-content #opc-new-shipping-address .fieldset > .field .fcc-container .fiscal-code-calculator-form .field {
        width: 100%;
    }
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .opc > li.checkout-shipping-address .fieldset.checkout-registration .field.fc-field-choice {
        width: 100% !important;
    }
}

@media (max-width: 375px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-wrapper .step-title,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-block-summary > .title {
        font-size: 19px;
    }
}

/* discount block */
@media (max-width: 1280px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .form.form-discount{
        display: block;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .form.form-discount input input {
        border-right: 1px solid rgba(0, 0, 0, 0.09) !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .form.form-discount .payment-option-inner,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .form.form-discount .actions-toolbar {
        display: block;
        width: 100%;
        margin-bottom: 1em;
        text-align: center;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .form.form-discount .actions-toolbar .primary {
        float: none;
        width: 100%;
        height: 100% !important;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .form.form-discount .actions-toolbar .primary button button {
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
    }
}

@media (max-width: 991px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .form.form-discount .payment-option-inner label {
        display: none !important;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .form.form-discount .actions-toolbar .primary button.action {
        height: 100% !important;
        margin-right: 5px !important
    }
}

@media (max-width: 767px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .form.form-discount {
        max-width: 500px;
    }
}

/* minicart */
@media (max-width: 991px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .items-in-cart .minicart-items .product-item .product .product-image-container {
        margin-right: 0;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .items-in-cart .minicart-items .product-item .product .product-item-details {
        max-width: calc(100% - 64px);
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .subtotal {
        display: block;
        width: 100%;
        padding-right: 0;
    }
    
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .subtotal {
        margin-top: -21px;
    }
}

@media (max-width: 480px) {
    header.type22 .header-main .header.content .header-right .minicart-wrapper .block-quickcart {
        width: 100%;
    }
}

@media (max-width: 375px) {
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .opc-block-summary .payment-option .payment-option-title span,
    .checkout-index-index.firecheckout .page-wrapper main #checkout .opc-sidebar .items-in-cart .title strong {
        font-size: 15px;
    }
}

/**
 * Clerk Slider
 */
/* featured products slider */
@media (max-width: 1680px) {
    #clerk-slider-container .clerk-slider .item-container {
        width: 20% !important;
        max-width: 20%;
    }
}

@media (max-width: 1280px) {
    #clerk-slider-container .clerk-slider .item-container {
        width: 25% !important;
        max-width: 25%;
    }
}

@media (max-width: 1024px) {
    #clerk-slider-container .clerk-slider .item-container {
        width: 33% !important;
        max-width: 33%;
    }
    
    #clerk-slider-container .clerk-slider .item-container:nth-of-type(3n) {
        width: 34% !important;
        max-width: 34%;
    }
}

@media (max-width: 800px) {
    #clerk-slider-container .clerk-slider .item-container .item .product-item-info {
        padding: 20px 10px;
    }
}

@media (max-width: 767px) {
    #clerk-slider-container .clerk-slider .item-container {
        width: 50% !important;
        max-width: 50%;
    }
    
    #clerk-slider-container .clerk-slider .item-container:nth-of-type(3n) {
        width: 50% !important;
        max-width: 50%;
    }
    
    #clerk-slider-container .clerk-slider .item-container .item .product-item-info {
        padding: 20px 5px;
    }
}

@media (max-width: 575px) {
    #clerk-slider-container .clerk-slider .item-container .item .product-item-info {
        padding: 20px 5px;
    }
}

@media (max-width: 480px) {
    #clerk-slider-container .clerk-slider .item-container {
        width: 100% !important;
        max-width: 100%;
    }
    
    #clerk-slider-container .clerk-slider .item-container:nth-of-type(3n) {
        width: 100% !important;
        max-width: 100%;
    }
    
    #clerk-slider-container .clerk-slider .item-container .item .product-item-info {
        padding: 20px 5px;
    }
}