﻿
@media all and (min-width: 721px) {

    /* GLOBAL STYLES */
    /* GLOBAL FORMS */
    /* GLOBAL TABLES */

    .downloadable-products-page .data-table col:first-child,
    .downloadable-products-page .data-table th:first-child,
    .downloadable-products-page .data-table td:first-child {
        display: none !important; /*hides counter*/
    }

    .return-request-page col:first-child,
    .return-request-page th:first-child,
    .return-request-page td:first-child {
        display: none !important; /*hides counter*/
    }

    /* NOTIFICATIONS & POPUPS */

    .eu-cookie-bar-notification {
        padding: 10px;
    }

        .eu-cookie-bar-notification .content > div {
            display: inline-block;
            vertical-align: middle;
        }

        .eu-cookie-bar-notification a {
            display: inline-block;
            margin: 0 0 0 15px;
        }

        .eu-cookie-bar-notification .text,
        .eu-cookie-bar-notification button {
            margin: 10px;
        }

    /* HEADER */
    /* HEADER MENU */
    /* FOOTER */

    .social-sharing {
        margin-bottom: 0;
    }

    .footer-block {
        width: 50%;
    }

    .footer-block-left {
        float: left;
    }

    .footer-block-right {
        float: right;
    }

    /* LEFT/RIGHT COLUMN */
    /* CATEGORY PAGE & GRIDS */

    .product-selectors {
        display: table;
        width: 100%;
        margin: 0 0 30px;
        background-color: #f6f6f6;
        padding: 15px 30px;
    }

    .product-sorting:last-child,
    .infinite-scroll-enabled .product-sorting {
        text-align: right;
    }

    .product-viewmode {
        display: table-cell;
        width: 20%;
        vertical-align: middle;
        text-align: left;
    }

        .product-viewmode a {
            display: inline-block;
            height: 21px;
            background-image: url('../img/view-mode.png');
            background-repeat: no-repeat;
            vertical-align: middle;
            opacity: 0.3;
        }

            .product-viewmode a.grid {
                width: 21px;
                margin: 0 10px 0 0;
                background-position: 0 center;
            }

            .product-viewmode a.list {
                width: 24px;
                background-position: -21px center;
            }

            .product-viewmode a.selected {
                opacity: 1;
            }

    .product-sorting,
    .product-page-size {
        display: table-cell;
        vertical-align: middle;
    }

        .product-sorting > span,
        .product-page-size > span {
            display: inline-block;
            margin: 0 5px 0 0;
            vertical-align: middle;
        }

        .product-sorting > div,
        .product-page-size > div {
            display: inline-block;
            vertical-align: middle;
        }

    .product-page-size {
        width: 25%;
        text-align: right;
    }
    .sub-category-grid .item-box {
        width:31%;
    }
    .item-box {
        width: 23%; 
        margin-bottom: 7%;
        /*margin-left: 8%;*/
    }

       /* .item-box:nth-child(2n+1) {
            clear: none;
            margin-left: 8%;
        }

        .item-box:nth-child(2n+2) {
            clear: none;
            margin-left: 8%;
        }

        .item-box:nth-child(3n+1) {
            clear: both;
            margin-left: 0;
        }*/

      /*  .item-box .buttons {
            display: block;
            margin: 15px 10px 0;
            padding: 5px;
        }*/
/*
            .item-box .buttons.desktop {
                display: none;
            }*/

    .item-box .buttons {
        background-color: #25B4B1;
    }

    .item-box button {
        display: inline-block;
        background-color: transparent;
        vertical-align: middle;
        color: #fff;
        text-transform: uppercase;
    }

    .air-theme .item-box button {
        font-size: 14px;
    }

    .earth-theme .item-box button {
        font-size: 16px;
    }


/*    .item-box .product-box-add-to-cart-button:before {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49998 23C9.88069 23 11 21.8807 11 20.5C11 19.1193 9.88069 18 8.49998 18C7.11928 18 6 19.1193 6 20.5C6 21.8807 7.11928 23 8.49998 23Z' fill='white'/%3E%3Cpath d='M23.9 4.19997C23.8 4.09998 23.7 3.99995 23.5 3.99995H4.5L3.99998 1.39998C3.9 1.19997 3.69998 1 3.49997 1H0.499969C0.200016 0.999953 0 1.19997 0 1.49997C0 1.79997 0.200016 1.99998 0.500016 1.99998H3.10003L5.50003 14.2C5.90002 15.8 7.30003 17 9.00005 17H20.5C20.8 17 21 16.8 21 16.5C21 16.2 20.8 16 20.5 16H9C8.19998 16 7.40002 15.6 6.99998 14.8999L21.6 12.9C21.8 12.9 22 12.7 22 12.5L24 4.49997C24 4.49997 24 4.29995 23.9 4.19997Z' fill='white'/%3E%3Cpath d='M18.5 23C19.8807 23 21 21.8807 21 20.5C21 19.1193 19.8807 18 18.5 18C17.1193 18 16 19.1193 16 20.5C16 21.8807 17.1193 23 18.5 23Z' fill='white'/%3E%3C/svg%3E%0A");
        background-position: center;
    }

    .item-box .add-to-wishlist-button:before {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2693 20.3078L11.2671 20.3058C8.14691 17.479 5.67904 15.2391 3.97315 13.1554C2.28446 11.0927 1.5 9.36677 1.5 7.59401C1.5 4.73107 3.73114 2.5 6.6 2.5C8.23433 2.5 9.82597 3.26744 10.8584 4.47874C11.1434 4.81311 11.5607 5.00572 12 5.00572C12.4393 5.00572 12.8566 4.81311 13.1416 4.47874C14.174 3.26744 15.7657 2.5 17.4 2.5C20.2689 2.5 22.5 4.73107 22.5 7.59401C22.5 9.3668 21.7155 11.0928 20.0265 13.1573C18.3206 15.2425 15.853 17.485 12.7331 20.3176C12.7327 20.318 12.7322 20.3184 12.7317 20.3189L12.0038 20.9759L11.2693 20.3078Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-position: center;
    }
*/
    .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;
    }

    /*.home-page-category-grid .item-box {
        width: 49%;*/ /*two per row*/
    /*}*/

   /*     .home-page-category-grid .item-box:nth-child(even) {
            clear: none;
            margin-left: 2%;
        }

        .home-page-category-grid .item-box:nth-child(odd) {
            clear: both;
            margin-left: 0;
        }*/

    .manufacturer-grid .item-box,
    .vendor-grid .item-box {
        width: 32%; /*three per row*/
    }

        .manufacturer-grid .item-box:nth-child(2n+1),
        .vendor-grid .item-box:nth-child(2n+1) {
            clear: none;
            margin-left: 2%;
        }

        .manufacturer-grid .item-box:nth-child(3n+1),
        .vendor-grid .item-box:nth-child(3n+1) {
            clear: both;
            margin-left: 0;
        }

    .product-list .item-box {
        display: table;
        float: none;
        width: 100%;
        margin: 0 0 50px !important; /*important because of default nth-child margins*/
    }

        .product-list .item-box .product-item {
            display: table-row;
        }

        .product-list .item-box .picture {
            display: table-cell;
            width: 40%;
            margin: 0;
            padding: 0 30px 0 0;
            vertical-align: top;
        }

            .product-list .item-box .picture img {
                bottom: auto;
                width: 100%;
            }

            .product-list .item-box .picture .buttons {
                display: none !important;
            }

        .product-list .item-box .details {
            display: table-cell;
            position: relative;
            padding: 20px 0 70px;
            text-align: left;
            vertical-align: top;
        }

        .product-list .item-box .product-title {
            height: auto;
            margin: 0 0 15px;
        }

        .product-list .item-box .product-rating-box {
            display: block;
            margin: 0 0 15px;
        }

        .product-list .item-box .description {
            display: block;
            margin: 0 0 20px;
            line-height: 25px;
        }

    .air-theme .product-list .item-box .description {
        
    }

    .product-list .item-box .details .buttons {
        display: block !important;
        position: absolute;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto;
        margin: 0;
        background-color: transparent;
        padding: 0;
        opacity: 1;
    }

    .product-list .item-box button {
        margin: 0 5px 0 0 !important;
        padding: 5px !important;
    }

        .product-list .item-box button:hover {
            opacity: 0.9;
        }


    .earth-theme .product-list .item-box button {
        background-color: #007c5a;
    }

    .product-list .product-box-add-to-cart-button {
        width: auto;
        min-width: 200px;
    }

    .air-theme .product-list .product-box-add-to-cart-button {
        font-size: 14px;
    }

    .earth-theme .product-list .product-box-add-to-cart-button {
        font-size: 16px;
    }

    .product-list .product-box-add-to-cart-button span {
        margin: 0 10px !important;
    }

    .product-list .item-box .add-to-wishlist-button,
    .product-list .item-box .add-to-compare-list-button {
        display: inline-block;
        background-color: #f6f6f6 !important;
    }

    .product-list .item-box button:before {
        margin: 0;
    }

    .air-theme .product-list .item-box .add-to-compare-list-button:before {
        background-color: #eda187;
        background-position: -80px bottom;
    }

    .earth-theme .product-list .item-box .add-to-compare-list-button:before {
        background-color: #007c5a;
        background-position: -80px bottom;
    }

    .pager {
        padding: 20px;
    }

    /* PRODUCT PAGE */

    .rental-attributes .attribute-item {
        display: inline-block;
        margin: 0 10px;
    }

    .rental-attributes .datepicker {
        width: 150px;
    }

    .tier-prices .prices-table {
        display: table;
        width: 100%;
        border: none;
        border-collapse: collapse;
        background-color: #eee; /*Ie fix*/
    }

    .tier-prices .prices-row {
        display: table-row;
        float: none;
        width: auto;
        background-color: #fff; /*Ie fix*/
    }

        .tier-prices .prices-row > div {
            display: table-cell;
            border: 1px solid #eee !important;
        }

    .tier-prices .field-header {
        min-width: 100px;
    }

    /* REVIEW PAGE */

    .product-reviews-page .buttons {
        border-top: 1px solid #eee;
        padding: 40px 0 0;
    }

    /* WISHLIST & COMPARE LIST */

    .wishlist-content button {
        display: inline-block;
        width: auto;
        min-width: 180px;
        margin: 5px;
        text-align: center;
    }

    .wishlist-content .update-wishlist-button {
        float: left;
    }

    .wishlist-content .wishlist-add-to-cart-button {
        float: right;
    }

    .wishlist-content .email-a-friend-wishlist-button {
        float: left;
    }

    /* TOPICS */
    /* CONTACT PAGES */

    .contact-page .buttons,
    .apply-vendor-page .buttons {
        border-top: 1px solid #eee;
        padding: 40px 0 0;
    }

    /* REGISTRATION, LOGIN, MY ACCOUNT */

    .registration-page .form-fields,
    .account-page .edit-address,
    .booking-page .form-fields {
        padding: 50px 4%;
    }

       /* .registration-page .form-fields:after,
        .account-page .form-fields:after,
        .account-page .edit-address:after,
        .booking-page .form-fields:after {
            content: "";
            display: block;
            clear: both;
        }*/

    .registration-page .inputs {
        /*float: left;*/
        width: 47%;
    }


        .registration-page .inputs:only-child,
        .account-page .inputs:only-child {
            width: 100%;
        }

    .account-page .custom-attributes {
        float: none;
        width: auto;
        margin-left: 0;
    }

        .account-page .custom-attributes li {
            width: 24.25%;
            margin: 0 0 0 1%;
        }

        .registration-page .custom-attributes li {
            width: 100%;
            margin-bottom: 15px;
        }

            .registration-page .custom-attributes li:nth-child(4n+1),
            .account-page .custom-attributes li:nth-child(4n+1) {
                margin-left: 0;
            }


    .address-edit-page .edit-address .buttons,
    .account-page .form-fields .buttons,
    .registration-page .form-fields .buttons {
        float: left;
        width: 100%;
    }

    .registration-page .inputs.captcha {
        /*float: left;*/
        width: 100%;
    }
    /*Captcha*/
    .premium .captcha {
        margin: 0px 0 20px 0;
    }

    .account-page .address-list,
    .account-page .order-list,
    .return-request-list-page .page-body {
        overflow: hidden;
    }

        .account-page .address-list .section {
            width: 45%;
        }

        /*.account-page .address-list .section,*/
        .account-page .order-list .section,
        .return-request-list-page .section {
            /*float: left;*/
            width: 49%;
            max-width: none;
            margin-left: 2%;
        }

            /*.account-page .address-list .section:nth-child(2n+1),*/
            .account-page .order-list .section:nth-child(2n+1),
            .return-request-list-page .section:nth-child(2n+1) {
                clear: both;
                margin-left: 0;
            }

            /*.account-page .address-list .section:only-child,*/
            .account-page .order-list .section:only-child,
            .return-request-list-page .section:only-child {
                float: none;
                margin-right: auto;
                margin-left: auto;
            }

    .change-password-page .inputs,
    .vendorinfo-page .inputs {
        width: 440px;
    }

    .change-password-page .buttons,
    .vendorinfo-page .buttons {
        margin: 30px 0 0;
    }

    /* SHOPPING CART */

    .order-progress {
        margin: 45px 0 75px;
        text-align: center;
    }

        .order-progress li {
            display: inline-block;
            width: 15%;
        }

            .order-progress li:before {
                content: "";
                display: block;
                position: relative;
                top: 34px;
                z-index: -1;
                height: 2px;
                background-color: #eee;
            }

            .order-progress li:first-child:before {
                margin-left: 50%;
            }

            .order-progress li:last-child:before {
                margin-right: 50%;
            }

        .order-progress a {
            display: inline-block;
            width: 65px;
            height: 65px;
            border: 2px solid #eee;
            border-radius: 50%;
            background-color: #fff;
            background-image: url('../img/order-progress-sprite-big.png');
            background-repeat: no-repeat;
            background-position: center 0;
        }

        .order-progress .active-step a {
            border-color: transparent;
        }

        .order-progress a.cart-step {
            background-position: center 0;
        }

        .order-progress a.address-step {
            background-position: center -65px;
        }

        .order-progress a.shipping-step {
            background-position: center -130px;
        }

        .order-progress a.payment-step {
            background-position: center -195px;
        }

        .order-progress a.confirm-step {
            background-position: center -260px;
        }

        .order-progress a.complete-step {
            background-position: center -325px;
        }

        .order-progress .active-step a.cart-step {
            background-position: center -390px;
        }

        .order-progress .active-step a.address-step {
            background-position: center -455px;
        }

        .order-progress .active-step a.shipping-step {
            background-position: center -520px;
        }

        .order-progress .active-step a.payment-step {
            background-position: center -585px;
        }

        .order-progress .active-step a.confirm-step {
            background-position: center -650px;
        }

        .order-progress .active-step a.complete-step {
            background-position: center -715px;
        }

        .order-progress a span {
            position: relative;
            top: 75px;
            text-transform: uppercase;
        }

    .air-theme .order-progress a span {
        font-size: 13px;
    }

    .earth-theme .order-progress a span {
        font-size: 15px;
    }

    .cart-options button {
        text-align: center !important;
    }

        .cart-options button:before {
            margin: 0 10px !important;
        }

    .cart-options .update-cart-button {
        float: left;
    }

    .cart-options .continue-shopping-button {
        float: right;
    }

    .cart-collaterals,
    .cart-footer .totals {
        max-width: 600px;
    }

    /* CHECKOUT */

    .checkout-page .address-grid {
        text-align: left;
        font-size: 0;
    }

    .checkout-page .address-item {
        display: inline-block;
        width: 48%;
        margin: 0 1% 2%;
    }

    .air-theme .checkout-page .address-item {
        font-size: 13px; /*reset zeroing*/
    }

    .earth-theme .checkout-page .address-item {
        font-size: 16px; /*reset zeroing*/
    }

    .checkout-page .address-item:only-child {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .checkout-page .enter-address {
        padding: 25px 0 20px;
    }

        .checkout-page .enter-address:after {
            content: "";
            display: block;
            clear: both;
        }

        .checkout-page .enter-address .inputs {
            width: 45%;
            margin-left: 0;
        }

            .checkout-page .enter-address .inputs:only-child {
                width: 100%;
            }

    .opc .checkbox-company-address {
        width: 45%;
    }
    /* ORDER DETAILS & RETURN REQUEST */

    .order-review-data,
    .order-details-area,
    .shipment-details-area {
        display: table;
        width: 100%;
    }

        .order-review-data ul,
        .order-details-area ul,
        .shipment-details-area ul {
            display: table-cell;
            width: 50%;
            outline: 10px solid #fff;
        }

    /* SEARCH & SITEMAP */
    /* BLOG & NEWS */

    .blog-page .blog-links {
        padding: 10px 5px;
    }

    .blog-page .tags,
    .blog-page .comments,
    .blogpost-page .tags {
        display: inline-block;
    }

    .blog-comment,
    .news-comment {
        overflow: hidden;
    }

    .comment-info {
        float: left;
        width: 20%;
        margin: 0;
    }

    .comment-content {
        float: right;
        width: 77%;
        text-align: left;
    }

    .new-comment .buttons {
        border-top: 1px solid #eee;
        padding: 40px 0 0;
    }

    .news-list-homepage .news-item {
        max-width: 700px;
    }

    /* FORUM & PROFILE */

    .topic-post {
        overflow: hidden;
    }

        .topic-post .post-info {
            float: left;
            width: 25%;
            margin: 0;
            text-align: center;
        }

        .topic-post .user-stats li {
            display: block;
        }

        .topic-post .post-content {
            float: right;
            width: 75%;
            text-align: left;
        }

        .topic-post .post-head {
            overflow: hidden;
        }

        .topic-post .post-time {
            display: block;
            float: left;
            margin: 0 0 0 20px;
        }

        .topic-post .post-actions {
            float: right;
            margin: 0 20px 0 0;
        }

            .topic-post .post-actions a {
                margin: 0 10px;
            }

        .topic-post .post-vote {
            margin: 25px 0 0;
            border-top: 1px solid #eee;
            padding: 20px 0 0;
        }

    .forum-edit-page .buttons,
    .move-topic-page .buttons,
    .private-message-send-page .buttons {
        border-top: 1px solid #eee;
        padding: 30px 0 0;
    }

        .forum-edit-page .buttons input,
        .move-topic-page .buttons input,
        .private-messages .buttons input {
            display: inline-block;
            width: auto;
            min-width: 150px;
            margin: 0 5px;
        }

    .private-messages-page .buttons input {
        min-width: 180px;
        margin: 5px;
    }

    .private-message-view-page input.back-pm-button {
        display: block;
        min-width: 0;
        margin: 10px auto -10px;
        background: url('../img/forum-sprite.png') -100px center no-repeat;
        padding: 0 0 0 35px;
        text-align: left;
    }

    /*.newsletter-email {
        max-width: 50vw;
        margin: auto;
    }*/

    .account-page .form-fields,
    .boarding-overview .form-fields {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        width: 95%;
        padding-bottom: 20px;
    }
    .account-page .form-fields > *,
        .booking-page .form-fields .inputs {
            flex: 0 1 40%;
            margin: 0 0 43px;
        }
    .account-page .form-fields div:only-child {
        margin: auto;
    }
    .container{
        width:720px;
    }

    .popup-cart-dialog .ui-dialog {
        max-width: 80% !important;
        width: 80% !important;
    }
    .popup-cart-dialog .item-row {
        display: flex;
    }
    .popup-cart-dialog .item-column:nth-child(2) {
        flex:1;
    }
    .popup-cart-dialog .item-column:last-child {
        display: flex;
        align-items: center;
        width: 30%;
    }
    .popup-cart-dialog .item-column:nth-child(2) .item-details {
        margin: auto auto 0;
        flex-basis: 100%;
    }
    .popup-cart-dialog .item-column:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
        flex: 50%;
        gap: 10px;
    }
    .popup-cart-dialog .item-column:last-child .item-details {
        width: 160px;
        flex-basis: 160px;
    }
    .popup-cart-dialog .item-column:last-child .item-details:last-child {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100px;
        flex-basis: 100px;
    }

    .account-page .add-feratel-card-buttons {
        margin: auto;
    }

    .card-managment-page #tab-voucher .panel-btn .dropdown {
        margin-left: 20px;
    }

    .card-managment-page #tab-voucher .panel-btn .cardmanagement-button:last-child {
        margin-right: 20px !important;
    }

    .social-sharing-links {
        text-align: right;
    }

    .boarding-overview .form-fields {
        justify-content: space-between;
    }

    .barcode-register {
        width: 30%;
    }

    #participant-list {
        /*max-width: 85%;*/
    }

    .bookup-slots-page .select-card-wrap {
        width: 50%;
        margin: 50px auto;
        padding: 40px 100px;
        background-color: #ececec;
    }
    .bookup-slots-page .event-bookings {
        padding: 0 40px 40px;
    }
    .bookup-slots-page #event-tickets-wrapper,
    .bookup-slots-page #booking-tabs {
        padding: 30px;
    }

    .boarding-card-register-form {
        margin: auto;
    }

    .shopingcart-popup .ui-dialog-titlebar,
    .addparticipant-popup .ui-dialog-titlebar,
    .addcard-popup .ui-dialog-titlebar,
    .premium-popup .ui-dialog-titlebar {
        font-size: 3vw;
    }
    .account-page.add-customer-card-page .fieldset .form-fields {
        display: flex;
        align-items: stretch;
        align-content: flex-end;
    }

    .template-event-calendar .event-ticket-item .attributes dl .attribute-item {
        flex-basis: 48%;
        width: 48%;
    }

    .ticket-list-page .table-wrapper {
        width: 80%;
    }
    .ticket-buttons {
        width: 80%;
    }
    .table-wrapper #tickettable tr:first-child td.head,
    .ticket-list-page #tickettable tr:last-child td.head {
        padding: 30px;
    }
    .ticket-list-page #tickettable tr:last-child td.spec {
        padding: 30px 100px 30px 12px;
    }

    .add-customer-card-page .form-fields div:only-child {
        margin: 0;
    }
}
