{"version":3,"sources":["woocommerce-responsive.scss","woocommerce-responsive.css","responsive/cart/_cart-responsive.scss","../../../../../../assets/css/scss/_mixins.scss","responsive/checkout/_checkout-responsive.scss","responsive/checkout/_order-received-responsive.scss","responsive/global/_buttons-responsive.scss","responsive/global/_mark-responsive.scss","responsive/global/_message-responsive.scss","responsive/global/_quantity-input-responsive.scss","responsive/global/_result-and-ordering-responsive.scss","responsive/my-account/_my-account-responsive.scss","responsive/product-lists/_product-list-main-and-vc-responsive.scss","responsive/shortcodes/_product-page-responsive.scss","responsive/single-product/_single-product-responsive.scss","responsive/widgets/_dropdown-cart-responsive.scss"],"names":[],"mappings":"AAAA;;+ECE+E;ADI/E;;;;;;;;;;oECOoE;ACbpE;;+EDgB+E;AE6iB3E;EDvjBH;IASK,YAAY;IACZ,iBAAiB;EDKrB;AACF;;AE6iBI;EDziBH;IAKG,eAAe;EDJjB;ECDD;IAWI,eAAe;EDPlB;ECJD;IAmBM,WAAW;IACX,gBAAgB;EDZrB;ECRD;IAuBO,aAAa;EDZnB;ECXD;IA+BG,oBAAoB;EDjBtB;ECdD;IAkCI,gBAAgB;EDjBnB;ECjBD;IAqCK,WAAW;IACX,iBAAiB;IACjB,qBAAqB;EDjBzB;ECtBD;;;IA8CI,WAAW;IACX,cAAc;IACd,WAAW;EDnBd;EC7BD;IAoDI,cAAc;IACd,WAAW;EDpBd;ECjCD;IA2DE,WAAW;IACX,kBAAkB;EDvBnB;AACF;;AC0BA;;+EDtB+E;AGpE/E;;+EHuE+E;AEsf3E;ECvjBA;;IAIQ,WAAW;EHkErB;EGtEE;IAQQ,gBAAgB;EHiE1B;EGzEE;IAYQ,cAAc;EHgExB;AACF;;AEgfI;EC1iBA;;IAMY,WAAW;IACX,SAAS;IACT,WAAW;EH0DzB;AACF;;AE6eI;EChiBA;IAGQ,aAAa;EHqDvB;AACF;;AGlDA;;+EHsD+E;AItG/E;;+EJyG+E;AEod3E;EEvjBA;;IAQgB,WAAW;EJgG7B;EIxGE;IAYgB,gBAAgB;EJ+FlC;AACF;;AI1FA;;+EJ8F+E;AKtH/E;;+ELyH+E;AKrH/E;;+ELwH+E;AM5H/E;;+EN+H+E;AEwb3E;EIjjBA;;IAMG,QAAQ;ENwHb;AACF;;AEwbI;EIziBH;IAOI,UAAU;EN+Gb;EMtHD;;IAYI,WAAW;EN8Gd;AACF;;AMzGA;;+EN6G+E;AOnJ/E;;+EPsJ+E;AOlJ/E;EAEI;;;IAKQ,6BAA6B;EPiJvC;AACF;;AO7IA;EAEI;;;IAKQ,kBAAkB;IAClB,mBAAmB;EP6I7B;EOnJE;;;IASS,WAAW;IACR,+BAA+B;IAC/B,mBAAmB;EP+IjC;AACF;;AO1IA;;+EP8I+E;AQjL/E;;+ERoL+E;AQhL/E;;+ERmL+E;ASvL/E;;+ET0L+E;AEyY3E;EOhkBJ;;IAMY,WAAW;IACX,mBAAmB;ETsL7B;ES7LF;IAWY,mBAAmB;ETqL7B;EShMF;IAcgB,mBAAmB;ETqLjC;ESnMF;IAkBgB,cAAc;EToL5B;AACF;;AShLA;;+EToL+E;AU9M/E;;+EViN+E;AEsW3E;EQjjBH;IAGE,UAAU;EV4MX;EU/MD;IAOE,UAAU;IACV,mBAAmB;EV2MpB;AACF;;AEmWI;EQxiBH;;IAIE,WAAW;IACX,WAAW;IACX,UAAU;EVuMX;EU7MD;IAYG,kBAAkB;EVoMpB;EUhND;IAiBK,gBAAgB;EVkMpB;EUnND;IAwBE,gBAAgB;EV8LjB;EUtND;;IAiCI,WAAW;EVyLd;EU1ND;IAqCI,gBAAgB;EVwLnB;AACF;;AUnLA;;+EVuL+E;AWvP/E;;+EX0P+E;AEqS3E;ESzhBA;IAWoB,UALgB;EXkPtC;AACF;;AW5OwB;EAbpB;IAgB4B,WAAW;EX8OzC;AACF;;AE4SI;ES/gBA;IAWoB,UALgB;EXkOtC;AACF;;AW5NwB;EAbpB;IAgB4B,WAAW;EX8NzC;AACF;;AEgSI;ES/gBA;IAWoB,UALgB;EX8OtC;AACF;;AWxOwB;EAbpB;IAgB4B,WAAW;EX0OzC;AACF;;AE0RI;ES5egB;;;;IAEI,gBADqB;EXyN3C;AACF;;AWvNwB;EAJJ;;;;IAOY,WAAW;EX4NzC;AACF;;AEwQI;ES5egB;;;;IAEI,gBADqB;EX2O3C;AACF;;AWzOwB;EAJJ;;;;IAOY,WAAW;EX8OzC;AACF;;AEsPI;ES5dA;IACI,mBAAmB;EX0OzB;EWvOE;IAWoB,gBALgB;EXoOtC;AACF;;AW9NwB;EAbpB;IAgB4B,WAAW;EXgOzC;AACF;;AEuOI;ESxdA;IAWoB,gBALgB;EXgPtC;AACF;;AW1OwB;EAbpB;IAgB4B,WAAW;EX4OzC;AACF;;AE2NI;ESxdA;IAWoB,gBALgB;EX4PtC;AACF;;AWtPwB;EAbpB;IAgB4B,WAAW;EXwPzC;AACF;;AEqNI;ESrbgB;;;;IACI,UAAU;EXuOhC;AACF;;AWtOwB;EAHJ;;;;IAMY,WAAW;EX2OzC;AACF;;AEmMI;ESrbgB;;;;IACI,UAAU;EXyPhC;AACF;;AWxPwB;EAHJ;;;;IAMY,WAAW;EX6PzC;AACF;;AEiLI;EStaA;IAUoB,UAAU;EXgPhC;AACF;;AW/OwB;EAZpB;IAe4B,WAAW;EXiPzC;AACF;;AEqKI;EStaA;IAUoB,UAAU;EX4PhC;AACF;;AW3PwB;EAZpB;IAe4B,WAAW;EX6PzC;AACF;;AEyJI;EStaA;IAUoB,UAAU;EXwQhC;AACF;;AWvQwB;EAZpB;IAe4B,WAAW;EXyQzC;AACF;;AE6II;EStaA;IAUoB,UAAU;EXoRhC;AACF;;AWnRwB;EAZpB;IAe4B,WAAW;EXqRzC;AACF;;AEuII;ESpYgB;;;;IACI,WAAW;EXoQjC;EWrQkB;;;;IACI,WAAW;EX0QjC;EWnQE;IAUoB,WAAW;EX4PjC;EWtQE;IAUoB,WAAW;EX+PjC;EWzQE;IAUoB,WAAW;EXkQjC;EW5QE;IAUoB,WAAW;EXqQjC;EW/QE;IAUoB,WAAW;EXwQjC;AACF;;AWlQA;;+EXsQ+E;AY9d/E;4EZge4E;AY7d5E;EAEI;IAWwB,iBAAiB;EZod3C;AACF;;AEkFI;EU5hBA;IAWwB,kBAAkB;EZoc5C;AACF;;AEwFI;EUlhBA;IAWwB,UAAU;EZobpC;AACF;;AY7aA;4EZgb4E;Aapf5E;;+Ebuf+E;Aanf/E;EAEI;IAKY,WAAW;IACX,OAAO;IACP,uBAAe;IAAf,mBAAe;IAAf,eAAe;Ebgf7B;EavfE;IAeoB,cAAc;Eb2epC;AACF;;AapeA;EAEI;IASoB,iBAAiB;Eb8dvC;AACF;;AEgDI;EWrgBA;;IAMY,WAAW;IACX,WAAW;IACX,UAAU;EbqdxB;Ea7dE;IAcO,WAAW;EbkdpB;EaheE;IAmBY,gBAAgB;Ebgd9B;EaneE;IA8BoB,kBAAkB;EbwcxC;AACF;;AE0CI;EWzeA;IAaO,UAAU;EbubnB;EapcE;IA8BqB,UAAU;EbyajC;AACF;;AEuCI;EWtcA;IAWwB,WAAW;IACX,mBAAmB;EbyZ7C;EaraE;IAiBoB,UAAU;EbuZhC;AACF;;AahZA;;+EboZ+E;AchjB/E;;+EdmjB+E;Ac/iB/E;EAEI;IAGQ,YAAY;Ed8iBtB;AACF;;Ac3iBA;;+Ed+iB+E;ADzhB/E;;+EC4hB+E","file":"../scss/woocommerce-responsive.css","sourcesContent":["/* ==========================================================================\n   WooCommerce Responsive styles - begin\n   ========================================================================== */\n@import '../../../../../../assets/css/scss/variables';\n@import '../../../../../../assets/css/scss/mixins';\n\n/*------------------------------------------------------------------\n * This is main woocommerce responsive css file for theme. It is broken into following sections:\n * 1.  Global Responsive\n * 2.  Single Product Responsive\n * 3.  WooCommerce Product Lists and Shortcodes Responsive\n * 4.  Cart Responsive\n * 5.  Checkout Responsive\n * 6.  My Account Responsive\n * 7.  Shortcodes Responsive\n * 8.  Widgets Responsive\n-------------------------------------------------------------------*/\n\n@import \"responsive/cart/_cart-responsive.scss\";\n@import \"responsive/checkout/_checkout-responsive.scss\";\n@import \"responsive/checkout/_order-received-responsive.scss\";\n@import \"responsive/global/_buttons-responsive.scss\";\n@import \"responsive/global/_mark-responsive.scss\";\n@import \"responsive/global/_message-responsive.scss\";\n@import \"responsive/global/_quantity-input-responsive.scss\";\n@import \"responsive/global/_result-and-ordering-responsive.scss\";\n@import \"responsive/my-account/_my-account-responsive.scss\";\n@import \"responsive/product-lists/_product-list-main-and-vc-responsive.scss\";\n@import \"responsive/shortcodes/_product-page-responsive.scss\";\n@import \"responsive/single-product/_single-product-responsive.scss\";\n@import \"responsive/widgets/_dropdown-cart-responsive.scss\";\n\n\n\n\n/* ==========================================================================\n   WooCommerce Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Responsive styles - begin\n   ========================================================================== */\n/*------------------------------------------------------------------\n * This is main woocommerce responsive css file for theme. It is broken into following sections:\n * 1.  Global Responsive\n * 2.  Single Product Responsive\n * 3.  WooCommerce Product Lists and Shortcodes Responsive\n * 4.  Cart Responsive\n * 5.  Checkout Responsive\n * 6.  My Account Responsive\n * 7.  Shortcodes Responsive\n * 8.  Widgets Responsive\n-------------------------------------------------------------------*/\n/* ==========================================================================\n   WooCommerce Cart page responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page table.cart td.actions .coupon input[type=\"text\"] {\n    width: 180px;\n    padding: 5px 20px;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-page table.cart thead tr th {\n    font-size: 18px;\n  }\n  .eltdf-woocommerce-page table.cart tr th, .eltdf-woocommerce-page table.cart tr td {\n    font-size: 12px;\n  }\n  .eltdf-woocommerce-page table.cart tr.cart_item td.product-thumbnail {\n    width: auto;\n    padding-right: 0;\n  }\n  .eltdf-woocommerce-page table.cart tr.cart_item td.product-thumbnail img {\n    display: none;\n  }\n  .eltdf-woocommerce-page table.cart td.actions {\n    padding-bottom: 43px;\n  }\n  .eltdf-woocommerce-page table.cart td.actions .coupon {\n    margin: 0 0 20px;\n  }\n  .eltdf-woocommerce-page table.cart td.actions .coupon input[type=\"text\"] {\n    width: 100%;\n    padding: 9px 15px;\n    margin: 0 10px 20px 0;\n  }\n  .eltdf-woocommerce-page table.cart td.actions .coupon,\n  .eltdf-woocommerce-page table.cart td.actions > input,\n  .eltdf-woocommerce-page table.cart td.actions > button {\n    float: none;\n    display: block;\n    width: 100%;\n  }\n  .eltdf-woocommerce-page table.cart td.actions .button {\n    margin-left: 0;\n    width: 100%;\n  }\n  .eltdf-woocommerce-page .cart-collaterals a.button {\n    width: 100%;\n    text-align: center;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Cart page responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Checkout page responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page .woocommerce-checkout .col-1,\n  .eltdf-woocommerce-page .woocommerce-checkout .col-2 {\n    width: 100%;\n  }\n  .eltdf-woocommerce-page .woocommerce-checkout .col-1 {\n    margin: 0 0 25px;\n  }\n  .eltdf-woocommerce-page .woocommerce-checkout .col-2 {\n    margin-left: 0;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-page .woocommerce-checkout .col-1 .form-row,\n  .eltdf-woocommerce-page .woocommerce-checkout .col-2 .form-row {\n    width: 100%;\n    margin: 0;\n    float: none;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .eltdf-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment ul li.payment_method_paypal label img {\n    display: none;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Checkout page responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Checkout page - Order Received responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .col-1,\n  .eltdf-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .col-2 {\n    width: 100%;\n  }\n  .eltdf-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .col-1 {\n    margin: 0 0 25px;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Checkout page - Order Received responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Buttons responsive styles - begin\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Buttons responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Onsale and Out of Stock responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 1024px) {\n  .eltdf-woo-single-page .eltdf-single-product-content .eltdf-sold,\n  .eltdf-woo-single-page .eltdf-single-product-content .eltdf-new-product {\n    right: 0;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side .eltdf-single-product-content .eltdf-onsale {\n    left: 18px;\n  }\n  .eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side .eltdf-single-product-content .eltdf-sold,\n  .eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side .eltdf-single-product-content .eltdf-new-product {\n    right: 18px;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Onsale and Out of Stock responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Message Responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page .woocommerce-message,\n  .eltdf-woocommerce-page .woocommerce-info,\n  .eltdf-woocommerce-page .woocommerce-error {\n    padding: 17px 25px !important;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-page .woocommerce-message,\n  .eltdf-woocommerce-page .woocommerce-info,\n  .eltdf-woocommerce-page .woocommerce-error {\n    padding: 14px 20px;\n    line-height: 1.56em;\n  }\n  .eltdf-woocommerce-page .woocommerce-message a,\n  .eltdf-woocommerce-page .woocommerce-info a,\n  .eltdf-woocommerce-page .woocommerce-error a {\n    float: none;\n    margin: 0 70% 15px 0 !important;\n    white-space: nowrap;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Message Responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Quantity Inputs responsive styles - begin\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Quantity Inputs responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Result and Ordering Responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-page .woocommerce-result-count,\n  .eltdf-woocommerce-page .woocommerce-ordering {\n    width: 100%;\n    margin-bottom: 30px;\n  }\n  .eltdf-woocommerce-page .woocommerce-ordering {\n    text-align: initial;\n  }\n  .eltdf-woocommerce-page .woocommerce-ordering .select2 {\n    margin-bottom: 18px;\n  }\n  .eltdf-woocommerce-page .woocommerce-ordering .orderby {\n    display: block;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Result and Ordering Responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce MyAccount page responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 1024px) {\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation {\n    width: 28%;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {\n    width: 72%;\n    padding: 0 0 0 20px;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation,\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {\n    float: none;\n    width: 100%;\n    padding: 0;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation ul {\n    border-right: none;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {\n    margin: 0 0 14px;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {\n    margin: 40px 0 0;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .col-1,\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .col-2 {\n    width: 100%;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .col-1 {\n    margin: 0 0 25px;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce MyAccount page responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Product List page responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 1440px) {\n  .woocommerce.columns-6 > .products > .product {\n    width: 20%;\n  }\n}\n\n@media only screen and (max-width: 1440px) and (min-width: 1201px) {\n  .woocommerce.columns-6 > .products > .product:nth-child(5n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1200px) {\n  .woocommerce.columns-5 > .products > .product {\n    width: 25%;\n  }\n}\n\n@media only screen and (max-width: 1200px) and (min-width: 1025px) {\n  .woocommerce.columns-5 > .products > .product:nth-child(4n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1200px) {\n  .woocommerce.columns-6 > .products > .product {\n    width: 25%;\n  }\n}\n\n@media only screen and (max-width: 1200px) and (min-width: 1025px) {\n  .woocommerce.columns-6 > .products > .product:nth-child(4n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product, .eltdf-woocommerce-columns-3\n  .related.products > .products > .product, .eltdf-woocommerce-columns-3\n  .upsells.products > .products > .product, .eltdf-woocommerce-columns-3\n  .cross-sells > .products > .product {\n    width: 33.33333%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product:nth-child(3n+1), .eltdf-woocommerce-columns-3\n  .related.products > .products > .product:nth-child(3n+1), .eltdf-woocommerce-columns-3\n  .upsells.products > .products > .product:nth-child(3n+1), .eltdf-woocommerce-columns-3\n  .cross-sells > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product, .eltdf-woocommerce-columns-4\n  .related.products > .products > .product, .eltdf-woocommerce-columns-4\n  .upsells.products > .products > .product, .eltdf-woocommerce-columns-4\n  .cross-sells > .products > .product {\n    width: 33.33333%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product:nth-child(3n+1), .eltdf-woocommerce-columns-4\n  .related.products > .products > .product:nth-child(3n+1), .eltdf-woocommerce-columns-4\n  .upsells.products > .products > .product:nth-child(3n+1), .eltdf-woocommerce-columns-4\n  .cross-sells > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltdf-pl-main-holder {\n    margin-bottom: 53px;\n  }\n  .woocommerce.columns-4 > .products > .product {\n    width: 33.33333%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .woocommerce.columns-4 > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .woocommerce.columns-5 > .products > .product {\n    width: 33.33333%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .woocommerce.columns-5 > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .woocommerce.columns-6 > .products > .product {\n    width: 33.33333%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .woocommerce.columns-6 > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product, .eltdf-woocommerce-columns-3\n  .related.products > .products > .product, .eltdf-woocommerce-columns-3\n  .upsells.products > .products > .product, .eltdf-woocommerce-columns-3\n  .cross-sells > .products > .product {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product:nth-child(2n+1), .eltdf-woocommerce-columns-3\n  .related.products > .products > .product:nth-child(2n+1), .eltdf-woocommerce-columns-3\n  .upsells.products > .products > .product:nth-child(2n+1), .eltdf-woocommerce-columns-3\n  .cross-sells > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product, .eltdf-woocommerce-columns-4\n  .related.products > .products > .product, .eltdf-woocommerce-columns-4\n  .upsells.products > .products > .product, .eltdf-woocommerce-columns-4\n  .cross-sells > .products > .product {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product:nth-child(2n+1), .eltdf-woocommerce-columns-4\n  .related.products > .products > .product:nth-child(2n+1), .eltdf-woocommerce-columns-4\n  .upsells.products > .products > .product:nth-child(2n+1), .eltdf-woocommerce-columns-4\n  .cross-sells > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .woocommerce.columns-3 > .products > .product {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .woocommerce.columns-3 > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .woocommerce.columns-4 > .products > .product {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .woocommerce.columns-4 > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .woocommerce.columns-5 > .products > .product {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .woocommerce.columns-5 > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .woocommerce.columns-6 > .products > .product {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .woocommerce.columns-6 > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product, .eltdf-woocommerce-columns-3\n  .related.products > .products > .product, .eltdf-woocommerce-columns-3\n  .upsells.products > .products > .product, .eltdf-woocommerce-columns-3\n  .cross-sells > .products > .product {\n    width: 100%;\n  }\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product, .eltdf-woocommerce-columns-4\n  .related.products > .products > .product, .eltdf-woocommerce-columns-4\n  .upsells.products > .products > .product, .eltdf-woocommerce-columns-4\n  .cross-sells > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-2 > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-3 > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-4 > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-5 > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-6 > .products > .product {\n    width: 100%;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Product List page responsive styles - end\n   ========================================================================== */\n/* Woocommerce Product Page shortcode responsive style - begin\n========================================================================== */\n@media only screen and (min-width: 1025px) and (max-width: 1200px) {\n  div.woocommerce > .single-product .woocommerce-tabs ul.tabs > li a {\n    padding: 12px 7px;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  div.woocommerce > .single-product .woocommerce-tabs ul.tabs > li a {\n    padding: 13px 10px;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  div.woocommerce > .single-product .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:not(:first-child) {\n    width: 50%;\n  }\n}\n\n/* Woocommerce Product Page shortcode responsive style - end\n========================================================================== */\n/* ==========================================================================\n   WooCommerce Single Product Page Responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 1024px) {\n  .eltdf-woo-single-page .woocommerce-tabs .entry-content {\n    width: 100%;\n    left: 0;\n    transform: none;\n  }\n  .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li a {\n    margin: 0 19px;\n  }\n}\n\n@media only screen and (min-width: 1025px) and (max-width: 1200px) {\n  .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li a {\n    padding: 12px 7px;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltdf-woo-single-page .eltdf-single-product-content .images,\n  .eltdf-woo-single-page .eltdf-single-product-content .eltdf-single-product-summary {\n    float: none;\n    width: 100%;\n    padding: 0;\n  }\n  .eltdf-woo-single-page .eltdf-single-product-content .images .woocommerce-product-gallery__trigger {\n    right: 10px;\n  }\n  .eltdf-woo-single-page .eltdf-single-product-content .eltdf-single-product-summary {\n    margin: 30px 0 0;\n  }\n  .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li a {\n    padding: 13px 10px;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side .eltdf-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:not(:first-child) {\n    width: 50%;\n  }\n  .eltdf-woo-single-page .eltdf-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:not(:first-child) {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .eltdf-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container img {\n    float: none;\n    margin-bottom: 17px;\n  }\n  .eltdf-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment-text {\n    padding: 0;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Single Product Page Responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Dropdown Cart Responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-shopping-cart-dropdown ul {\n    margin: 20px;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Dropdown Cart Responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Responsive styles - end\n   ========================================================================== */\n","/* ==========================================================================\n   WooCommerce Cart page responsive styles - begin\n   ========================================================================== */\n\n@include ipad-portrait {\n\t\n\t.eltdf-woocommerce-page {\n\t\t\n\t\ttable.cart {\n\t\t\t\n\t\t\ttd.actions {\n\t\t\t\t\n\t\t\t\t.coupon {\n\t\t\t\t\t\n\t\t\t\t\tinput[type=\"text\"] {\n\t\t\t\t\t\twidth: 180px;\n\t\t\t\t\t\tpadding: 5px 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include phone-landscape {\n\t\n\t.eltdf-woocommerce-page {\n\t\t\n\t\ttable.cart {\n\t\t\t\n\t\t\tthead tr th {\n\t\t\t\tfont-size: 18px;\n\t\t\t}\n\t\t\t\n\t\t\ttr {\n\t\t\t\t\n\t\t\t\tth, td {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t&.cart_item {\n\t\t\t\t\t\n\t\t\t\t\ttd {\n\t\t\t\t\t\t\n\t\t\t\t\t\t&.product-thumbnail {\n\t\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\ttd.actions {\n\t\t\t\tpadding-bottom: 43px;\n\t\t\t\t\n\t\t\t\t.coupon {\n\t\t\t\t\tmargin: 0 0 20px;\n\t\t\t\t\t\n\t\t\t\t\tinput[type=\"text\"] {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tpadding: 9px 15px;\n\t\t\t\t\t\tmargin: 0 10px 20px 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.coupon,\n\t\t\t\t> input,\n\t\t\t\t> button{\n\t\t\t\t\tfloat: none;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.button {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\t.cart-collaterals a.button {\n\t\t\twidth: 100%;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n}\n/* ==========================================================================\n   WooCommerce Cart page responsive styles - end\n   ========================================================================== */","////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// layout mixins - start\n\n@mixin eltdfRelativeHolderLayout($vertical-align: middle) {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    vertical-align: $vertical-align;\n}\n\n@mixin eltdfAbsoluteHolderLayout() {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}\n\n@mixin eltdfTableLayout() {\n    position: relative;\n    display: table;\n    table-layout: fixed;\n    height: 100%;\n    width: 100%;\n}\n\n@mixin eltdfTableCellLayout($vertical-align: middle) {\n    position: relative;\n    display: table-cell;\n    height: 100%;\n    width: 100%;\n    vertical-align: $vertical-align;\n}\n\n@mixin eltdfTypographyLayout($important: null) {\n    color: inherit $important;\n    font-family: inherit $important;\n    font-size: inherit $important;\n    font-weight: inherit $important;\n    font-style: inherit $important;\n    line-height: inherit $important;\n    letter-spacing: inherit $important;\n    text-transform: inherit $important;\n}\n\n@mixin eltdfBlockquote($important : null) {\n    @include eltdfRelativeHolderLayout();\n    margin: 32px 0 $important;\n    margin-bottom: 16px !important;\n    padding: 0 0 0 6px $important;\n    font-size: 19px $important;\n    line-height: 31px $important;\n    font-style: italic $important;\n    quotes: none;\n    box-sizing: border-box;\n    border: none $important;\n    color: $default-heading-color $important;\n    min-height: 48px;\n\n    > * {\n        @include eltdfTypographyLayout();\n        margin: 0;\n    }\n\n    &:after {\n        content: '';\n    }\n\n    &:before {\n        content: '”';\n        font-family: $default-heading-font;\n        font-size: 334px;\n        color: #ffeae4;\n        font-style: normal;\n        position: absolute;\n        top: 70px;\n        left: -18px;\n        z-index: -1;\n    }\n\n    cite,\n    .wp-block-quote__citation,\n    .wp-block-pullquote__citation,\n    footer {\n        display: block $important;\n        margin-top: 10px $important;\n        text-align: inherit $important;\n        font-size: 14px $important;\n        line-height: 1.3em $important;\n        letter-spacing: 0 $important;\n        font-style: normal  $important;\n        font-weight: 400 $important;\n        text-transform: none $important;\n    }\n\n    .wp-block-pullquote__citation{\n        margin-top: 5px $important;\n    }\n}\n\n// layout mixins - end\n\n// checkbox mixins - start\n\n$checkbox-size: 15px;\n$checkbox-border-width: 1px;\n\n%checkbox-style {\n    position: relative;\n    margin: 8px 0;\n    line-height: 1;\n\n    input[type=checkbox] {\n        width: $checkbox-size;\n        height: $checkbox-size;\n        max-height: $checkbox-size;\n        position: relative;\n        display: inline-block;\n        vertical-align: top;\n        top: 0;\n        left: 0;\n        margin: 0;\n    }\n\n    input[type=checkbox] + label {\n        position: absolute;\n        top: 0;\n        left: 0;\n        display: inline-block;\n        line-height: 0;\n        pointer-events: none;\n        cursor: pointer;\n    }\n\n    input[type=checkbox] + label span.eltdf-label-text {\n        display: inline-block;\n        padding-left: 10px;\n        line-height: $checkbox-size;\n        color: $default-heading-color;\n    }\n\n    input[type=checkbox] + label .eltdf-label-view {\n        display: inline-block;\n        vertical-align: top;\n        width: $checkbox-size;\n        height: $checkbox-size;\n        background-color: $default-background-color;\n        border: $checkbox-border-width solid $default-border-color;\n        border-radius: 2px;\n        cursor: pointer;\n        box-sizing: border-box;\n\n        &:hover {\n            cursor: pointer;\n        }\n    }\n\n    input[type=checkbox] + label .eltdf-label-view:after {\n        content: '';\n        position: absolute;\n        top: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n        left: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n        width: $checkbox-size / 2 - $checkbox-border-width;\n        height: $checkbox-size / 2 - $checkbox-border-width;\n        background-color: $first-main-color;\n        opacity: 0;\n        transition: opacity 0.3s ease-in-out;\n    }\n\n    input[type=checkbox]:checked + label .eltdf-label-view:after {\n        opacity: 1;\n    }\n}\n\n// checkbox mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// common mixins - start\n\n@mixin eltdfBckImageStyle() {\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n}\n\n@mixin eltdfImageOverlayHoverStyle($with-hover: true) {\n\t\n\tbox-sizing: border-box;\n    \n    @if ($with-hover) {\n        \n        &:hover {\n            \n            &:after {\n                opacity: 1;\n            }\n        }\n\n        &:after {\n            @include eltdfAbsoluteHolderLayout();\n            content: '';\n            background-color: rgba($light-main-color, 0.9);\n\t        box-shadow: inset 0 0 0 1px rgba($first-main-color, 0.35);\n            opacity: 0;\n            transition: opacity .4s ease-in-out;\n        }\n\n    } @else {\n        @include eltdfAbsoluteHolderLayout();\n        content: '';\n        background-color: rgba($light-main-color, 0.9);\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n}\n\n@mixin eltdfStandardPaginationStyle($list_type: null) {\n    @include eltdfRelativeHolderLayout(top);\n    margin: 11px 0 0;\n    clear: both;\n\n    ul {\n        @include eltdfRelativeHolderLayout(top);\n        padding: 0;\n        margin: 0;\n        list-style: none;\n        text-align: center;\n\n        li {\n            position: relative;\n            display: inline-block;\n            vertical-align: top;\n            margin: 0 2px;\n\n            a {\n                position: relative;\n                display: inline-block;\n                vertical-align: top;\n                margin: 0;\n                padding: 0 6px;\n            }\n\n            &.eltdf-pag-active {\n                \n                a {\n                    color: $first-main-color;\n                }\n            }\n\n            &.eltdf-pag-prev,\n            &.eltdf-pag-next {\n                margin: 2px;\n\n                a {\n                    font-size: 15px;\n                    padding: 0 17px;\n\n                    span {\n                        display: block;\n                        line-height: inherit;\n\n                        &:before {\n                            display: block;\n                            line-height: inherit;\n                        }\n                    }\n                }\n            }\n\n            &.eltdf-pag-next {\n                margin-left: 8px;\n\n                &:before {\n                    content: '';\n                    width: 1px;\n                    height: 24px;\n                    background-color: $first-main-color;\n                    display: inline-block;\n                }\n            }\n\n            &.eltdf-pag-prev {\n                margin-right: 8px;\n\n                &:after {\n                    content: '';\n                    width: 1px;\n                    height: 24px;\n                    background-color: $first-main-color;\n                    display: inline-block;\n                }\n            }\n\n            @if ($list_type == 'shortcode') {\n                \n                &.eltdf-pag-prev {\n                    opacity: 0;\n\n                    &:after {\n                        opacity: inherit;\n                    }\n                }\n\n                &.eltdf-pag-next {\n                    opacity: 1;\n\n                    &:before {\n                        opacity: inherit;\n                    }\n                }\n\n            } @else if ($list_type == 'shop') {\n\n                span {\n                    position: relative;\n                    display: inline-block;\n                    vertical-align: top;\n                    margin: 0;\n                    padding: 0;\n                    color: $first-main-color;\n                }\n\n                a {\n                    \n                    &.next,\n                    &.prev {\n                        font-size: 0;\n                        line-height: 0;\n                        margin-top: 2px;\n                        padding: 0 17px;\n\n                        &:before {\n                            display: block;\n                            position: relative;\n                            top: 12px;\n                            font-family: 'Linearicons-Free'; // same icon pack as in our templates for pagination\n                            font-size: 15px;\n                            -webkit-font-smoothing: antialiased;\n                            -moz-osx-font-smoothing: grayscale;\n                        }\n\n                        &:after {\n                            content: '';\n                            height: 24px;\n                            background-color: $first-main-color;\n                            width: 1px;\n                            display: inline-block;\n                            position: relative;\n                            pointer-events: none;\n                        }\n                    }\n\n                    &.prev {\n                        margin-right: 11px;\n\n                        &:before {\n                            content: \"\\e879\";\n                        }\n\n                        &:after {\n                            right: -29px;\n                        }\n                    }\n\n                    &.next {\n                        margin-left: 12px;\n\n                        &:before {\n                            content: \"\\e87a\";\n                        }\n\n                        &:after {\n                            left: -29px;\n                        }\n                    }\n                }\n            }\n        }\n        @if ($list_type == 'shop') {\n\t        \n\t        ul {\n\t\t        @include ipad-landscape {\n\t\t            padding: 0 0 120px;\n\t\t        }\n\t\t        \n\t            li {\n\t                margin: 0 4px;\n\t            }\n\t        }\n        }\n    }\n}\n\n@mixin eltdfButtonDefaultStyle() {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    width: auto;\n    margin: 0;\n    font-family: inherit;\n    font-size: 10px;\n    line-height: 2em;\n    letter-spacing: 2.5px;\n    font-weight: 700;\n    text-transform: uppercase;\n    outline: none;\n    box-sizing: border-box;\n    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;\n}\n\n@mixin eltdfButtonSize($size: medium) {\n    \n    @if ($size == 'small') {\n        padding: 10px 13px;\n\n    } @else if ($size == 'medium') {\n        padding: 11px 17px;\n\n    } @else if ($size == 'large') {\n        padding: 14px 30px;\n\n    } @else if ($size == 'huge') {\n        display: block;\n        width: 100%;\n        text-align: center;\n        padding: 14px 30px;\n    }\n}\n\n@mixin eltdfButtonTransparentColor() {\n    color: $default-text-color;\n    background-color: transparent;\n}\n\n@mixin eltdfButtonSolidColor($important: null, $with-arrow:false) {\n    color: #fff $important;\n    background-color: #000 $important;\n    border: 1px solid transparent $important;\n\t\n\t@if ($with-arrow) {\n\t\t&:after {\n\t\t\tcontent: '\\24';\n\t\t\tfont-family: ElegantIcons;\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: bottom;\n\t\t\tmargin: 0 -5px -1px 4px;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: inherit;\n\t\t\ttransform: translateX(0);\n\t\t\ttransition: transform .25s ease-in-out;\n\t\t}\n\t\n\t\t&:hover {\n\t\t\t&:after {\n\t\t\t\ttransform: translateX(3px);\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin eltdfButtonSolidHoverColor($important: null) {\n    color: #fff $important;\n    background-color: #262626 $important;\n}\n\n@mixin eltdfButtonOutlineColor($important: null) {\n    color: #000 $important;\n    background-color: transparent $important;\n    border: 1px solid #000 $important;\n}\n\n@mixin eltdfButtonOutlineHoverColor($important: null) {\n    color: #fff $important;\n    background-color: #000 $important;\n    border-color: #000 $important;\n}\n\n@mixin eltdfPlaceholder {\n    &::-webkit-input-placeholder {\n        @content\n    }\n\n    &:-moz-placeholder {\n        @content;\n\n        opacity: 1;\n    }\n    &::-moz-placeholder {\n        @content;\n\n        opacity: 1;\n    }\n    &:-ms-input-placeholder {\n        @content\n    }\n}\n\n// common mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// mixins styles - start\n\n%input-style {\n    position: relative;\n    width: 100%;\n    margin: 0 0 #{$input-margin}px;\n    padding: #{$input-vertical-padding}px #{$input-horizontal-padding}px;\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: inherit;\n    line-height: calc(#{$input-height}px - (#{$input-vertical-padding * 2}px - 2px));\n    color: $default-heading-color;\n    background-color: transparent;\n    border: 1px solid $default-border-color;\n    border-radius: 0;\n    outline: 0;\n\tcursor: text;\n    -webkit-appearance: none;\n    box-sizing: border-box;\n    transition: border-color 0.2s ease-in-out;\n\n    &:focus {\n        color: $default-heading-color;\n        border-color: $first-main-color;\n    }\n\n    @include eltdfPlaceholder {\n        color: inherit;\n    }\n}\n\n// mixins styles - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n//media query mixins - start\n\n@mixin laptop-landscape-large {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape-large)) {\n        @content;\n    }\n}\n\n@mixin laptop-landscape-mac {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape-mac)) {\n        @content;\n    }\n}\n\n@mixin laptop-landscape-medium {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape-medium)) {\n        @content;\n    }\n}\n\n@mixin laptop-landscape {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape)) {\n        @content;\n    }\n}\n\n@mixin ipad-landscape {\n    @media only screen and (max-width: map-get($breakpoints, ipad-landscape)) {\n        @content;\n    }\n}\n\n@mixin ipad-portrait {\n    @media only screen and (max-width: map-get($breakpoints, ipad-portrait)) {\n        @content;\n    }\n}\n\n@mixin phone-landscape {\n    @media only screen and (max-width: map-get($breakpoints, phone-landscape)) {\n        @content;\n    }\n}\n\n@mixin phone-portrait {\n    @media only screen and (max-width: map-get($breakpoints, phone-portrait)) {\n        @content;\n    }\n}\n\n@mixin smaller-phone-portrait {\n    @media only screen and (max-width: map-get($breakpoints, smaller-phone-portrait)) {\n        @content;\n    }\n}\n\n// media query mixins - end\n\n// animation mixin - start\n\n@mixin keyframes($name) {\n    @-webkit-keyframes #{$name} {\n        @content;\n    }\n\n    @keyframes #{$name} {\n        @content;\n    }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// heading mixins - start\n\n@mixin eltdfH1() {\n    font-size: 80px;\n    line-height: 1.125em;\n}\n\n@mixin eltdfH2() {\n    font-size: 60px;\n    line-height: 1.167em;\n}\n\n@mixin eltdfH3() {\n    font-size: 45px;\n    line-height: 1.222em;\n}\n\n@mixin eltdfH4() {\n    font-size: 33px;\n    line-height: 1.455em;\n}\n\n@mixin eltdfH5() {\n    font-size: 22px;\n    line-height: 1.455em;\n}\n\n@mixin eltdfH6() {\n    font-size: 18px;\n    line-height: 1.333em;\n}\n\n@mixin eltdfHeadingStyle($with-heading: null, $with-color: true) {\n\n    @if ($with-color) {\n        color: $default-heading-color;\n    }\n\n    @if ($with-heading == 'h1') {\n        @include eltdfH1();\n    } @else if ($with-heading == 'h2') {\n        @include eltdfH2();\n    } @else if ($with-heading == 'h3') {\n        @include eltdfH3();\n    } @else if ($with-heading == 'h4') {\n        @include eltdfH4();\n    } @else if ($with-heading == 'h5') {\n        @include eltdfH5();\n    } @else if ($with-heading == 'h6') {\n        @include eltdfH6();\n    }\n}\n\n@mixin eltdfDefaultHeadingStyle() {\n    @include eltdfHeadingStyle();\n    font-family: $default-heading-font;\n    font-weight: 400;\n    margin: 25px 0;\n\n    -ms-word-wrap: break-word;\n    word-wrap: break-word;\n\n    a {\n        @include eltdfTypographyLayout();\n\n        &:hover {\n            color: $first-main-color;\n        }\n    }\n}\n\n@mixin eltdfBody() {\n    font-family: $default-text-font;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 25px;\n    color: $default-text-color;\n    background-color: $default-background-color;\n    -webkit-font-smoothing: antialiased;\n}\n\n@mixin eltdfSubtitleStyle() {\n\tfont-family: $default-heading-font;\n\tfont-style: italic;\n\tfont-size: 19px;\n\tfont-weight: 400;\n\tcolor: $default-text-color;\n\tline-height: 1.526em;\n}\n// heading mixins - end\n\n// interaction mixins - start\n\n@mixin eltdfHoverZoom($scaleAmount: 1.03) {\n\toverflow: hidden;\n\t\n\timg {\n\t\twill-change: transform;\n\t\ttransform: scale(1.005);\n\t\ttransition: transform .5s ease-in-out;\n\t}\n\t\n\t&:hover {\n\t\timg {\n\t\t\ttransform: scale($scaleAmount);\n\t\t}\n\t}\n}\n\n// interaction mixins - start\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////","/* ==========================================================================\n   WooCommerce Checkout page responsive styles - begin\n   ========================================================================== */\n\n@include ipad-portrait {\n    \n    .eltdf-woocommerce-page .woocommerce-checkout {\n        \n        .col-1,\n        .col-2 {\n            width: 100%;\n        }\n        \n        .col-1 {\n            margin: 0 0 25px;\n        }\n    \n        .col-2 {\n            margin-left: 0;\n        }\n    }\n}\n\n@include phone-landscape {\n    \n    .eltdf-woocommerce-page .woocommerce-checkout {\n        \n        .col-1,\n        .col-2 {\n            \n            .form-row {\n                width: 100%;\n                margin: 0;\n                float: none;\n            }\n        }\n    }\n}\n\n@include phone-portrait {\n    \n    .eltdf-woocommerce-page .woocommerce-checkout {\n        \n        .woocommerce-checkout-payment ul li.payment_method_paypal label img {\n            display: none;\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Checkout page responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Checkout page - Order Received responsive styles - begin\n   ========================================================================== */\n\n@include ipad-portrait {\n    \n    .eltdf-woocommerce-page.woocommerce-order-received {\n        \n        .woocommerce {\n            \n            .col2-set.addresses {\n                \n                .col-1,\n                .col-2 {\n                    width: 100%;\n                }\n                \n                .col-1 {\n                    margin: 0 0 25px;\n                }\n            }\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Checkout page - Order Received responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Buttons responsive styles - begin\n   ========================================================================== */\n\n/* ==========================================================================\n   WooCommerce Buttons responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Onsale and Out of Stock responsive styles - begin\n   ========================================================================== */\n\n@include ipad-landscape {\n\n    .eltdf-woo-single-page {\n\t\n\t    .eltdf-single-product-content {\n\t\t\n\t\t    .eltdf-sold,\n\t\t    .eltdf-new-product {\n\t\t\t    right: 0;\n\t\t    }\n\t    }\n    }\n}\n\n@include ipad-portrait {\n\t\n\t.eltdf-woo-single-page {\n\t\t\n\t\t&.eltdf-woo-single-thumb-on-left-side {\n\t\t\t\n\t\t\t.eltdf-single-product-content {\n\t\t\t\t\n\t\t\t\t.eltdf-onsale {\n\t\t\t\t\tleft: 18px;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.eltdf-sold,\n\t\t\t\t.eltdf-new-product {\n\t\t\t\t\tright: 18px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n/* ==========================================================================\n   WooCommerce Onsale and Out of Stock responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Message Responsive styles - begin\n   ========================================================================== */\n\n@media only screen and (max-width: $ipad-portrait) {\n\n    .eltdf-woocommerce-page {\n\n        .woocommerce-message,\n        .woocommerce-info,\n        .woocommerce-error {\n            padding: 17px 25px !important;\n        }\n    }\n}\n\n@media only screen and (max-width: $phone-landscape) {\n\n    .eltdf-woocommerce-page {\n\n        .woocommerce-message,\n        .woocommerce-info,\n        .woocommerce-error {\n            padding: 14px 20px;\n            line-height: 1.56em;\n\n            a {\n            \tfloat: none;\n                margin: 0 70% 15px 0 !important;\n                white-space: nowrap;\n\n            }\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Message Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Quantity Inputs responsive styles - begin\n   ========================================================================== */\n\n/* ==========================================================================\n   WooCommerce Quantity Inputs responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Result and Ordering Responsive styles - begin\n   ========================================================================== */\n.eltdf-woocommerce-page {\n\n    @include phone-landscape {\n        \n        .woocommerce-result-count,\n        .woocommerce-ordering {\n            width: 100%;\n            margin-bottom: 30px;\n        }\n    \n        .woocommerce-ordering {\n            text-align: initial;\n            \n            .select2 {\n                margin-bottom: 18px;\n            }\n            \n            .orderby {\n                display: block;\n            }\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Result and Ordering Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce MyAccount page responsive styles - begin\n   ========================================================================== */\n\n@include ipad-landscape {\n\t\n\t.eltdf-woocommerce-page.woocommerce-account {\n\t\t\n\t\t.woocommerce-MyAccount-navigation {\n\t\t\twidth: 28%;\n\t\t}\n\t\t\n\t\t.woocommerce-MyAccount-content {\n\t\t\twidth: 72%;\n\t\t\tpadding: 0 0 0 20px;\n\t\t}\n\t}\n}\n\n@include ipad-portrait {\n\t\n\t.eltdf-woocommerce-page.woocommerce-account {\n\t\t\n\t\t.woocommerce-MyAccount-navigation,\n\t\t.woocommerce-MyAccount-content {\n\t\t\tfloat: none;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\t\n\t\t.woocommerce-MyAccount-navigation {\n\t\t\t\n\t\t\tul {\n\t\t\t\tborder-right: none;\n\t\t\t\t\n\t\t\t\tli {\n\t\t\t\t\t\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\tmargin: 0 0 14px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\t.woocommerce-MyAccount-content {\n\t\t\tmargin: 40px 0 0;\n\t\t}\n\t\t\n\t\t.woocommerce {\n\t\t\t\n\t\t\t.col2-set.addresses {\n\t\t\t\t\n\t\t\t\t.col-1,\n\t\t\t\t.col-2 {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.col-1 {\n\t\t\t\t\tmargin: 0 0 25px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n/* ==========================================================================\n   WooCommerce MyAccount page responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Product List page responsive styles - begin\n   ========================================================================== */\n\n@include laptop-landscape-large {\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                $column_vc_width: 100%/5;\n                \n                > .products {\n                    \n                    > .product {\n                        width: $column_vc_width;\n                        \n                        @media only screen and (min-width: $laptop-landscape-plus-pixel) {\n                            \n                            &:nth-child(5n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include laptop-landscape {\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-5', 'columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                $column_vc_width: 100%/4;\n                \n                > .products {\n                    \n                    > .product {\n                        width: $column_vc_width;\n                        \n                        @media only screen and (min-width: $ipad-landscape-plus-pixel) {\n                            \n                            &:nth-child(4n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include ipad-landscape {\n    \n    .eltdf-pl-main-holder,\n    .related.products,\n    .upsells.products,\n    .cross-sells {\n        \n        $product_list_columns: ('columns-3', 'columns-4');\n        \n        @for $i from 0 to length($product_list_columns) {\n            \n            > .products {\n                \n                > .product {\n                    \n                    .eltdf-woocommerce-#{nth($product_list_columns,$i+1)} & {\n                        $column_width: 100%/3;\n                        width: $column_width;\n                        \n                        @media only screen and (min-width: $ipad-portrait-plus-pixel) {\n                            \n                            &:nth-child(3n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    \n    .eltdf-pl-main-holder {\n        margin-bottom: 53px;\n    }\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-4', 'columns-5', 'columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                $column_vc_width: 100%/3;\n                \n                > .products {\n                    \n                    > .product {\n                        width: $column_vc_width;\n                        \n                        @media only screen and (min-width: $ipad-portrait-plus-pixel) {\n                            \n                            &:nth-child(3n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include ipad-portrait {\n    \n    .eltdf-pl-main-holder,\n    .related.products,\n    .upsells.products,\n    .cross-sells {\n        \n        $product_list_columns: ('columns-3', 'columns-4');\n        \n        @for $i from 0 to length($product_list_columns) {\n            \n            > .products {\n                \n                > .product {\n                    \n                    .eltdf-woocommerce-#{nth($product_list_columns,$i+1)} & {\n                        width: 50%;\n                        \n                        @media only screen and (min-width: $phone-landscape-plus-pixel) {\n                            \n                            &:nth-child(2n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-3', 'columns-4', 'columns-5', 'columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                \n                > .products {\n                    \n                    > .product {\n                        width: 50%;\n                        \n                        @media only screen and (min-width: $phone-landscape-plus-pixel) {\n                            \n                            &:nth-child(2n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include phone-landscape {\n    \n    .eltdf-pl-main-holder,\n    .related.products,\n    .upsells.products,\n    .cross-sells {\n        \n        $product_list_columns: ('columns-3', 'columns-4');\n        \n        @for $i from 0 to length($product_list_columns) {\n            \n            > .products {\n                \n                > .product {\n                    \n                    .eltdf-woocommerce-#{nth($product_list_columns,$i+1)} & {\n                        width: 100%;\n                    }\n                }\n            }\n        }\n    }\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-2', 'columns-3', 'columns-4', 'columns-5', 'columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                \n                > .products {\n                    \n                    > .product {\n                        width: 100%;\n                    }\n                }\n            }\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Product List page responsive styles - end\n   ========================================================================== */","/* Woocommerce Product Page shortcode responsive style - begin\n========================================================================== */\n\n@media only screen and (min-width: $ipad-landscape-plus-pixel) and (max-width: $laptop-landscape) {\n    \n    div.woocommerce {\n        \n        > .single-product {\n            \n            .woocommerce-tabs {\n                \n                ul.tabs {\n                    \n                    > li {\n    \n                        a {\n                            padding: 12px 7px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include ipad-landscape {\n    \n    div.woocommerce {\n        \n        > .single-product {\n            \n            .woocommerce-tabs {\n                \n                ul.tabs {\n                    \n                    > li {\n    \n                        a {\n                            padding: 13px 10px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include phone-landscape {\n\n    div.woocommerce {\n\n        > .single-product {\n\n            .images {\n    \n                &.woocommerce-product-gallery--columns-4 {\n        \n                    .woocommerce-product-gallery__image {\n            \n                        &:not(:first-child) {\n                            width: 50%;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n/* Woocommerce Product Page shortcode responsive style - end\n========================================================================== */","/* ==========================================================================\n   WooCommerce Single Product Page Responsive styles - begin\n   ========================================================================== */\n\n@media only screen and (max-width: $ipad-landscape) {\n\n    .eltdf-woo-single-page {\n\n        .woocommerce-tabs {\n\n            .entry-content {\n                width: 100%;\n                left: 0;\n                transform: none;\n            }\n\n            ul.tabs {\n\n                > li {\n\n                    a {\n                        margin: 0 19px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@media only screen and (min-width: $ipad-landscape-plus-pixel) and (max-width: $laptop-landscape) {\n    \n    .eltdf-woo-single-page {\n        \n        .woocommerce-tabs {\n            \n            ul.tabs {\n                \n                > li {\n                    \n                    a {\n                        padding: 12px 7px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include ipad-landscape {\n    \n    .eltdf-woo-single-page {\n        \n        .eltdf-single-product-content {\n            \n            .images,\n            .eltdf-single-product-summary {\n                float: none;\n                width: 100%;\n                padding: 0;\n            }\n\t        \n\t        .images {\n\t\t\n\t\t        .woocommerce-product-gallery__trigger {\n\t\t\t        right: 10px;\n\t\t        }\n\t        }\n            \n            .eltdf-single-product-summary {\n                margin: 30px 0 0;\n            }\n        }\n        \n        .woocommerce-tabs {\n            \n            ul.tabs {\n                \n                > li {\n                    \n                    a {\n                        padding: 13px 10px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include phone-landscape {\n    \n    .eltdf-woo-single-page {\n\t\n\t    &.eltdf-woo-single-thumb-on-left-side {\n\t\t\n\t\t    .eltdf-single-product-content {\n\t\t\t\n\t\t\t    .images {\n\t\t\t\t\n\t\t\t\t    &.woocommerce-product-gallery--columns-4 {\n\t\t\t\t\t\n\t\t\t\t\t    .woocommerce-product-gallery__image {\n\t\t\t\t\t\t\n\t\t\t\t\t\t    &:not(:first-child) {\n\t\t\t\t\t\t\t    width: 50%;\n\t\t\t\t\t\t    }\n\t\t\t\t\t    }\n\t\t\t\t    }\n\t\t\t    }\n\t\t    }\n\t    }\n        \n        .eltdf-single-product-content {\n            \n            .images {\n    \n                &.woocommerce-product-gallery--columns-4 {\n        \n                    .woocommerce-product-gallery__image {\n            \n                        &:not(:first-child) {\n\t                        width: 50%;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include phone-portrait {\n\n    .eltdf-woo-single-page {\n\n        .woocommerce-tabs {\n\n            #reviews {\n\n                ol.commentlist {\n\n                    .comment_container {\n\n                        img {\n                            float: none;\n                            margin-bottom: 17px;\n                        }\n                    }\n\n                    .comment-text {\n                        padding: 0;\n                    }\n                }\n            }\n        }\n    }\n}\n\n/* ==========================================================================\n   WooCommerce Single Product Page Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Dropdown Cart Responsive styles - begin\n   ========================================================================== */\n\n@media only screen and (max-width: $ipad-portrait) {\n\n    .eltdf-shopping-cart-dropdown {\n\n        ul {\n            margin: 20px;\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Dropdown Cart Responsive styles - end\n   ========================================================================== */"]}