@media all and (max-width:1440px) {
    .edit-address {
        justify-content: center;
    }
}

@media all and (max-width:1366px){
    .premium .participant-form .form-fields {
        justify-content: center;
    }

    .ui-dropdownchecklist-selector.ui-state-default,
    .premium .page.register-resrvation-page .ui-dropdownchecklist .ui-widget-content {
        width: 480px !important;
    }

    .ui-dropdownchecklist-item {
        white-space: normal!important;
    }

    .newsletter-email {
        max-width: fit-content;
        text-align: center;
    }
    .footer-premium li,
    .footer-premium .title {
        text-align: center;
    }

    .newsletter-subscribe {
        display: flex;
        align-items: center;
    }

    .newsletter-result {
        text-align: center;
    }

    .shopping-cart-page .footable-row-detail-row {
        display: flex;
    }
    .shopping-cart-page .footable-row-detail-name {
        width: 35%;
        word-break: break-word;
    }
    .shopping-cart-page .footable-row-detail-value {
        width: 65%;
        padding-right: 0;
    }
    .shopping-cart-page .attributes {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .shopping-cart-page .attributes .edit-item {
        margin-left: 10px;
    }

    .shopping-cart-page .cart .remove {
        margin: 0;
        margin-left: auto;
    }
    .shopping-cart-page .footable-row-detail-value .ticket-item,
    .shopping-cart-page .booking-info {
        flex-direction: row-reverse;
        gap: 10px;
        flex-wrap: unset;
        justify-content: space-between;
    }
    .shopping-cart-page .personalization-event-ticket {
        margin-bottom: 15px;
        width: 75%;
    }
    .calendar-item {
        margin-bottom: 10px;
    }
    #product-events .mobile-align-text-content-row div {
        display: inline;
    }
    #product-events .mobile-align-text-content-row .quantity-info{
        display:block;
        margin:20px auto;
    }
    .premium .mobile-text-row{
        max-width:100%;
        margin-bottom:10px;
    }
    .premium #product-events .total-sum-block,
    .premium #product-events .price-cart {
        margin: auto;
    }
    .premium .quantity-info {
        position: initial;
    }
    .description-row.mobile-align-text-content-row {
        display: inline;
    }
    .product-boarding-buttons {
        gap: 25px;
        justify-content: center;
    }
}

@media all and (max-width: 1024px) {

    /* GLOBAL STYLES */

    .admin-header-links {
        z-index: 1050;
    }

    .header .header-logo {
        display: none;
    }

    .flyout-cart {
        display: none !important;
    }

    .menu-title-wrapper {
        display: none;
    }

    .responsive-nav-wrapper-parent {
        position: relative;
        z-index: 1050;
    }

    .responsive-nav-wrapper {
        position: relative;
        top: 0; /*transition start*/
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        padding: 15px 0;
        text-align: center;
        font-size: 0;
        transition: top 0.3s ease;
    }

        .responsive-nav-wrapper.stick {
            position: fixed;
            top: 0;
            width: 100%;
        }

    .page-title {
        background-image: none !important;
    }

    .overview .quantity .increase,
    .variant-overview .quantity .increase,
    .overview .quantity .decrease,
    .variant-overview .quantity .decrease {
        box-sizing: content-box;
    }

    /* RESPONSIVE MENU */

    .header-menu/*,
    .header-menu .sublist-wrap*/ {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1070;
        width: 320px;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
        text-align: left;
        transition: all 0.3s ease;
    }

        .header-menu.open/*,
        .header-menu .sublist-wrap.active*/ {
            box-shadow: 0 0 5px rgba(0,0,0,0.3);
        }

    .notAndroid23 .header-menu/*,
    .notAndroid23 .header-menu .sublist-wrap*/ {
        -webkit-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }

    .android23 .header-menu/*,
    .android23 .header-menu .sublist-wrap*/ {
        left: -320px;
    }

    .notAndroid23 .header-menu.open/*,
    .notAndroid23 .header-menu .sublist-wrap.active*/ {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .android23 .header-menu.open/*,
    .android23 .header-menu .sublist-wrap.active */{
        left: 0;
    }

    .header-menu .close-menu,
    .header-menu .back-button {
        padding: 10px 15px 10px;
        /*text-align: right;*/
        font-size: 0;
    }

        .header-menu .close-menu span,
        .header-menu .back-button span {
            display: inline-block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18ZM9.64175 8.99996L13.4374 12.7955C13.6147 12.9728 13.6147 13.2602 13.4374 13.4374C13.3488 13.526 13.2327 13.5704 13.1165 13.5704C13.0003 13.5704 12.8841 13.526 12.7955 13.4374L8.99991 9.64179L5.20435 13.4374C5.11569 13.526 4.9996 13.5704 4.8834 13.5704C4.7672 13.5704 4.65105 13.526 4.56245 13.4374C4.38519 13.2602 4.38519 12.9728 4.56245 12.7955L8.35802 8.99996L4.56245 5.20439C4.38519 5.02719 4.38519 4.73976 4.56245 4.56256C4.73966 4.38536 5.02708 4.38536 5.20429 4.56256L8.99991 8.35812L12.7955 4.5625C12.9727 4.38529 13.2601 4.38529 13.4373 4.5625C13.6146 4.7397 13.6146 5.02713 13.4373 5.20433L9.64175 8.99996Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A") center no-repeat;
            cursor: pointer;
            background-size: 30px;
        }

    .top-menu {
        padding-top: 15px;
    }

    .header-menu > ul li {
        margin-bottom: 27px;
        align-items: center;
        display: block;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .premium .header-menu > ul li > a {
        vertical-align: middle;
    }

    .premium .header-menu .expand-button {
        display: inline-block;
        vertical-align: middle;
    }

    .top-menu a {
        margin: 0 15px;
    }

    .sublist {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sublist {
        margin-top:0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.5s;
        -moz-transition: max-height 0.5s;
        transition: max-height 0.5s;
        transition:all 0.5s;
    }

    .sublist.active {
        margin-top:27px;
        max-height: 500px;
    }

    .expand-button {
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    .expand-button svg {
        display:block;
        width: 15px;
        height: 23px;
        margin-left: 4px;
    }

        .expand-button.active {
            transform: rotate(90deg);
        }

    /* .header-menu > ul li:after {
            content: "";
            position: absolute;
            bottom: 5px;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 2px;
            background-color: #eee;
        }*/
    .header-menu > ul li > a {
        /*background-color: #fff;*/
        padding: 0 10px 0 0;
        line-height: 24px;
        color: #aaa;
    }
    .header-menu > ul .sublist li > a {
        padding: 0 0 0 10px;
    }

    .premium .header-menu > ul li > a {
        font-size: 14px;
        font-weight: normal;
        width: initial !important;
    }

 /*   .header-menu .plus-button {
        position: absolute;
        right: -48px;
        z-index: 1;
        float: right;
        width: 40px;
        height: 40px;
        border: 8px solid #fff;
        border-radius: 50%;
        background: #ccc url('../img/arrow-white.png') center no-repeat;
        cursor: pointer;
    }

    .premium .header-menu .plus-button {
        bottom: -6px;
    }

    .premium .header-menu .plus-button {
        bottom: -4px;
    }*/

    .header-menu li.back-button {
        margin: 0;
    }

        .header-menu li.back-button:after {
            display: none;
        }

    /* COMPARE LIST */

    .compare-products-mobile .compare-section {
        max-width: 500px;
        margin: 0 auto 50px;
    }

    .compare-products-mobile .title {
        border-bottom: 1px solid #eee;
        background-color: #f9f9f9;
        padding: 15px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .compare-products-mobile .item {
        border-bottom: 1px solid #eee;
        padding: 15px;
        color: #555;
    }

    .compare-products-mobile .product .item {
        display: table;
        width: 100%;
        border: none;
        overflow: hidden;
        padding: 15px 0 0;
        text-align: left;
    }

    .compare-products-mobile .product .picture {
        display: table-cell;
        width: 100px;
        vertical-align: middle;
        font-size: 0;
    }

        .compare-products-mobile .product .picture a {
            display: inline-block;
        }

        .compare-products-mobile .product .picture img {
            max-width: 100px; /*Ie fix*/
        }

    .compare-products-mobile .product .details {
        display: table-cell;
        padding: 0 0 0 15px;
        vertical-align: middle;
    }

    .compare-products-mobile .product-name {
        padding: 5px 0 0;
        font-weight: 400;
        color: #555;
        text-transform: uppercase;
    }

    .premium .compare-products-mobile .product-name {
        font-size: 13px;
    }

    .premium .compare-products-mobile .product-name {
        font-size: 15px;
    }

    .compare-products-mobile .remove-button {
        padding: 0 !important;
        color: #aaa !important;
    }

    .premium .compare-products-mobile .remove-button:before {
        margin: 0 5px 0 0;
    }

    .premium .compare-products-mobile .remove-button:before {
        margin: 0 7px 0 0;
    }

    .premium .compare-products-mobile .price .item {
        font-size: 15px;
        font-weight: 700;
        color: #eda187;
    }

    .premium .compare-products-mobile .price .item {
        font-size: 16px;
        font-weight: 400;
        color: #007c5a;
    }

    /* SHOPPING CART */

    .cart-collaterals .title {
        padding: 25px 20px 10px;
    }

    .cart-collaterals .inner-wrapper {
        padding: 0 20px 25px;
    }

    .cart-collaterals .title strong {
        vertical-align: middle;
    }

    /*mobile buttons*/

    .item-box .buttons {
        display: block;

        /*margin: 15px 10px 0;*/
        padding: 5px;
    }

        .item-box .buttons.desktop {
            display: none;
        }


        .item-box .buttons.mobile {
            display: block;
        }


    .item-box button {
        display: inline-block;
        background-color: transparent;
        vertical-align: middle;
        color: #fff;
        text-transform: uppercase;
    }

    .item-box button {
        font-size: 14px;
        height: 40px;
      
    }


  /*  .item-box .buttons.mobile {
        border-radius: 28px;
    
    }*/

    /*    .item-box button:before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        margin: 0 15px 0 -15px;
        background-image: url('../img/product-box-sprite.png');
        background-position: left top;
        background-repeat: no-repeat;
        vertical-align: middle;
    }*/
    .item-box button span {
        vertical-align: middle;
        font-weight: 400;
    }

    .item-box .product-box-add-to-cart-button {
        width: 100%;
    }

    .item-box .add-to-wishlist-button,
    .item-box .add-to-compare-list-button {
        display: none;
        font-size: 0 !important;
    }

    .premium .waitinglist {
        display: flex;
        justify-content: center;
    }
    .premium .product-info-container > div {
        margin: 0 auto;
    }
    .premium .basic-search .inputs.reversed {
        margin-left: 20px;
        display: flex;
    }
    #product-events .price-cart {
        flex-direction: column;
        align-items: center;
    }
    #product-events .total-sum-block,
    #product-events .price-cart {
        width: unset;
    }
    .premium .overview .attributes textarea {
        width: 80vw;
        margin: 1rem 2rem 1rem 1rem;
    }
    .contact-us-formular.contact-page form{
        padding:15px 30px;
    }

    .contact-us-formular .inputs {
        width: 50vw;
    }
    .product-essential .overview-buttons {
        display:flex;
        justify-content:center;
    }
    .premium .prices,
    .premium .overview .add-to-cart{
        display:flex;
        justify-content:center;
    }
    .overview .quantity, 
    .variant-overview .quantity {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .variant-overview .quantity {
        justify-content: flex-end;
    }

    .premium .monthly-calendar .calendar-days .day,
    .premium .monthly-calendar .calendar-days .day.selected {
        padding: 10px;
        width: 45px;
        height: 45px;
    }
    .premium .monthly-calendar .calendar-days{
        flex-wrap:wrap;
        justify-content:stretch;
    }
    .change-password-page.account-page form .fieldset .inputs {
        margin: 15px auto;
        text-align:center;
    }
    .participant-info {
        width: 47%;
        text-align: start;
    }
    .reservations-list{
        /*gap:33%;*/
    }
    .ui-dropdownchecklist-selector.ui-state-default,
    .premium .page.register-resrvation-page .ui-dropdownchecklist .ui-widget-content {
        width: 480px !important;
    }
    .premium .available-participant{
        justify-content:center;
    }
    .premium .page.register-resrvation-page .ui-dropdownchecklist .ui-widget-content {
        text-align: left;
    }
    .premium #register-form-body .form-fields .inputs.photo-input {
        padding-left: 25px;
    }
    .login-page .inner-wrapper{
        padding-top:40px;
    }

    .premium .search-input .fieldset {
        width: 100%;
    }
    .header-tools{
        display:flex;
        justify-content:center;
        padding-right:0;
    }
    .burger-logo {
        display: block;
        width: 220px;
    }
    .close-menu{
        position:relative;
    }

    .close-burger-menu {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .expand-button{
        margin: 0 15px 0 0;
    }


    .buttons.desktop {
        bottom: -3px;
    }

    .item-box .picture,
    .item-box .picture-img, 
    .item-box .picture a{
        height: 220px;
        max-height: 220px;
    }

    .card-managment-page .bookup-free-value-section {
        flex-wrap: wrap;
    }
    /*.item-box .picture {
        position: absolute;
        top: 49px;
    }*/
    .premium .account-top-block{
        flex-basis:100%;
        text-align:center;
    }
    .currency-list{
        justify-content:center;
    }
    .account-tabs .list{
        flex-wrap:wrap;
    }
    .account-tabs .list li {
        flex: 1 1 100%;
    }
    .change-password-page .fieldset,
    .avatar-page .fieldset {
        width: 75%;
        padding:unset;
    }

    .premium .form-fields .validate-inputs-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .add-customer-card-page .form-fields .validate-inputs input[type="text"] {
        width: 300px;
    }
    .progress-bar{
        display:none;
    }
    .opc.progress-bar-variant .step-title {
        display: block;
    }
    .product-essential{
        flex-direction:column;
    }

    .feratel-card,
    .voucher-list-items .fieldset {
        flex-basis: 100%;
        max-width: 100%;
    }
    .change-password-page .buttons{
        margin-top:30px;
    }

    .personolize-voucher-container {
        justify-content: center;
    }

    .mobilecheckout-page .increase,
    .mobilecheckout-page .decrease {
        display: inline-block;
    }

    .ticket-list-page .section.ticket-item .info li {
        text-align: left;
        width: 100%;
    }

    #media-switch-camera{
        display:block;
    }

    .photo-wrapper {
        margin: 20px 0;
    }

    .guest-counter {
        float: none;
        padding: 5px;
        text-align: center;
    }

    .checkout-data {
        display: flex;
        flex-direction: column;
    }

    .checkout-collaterals {
        order: 1;
        margin: 0 0 20px;
    }

    .checkout-steps {
        order: 2;
    }

    .checkout-order-summary {
        order: 3;
    }
}

/*1024*/

@media all and (max-width: 720px) {

    .inputs.gender-wrap > label {
        /*display: block;*/
        text-align: left;
    }

    .responsive-nav-wrapper {
        min-height: 84px;
    }

        .responsive-nav-wrapper div {
            margin: 0;
        }

        .responsive-nav-wrapper .search-wrap {
            margin-right: 10px;
            margin-left: 20px;
            padding-right: 10px;
        }

    .account-page .section .title {
        text-align: left;
    }

    .login-page .fieldset {
        margin: 50px 0 0 0;
    }

    .login-page .customer-blocks {
        margin: 74px 0 0;
    }

    .registration-page .title strong,
    .login-page .title strong {
        font-size: 25px;
    }

    #product-events {
        margin-top: 50px;
    }

    .cs-accordion .quantity-info,
    .fastlane-event-ticket-reserved .quantity-info {
        margin-top: 10px;
        justify-content: center;
    }
    .cs-accordion .event-ticket-line {
        text-align: center;
    }
    .cs-accordion .event-ticket-item{
        margin-right:unset;
    }

    .cs-accordion .cs-accordion-header {
        padding: 0.5em 3em 0.5em 0.5em;
    }

    #product-events {
        margin-bottom: 34px;
    }

    .block-group.event-ticket-add-to-cart,
    .premium .product-event-ticket-total {
        text-align: center;
    }

    .item-box .picture {
        max-height: 190px;
    }

    /* SHOPPING CART */
    .shopping-cart-page-body
    .master-column-wrapper,
    .checkout-pages-body
    .master-column-wrapper,
    .container {
        width: 100%;
    }

    .cross-sells {
        width: 94%;
        margin: auto;
    }

    .order-progress ul {
        display: table;
        width: 100%;
    }

    .order-progress li {
        display: table-cell;
        position: relative;
        width: 16%;
        padding: 0 1px;
    }

        .order-progress li:first-child {
            width: 14%;
            padding-left: 0;
        }

        .order-progress li:last-child {
            width: 18%;
            padding-right: 0;
        }

        .order-progress li:nth-child(1) {
            z-index: 6;
        }

        .order-progress li:nth-child(2) {
            z-index: 5;
        }

        .order-progress li:nth-child(3) {
            z-index: 4;
        }

        .order-progress li:nth-child(4) {
            z-index: 3;
        }

        .order-progress li:nth-child(5) {
            z-index: 2;
        }

        .order-progress li:nth-child(6) {
            z-index: 1;
        }

    .order-progress a {
        display: block;
        position: relative;
        height: 50px;
        background-color: #f3f3f3;
        padding: 0 0 0 15px;
        text-align: center;
    }

    .order-progress li:first-child a {
        padding: 0 0 0 5px;
    }

    .order-progress li:last-child a {
        padding: 0 5px 0 15px;
    }

    .order-progress a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 50px;
        border-width: 25px 0 25px 16px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #fff;
    }

    .order-progress a:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -16px;
        height: 50px;
        border-width: 25px 0 25px 16px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #f3f3f3;
    }

    .order-progress li:first-child a:before,
    .order-progress li:last-child a:after {
        display: none;
    }

    .premium .order-progress .active-step a:after {
        border-color: transparent transparent transparent #eda187;
    }

    .premium .order-progress .active-step a::after {
        border-color: transparent transparent transparent #007c5a;
    }

    .order-progress a span {
        display: inline-block;
        width: 100%;
        height: 50px;
        background-image: url('../img/order-progress-sprite-small.png');
        background-repeat: no-repeat;
        background-position: center 0;
    }

    .order-progress a.cart-step span {
        background-position: center 0;
    }

    .order-progress a.address-step span {
        background-position: center -50px;
    }

    .order-progress a.shipping-step span {
        background-position: center -100px;
    }

    .order-progress a.payment-step span {
        background-position: center -150px;
    }

    .order-progress a.confirm-step span {
        background-position: center -200px;
    }

    .order-progress a.complete-step span {
        background-position: center -250px;
    }

    .order-progress .active-step a.cart-step span {
        background-position: center -300px;
    }

    .order-progress .active-step a.address-step span {
        background-position: center -350px;
    }

    .order-progress .active-step a.shipping-step span {
        background-position: center -400px;
    }

    .order-progress .active-step a.payment-step span {
        background-position: center -450px;
    }

    .order-progress .active-step a.confirm-step span {
        background-position: center -500px;
    }

    .order-progress .active-step a.complete-step span {
        background-position: center -550px;
    }

    .cart-total .order-total .cart-total-right {
        font-size: 18px;
    }

    .premium .boarding-overview .form-fields {
        justify-content: center;
    }

    .premium .form-fields .inputs.photo-input {
        margin: inherit;
    }

    .premium .gender-inputs {
        margin: 20px 25px;
    }

    .premium .media-buttons {
        padding: 0;
        display: flex;
        justify-content: flex-end;
    }

    .premium .card-managment-page .media-bookup {
        padding-left: 0;
    }

    .premium .info .bookup-cart {
        margin-bottom: 25px;
    }

    .premium .search-input form {
        justify-content: center;
        flex-wrap: wrap;
    }

    #product-events .total-sum-block,
    #product-events .price-cart {
        margin: 0 5rem 0 auto;
    }

    .contact-us-formular.contact-page form {
        width: 80vw;
    }

    .contact-us-formular .form-fields {
        justify-content: center;
    }

    .premium .booking-page .inputs {
        width: 88vw;
        margin:20px 25px;
    }

    .premium .mini-cart-wrapper {
        margin-right: 0px;
    }

    .premium .boarding-overview .mini-cart .mini-cart-items td.product-subtotal,
    .premium .mini-cart-total {
        font-size: 20px;
    }

    .more-detail-btn {
        text-align: left;
    }

    .discount-label {
        /*display:none;*/
    }

    .premium .DivColumn .card-info div.card-info-item {
        padding: unset;
    }

        .premium .DivColumn .card-info div.card-info-item:first-child {
            flex-wrap: wrap;
            padding-bottom: 25px;
        }

    .premium .bookup-inputs .bookup-free-value-section input[type=button] {
        border: 1px solid;
        width: 80%;
        margin: 10px auto !important;
        float: unset;
    }

    .premium .product-info-container {
        font-size: 14px;
        line-height: 20px;
    }

    .product-details-page .product-price {
        font-size: 18px;
    }

    .premium .productAvaiable input[type=radio] {
        flex-shrink: 0;
    }

   /* .register-resrvation-page select {
        width: 65.5vw;
    }*/

    .premium .participant-form .title {
        font-size: 22px;
        line-height: 30px;
    }

    .b-popup .form-fields .inputs {
        width: 60vw;
    }

    .et-calendar-block {
        max-width: 75vw;
    }

    .premium .select-wrap .select-box{
        max-width:unset;
    }
    .premium .inputs.photo-input div{
       margin-left: auto; 
       margin-right: auto;
    }
    .premium .inputs.photo-input .image-preview {
        display: flex;
        justify-content: center;
    }
    .fieldset, .section{
        margin: 0 0 20px;
    }
    .premium .mini-cart-wrapper {
        width: 100%;
    }
    .premium #add-planning-buttons > div, 
    .premium #add-planning-buttons > input {
        margin: 0 auto;
    }
    .premium #add-planning-buttons {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .account-page.change-password-page form .fieldset .inputs input{
        width:85%;
    }
    .premium .account-page.change-password-page form .fieldset .form-fields{
        width:100%;
    }
    .participant-info{
        width:44%;
    }
    .reservations-list::after{
        max-width:44%;
    }
    .ui-dropdownchecklist-selector.ui-state-default,
    .premium .page.register-resrvation-page .ui-dropdownchecklist .ui-widget-content {
        width: 368px !important;
    }
    #form-container {
        max-width: 98vw;
    }

    #popup1 {
        width: 98vw !important;
        left: 0 !important;
    }
    .premium .dropdown-content {
        left: 0;
    }

    .premium .form-fields .inputs.validate-inputs-wrapper {
        margin:1%;
        justify-content: flex-start;
    }
    .premium .validate-inputs {
        width: 100%;
        text-align: center;
    }
    .premium .account-page .address-list{
        justify-content:center;
    }
    .account-page .address-list .section {
        width: 90%;
    }
    /*.account-page .address-list .section,*/
    .account-page .order-list .section,
    .return-request-list-page .section {
        /* float: left; */
        width: 46%;
        max-width: none;
    }
    .premium .page.registration-page .form-fields .validate-inputs-wrapper{
        max-width:100%;
    }
    .premium .registration-page .form-fields .validate-inputs-wrapper .validate-customer-card-button{
        padding-top:7px;
    }
    .picture-inputs-wrapper-inner {
        justify-content:center;
        flex-wrap:wrap;
        gap:20px;
    }

    .section.select-shipping-address,
    .opc .filed-billing-address, .opc .filed-billing-address {
        flex-wrap: wrap;
    }

    .section.select-shipping-address .select-wrap,
    .opc .filed-billing-address, .opc .filed-billing-address .select-wrap {
        width: 100%;
        margin-bottom:4%;
    }
    .premium .checkout-data .select-wrap {
        width: 100%;
    }
    .social-sharing li {
        padding: 5px;
    }
    .premium .page.registration-page .form-fields .validate-inputs-wrapper{
        flex-wrap:wrap;
    }
    .premium .accept-privacy-policy{
        align-items:center;
    }
    .registration-page .inputs.newsletter-input {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .login-page .inner-wrapper {
        padding: 45px 5px;
    }
    .inputs label, 
    .login-page .forgot-password {
        font-size: 14px;
    }
    .login-page .stay-logged label{
        margin: 0 0 0 10px;
    }

    .card-managment-page #tab-voucher .panel-btn .dropdown {
        flex-basis: 60%;
        margin: 0 auto 20px auto !important;
    }
    .card-managment-page #tab-voucher .panel-btn .dropdown .cardmanagement-button {
        width: 100%;
        margin: 0 !important;
    }
    .premium .card-managment-page .ui-tabs-panel .panel-btn {
        flex-wrap: wrap;
    }

    .mini-cart-items td.product-name {
        width: 40%;
    }
    .mini-cart-wrapper .product-subtotal span {
        font-size: 13px;
    }

    .mini-cart-wrapper .shoppingcart-btn-wrap button {
        margin: auto;
    }
    .mini-cart-wrapper .shoppingcart-btn-wrap .continue-shopping-button {
        margin: 0 auto 34px;
    }

    .mini-cart-wrapper .product-options {
        width: 100%;
    }

    .mini-cart-wrapper .shoppingcart-btn-wrap {
        display: initial;
    }

    .payment-method .method-name {
        flex-direction: column-reverse;
    }
    .opc .payment-logo{
        margin-top: 10%;
    }
     .payment-method .method-list li label {
        margin: 0;
    }
    .opc .payment-logo, .opc .payment-details {
        width: 100%;
    }
    .opc .checkbox-address {
        margin-left: 0;
    }

    .contact-page.contact-us-formular .buttons {
        padding: 40px 0 0;
    }

    .shopingcart-popup .ui-dialog-titlebar span {
        font-size: 30px;
    }
    .addparticipant-popup .ui-dialog-titlebar span,
    .premium-popup .ui-dialog-titlebar span {
        font-size: 5vw;
    }
    .shopingcart-popup .ui-dialog-titlebar, 
    .addparticipant-popup .ui-dialog-titlebar,
    .premium-popup .ui-dialog-titlebar{
        padding-left: 8px;
    }
    .premium .participant-form .form-fields {
        margin: 0 5px;
    }

    .premium .ui-datepicker {
        font-size: 12px;
        margin-left: auto !important;
    }
    .item-box {
        width: 95%;
        margin: 6% 3%;
    }

   
    .registration-page .date-of-birth label {
        width: 100%;
        margin-bottom: 15px;
    }
    .registration-page .date-of-birth .date-picker-wrapper {
        width: 100%;
        margin: 0;
    }

    .registration-page .inputs,
    .registration-page .date-of-birth,
    .page.registration-page .form-fields .validate-inputs-wrapper,
    .registration-page .inputs.gender-wrap,
    .registration-page .picture-inputs-wrapper {
        margin-left: auto;
        margin-right: auto;
    }

        .page.registration-page .form-fields .validate-inputs-wrapper,
        .registration-page .inputs.gender-wrap,
        .registration-page .picture-inputs-wrapper {
            width: 440px;
        }

    .checkout-page .enter-address .inputs {
        width: 100%;
    }
    .course-page .search-input .basic-search .inputs {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .ui-dialog-titlebar button {
        right: -4px;
        height: 34px;
    }
    .premium .ui-dialog-titlebar {
        text-align: center;
        margin-right:40px;
        margin-left:40px;
    }

    .card-managment-page .general-info .DivColumn .media-buttons .feratel-card-validation {
        flex-direction: column;
        margin-bottom: auto;
        padding: 0;
    }
    .card-managment-page .general-info .media-buttons {
        margin-left: auto;
        display: flex;
        flex-direction: column;
        /* gap: 20px; */
        /* justify-content: flex-end; */
    }
    .card-managment-page .card-info {
        flex-direction: column;
        flex-wrap: wrap;
        width: 85%;
    }
    .card-managment-page .card-info div:not(.discount-label) {
        width: auto;
    }
    .card-info .card-info-item div:first-child {
        width: 45%;
    }
    .card-managment-page .available-contracts .bookup-cart-items {
        flex-wrap: wrap;
    }
    .card-managment-page .bookup-contract {
        margin: 20px auto;
    }
    .available-contracts .bookup-cart-items .bookup-cart-subitems {
        width:100%;
    }
    .card-managment-page .contract-info {
        padding: 10px;
    }

    .item-box .picture,
    .item-box .picture-img,
    .item-box .picture a {
        height: unset;
        max-height: unset;
    }
    .inputs{
        width:100%;
    }
    .account-page .col-xs-12{
        padding:unset;
    }
    .change-password-page .fieldset,
    .avatar-page .fieldset {
        width: unset;
    }
    .add-customer-card-page .fieldset .form-fields{
        width:unset;
    }
    .add-customer-card-page .form-fields .validate-inputs input[type="text"]{
        width:inherit;
    }
    .add-customer-card-page .form-fields .validate-inputs-wrapper{
        gap:0;
    }
    .cardmanagement-button {
        padding:0 13px;
    }

    .cart-dialog .edit-item {
        position: absolute;
        right: 0;
        margin-right: 8px;
    }
    .cart-dialog .ticket-item .edit-item:nth-child(2) {
        margin-top: 35px;
    }

    .premium .variant-overview .add-to-cart .add-to-cart-panel,
    .premium .variant-overview .add-to-cart,
    .premium .variant-overview .prices {
        width: 100%;
    }
    .account-page .form-fields {
        display: flex;
        flex-wrap: wrap;
    }
    .premium .main-block-size{
        width:100%;
    }
    .overview .attributes input[type="text"],
    .overview .attributes textarea,
    .overview .attributes select,
    .attributes .select-wrap {
        width: 100%;
    }
    .premium .close-popup{
        top:0px;
    }
    #boarding-form-popup .inputs{
        flex-basis:90%;
    }

    .bookup-slots-page #tab-content-1 {
        padding: 0;
    }
    .bookup-slots-page .search-wrapper .day-of-week {
        width: 100%;
    }
    .ui-dialog-titlebar button {
        top: 10px;
        right: 10px;
    }
    #boarding-form-popup .inputs.photo-input{
        flex-basis:90%;
        margin:auto;
        padding:10px 20px;
    }
    #boarding-form-popup .form-fields {
        padding: 30px 10px;
    }

    .template-event-calendar .event-ticket-item .attributes dl .attribute-item {
        flex-grow: 1;
    }
    .template-event-calendar .event-ticket-item .accordion-item .attributes {
        padding: 20px 0;
    }
    .gdpr-tools-page .buttons{
        padding-top: 20px;
    }

    .no-data-image{
        height:240px;
        background-size:240px;
    }
    .premium #mainContent .person-wrapper {
        padding: 10px 15px 10px 15px;
    }

    .premium #mainContent .person-wrapper:not(:first-child) {
        padding-top: 30px;
    }

    #mainContent .fieldset > .form-fields{
        padding:10px 15px 0 15px;
    }
    #mainContent .check-input{
        margin-bottom:30px;
    }
    .page.account-page.address-edit-page .page-title {
        padding: 0px 55px 0 15px;
    }
    .shopingcart-popup .ui-dialog-titlebar,
    .addparticipant-popup .ui-dialog-titlebar,
    .addcard-popup .ui-dialog-titlebar,
    .premium-popup .ui-dialog-titlebar {
        width: 80%;
    }

    .ticket-list-page .table-wrapper tr:first-child {
        flex-direction: column;
    }
    .ticket-list-page .table-wrapper tr:last-child {
        flex-direction: column;
    }

    .ticket-list-page #tickettable tr:last-child td.head {
        border-bottom: 1px solid #C4C4C4;
    }
    .ticket-list-page .page-title h1 {
        margin: 20px;
    }

    .ticket-buttons {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }

    .boarding-card-register-form .inputs.photo-input {
        margin: 0;
    }

    .add-customer-card-page .validate-inputs {
        margin: 0;
        width: 100%;
    }

    .form-fields .validate-inputs-wrapper .validate-customer-card-button-container {
        margin: 0;
        padding: 0 !important;
        margin-top: 20px !important;
        margin-bottom: 20px;
    }

    .tariff-options {
        width: 100%;
    }

    .package-item-details .package-item-boarding-address-fields {
        padding: 25px;
    }

    .shopingcart-popup .product-grid.cross-sells .buttons.popup-cart-dialog {
        flex-direction: column;
        gap: 15px;
        width: 70%;
        margin: auto;
    }

    .donation-box-customer-enters-price-container,
    .donation-box-customer-enters-price-container input.enter-price-input {
        width: 100%;
    }

    .order-completed .table-wrapper {
        overflow-x: initial;
    }

    .opc .vouchers-box {
        max-width: 100%;
    }

    .product-variant-line {
        flex-direction: column;
        align-items: flex-start;
        margin: 20px auto;
        max-width: 100%;
    }

    .variant-picture {
        width: 100%;
    }

    .variant-overview {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .variant-picture img {
        margin-right: 0;
        margin-bottom: 20px;
        max-width: 100%;
        height: auto;
    }

    .variant-overview .variant-name,
    .variant-overview .prices,
    .variant-overview .add-to-cart-panel .quantity,
    .variant-overview .button {
        margin-right: 0;
        margin-bottom: 15px;
        min-width: auto;
        max-width: 100%;
    }

    .variant-overview .buttons-wrapper,
    .premium .variant-overview .add-to-cart-panel {
        flex-direction: column;
        align-items: flex-start;
    }

    .variant-overview .product-details-page .product-price {
        font-size: 14px;
    }

    .variant-picture img {
        max-width: 100%;
    }

    .variant-overview .variant-name {
        margin-right: 0;
        max-width: 100%;
    }

    .variant-overview .prices {
        width: 100%;
        margin-right: 0;
    }

    .variant-overview .add-to-cart-panel .quantity {
        margin-right: 0;
        margin-bottom: 10px;
        justify-content: center;
    }
}
/*720*/



@media all and (max-width: 480px) {

    .vouchers-box .shoppingcart-register-voucher-wrapper,
    .points-box .wrapper {
        display: block;
    }

    .ui-datepicker-current-day::after {
        height: 80%;
        width: 80%;
        top: 10%;
        left: 10%;
    }

/*    .item-box {
        width: 100%;
    }*/

    .ui-datepicker {
        max-width: 92%;
    }
   
    .premium #add-planning-buttons > div,
    .premium #add-planning-buttons > input{
        padding-bottom:10px;
    }

    .inputs{
        /*width:auto;*/
    }

    #product-events .image-size{
        display:none;
    }

    #product-events .description-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .et-calendar-block ul {
        padding: 0;
    }

    .contact-us-formular.contact-page form {
        padding: 40px 20px;
    }
    .contact-us-formular .inputs {
        width: 70vw;
    }
    .premium .product-info-container{
        flex-direction:column;
    }
    .premium .product-info-container > div{
        margin-bottom:10px;
    }

    .premium .boarding-overview .mini-cart .mini-cart-footer .total{
        flex-wrap:wrap;
        justify-content:center;
    }
    .premium .boarding-overview .mini-cart .mini-cart-footer .total div{
        text-align:left;
    }
    .premium .boarding-overview .mini-cart .mini-cart-footer .total div,
    .premium .boarding-overview .mini-cart .mini-cart-footer .total div.mini-cart-total {
        width:50%;
    }
    .participant-info {
        width: 90%;
    }
    .reservations-list::after{
        max-width:90%;
    }
    .reservations-list {
        justify-content: center;
    }
    .premium .form-fields .validate-inputs-wrapper .validate-customer-card-button {
        padding-top: 15px;
    }

    .account-page .address-list .section, 
    .account-page .order-list .section, 
    .return-request-list-page .section {
        /* float: left; */
        width: 95%;
        max-width: none;
    }
    .customer-blocks .inputs.reversed {
        display: flex;
        justify-content: space-between;
        gap:3px;
    }
    .media-file-dialog .qq-upload-button-selector{
        width:70%;
    }
    .ui-dialog .participant-form .title strong {
        width: 80%;
        overflow-wrap: break-word;
    }

    .calendar-wrapper .week-calendar-title {
        padding-left: 0;
        /*margin-left: 37px;*/
    }
    .calendar-wrapper .week-calendar-wrapper {
        text-align:center
    }
    .calendar-wrapper #wish-date {
        margin-right: 5% !important;
    }
    .item-box {
        margin: 12% 3%;
    }

    .card-managment-page .general-info .DivColumn .media-buttons .feratel-card-validation {
        margin: 30px 0;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .card-managment-page .general-info .DivColumn {
        flex-direction: column;
        padding: 20px;
    }
    .card-managment-page .card-info {
        width: 90%;
        margin-left: auto;
    }
    .event-button-group{
        display:flex;
        flex-direction:column;
    }
    #feratel-cards-add-to-cart{
        display:flex;
        justify-content:center;
    }
    .premium .customer-entered-price .price-input {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    .premium .customer-entered-price{
        flex-direction:column;
    }
    .premium .card-management-detail{
        padding-right:15px;
    }
    .premium .product-variant-list .customer-entered-price .price-input {
        align-self: center;
    }

    .premium .product-variant-list .variant-overview .add-to-cart,
    .premium .product-variant-list .variant-overview .add-to-cart .add-to-cart-panel,
    .premium .product-variant-list .variant-overview .buttons-wrapper {
        flex-direction: column;
    }

    .premium .product-variant-list .variant-overview .add-to-cart .add-to-cart-panel div {
        width: 100%;
    }
    .variant-overview .quantity {
        justify-content: center;
    }

    .order-list .order-item .info li{
        flex-basis:100%;
    }

    .participant-select {
        /*width: 79vw;*/
        margin-bottom: 10px;
    }
    .available-participant {
        flex-wrap: wrap;
    }
    #add-participant-from-dropdown,
    #add-new-participant-btn {
        height: 44px;
    }
    .register-resrvation-page .available-participant .add-new-participant {
        width: fit-content;
    }
   /* .register-resrvation-page select {
        width: 79vw;
    }*/
    .participant-panel,
    .event-panel {
        padding: 25px 10px;
    }
    .fix-date-booking-reservation {
        padding: 20px 5px;
    }
    a.download-link {
        gap: 4px;
        margin-bottom:5px;
    }

    .fix-date-booking .option-list .product-info-container > div {
        width: 100%;
    }

    .opc .ship-to-same-address {
        margin-left: 9px;
    }

    #opc-billing .step-title.d-flex {
        flex-direction: column;
    }
}
/*480px*/

@media all and (min-width: 481px) and (max-width: 1000px) {

    .header-menu,
    .header-menu .sublist-wrap {
        width: 450px !important;
    }

    .notAndroid23 .header-menu/*,
    .notAndroid23 .header-menu .sublist-wrap*/ {
        -webkit-transform: translate(-450px);
        -ms-transform: translate(-450px);
        transform: translate(-450px);
    }

    .android23 .header-menu,
    .android23 .header-menu .sublist-wrap {
        left: -450px;
    }

    .premium .header-menu > ul li > a {
        font-size: 20px;
    }

    .premium .header-menu > ul li > a {
        font-size: 24px;
    }
}


@media all and (min-width: 481px) and (max-width: 768px) {
    .order-details-page .table-wrapper .cart .footable-first-column,
    .order-details-page .table-wrapper .data-table .footable-first-column {
        display: none !important;
    }
}


@media all and (min-width:320px){

}


@media all and (min-width:320px) and (max-width: 721px) {
    .premium .ui-dialog {
        /*position: absolute !important;*/
        top: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0;
        padding-bottom: 30px;

        /*need for iphone */
        position: fixed !important;
        height:100vh!important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .premium .ui-dialog-content {
        overflow: unset;
        margin:auto;
        width:95vw!important;
    }

    .ui-dialog-content,
    .ui-dialog-titlebar {
        padding: 0 8px !important;
    }
    .ui-dialog-titlebar {
        text-align: left;
        margin-bottom: 43px;
        margin-top: 20px;
    }

    .popup-cart-dialog .item-row {
        display: flex;
    }
    .popup-cart-dialog .item-row img {
        max-width: initial;
    }
    .popup-cart-dialog .item-column:nth-child(2) {
        text-align: left;
        padding-left: 15px;
        flex: 1;
    }
    .popup-cart-dialog .item-column:last-child {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-end;
        align-self: stretch;
    }
    .popup-cart-dialog .buttons {
        margin: 35px 0;
        display: flex;
        flex-direction: column-reverse;
        width: 70%;
        margin: 35px auto;
    }
    .popup-cart-dialog .buttons .checkout-button {
        margin-bottom: 34px;
    }
    .popup-cart-dialog .title {
        left: 2%;
        top: 0;
        font-size: 30px;
        line-height: 42px;
    }

}

@media all and (max-width: 480px) {
    .ui-dropdownchecklist-selector.ui-state-default,
    .premium .page.register-resrvation-page .ui-dropdownchecklist .ui-widget-content {
        width: 79vw !important;
    }

    .fix-date-booking-reservation .ui-dropdownchecklist-selector.ui-state-default,
    .fix-date-booking-reservation .ui-dropdownchecklist {
        width: 86vw !important;
    }

    .shopping-cart-page .cart td {
        width: 1%;
        text-align: left;
    }
}