@media only screen and (max-width: 1440px) and (min-width: 1281px) {
    .package-content-wrap {
        max-width: 1080px;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1080px) {
    .package-content-wrap {
        max-width: 1040px !important;
    }
}

@media (max-width: 1024px) {
    .my-account-head {
        margin-bottom: 30px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        padding-left: 0;
        margin-top: 30px;
    }
    .lul-myaccount-sidenav ul {
        display: flex;
        flex-wrap: wrap;
    }
    .lul-checkout-wrap .checkout-body {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .lul-checkout-wrap .checkout-left,
    .lul-checkout-wrap .checkout-right {
        width: 100%;
    }
    .lul-checkout-wrap .checkout-right .checkout-card-separator {
        display: none;
    }
    .lul-checkout-wrap .checkout-right .checkout-card-total-to-be-paid {
        position: static;
        width: 100%;
        border-top-right-radius: 0;
        padding: 20px 40px 0px 40px;
    }
    .lul-checkout-wrap .checkout-right .checkout-card-detail {
        position: static;
        padding: 24px 40px 29.5px 40px;
    }
    .lul-checkout-wrap .checkout-right .checkout-card-total-to-be-paid-title {
        display: block;
    }
    .lul-checkout-wrap .checkout-right .checkout-card-img {
        height: auto;
    }
    .lul-checkout-wrap .checkout-right .checkout-card-img img {
        display: flex;
        height: 400px;
        object-fit: cover;
    }
    .package-content-wrap {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        max-width: calc(100% - 40px);
        gap: 0;
    }
    .package-content-left,
    .package-content-right {
        width: 100%;
    }
    .package-content-left .edge {
        display: none;
    }
    .packages-wrap .container {
        max-width: 100%;
        padding: 0;
    }
    .package-hero {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .package-content-left {
        position: relative;
        margin-top: 0;
        border-radius: 0;
        padding: 35px 30px 20px;
    }
    .package-content-left::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: calc(100% - 60px);
        height: 1px;
        background-color: #E7E7E7;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .package-content-right {
        border-radius: 40px;
        margin-top: -195px;
    }
    .sidebar-package-inner {
        border: 0;
    }
}
@media (max-width: 768px) {
    .dashboard-journey {
        padding: 20px 20px;
    }
    .journey-count-down {
        padding-right: 0;
    }
    .journey-details {
        padding-left: 0;
    }
    .woocommerce table.shop_table_responsive tr td, 
    .woocommerce-page table.shop_table_responsive tr td {
        display: flex;
        align-items: center;
    }
    .woocommerce table.shop_table_responsive tr td > span, 
    .woocommerce-page table.shop_table_responsive tr td > span,
    .woocommerce table.my_account_orders td > time,
    .woocommerce table.my_account_orders td > a {
        margin-left: auto;
    }
    .instalment-payment-head {
        display: none;
    }
    .instalment-payment-data {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 20px;
    }
    .instalment-payment-data p.payment-no {
        column-gap: 0;
    }
    .instalment-payment-data p:first-child::before {
        content: "Item:";
    }
    .instalment-payment-data p:nth-child(2):before {
        content: "Amount:";
    }
    .instalment-payment-data p:nth-child(3):before {
        content: "Due:";
    }
    .instalment-payment-data p:last-child::before {
        content: "Status:";
    }
    .instalment-payment-data p {
        display: flex;
        align-items: center;
        justify-content: space-between !important;
    }
    .instalment-payment-data p:first-child > span:first-child {
        margin-left: auto;
        margin-right: 5px;
    }

    /* Start responsive in order details */
    .order-instalment-payment-wrap .instalment-payment-data p:first-child::before {
        content: "Item";
    }

    .order-instalment-payment-wrap .instalment-payment-data p:nth-child(2):before {
        content: "Amount";
    }

    .order-instalment-payment-wrap .instalment-payment-data p:nth-child(3):before { 
        content: "Price";
    }

    .order-instalment-payment-wrap .instalment-payment-data p:last-child::before{
        content: "Subtotal";
    }

    /* ================================= */

    .order-instalment-payment-wrap .instalment-payment-data.total-amount p:first-child::before {
        content: "Total";
        font-weight: 700;
    }

    .order-instalment-payment-wrap .instalment-payment-data.total-amount p:first-child>span:nth-child(1) {
        display: none;
    }

    .order-instalment-payment-wrap .instalment-payment-data.total-amount p:first-child>span:nth-child(2) {
        display: block;
    }

    .order-instalment-payment-wrap .instalment-payment-data.total-amount p:nth-child(2) {
        display: none;
    }

    .order-instalment-payment-wrap .instalment-payment-data.total-amount p:nth-child(3) { 
        display: none;
    }

    .order-instalment-payment-wrap .instalment-payment-data.total-amount p:last-child{
        display: none;
    }

    /* End responsive in order details */
    .transcation-detail-top {
        margin-bottom: 20px;
    }
    .details-orders {
        grid-column: span 1 / span 1;
        margin-top: 0;
        padding-top: 15px;
    }
    .details-orders ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .details-orders ul li span:last-child {
        position: relative;
        width: 100%;
        text-align: right;
    }
    .details-orders ul li span:last-child::before {
        display: none;
    }
    .package-room-type-img-wrap img {
        height: 201px;
    }
    .green-banner-booking-multistep {
        height: 350px;
    }
}
@media (max-width: 767px) {
    .my-account-head-inner {
        height: 250px;
    }
    .my-account-head-inner h1 {
        font-size: 30px;
        line-height: 1.25;
    }
    .account-head-details {
        padding-left: 20px;
    }
    .account-head-details h4 {
        font-size: 24px;
    }
    .account-head-details p {
        font-size: 14px;
    }
    .account-head-avatar {
        width: 100px;
        min-width: 100px;
        height: 100px !important; 
    }
    .dashboard-journey {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 0;
        row-gap: 20px;
    }
    .journey-count-down::after {
        display: none;
    }
    .dashboard-details {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 0;
        row-gap: 20px;
    }
    .lul-thank-you-inner p {
        width: 100%;
    }
    .lul-checkout-wrap {
        padding-top: 50px;
    }
    .package-related-loop,
    .package-room-type-loop {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .package-romm-type-feature {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px
    }
    .package-room-type-img-wrap img {
        height: 400px;
    }
    .package-room-type-item {
        padding-bottom: 40px;
        border-bottom: 1px dashed #E1E1E1;
    }
    .package-room-type-loop {
        gap: 30px;
    }
    .package-content-wrap {
        max-width: 100%;
    }
    .sidebar-package-inner {
        padding: 35px 20px;
        border-radius: 20px;
    }
    .package-content-left {
        padding: 35px 20px 20px;
    }
    .package-content-left::before {
        width: calc(100% - 40px);
    }
    .package-faq-item {
        padding: 12px 15px;
    }
    .package-faq-item .faq-title h4 {
        font-size: 16px;
        line-height: 1.25;
    }
    .package-faq-item .faq-desc {
        font-size: 14px;
        line-height: 1.7;
    }
    .package-title-wrap h1 {
        font-size: 30px;
        line-height: 1.3;
    }
    
    .step-arrow-wrap > div {
        display: flex;
    }

    .step-arrow-wrap > div svg {
        display: block;
    }

    .container-booking-multistep .progress-container {
        display: none;
    }
    
    .green-banner-booking-multistep {
        height: 330px;
    }
}
@media (max-width: 640px) {
    .lul-myaccount-sidenav ul {
        justify-content: center;
		flex-direction : column !important;
    }
}
@media (max-width: 575px) {
    .woocommerce form .form-row-first, 
    .woocommerce form .form-row-last, 
    .woocommerce-page form .form-row-first, 
    .woocommerce-page form .form-row-last {
        width: 100%;
    }
    .lul-thank-you-inner h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .thank-you-btn-wrap .lul-thank-you-btn,
    .thank-you-btn-wrap .lul-login-btn {
        font-size: 14px;
    }

    .custom-login-form{
        margin-left: 30px;
        margin-right: 30px;
    }
    .transcation-detail-top > div {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: baseline;
    }
}
@media (max-width: 480px) {
	.my-account-head-inner {
		position: relative;
	}
    .account-head-avatar {
		position: absolute;
        top: 25%;
        right: 0;
        width: 60px;
        min-width: 60px;
        height: 60px !important;
        transform: translateY(-25%);
        /* -webkit-transform: translateY(-37px); */
        border: 2px solid #474F3A;
    }
    #timer > div span:first-child {
        width: 50px;
        height: 50px;
        font-size: 16px;
    }
    #timer > div span:last-child {
        width: 50px;
    }
    #timer > div:not(:last-child)::after {
        top: 14px;
        right: 12px;
    }
    .woocommerce table.my_account_orders td, 
    .woocommerce table.my_account_orders th {
        padding: 15px 20px;
    }
    .instalment-payment-item .detail-top {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .instalment-payment-item .detail-top p:first-child {
        flex: 100%;
    }
    .instalment-payment-item {
        padding: 15px 20px;
    }
    .dashboard-menu p {
        font-size: 14px;
    }
    .thank-you-btn-wrap {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .thank-you-btn-wrap .lul-thank-you-btn, 
    .thank-you-btn-wrap .lul-login-btn {
        max-width: 190px;
        margin: 0 auto;
    }
    .green-banner-booking-multistep {
        height: 300px;
    }
}

@media (max-width: 425px) {
    .green-banner-booking-multistep {
        height: 284px;
    }
}