@media screen and (max-width: 768px) {
    #acb-widget-trigger {
        right: auto;
        left: 60px;
        width: 39px !important;
        height: 39px !important;
        bottom: 15px;
    }
}
@media screen and (min-width:768px) {
    .visible-mobile {
        visibility: hidden;
    }
    .um-account-nav.logout-mobile-show {
        display:none;
    }
}
@media screen and (min-width:1025px) and (max-width:1235px){
    .overlay .menu-items {
        padding: 0 90px;
    }
    .menu-items .trash-cards {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .woocommerce-cart .cart_item h2 {
        font-size: 24px;
        line-height: 27px;
    }
    .woocommerce-cart .coupon button {
        line-height: 22px;
    }
    .woocommerce-cart .cart-collaterals .cart_totals .shop_table {
        margin-bottom: 8px;
    }
	#contatti .padding-left {
    	padding-left: calc(var(--bs-gutter-x) * .5);
	}
    .middle-header .open-experiences .experiences .card-featured,
    .experiences-mobile .card-featured,
    .middle-header .open-gift-cards .gift-cards .card-featured,
    .gift-cards-mobile .card-featured {
        min-width: 330px;
    }
}
@media screen and (min-width:992px) and (max-width:1024px){
    .overlay .menu-items {
        padding: 0 59px;
    }
    .menu-items .trash-cards {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
    }
}
@media screen and (min-width:992px){
    #press .post .img-wrapper .main {
        min-height: 260px;
        object-fit: cover;
    }
}
@media screen and (min-width:768px) and (max-width: 991px) {
    .overlay .wrapper > .flex-center {
        padding: 0 20px;
    }
    .menu-items .trash-cards {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
    }
    #home {
        overflow: hidden;
    }
    #home video {
        width: 100vw;
        object-fit: cover;
        transform: translateX(calc(-50% + 50vw));
    }
    #home .intro-video.lipskit {
       min-height: 80vh;
       height: 510px;
    }
    .marquee h1,
    .marquee .h1 {
        font-size: 75px;
    }
    .marquee .scroll-exp {
        font-size: 100px;
    }
    .container.about .text-wrapper {
        margin-bottom: 50px;
    }
    #home .about p {
        width: 100%;
    }
    #home .carousel-container {
        height: 450px;
    }
    #home .experience-block .wrapper .main-text {
        font-size: 50px;
    }
    #home .about .central-column {
        max-width: unset;
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
    }
    #home .about .img-wrapper {
        max-width: calc(33% - 10px);
    }
    #home .about .left {
        position: relative;
        top:0;
        margin-left: 0;
    }
    #home .about .center {
        margin-top: 45px;
        margin-bottom: -45px;
        margin-left: 0;
    }
    #home .about .right {
        position: relative;
        margin-left: 0;
        margin-top: -60px;
    }
    #home .about .img-wrapper img {
        border-radius: 0;
        object-fit: cover;
    }
    #home .about .img-wrapper.center img {
        height: 100%;
    }
    #contatti .info p, #contatti .info a {
        font-size: 17px;
    }
    #faq #questions-in-store button,
    #faq #questions-online button,
    #faq #questions-my-lipskit button {
        padding: 40px 0 34px 100px;
    }
    #faq #questions-in-store button .question,
    #faq #questions-online button .question,
    #faq #questions-my-lipskit button .question {
        font-size: 28px;
        line-height: 33px;
    }
    #faq #questions-in-store .accordion-body,
    #faq #questions-online .accordion-body,
    #faq #questions-my-lipskit .accordion-body {
        padding: 0 0 34px 100px;
    }
    .list-social {
        min-width: auto;
        padding-right: 30px;
    }
    #contatti .socials a {
        font-size: 35px;
        line-height: 35px;
    }
    #not-found .container {
        background-size: 400px;
    }
    #not-found h1 {
        font-size: 65px;
        line-height: 70px;
    }
    .um-account-side a.current {
        background: #f7f7f7 !important;
    }
    span.um-logout-title, span.um-logout-arrow {
        display: none;
    }
    span.um-logout-icon {
        border: none;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
    }
    .overlay .menu-items {
        padding: 0 60px;
    }
    .woocommerce-cart .cart_item h2 {
        font-size: 24px;
        line-height: 27px;
    }
    .woocommerce-cart .coupon button {
        line-height: 22px;
    }
    .woocommerce-cart .cart-collaterals .cart_totals .shop_table {
        margin-bottom: 8px;
    }
    #press .post .img-wrapper .main {
        min-height: 250px;
        object-fit: cover;
    }
    #press .post h2 {
        font-size: 21px;
        line-height: 31px;
    }
    .single-post .intro {
        height: 500px;
        background-color: #d39595;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center 75%;
    }
    .single-post .posts-nav .post-nav .thumbnail {
        display: none;
    }
	.single-post .content h1 {
        font-size: 33px;
        line-height: 42px;
    }
    .woocommerce-MyAccount-navigation ul li:nth-of-type(2n) {
        background: #fff;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        margin-bottom: 8px;
    }
    .promo-popup.new-experience .popup-content {
        background-size: contain;
    }
}
@media screen and (max-width: 991px) {
    .experiences-mobile .card-featured,
    .gift-cards-mobile .card-featured {
        min-width: auto;
        max-width: 365px;    
    }
    .thank-you ul.woocommerce-thankyou-order-details {
        padding: 30px 20px;
        flex-direction: column;
    }
    .woocommerce-order-details table.woocommerce-table--order-details td.table-padding {
        min-width: 20px;
        width: 20px;
    }
    .woocommerce-customer-details {
        padding: 50px 20px;
    }
    .woocommerce-customer-details .woocommerce-column {
        float: left;
        width: 48%;
    }
	#contatti .padding-left {
    	padding-left: calc(var(--bs-gutter-x) * .5);
	}
    .woocommerce-cart .cart-collaterals {
        margin-top: 30px;
    }
}
@media screen and (min-width:922px) and (max-width: 1199px){
    .woocommerce-account .accordion-body .wrapper-experiences {
        flex-wrap: wrap;
    }
    .woocommerce-account .accordion-body .wrapper-experiences .single-experience {
        width: 48.35%;
        max-width: 48.35%;
    }
    .woocommerce-account .accordion-body .wrapper-experiences .single-experience img {
        width: 100%;
        aspect-ratio: 1;
        height: 100%;
    }
}
@media screen and (max-width: 921px){
    .woocommerce-account .woocommerce-MyAccount-navigation {
        position: inherit;
    }
    .woocommerce-MyAccount-content {
        padding-top: 50px;
    }
}
@media screen and (max-width: 767px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .header .header-wrapper,
    header.sticky .header-wrapper,
    .overlay .header {
        padding-left: 0;
        padding-right: 0;
    }
    header .row {
        flex-direction: row-reverse;
    }
    header .row .col-md-4.col-6.header-group.justify-left {
        justify-content: right;
    }
    header.black-text {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    }
    header.black-text.sticky {
        background: rgba(22, 19, 54, 0.8);
    }
    .header .header-group.justify-center {
        justify-content: flex-start;
    }
    #overlay-menu {
        overflow-x: hidden;
        overflow-y: scroll;
        padding-bottom: 100px;
        background: linear-gradient(152.38deg, #FAB0B0 1.31%, #C091CB 156.08%);
    }
    #overlay-menu .header {
        position: unset;
        padding-bottom: 60px;
    }
    .overlay .split {
        height: auto;
    }
    .overlay .menu-items {
        background: transparent;
        padding: 0 42px 50px 42px;
    }
    .overlay .menu-items .main-menu a {
        font-size: 34px;
        line-height: 46px;
    }
    .overlay .menu-items .main-menu .submenu {
        gap: 10px;
    }
    .overlay .menu-items .main-menu .submenu > li:not(:last-of-type) > a::after {
        margin-left: 10px;
    }
    .overlay .mobile-order-2 {
        order: 2;
        margin: auto;
    }
    .overlay .menu-items .socials {
        margin-bottom: 15px;
    }
    .overlay .menu-items .credits {
        margin-top: 20px;
    }
    #home {
        overflow: hidden;
    }
	#home .lipstick-secondo-piano {
		background-size: cover;
	}
    #home video {
        width: 100vw;
        height: 100%;
        object-fit: cover;
        transform: translateX(calc(-50% + 50vw));
    }
    #home .intro-video.lipskit {
        min-height: 300px;
        height: 510px;
    }
    #home .lipstick-terzo-piano {
        background-size: 170%;
    }
    #home .lipstick-primo-piano {
        background-size: 105%;
    }
    #home .scrolling-text {
        min-width: 250%;
    }
    #home .intro h3 {
        font-size: 33px;
        line-height: 52px;
    }
    #home .video-text-wrapper .video-text {
        font-size: 54px;
        line-height: 54px;
    }
    #home .experience-container {
        margin-bottom: 155px;
    }
    #home .experience-block.store .wrapper, #home .experience-block, #home .experience-block.online .wrapper {
        min-height: 465px;
    }
    #home .experience-block .wrapper .explore {
        margin-top: 30px;
    }
    #home .experience-block.store {
        margin-top: 0;
    }
    #home .experience-block.online {
        margin-top: 90px;
    }
    #home .experience-block .wrapper {
        justify-content: center;
    }
    #home .experience-block .wrapper-center {
        padding-top: 50px;
    }
    #home .experience-block .wrapper .main-text {
        font-size: 54px;
        line-height: 54px;
    }
    #home .experience-block .wrapper .cursive {
        font-size: 60px;
        line-height: 35px;
    }
    #home .carousel-container {
        height: 300px;
    }
    #home .carousel img {
        object-fit: cover;
    }
    #home .about {
        margin-top: 133px;
    }
    #home .about .central-column {
        max-width: unset;
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
    }
    #home .about .central-column .text-wrapper {
        width: 100%;
        margin-right: 0;
        margin-left: auto;
        margin-bottom: 60px;
    }
    #home .about h2 {
        font-family: trirong-light;
        font-size: 50px;
        line-height: 60px;
        text-transform: none;
    }
    #home .about p {
        width: 100%;
    }
    #home .about .img-wrapper .blurred {
        max-width: 80%;
    }
    #home .about .left {
        position: relative;
        top:0;
    }
    #home .about .center {
        margin-top: 45px;
        margin-bottom: -45px;
    }
    #home .about .right {
        position: relative;
        margin-left: 25%;
        margin-top: 4px;
    }
    #home .about .img-wrapper {
        max-width: calc(50% - 10px);
    }
    #home .about .img-wrapper img {
        border-radius: 0;
        object-fit: cover;
    }
    #home .about .img-wrapper.center img {
        height: 100%;
    }
    #home .about .img-wrapper.left img,
    #home .about .img-wrapper.right img {
        width: 100%;
    }
    #home .outro {
        font-size: 33px;
        line-height: 55px;
    }
    #home .instagram-wrapper {
        margin-top: 83px;
    }
    #home .newsletter {
        padding-top: 190px;
    }
    #home .reviews h2,
    #home .newsletter h2,
    #contatti .newsletter h2 {
        font-size: 36px;
        line-height: 50px;
    }
    #faq #questions-in-store button,
    #faq #questions-online button,
    #faq #questions-my-lipskit button {
        padding: 40px 0 34px 65px;
    }
    #faq #questions-in-store .accordion-body,
    #faq #questions-online .accordion-body,
    #faq #questions-my-lipskit .accordion-body {
        padding: 0 0 34px 65px;
    }
    #faq #questions-in-store button .question,
    #faq #questions-online button .question,
    #faq #questions-my-lipskit button .question {
        font-size: 22px;
        line-height: 25px;
    }
    footer {
        padding: 60px 0 70px;
    }
    footer .footer-wrapper .navigation {
        gap: 20px;
    }
    footer .footer-wrapper .legals {
        text-align: center;
        font-size: 12px;
        line-height: 18px;
    }
    .marquee h1,
    .marquee .h1 {
        font-size: 50px;
    }
    .marquee .scroll-exp {
        font-size: 80px;
    }

    #faq .intro h1,
    #contatti .intro h1,
    #press .intro h1 {
        font-size: 50px;
        line-height: 50px;
    }
    #faq #questions {
        margin-top: 120px;
        margin-bottom: 120px;
    }
    #faq #questions button {
        padding: 28px 0 28px 50px;
    }
    #faq #questions button .question {
        font-size: 23px;
        line-height: 31px;
    }
    #faq #questions .accordion-body {
        padding: 0 0 28px 50px;
    }
    #not-found h1 {
        font-size: 50px;
        line-height: 52px;
    }
    #not-found .container {
        background-position-y: 155%;
        background-size: contain;
        justify-content: flex-start;
        padding-top: 225px;
    }
    #contatti .info {
        margin-top: 70px;
        margin-bottom: 60px;
		gap: 25px;
    }
    #contatti .info .col-10:not(:last-of-type) {
        margin-bottom: 30px;
    }
	#contatti .info p.weekend {
		flex-direction: row;
		gap: 6px;
	}
    #contatti .row-socials {
        flex-direction: column;
        align-items: center;
    }
    #contatti .socials {
        display: flex;
        gap: 20px;
        margin-bottom: 52px;
    }
    #contatti .socials li {
        margin-bottom: 0;
    }
    #contatti .socials a {
        font-family: editor-medium-italic;
        font-size: 21px;
        line-height: 21px;
    }
    #contatti .img-wrapper {
        flex-wrap: wrap;
        gap: 28px;
    }
    #contatti .img-wrapper img {
        width: 100%;
    }
    #contatti .newsletter {
        padding-top: 100px;
    }

    #press .posts {
        margin-top: 72px;
        margin-bottom: 50px;
    }
    #press .post .img-wrapper {
        margin-bottom: 38px;
    }
    #press .post h2 {
        font-size: 20px;
        line-height: 31px;
    }
    .single-post .content {
        margin-top: 60px;
        margin-bottom: 44px;
    }
    .single-post .content h1 {
        font-size: 32px;
        line-height: 41px;
        margin-bottom: 34px;
    }
    .single-post .content p {
        margin-left: 15%;
    }
    .single-post .posts-nav .posts-wrapper {
        padding: 54px 0;
    }
    .single-post .posts-nav .post-nav .thumbnail {
        display: none;
    }
    .single-post .posts-nav .post-nav {
        margin-left: 8%;
        margin-bottom: 30px;
    }
    .single-post .intro {
        height: 400px;
        background-color: #d39595;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center 75%;
    }

    .woocommerce-cart .cart_item h2 {
        font-size: 20px;
        line-height: 23px;
    }
    .woocommerce-cart .cart_item .save-for-later {
        margin-bottom: 6px;
    }
    .woocommerce-cart .cart-item-wrapper {
        padding: 32px 12px;
    }
    .woocommerce-cart .cart_item {
        gap: 12px;
    }
    .woocommerce-cart .cart_item .cart-item-left {
        width: 110px;
        min-width: 110px;
    }
    .woocommerce-cart .cart-item-upsells {
        margin-top: 14px;
        padding-top: 16px;
    }
    .woocommerce-cart .ajax-add-to-cart-exp {
        padding: 14px 42px;
        text-align: start;
    }

    #login {
        padding-left: 24px;
        padding-right: 24px;
    }
    #login .mobile-inline {
        gap: 10px;
        margin-bottom: 20px;
		justify-content: center;
    }
    #login .mobile-fit-content {
        width: fit-content;
    }
    #login h1,
    #login h2 {
        font-family: editor-extrabold;
        font-size: 20px;
        line-height: 20px;
        background: linear-gradient(68.39deg, #C02660 3.6%, #F9837D 98.08%, #F9837D 98.08%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        background-blend-mode: multiply;
        transition: all 0.3s;
    }
    #login h1.active,
    #login h2.active {
        background: #000;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        background-blend-mode: multiply;
    }
    #login p.description {
        display: none;
    }
    #login .form-container.register {
        display: none;
    }
	#login .divider.desktop {
	    display: none;
	}
	.login .text.mobile, .register .text.mobile {
		text-align: center;
		color: #fff;
		padding: 15px 0;
	}
    #booking h1, #booking h2, .edit-booking h1, #gift h1, #gift h2 {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 30px;
    }
    .page-template-acquista-template .plus-minus-input {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    #fbuilder_1 #fieldname3_1 .fields {
        width: 100%;
    }
    #fbuilder_1 #fieldname3_1 .fields.surname-llabel-field, 
    #fbuilder_1 #fieldname8_1 .fields.surname-llabel-field {
        margin: 0;
    }
    #cp_appbooking_pform_1 #fbuilder .dfield .fieldCalendar,
    #booking #fbuilder .slotsCalendar,
    #booking #confirmation_section .coupon-group input,
    #booking #confirmation_section .dati-acquisto hr,
    #gift .dati-acquisto hr,
    div.dati-acquisto #divPrice {
        width: 100%;
    }
    #gift #paypal-container iframe,
    #gift #submit-stripe {
        width: 70%;
    }

    .woocommerce-checkout .woocommerce {
        padding: 200px 0;
    }
    #checkout_timeline.horizontal.text li {
        margin-bottom: 10px;
        margin-left: 0;
    }
    #checkout_timeline li .timeline-wrapper .timeline-label {
        padding-left: 0 !important;
    }
    form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
        padding: 0;
    }
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, #billing_postcode_field, #billing_city_field, #billing_company_field, #billing_country_field, #billing_address_1_field, #billing_address_2_field, #billing_state_field, #billing_phone_field, #shipping_country_field, #shipping_address_1_field, #shipping_address_2_field, #shipping_postcode_field, #shipping_city_field, #shipping_state_field {
        width: 100%;
        min-height:auto;
    }

    #payment-confirmed h1,
    .woocommerce-cart .cart-empty h1 {
        font-size: 42px;
        line-height: 42px;
    }
    #payment-confirmed .img-wrapper img {
        margin-top: 60px;
    }

    .thank-you h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .thank-you ul.woocommerce-thankyou-order-details li {
        width: 100%;
        padding: 6px 0;
    }
    .woocommerce-customer-details {
        padding: 40px 0 0 0;
    }
    .woocommerce-customer-details .woocommerce-column {
        width: 100%;
        margin-bottom: 50px;
    }

    .um-logout-title {
        line-height: 44px;
        height: 44px;
        color: #E2BBB4;
        padding-left: 0;
    }
    .logout-mobile-show .ico {
        height: 44px;
        align-items: center;
        display: flex;
    }

    .register-mailchimp {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .promo-active #login,
    .promo-active #dashboard-utente,
    .promo-active .woocommerce-account .site-content,
    .promo-active #booking .booking-selection,
    .promo-active #gift .gift-top,
    .promo-active #saved,
    .promo-active #payment-confirmed,
    .promo-active .reset-pw {
        padding-top: 300px;
    }
    .woocommerce-cart .promo-active.site-content,
    .woocommerce-checkout .promo-active .woocommerce {
        padding-top: 150px;
    }
    .promo-active .opening-lipstick,
    .promo-active .opening-armocromia {
        padding-top: 316px;
    }
    .page-template-lipstick-virtuale .promo-banner {
        display: none;
    }
    .woocommerce-cart .titles, 
    #saved .titles, 
    #past-store-experiences .titles {
        flex-wrap: wrap;
        row-gap: 16px;
    }
    /* .woocommerce-account .woocommerce-MyAccount-navigation {
        max-width: 100vw;
        overflow-x: scroll;
        position: relative;
        top: 0;
    } */
    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        margin-bottom: 8px;
    }
    /* nav.woocommerce-MyAccount-navigation::-webkit-scrollbar-thumb {
        height: 5px;
        width: 30px;
        border-radius: 8px;
        background: #6A5AE0;
    }
    nav.woocommerce-MyAccount-navigation::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
    }
    nav.woocommerce-MyAccount-navigation::-webkit-scrollbar {
        height: 5px;
    } */
    .woocommerce-MyAccount-navigation ul li:nth-of-type(2n) {
        background: #fff;
    }
    .woocommerce-MyAccount-navigation ul li img {
        left: 12px;
        top: 16px;
        height: 20px;
    }
    .woocommerce-MyAccount-navigation li a {
        padding: 16px 16px 16px 45px;
    }
    .woocommerce-account .header-account .title-header,
    .woocommerce-account h3.title-content-tab {
        text-align: left;
    }
    .woocommerce-account .wrapper-modify-account .wrapper-info-profile {
        flex-direction: column;
        gap: 15px;
        padding-bottom: 40px;
    }
    .woocommerce-account .wrapper-modify-address .single-modifyaddress:first-of-type {
        margin-bottom: 40px;
    }
}

@media screen and (max-width:767px) {
	header .promo-banner .promo-text {
		font-size: 14px;
	}
    .promo-popup-wrapper,
    .new-experience .promo-popup-wrapper {
        max-width: calc(100vw - 30px);
        min-width: 80%;
        aspect-ratio: 391 / 575;
    }
	.promo-popup .popup-content {
		background-image: url('../img/bg-popup-sara-lazellari-mobile.png');
        background-position: top;
	}
    .promo-popup .popup-content .text-wrapper {
        padding: 42px 28px;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
    }
    .promo-popup .popup-content .text-wrapper .title {
        font-size: 33px;
    }
    .promo-popup .popup-content .text-wrapper .title .made-by {
        justify-content: center;
    }
    .promo-popup .popup-content .text-wrapper .title .made-by img {
        width: 85px;
    }
    .promo-popup .popup-content .text-wrapper p {
        font-size: 14px;
    }
    .promo-popup .popup-content .text-wrapper .cta {
        position: absolute;
        bottom: 40px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .promo-popup-wrapper,
    .new-experience .promo-popup-wrapper {
        max-width: 390px;
        min-width: 390px;
        aspect-ratio: 391 / 575;
    }
}