It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.backpacks4less.com/

  1. <!doctype html>
  2. <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  3. <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  4. <!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
  5. <!--[if IE 9 ]><html class="ie9 no-js"> <![endif]-->
  6. <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
  7. <head>
  8.  <meta name="p:domain_verify" content="493f3053071b4c746a94de2aac6447f9"/>
  9. <!-- Start of Booster Apps Seo-0.1-->
  10. <title>Save On Backpacks for School, Travel Backpacks and Bookbags</title><meta name="description" content="Save On Backpacks for School, Travel Backpacks and Bookbags from the Best Backpack Brands like Justice, Sprayground and more. Shop for School Backpacks, Hiking Backpacks, Travel and More. Jansport, Justice Backpacks, Under Armour and more of the H..." /><script type="application/ld+json">
  11.  {
  12.    "@context": "https://schema.org",
  13.    "@type": "Organization",
  14.    "name": "backpacks4less.com",
  15.    "url": "https://www.backpacks4less.com",
  16.    "description": "Discover a wide selection of high-quality backpacks at affordable prices on Backpacks4less.com. From hiking and camping to school and work, we have the perfect backpack for your needs. Shop now and save!","image": "https://www.backpacks4less.com/cdn/shop/t/3/assets/logo.png?572",
  17.      "logo": "https://www.backpacks4less.com/cdn/shop/t/3/assets/logo.png?572","sameAs": ["https://facebook.com/backpacks4less", "https://twitter.com/backpacks4less", "https://instagram.com/backpacks4less", "https://youtube.com/channel/UC_gK6IJOLCTieGUjUVsKWVg", "https://pinterest.com/backpacks4less"],
  18.    "telephone": "504-812-5430",
  19.    "address": {
  20.      "@type": "PostalAddress",
  21.      "streetAddress": "6010 Star Trail Dr",
  22.      "addressLocality": "Frisco",
  23.      "addressRegion": "Texas",
  24.      "postalCode": "75034",
  25.      "addressCountry": "United States"
  26.    }
  27.  }
  28. </script><script type="application/ld+json">
  29.  {
  30.    "@context": "https://schema.org",
  31.    "@type": "WebSite",
  32.    "name": "backpacks4less.com",
  33.    "url": "https://www.backpacks4less.com",
  34.    "potentialAction": {
  35.      "@type": "SearchAction",
  36.      "query-input": "required name=query",
  37.      "target": "https://www.backpacks4less.com/search?q={query}"
  38.    }
  39.  }
  40. </script>
  41. <!-- end of Booster Apps SEO -->
  42.  
  43.  
  44.  <!-- Basic page needs ================================================== -->
  45.  <meta charset="utf-8">
  46.  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  48.  <!-- Title and description ================================================== -->
  49.  
  50.  
  51.  
  52.  
  53.  <!-- Product meta ================================================== -->
  54.  
  55.  
  56.  <meta property="og:url" content="https://www.backpacks4less.com/">
  57.  <meta property="og:site_name" content="backpacks4less.com">
  58.  <!-- /snippets/twitter-card.liquid -->
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  <!-- Helpers ================================================== -->
  67.  <link rel="canonical" href="https://www.backpacks4less.com/">
  68.  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui">
  69.  
  70.  <!-- Favicon -->
  71.  
  73.   <!-- fonts -->
  74.  
  75. <script type="text/javascript">
  76.  WebFontConfig = {
  77.    google: { families: [
  78.      
  79.          'Poppins:100,200,300,400,500,600,700,800,900'
  80.  
  81.    ] }
  82.  };
  83.  
  84.  (function() {
  85.    var wf = document.createElement('script');
  86.    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  87.      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  88.    wf.type = 'text/javascript';
  89.    wf.async = 'true';
  90.    var s = document.getElementsByTagName('script')[0];
  91.    s.parentNode.insertBefore(wf, s);
  92.  })();
  93. </script>
  94.  
  95.  
  96.  <!-- Styles -->
  97.  <link href="//www.backpacks4less.com/cdn/shop/t/3/assets/vendor.min.css?v=16313237669423149571577723186" rel="stylesheet" type="text/css" media="all" />
  98. <link href="//www.backpacks4less.com/cdn/shop/t/3/assets/theme-styles.scss.css?v=11989439379110763341673512354" rel="stylesheet" type="text/css" media="all" />
  99. <link href="//www.backpacks4less.com/cdn/shop/t/3/assets/theme-styles-responsive.scss.css?v=126575600734323011541578167372" rel="stylesheet" type="text/css" media="all" />
  100.  
  101.  
  102.   <!-- Scripts -->
  103.  <script src="//www.backpacks4less.com/cdn/shop/t/3/assets/jquery.min.js?v=56888366816115934351577723178" type="text/javascript"></script>
  104. <script src="//www.backpacks4less.com/cdn/shop/t/3/assets/jquery-cookie.min.js?v=72365755745404048181577723177" type="text/javascript"></script>
  105.  
  106. <script>
  107.    window.ajax_cart = "upsell";
  108.    window.money_format = "${{amount}} USD";
  109.    window.shop_currency = "USD";
  110.    window.show_multiple_currencies = true;
  111.    window.use_color_swatch = true;
  112.    window.color_swatch_style = "variant";
  113.    window.enable_sidebar_multiple_choice = true;
  114.    window.file_url = "//www.backpacks4less.com/cdn/shop/files/?572";
  115.    window.asset_url = "";
  116.    
  117.    window.inventory_text = {
  118.        in_stock: "In stock",
  119.        many_in_stock: "Many in stock",
  120.        out_of_stock: "Out of stock",
  121.        add_to_cart: "Add to Cart",
  122.        add_all_to_cart: "Add all to Cart",
  123.        sold_out: "Sold Out",
  124.        select_options : "Select options",
  125.        unavailable: "Unavailable",
  126.        no_more_product: "No more product",
  127.        show_options: "Show Variants",
  128.        hide_options: "Hide Variants",
  129.        adding : "Adding",
  130.        thank_you : "Thank You",
  131.        add_more : "Add More",
  132.        cart_feedback : "Added",
  133.        add_wishlist : "Add to Wish List",
  134.        remove_wishlist : "Remove Wish List",
  135.        previous: "Prev",
  136.        next: "Next"
  137.    };
  138.    
  139.    window.multi_lang = true;
  140.    window.infinity_scroll_feature = true;
  141.    window.newsletter_popup = false;  
  142. </script>
  143.  
  144.  
  145. <script src="//www.backpacks4less.com/cdn/shop/t/3/assets/lang2.js?v=95449077315781067331577723180" type="text/javascript"></script>
  146.  
  147. <script>
  148.    var translator = {
  149.        current_lang : $.cookie('language'),
  150.        
  151.        init: function() {
  152.            translator.updateStyling();
  153.            translator.updateInventoryText();  
  154.        },
  155.        
  156.        updateStyling: function() {
  157.            var style;
  158.  
  159.            if (translator.isLang2()) {
  160.                style = "<style>*[data-translate] {visibility:hidden} .lang1 {display:none}</style>";          
  161.            }
  162.            else {
  163.                style = "<style>*[data-translate] {visibility:visible} .lang2 {display:none}</style>";
  164.            };
  165.  
  166.            $('head').append(style);
  167.        },
  168.        
  169.        updateLangSwitcher: function() {
  170.            if (translator.isLang2()) {
  171.                $('#lang-switcher [data-value="1"]').removeClass('active');
  172.                $('#lang-switcher [data-value="2"]').addClass('active');        
  173.            }
  174.        },
  175.        
  176.        getTextToTranslate: function(selector) {
  177.            var result = window.lang2;
  178.            
  179.            //check if there is parameter
  180.            var params;
  181.            
  182.            if (selector.indexOf("|") > 0) {
  183.                var devideList = selector.split("|");
  184.                
  185.                selector = devideList[0];
  186.                params = devideList[1].split(",");
  187.            }
  188.  
  189.            var selectorArr = selector.split('.');
  190.            
  191.            if (selectorArr) {
  192.                for (var i = 0; i < selectorArr.length; i++) {
  193.                    result = result[selectorArr[i]];
  194.                }
  195.            }
  196.            else {
  197.                result = result[selector];
  198.            };
  199.  
  200.            //check if result is object, case one and other
  201.            if (result && result.one && result.other) {
  202.                var countEqual1 = true;
  203.  
  204.                for (var i = 0; i < params.length; i++) {
  205.                    if (params[i].indexOf("count") >= 0) {
  206.                        variables = params[i].split(":");
  207.  
  208.                        if (variables.length>1) {
  209.                            var count = variables[1];
  210.                            if (count > 1) {
  211.                                countEqual1 = false;
  212.                            }
  213.                        }
  214.                    }
  215.                }
  216.  
  217.                if (countEqual1) {
  218.                    result = result.one;
  219.                } else {
  220.                    result = result.other;
  221.                };
  222.            }
  223.  
  224.            //replace params
  225.            
  226.            if (params && params.length>0) {
  227.                result = result.replace(/{{\s*/g, "{{");
  228.                result = result.replace(/\s*}}/g, "}}");
  229.                
  230.                for (var i = 0; i < params.length; i++) {
  231.                    variables = params[i].split(":");
  232.                    if (variables.length>1) {
  233.                        result = result.replace("{{"+variables[0]+"}}", variables[1]);
  234.                    }          
  235.                }
  236.            }
  237.            
  238.  
  239.            return result;
  240.        },
  241.                                        
  242.        isLang2: function() {
  243.            return translator.current_lang && translator.current_lang == 2;
  244.        },
  245.        
  246.        updateInventoryText: function() {
  247.            if (translator.isLang2()) {
  248.                window.inventory_text = {
  249.                    in_stock: window.lang2.products.product.in_stock,
  250.                    many_in_stock: window.lang2.products.product.many_in_stock,
  251.                    out_of_stock: window.lang2.products.product.out_of_stock,
  252.                    add_to_cart: window.lang2.products.product.add_to_cart,
  253.                    add_all_to_cart: window.lang2.products.product.add_all_to_cart,
  254.                    sold_out: window.lang2.products.product.sold_out,
  255.                    unavailable: window.lang2.products.product.unavailable,
  256.                    no_more_product: window.lang2.collections.general.no_more_product,
  257.                    select_options: window.lang2.products.product.select_options,
  258.                    hide_options: window.lang2.products.product.hide_options,
  259.                    show_options: window.lang2.products.product.show_options,
  260.                    adding: window.lang2.products.product.adding,
  261.                    thank_you: window.lang2.products.product.thank_you,
  262.                    add_more: window.lang2.products.product.add_more,
  263.                    cart_feedback: window.lang2.products.product.cart_feedback,
  264.                    add_wishlist: window.lang2.wishlist.general.add_to_wishlist,
  265.                    remove_wishlist: window.lang2.wishlist.general.remove_wishlist,
  266.                    previous: window.lang2.collections.toolbar.previous,
  267.                    next: window.lang2.collections.toolbar.next
  268.                };
  269.            }
  270.        },
  271.        
  272.        doTranslate: function(blockSelector) {
  273.            if (translator.isLang2()) {
  274.                $(blockSelector + " [data-translate]").each(function(e) {          
  275.                    var item = jQuery(this);
  276.                    var selector = item.attr("data-translate");
  277.                    var text = translator.getTextToTranslate(selector);
  278.                    
  279.                    //translate only title
  280.                    if (item.attr("translate-item")) {
  281.                        var attribute = item.attr("translate-item");
  282.                        if (attribute == 'blog-date-author') {
  283.                            item.html(text);
  284.                        }
  285.                        else if (attribute!="") {            
  286.                            item.attr(attribute,text);
  287.                        };
  288.                    }
  289.                    else if (item.is("input")) {
  290.                        item.val(text);
  291.                    }
  292.                    else {
  293.                        item.text(text);
  294.                    };
  295.                    
  296.                    item.css("visibility","visible");
  297.                    
  298.                    $('#lang-switcher [data-value="1"]').removeClass('active');
  299.                    $('#lang-switcher [data-value="2"]').addClass('active');          
  300.                });
  301.            }
  302.        }  
  303.    };
  304.            
  305.    translator.init();
  306.            
  307.    $(document).ready(function() {    
  308.        $('#lang-switcher [data-value]').on('click', function(e) {
  309.        e.preventDefault();
  310.        
  311.        if($(this).hasClass('active')){
  312.            return false;
  313.        }
  314.        
  315.        var value = $(this).data('value');
  316.        
  317.        $.cookie('language', value, {expires:10, path:'/'});
  318.            location.reload();
  319.        });    
  320.        
  321.        translator.doTranslate('body');    
  322.    });
  323. </script>
  324.  
  325.  
  326.  <!-- Header hook for plugins ================================ -->
  327.  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="1Z2wjBeSAW1C-KQD4-HCnTmtMkpIhI2tjWmodO15K2k">
  328. <meta name="google-site-verification" content="nVU28HcbybFpN6Zln4o0tP-IJVbejR1QqjHbk7qPFMs">
  329. <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/25919225909/digital_wallets/dialog">
  330. <link rel="alternate" hreflang="x-default" href="https://www.backpacks4less.com/">
  331. <link rel="alternate" hreflang="es" href="https://www.backpacks4less.com/es">
  332. <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
  333. <script id="shopify-features" type="application/json">{"accessToken":"437f3e90b0b7092552c177206afb0411","betas":["rich-media-storefront-analytics"],"domain":"www.backpacks4less.com","predictiveSearch":true,"shopId":25919225909,"locale":"en"}</script>
  334. <script>var Shopify = Shopify || {};
  335. Shopify.shop = "backpacks4less-com.myshopify.com";
  336. Shopify.locale = "en";
  337. Shopify.currency = {"active":"USD","rate":"1.0"};
  338. Shopify.country = "US";
  339. Shopify.theme = {"name":"shopify_coder","id":79101689958,"schema_name":"Ella","schema_version":"3.0.0","theme_store_id":null,"role":"main"};
  340. Shopify.theme.handle = "null";
  341. Shopify.theme.style = {"id":null,"handle":null};
  342. Shopify.cdnHost = "www.backpacks4less.com/cdn";
  343. Shopify.routes = Shopify.routes || {};
  344. Shopify.routes.root = "/";</script>
  345. <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
  346. <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
  347. <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
  348. <script defer="defer" async type="module" src="//www.backpacks4less.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CGREiBkR.en.esm.js"></script>
  349. <script defer="defer" async type="module" src="//www.backpacks4less.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_Bt2Up4BP.esm.js"></script>
  350. <script type="module">
  351.  await import("//www.backpacks4less.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CGREiBkR.en.esm.js");
  352. await import("//www.backpacks4less.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_Bt2Up4BP.esm.js");
  353.  
  354.  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
  355.  
  356. </script>
  357. <script>(function() {
  358.  var isLoaded = false;
  359.  function asyncLoad() {
  360.    if (isLoaded) return;
  361.    isLoaded = true;
  362.    var urls = ["https:\/\/cdn.shopify.com\/s\/files\/1\/0259\/1922\/5909\/t\/3\/assets\/spreadrwidget.js?356\u0026shop=backpacks4less-com.myshopify.com","https:\/\/bingshoppingtool-t2app-prod.trafficmanager.net\/uet\/tracking_script?shop=backpacks4less-com.myshopify.com"];
  363.    for (var i = 0; i < urls.length; i++) {
  364.      var s = document.createElement('script');
  365.      s.type = 'text/javascript';
  366.      s.async = true;
  367.      s.src = urls[i];
  368.      var x = document.getElementsByTagName('script')[0];
  369.      x.parentNode.insertBefore(s, x);
  370.    }
  371.  };
  372.  if(window.attachEvent) {
  373.    window.attachEvent('onload', asyncLoad);
  374.  } else {
  375.    window.addEventListener('load', asyncLoad, false);
  376.  }
  377. })();</script>
  378. <script id="__st">var __st={"a":25919225909,"offset":-21600,"reqid":"12346c57-3750-47eb-b197-2d3134e96d87-1762552930","pageurl":"www.backpacks4less.com\/","u":"ae408aca65bc","p":"home"};</script>
  379. <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
  380. <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!1)}();</script>
  381. <script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.backpacks4less.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
  382. <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.backpacks4less.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
  383. </script>
  384. <script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  385.  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
  386. </script>
  387. <script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
  388. </script>
  389.  
  390. <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  391.  
  392.  <!--[if lt IE 9]>
  393.  <script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
  394.  <![endif]-->
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  <script>
  401.  
  402.    Shopify.productOptionsMap = {};
  403.    Shopify.quickViewOptionsMap = {};
  404.  
  405.    Shopify.updateOptionsInSelector = function(selectorIndex, wrapperSlt) {
  406.        Shopify.optionsMap = wrapperSlt === '.product' ? Shopify.productOptionsMap : Shopify.quickViewOptionsMap;
  407.  
  408.        switch (selectorIndex) {
  409.            case 0:
  410.                var key = 'root';
  411.                var selector = $(wrapperSlt + ' .single-option-selector:eq(0)');
  412.                break;
  413.            case 1:
  414.                var key = $(wrapperSlt + ' .single-option-selector:eq(0)').val();
  415.                var selector = $(wrapperSlt + ' .single-option-selector:eq(1)');
  416.                break;
  417.            case 2:
  418.                var key = $(wrapperSlt + ' .single-option-selector:eq(0)').val();
  419.                key += ' / ' + $(wrapperSlt + ' .single-option-selector:eq(1)').val();
  420.                var selector = $(wrapperSlt + ' .single-option-selector:eq(2)');
  421.        }
  422.  
  423.        var initialValue = selector.val();
  424.  
  425.        selector.empty();
  426.  
  427.        var availableOptions = Shopify.optionsMap[key];
  428.  
  429.        if (availableOptions && availableOptions.length) {
  430.            for (var i = 0; i < availableOptions.length; i++) {
  431.                var option = availableOptions[i];
  432.  
  433.                var newOption = $('<option></option>').val(option).html(option);
  434.  
  435.                selector.append(newOption);
  436.            }
  437.  
  438.            $(wrapperSlt + ' .swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() {
  439.                if ($.inArray($(this).attr('data-value'), availableOptions) !== -1) {
  440.                    $(this).removeClass('soldout').find(':radio').removeAttr('disabled', 'disabled').removeAttr('checked');
  441.                }
  442.                else {
  443.                    $(this).addClass('soldout').find(':radio').removeAttr('checked').attr('disabled', 'disabled');
  444.                }
  445.            });
  446.  
  447.            if ($.inArray(initialValue, availableOptions) !== -1) {
  448.                selector.val(initialValue);
  449.            }
  450.  
  451.            selector.trigger('change');
  452.        };
  453.    };
  454.  
  455.    Shopify.linkOptionSelectors = function(product, wrapperSlt) {
  456.        // Building our mapping object.
  457.        Shopify.optionsMap = wrapperSlt === '.product' ? Shopify.productOptionsMap : Shopify.quickViewOptionsMap;
  458.  
  459.        for (var i = 0; i < product.variants.length; i++) {
  460.            var variant = product.variants[i];
  461.  
  462.            if (variant.available) {
  463.                // Gathering values for the 1st drop-down.
  464.                Shopify.optionsMap['root'] = Shopify.optionsMap['root'] || [];
  465.  
  466.                Shopify.optionsMap['root'].push(variant.option1);
  467.                Shopify.optionsMap['root'] = Shopify.uniq(Shopify.optionsMap['root']);
  468.  
  469.                // Gathering values for the 2nd drop-down.
  470.                if (product.options.length > 1) {
  471.                var key = variant.option1;
  472.                    Shopify.optionsMap[key] = Shopify.optionsMap[key] || [];
  473.                    Shopify.optionsMap[key].push(variant.option2);
  474.                    Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]);
  475.                }
  476.  
  477.                // Gathering values for the 3rd drop-down.
  478.                if (product.options.length === 3) {
  479.                    var key = variant.option1 + ' / ' + variant.option2;
  480.                    Shopify.optionsMap[key] = Shopify.optionsMap[key] || [];
  481.                    Shopify.optionsMap[key].push(variant.option3);
  482.                    Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]);
  483.                }
  484.            }
  485.        };
  486.  
  487.        // Update options right away.
  488.        Shopify.updateOptionsInSelector(0, wrapperSlt);
  489.  
  490.        if (product.options.length > 1) Shopify.updateOptionsInSelector(1, wrapperSlt);
  491.        if (product.options.length === 3) Shopify.updateOptionsInSelector(2, wrapperSlt);
  492.  
  493.        // When there is an update in the first dropdown.
  494.        $(wrapperSlt + " .single-option-selector:eq(0)").change(function() {
  495.            Shopify.updateOptionsInSelector(1, wrapperSlt);
  496.            if (product.options.length === 3) Shopify.updateOptionsInSelector(2, wrapperSlt);
  497.            return true;
  498.        });
  499.  
  500.        // When there is an update in the second dropdown.
  501.        $(wrapperSlt + " .single-option-selector:eq(1)").change(function() {
  502.            if (product.options.length === 3) Shopify.updateOptionsInSelector(2, wrapperSlt);
  503.            return true;
  504.        });
  505.    };
  506. </script>
  507.  
  508.  
  509.      <link href="//www.backpacks4less.com/cdn/shop/t/3/assets/paymentfont.scss.css?v=75534092517691675621706847826" rel="stylesheet" type="text/css" media="all" />
  510.    
  511. <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
  512. <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 25919225909,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
  513. <script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 25919225909,storefrontBaseUrl: "https://www.backpacks4less.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"839254306","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-QT7BLF275Z\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-QT7BLF275Z\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-QT7BLF275Z\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-QT7BLF275Z\\\",\\\"MC-0L2QJYKWVX\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-QT7BLF275Z\\\",\\\"MC-0L2QJYKWVX\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-QT7BLF275Z\\\",\\\"MC-0L2QJYKWVX\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-QT7BLF275Z\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-QT7BLF275Z\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"277905698","configuration":"{\"pixel_id\":\"1673007922721068\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"165445922","configuration":"{\"tagID\":\"2614266533479\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"142344482","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"backpacks4less.com","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"backpacks4less-com.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.backpacks4less.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://www.backpacks4less.com/cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"25919225909","storefrontBaseUrl":"https:\/\/www.backpacks4less.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"ae1676cfwd2530674p4253c800m34e853cb","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  514.  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  515.  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  516.  window.ShopifyAnalytics.meta.currency = 'USD';
  517.  var meta = {"page":{"pageType":"home"}};
  518.  for (var attr in meta) {
  519.    window.ShopifyAnalytics.meta[attr] = meta[attr];
  520.  }
  521. </script>
  522. <script class="analytics">
  523.  (function () {
  524.    var customDocumentWrite = function(content) {
  525.      var jquery = null;
  526.  
  527.      if (window.jQuery) {
  528.        jquery = window.jQuery;
  529.      } else if (window.Checkout && window.Checkout.$) {
  530.        jquery = window.Checkout.$;
  531.      }
  532.  
  533.      if (jquery) {
  534.        jquery('body').append(content);
  535.      }
  536.    };
  537.  
  538.    var hasLoggedConversion = function(token) {
  539.      if (token) {
  540.        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
  541.      }
  542.      return false;
  543.    }
  544.  
  545.    var setCookieIfConversion = function(token) {
  546.      if (token) {
  547.        var twoMonthsFromNow = new Date(Date.now());
  548.        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
  549.  
  550.        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
  551.      }
  552.    }
  553.  
  554.    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  555.    if (trekkie.integrations) {
  556.      return;
  557.    }
  558.    trekkie.methods = [
  559.      'identify',
  560.      'page',
  561.      'ready',
  562.      'track',
  563.      'trackForm',
  564.      'trackLink'
  565.    ];
  566.    trekkie.factory = function(method) {
  567.      return function() {
  568.        var args = Array.prototype.slice.call(arguments);
  569.        args.unshift(method);
  570.        trekkie.push(args);
  571.        return trekkie;
  572.      };
  573.    };
  574.    for (var i = 0; i < trekkie.methods.length; i++) {
  575.      var key = trekkie.methods[i];
  576.      trekkie[key] = trekkie.factory(key);
  577.    }
  578.    trekkie.load = function(config) {
  579.      trekkie.config = config || {};
  580.      trekkie.config.initialDocumentCookie = document.cookie;
  581.      var first = document.getElementsByTagName('script')[0];
  582.      var script = document.createElement('script');
  583.      script.type = 'text/javascript';
  584.      script.onerror = function(e) {
  585.        var scriptFallback = document.createElement('script');
  586.        scriptFallback.type = 'text/javascript';
  587.        scriptFallback.onerror = function(error) {
  588.                var Monorail = {
  589.      produce: function produce(monorailDomain, schemaId, payload) {
  590.        var currentMs = new Date().getTime();
  591.        var event = {
  592.          schema_id: schemaId,
  593.          payload: payload,
  594.          metadata: {
  595.            event_created_at_ms: currentMs,
  596.            event_sent_at_ms: currentMs
  597.          }
  598.        };
  599.        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
  600.      },
  601.      sendRequest: function sendRequest(endpointUrl, payload) {
  602.        // Try the sendBeacon API
  603.        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
  604.          var blobData = new window.Blob([payload], {
  605.            type: 'text/plain'
  606.          });
  607.  
  608.          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
  609.            return true;
  610.          } // sendBeacon was not successful
  611.  
  612.        } // XHR beacon
  613.  
  614.        var xhr = new XMLHttpRequest();
  615.  
  616.        try {
  617.          xhr.open('POST', endpointUrl);
  618.          xhr.setRequestHeader('Content-Type', 'text/plain');
  619.          xhr.send(payload);
  620.        } catch (e) {
  621.          console.log(e);
  622.        }
  623.  
  624.        return false;
  625.      },
  626.      isIos12: function isIos12() {
  627.        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
  628.      }
  629.    };
  630.    Monorail.produce('monorail-edge.shopifysvc.com',
  631.      'trekkie_storefront_load_errors/1.1',
  632.      {shop_id: 25919225909,
  633.      theme_id: 79101689958,
  634.      app_name: "storefront",
  635.      context_url: window.location.href,
  636.      source_url: "//www.backpacks4less.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"});
  637.  
  638.        };
  639.        scriptFallback.async = true;
  640.        scriptFallback.src = '//www.backpacks4less.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
  641.        first.parentNode.insertBefore(scriptFallback, first);
  642.      };
  643.      script.async = true;
  644.      script.src = '//www.backpacks4less.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
  645.      first.parentNode.insertBefore(script, first);
  646.    };
  647.    trekkie.load(
  648.      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":25919225909,"isMerchantRequest":null,"themeId":79101689958,"themeCityHash":"3632480844986179603","contentLanguage":"en","currency":"USD","eventMetadataId":"73952a4b-61db-4fec-97a1-a1cb0b32cb0e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
  649.    );
  650.  
  651.    var loaded = false;
  652.    trekkie.ready(function() {
  653.      if (loaded) return;
  654.      loaded = true;
  655.  
  656.      window.ShopifyAnalytics.lib = window.trekkie;
  657.  
  658.      var originalDocumentWrite = document.write;
  659.      document.write = customDocumentWrite;
  660.      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
  661.      document.write = originalDocumentWrite;
  662.  
  663.      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
  664.  
  665.      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
  666.      var token = match? match[1]: undefined;
  667.      if (!hasLoggedConversion(token)) {
  668.        setCookieIfConversion(token);
  669.        
  670.      }
  671.    });
  672.  
  673.  
  674.        var eventsListenerScript = document.createElement('script');
  675.        eventsListenerScript.async = true;
  676.        eventsListenerScript.src = "//www.backpacks4less.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
  677.        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
  678.  
  679. })();</script>
  680.  <script>
  681.  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
  682.    window.ga = function ga() {
  683.      (window.ga.q = window.ga.q || []).push(arguments);
  684.      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
  685.        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
  686.      }
  687.      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
  688.    };
  689.    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
  690.      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
  691.    }
  692.  }
  693. </script>
  694. <script
  695.  defer
  696.  src="https://www.backpacks4less.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
  697.  data-application="storefront-renderer"
  698.  data-shop-id="25919225909"
  699.  data-render-region="gcp-us-east1"
  700.  data-page-type="index"
  701.  data-theme-instance-id="79101689958"
  702.  data-theme-name="Ella"
  703.  data-theme-version="3.0.0"
  704.  data-monorail-region="shop_domain"
  705.  data-resource-timing-sampling-rate="10"
  706.  data-shs="true"
  707.  data-shs-beacon="true"
  708.  data-shs-export-with-fetch="true"
  709.  data-shs-logs-sample-rate="1"
  710. ></script>
  711. </head>
  712.  
  713.    
  714.  
  715.    
  716.  
  717. <body id="backpacks-for-less-high-quality-backpacks-at-affordable-prices" class="  template-index" >
  718.    
  719. <div class="wrapper-header wrapper_header_default">
  720.    <div id="shopify-section-header" class="shopify-section"><meta name="p:domain_verify" content="493f3053071b4c746a94de2aac6447f9"/><style>
  721.  /*  Header Top  */
  722.  
  723.  
  724.  
  725.  /*  Search  */
  726.  
  727.  
  728.  
  729.  
  730.  /*  Header Bottom  */
  731.  
  732.  
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  /*  Cart  */
  739.  
  740.  
  741.  
  742.  
  743.  .header-top {
  744.   background-color: #1fde24;
  745.    color: #0d0d0d;
  746.  }
  747.  
  748.  .header-top a {
  749.   color: #0d0d0d;
  750.  }
  751.  
  752.  .header-top .top-message p a:hover {
  753.   border-bottom-color: #0d0d0d;
  754.  }
  755.  
  756.  .header-top .close:hover {
  757.   color: #0d0d0d;
  758.  }
  759.  
  760.  .cart-icon .cartCount {
  761.    background-color: #ffe5e5;
  762.    color: #323232;
  763.  }
  764.  
  765.  .logo-img {
  766.   display: block;
  767.  }
  768.  
  769.  .header-mb .logo-img img,
  770.  .logo-fixed .logo-img img {
  771.    max-height: 80px;
  772.  }
  773.  
  774.  .header-pc .logo-img img {
  775.   max-height: 85px;
  776.  }
  777.  
  778.    .header-default .search-form .search-bar {
  779.        background-color: #9d9d9d;
  780.        border-bottom: 1px solid #f7f7f7;
  781.    }
  782.  
  783.    .header-default .search-form .input-group-field {
  784.        color: #050505;
  785.    }
  786.  
  787.    .header-default .search-form .search-bar ::-webkit-input-placeholder {
  788.        color: #050505;
  789.    }
  790.  
  791.    .header-default .search-form .search-bar ::-moz-placeholder {
  792.        color: #050505;
  793.    }
  794.  
  795.    .header-default .search-form .search-bar :-ms-input-placeholder {
  796.        color: #050505;
  797.    }
  798.  
  799.    .header-default .search-form .search-bar :-moz-placeholder {
  800.        color: #050505;
  801.    }
  802.  
  803.    @media (max-width:767px) {
  804.        .search-open .wrapper-header .header-search__form {
  805.            background-color: #9d9d9d;
  806.        }
  807.    }
  808.  
  809.  @media (min-width:1200px) {
  810.    .header-default .header-bottom {
  811.      background-color: #ffffff;
  812.      color: #323232;
  813.    }
  814.    
  815.    .header-default .lang-currency-groups .dropdown-label {
  816.      color: #232323;
  817.    }
  818.    
  819.    .lang-currency-groups .btn-group .dropdown-item {
  820.      color: #232323;
  821.    }
  822.    
  823.    .lang-currency-groups .btn-group .dropdown-item:hover,
  824.    .lang-currency-groups .btn-group .dropdown-item:focus:
  825.    .lang-currency-groups .btn-group .dropdown-item:active,
  826.    .lang-currency-groups .btn-group .dropdown-item.active {
  827.      color: #232323;
  828.    }
  829.    
  830.    .lang-currency-groups .dropdown-menu {
  831.      background-color: #ffffff;
  832.    }
  833.    
  834.    .header-default .header-panel-bt,
  835.    .header-default .header-panel-bt a {
  836.      color: #323232;
  837.    }
  838.    
  839.    .header-default .header-panel-bt .text-hover:before {
  840.      background-color: #323232;
  841.    }
  842.    
  843.    .header-default .free-shipping-text,
  844.    .header-default .header-panel-bt .fa,
  845.    .header-default .header-panel-bt svg {
  846.      color: #232323;
  847.    }        
  848.  }
  849. </style>
  850.  
  851. <header class="site-header header-default" role="banner">
  852.    
  853.    <div class="header-top">
  854.        <div class="container">
  855.            <div class="top-message">
  856.                <p>
  857.                
  858. <span>
  859.  Backpacks4less Is An Amazon Affiliate Web Site. Products Can Only Be Purchased Through Amazon
  860. </span>
  861.  
  862.                </p>
  863.                <a href="#" title="close" class="close" data-close-header-top>
  864.                <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  865.                </a>
  866.            </div>    
  867.        </div>
  868.    </div>
  869.    
  870.  
  871.    <a href="#" class="icon-nav close-menu-mb" title="Menu Mobile Icon" data-menu-mb-toogle>
  872.        <span class="icon-line"></span>
  873.    </a>
  874.  
  875.  <div class="header-bottom" data-sticky-mb>
  876.    <div class="container">
  877.      <div class="wrapper-header-bt">
  878.        
  879.        <div class="header-mb">          
  880.    <div class="header-mb-left header-mb-items">
  881.        <div class="hamburger-icon svg-mb">
  882.            <a href="#" class="icon-nav" title="Menu Mobile Icon" data-menu-mb-toogle>
  883.                <span class="icon-line"></span>
  884.            </a>
  885.        </div>
  886.  
  887.        <div class="search-mb svg-mb">
  888.            <a href="#" title="Search Icon" class="icon-search" data-search-mobile-toggle>
  889.                <svg data-icon="search" viewBox="0 0 512 512" width="100%" height="100%">
  890.    <path d="M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z"></path>
  891. </svg>
  892.            </a>
  893.  
  894.            <a href="javascript:void(0)" title="close" class="close close-search">
  895.                <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  896.            </a>
  897.        
  898.            <div class="search-form" data-ajax-search>
  899.    <div class="header-search">
  900.        <div class="header-search__form">
  901.            <a href="javascript:void(0)" title="close" class="close close-search">
  902.                <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  903.            </a>
  904.  
  905.            <form action="/search" method="get" class="search-bar" role="search">
  906.                <input type="hidden" name="type" value="product">
  907.  
  908.                <input type="search" name="q"
  909.                     data-translate="general.search.placeholder" translate-item="placeholder"
  910.                    placeholder="Search"
  911.                    class="input-group-field header-search__input" aria-label="Search Site" autocomplete="off">
  912.        
  913.                <button type="submit" class="btn icon-search">
  914.                    <svg data-icon="search" viewBox="0 0 512 512" width="100%" height="100%">
  915.    <path d="M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z"></path>
  916. </svg>
  917.                </button>
  918.            </form>      
  919.        </div>
  920.  
  921.        <div class="quickSearchResultsWrap" style="display: none;">
  922.            <div class="custom-scrollbar">
  923.                <div class="container">
  924.                    
  925.                    <div class="header-block header-search__trending">
  926.                        <div class="box-title">
  927.                            
  928. <span>
  929.  trending
  930. </span>
  931.  
  932.                        </div>
  933.  
  934.                        <ul class="list-item">
  935.                            
  936.                            
  937.                            
  938.  
  939.                            <li class="item">
  940.                                <a href="/search?q=backpacks*&amp;type=product" title="" class="highlight">
  941.                                    <i class="fa fa-search" aria-hidden="true"></i>
  942.                                    
  943. <span>
  944.  Backpacks
  945. </span>
  946.  
  947.                                </a>
  948.                            </li>
  949.                            
  950.  
  951.                            
  952.  
  953.                            
  954.  
  955.                            <li class="item">
  956.                                <a href="/search?q=osprey-backpacks*&amp;type=product" title="" class="highlight">
  957.                                    <i class="fa fa-search" aria-hidden="true"></i>
  958.                                    
  959. <span>
  960.  Osprey Backpacks
  961. </span>
  962.  
  963.                                </a>
  964.                            </li>
  965.                            
  966.  
  967.                            
  968.  
  969.                            
  970.                            <li class="item">
  971.                                <a href="/search?q=gregory-backpacks*&amp;type=product" title="" class="highlight">
  972.                                    <i class="fa fa-search" aria-hidden="true"></i>
  973.                                    
  974. <span>
  975.  Gregory Backpacks
  976. </span>
  977.  
  978.                                </a>
  979.                            </li>
  980.                            
  981.  
  982.                            
  983.  
  984.                            
  985.                            <li class="item">
  986.                                <a href="/search?q=nike-backpacks*&amp;type=product" title="" class="highlight">
  987.                                    <i class="fa fa-search" aria-hidden="true"></i>
  988.                                    
  989. <span>
  990.  Nike Backpacks
  991. </span>
  992.  
  993.                                </a>
  994.                            </li>
  995.                            
  996.  
  997.                            
  998.  
  999.                            
  1000.                            <li class="item">
  1001.                                <a href="/search?q=under-armour-backpacks*&amp;type=product" title="" class="highlight">
  1002.                                    <i class="fa fa-search" aria-hidden="true"></i>
  1003.                                    
  1004. <span>
  1005.  Under Armour Backpacks
  1006. </span>
  1007.  
  1008.                                </a>
  1009.                            </li>
  1010.                            
  1011.  
  1012.                            
  1013.  
  1014.                            
  1015.                            <li class="item">
  1016.                                <a href="/search?q=best-backpack-brands*&amp;type=product" title="" class="highlight">
  1017.                                    <i class="fa fa-search" aria-hidden="true"></i>
  1018.                                    
  1019. <span>
  1020.  Best Backpack Brands
  1021. </span>
  1022.  
  1023.                                </a>
  1024.                            </li>
  1025.                            
  1026.                        </ul>
  1027.                    </div>
  1028.                    
  1029.  
  1030.                    
  1031.                    <div class="header-block header-search__product">
  1032.                        <div class="box-title">
  1033.                            
  1034. <span>
  1035.  Popular Products
  1036. </span>
  1037.  
  1038.                        </div>
  1039.  
  1040.                        <div class="search__products">
  1041.                            <div class="products-grid row">
  1042.                                
  1043.                            </div>                    
  1044.                        </div>
  1045.                    </div>
  1046.                    
  1047.                    
  1048.                    <div class="header-search__results-wrapper"></div>          
  1049.                </div>
  1050.            </div>
  1051.        </div>
  1052.    </div>
  1053.  
  1054.    
  1055.  
  1056.    <script id="search-results-template" type="text/template7">
  1057.        
  1058.        {{#if is_loading}}
  1059.        <div class="header-search__results">
  1060.            <div class="header-search__spinner-container">
  1061.                <div class="loading-modal modal"><div></div><div></div><div></div><div></div></div>
  1062.            </div>
  1063.        </div>
  1064.  
  1065.        {{else}}
  1066.  
  1067.        {{#if is_show}}
  1068.        <div class="header-search__results header-block">
  1069.            
  1070.            {{#if has_results}}
  1071.            <div class="box-title">
  1072.                Product Results
  1073.            </div>
  1074.  
  1075.            <div class="search__products">
  1076.                <div class="products-grid row">
  1077.                    {{#each results}}
  1078.  
  1079.                    <div class="grid-item col-6 col-sm-4">
  1080.                        <div class="inner product-item">
  1081.                            <div class="inner-top">
  1082.                                <div class="product-top">
  1083.                                    <div class="product-image">
  1084.                                        <a href="{{url}}" class="product-grid-image">
  1085.                                            <img src="{{image}}" alt="{{image_alt}}">                                              
  1086.                                        </a>
  1087.                                    </div>
  1088.                                </div>
  1089.  
  1090.                                <div class="product-bottom">
  1091.                                    <div class="product-vendor">
  1092.                                        {{vendor}}
  1093.                                    </div>
  1094.  
  1095.                                    <a class="product-title" href="{{url}}">
  1096.                                        {{title}}
  1097.                                    </a>
  1098.  
  1099.                                    <div class="price-box">
  1100.                                        {{#if on_sale}}
  1101.                                        <div class="price-sale">
  1102.                                            <span class="old-price">{{ compare_at_price }}</span>
  1103.                                            <span class="special-price">
  1104.                                                {{ price }}
  1105.                                            </span>
  1106.                                        </div>
  1107.                                        {{else}}
  1108.                                        <div class="price-regular">
  1109.                                            <span>{{ price }}</span>
  1110.                                        </div>
  1111.                                        {{/if}}
  1112.                                    </div>
  1113.                                </div>
  1114.                            </div>
  1115.                        </div>
  1116.                    </div>
  1117.  
  1118.                    {{/each}}
  1119.                </div>              
  1120.            </div>
  1121.            
  1122.            <div class="text-center">            
  1123.                <a href="{{results_url}}" class="text-results header-search__see-more" data-results-count="{{results_count}}">
  1124.                    {{results_label}} ({{results_count}})
  1125.                </a>
  1126.            </div>
  1127.            {{else}}
  1128.  
  1129.            <p class="header-search__no-results text-results">{{ results_label }}</p>
  1130.            {{/if}}
  1131.            
  1132.        </div>
  1133.        {{/if}}
  1134.        {{/if}}
  1135.    
  1136.    </script>
  1137. </div>
  1138.        </div>                        
  1139.    </div>
  1140.  
  1141.  <div class="header-mb-middle header-mb-items">
  1142.    <h1 class="header-logo">
  1143.      
  1144.      <a class="logo-img" href="/" title="Logo">
  1145.        <img data-src="//www.backpacks4less.com/cdn/shop/files/backpacks_logo_3000_1615f9d1-d7b7-4dc6-afed-a65f021e47ed.png?v=1613579308"
  1146.             src="//www.backpacks4less.com/cdn/shop/files/backpacks_logo_3000_1615f9d1-d7b7-4dc6-afed-a65f021e47ed.png?v=1613579308"
  1147.             alt="backpacks4less.com" itemprop="logo" class="lazyautosizes lazyloade" data-sizes="auto">
  1148.      </a>
  1149.      
  1150.    </h1>
  1151.  </div>
  1152.  
  1153.  <div class="header-mb-right header-mb-items">
  1154.    
  1155.    <div class="acc-mb svg-mb">
  1156.      <a href="#" title="User Icon" class="icon-user" data-user-mobile-toggle>
  1157.        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="lnr-user" viewBox="0 0 1024 1024" width="100%" height="100%"><title>user</title><path class="path1" d="M486.4 563.2c-155.275 0-281.6-126.325-281.6-281.6s126.325-281.6 281.6-281.6 281.6 126.325 281.6 281.6-126.325 281.6-281.6 281.6zM486.4 51.2c-127.043 0-230.4 103.357-230.4 230.4s103.357 230.4 230.4 230.4c127.042 0 230.4-103.357 230.4-230.4s-103.358-230.4-230.4-230.4z"/><path class="path2" d="M896 1024h-819.2c-42.347 0-76.8-34.451-76.8-76.8 0-3.485 0.712-86.285 62.72-168.96 36.094-48.126 85.514-86.36 146.883-113.634 74.957-33.314 168.085-50.206 276.797-50.206 108.71 0 201.838 16.893 276.797 50.206 61.37 27.275 110.789 65.507 146.883 113.634 62.008 82.675 62.72 165.475 62.72 168.96 0 42.349-34.451 76.8-76.8 76.8zM486.4 665.6c-178.52 0-310.267 48.789-381 141.093-53.011 69.174-54.195 139.904-54.2 140.61 0 14.013 11.485 25.498 25.6 25.498h819.2c14.115 0 25.6-11.485 25.6-25.6-0.006-0.603-1.189-71.333-54.198-140.507-70.734-92.304-202.483-141.093-381.002-141.093z"/></svg>
  1158.      </a>
  1159.    </div>
  1160.    
  1161.    <div class="cart-icon svg-mb">
  1162.      <a href="#" title="Cart Icon" data-cart-toggle>      
  1163.        
  1164. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 30 30">
  1165.  <g>
  1166.    <g>
  1167.      <path d="M20,6V5c0-2.761-2.239-5-5-5s-5,2.239-5,5v1H4v24h22V6H20z M12,5c0-1.657,1.343-3,3-3s3,1.343,3,3v1h-6V5z M24,28H6V8h4v3    h2V8h6v3h2V8h4V28z"></path>
  1168.    </g>
  1169.  </g>
  1170. </svg>
  1171.  
  1172.  
  1173.        <span class="cartCount" data-cart-count>
  1174.          0
  1175.        </span>
  1176.      </a>
  1177.    </div>
  1178.  </div>          
  1179. </div>
  1180.        
  1181.        <div class="header-pc">
  1182.          <div class="header-panel-top">
  1183.            
  1184.            
  1185.            
  1186.            <div class="lang-currency-groups">
  1187.              
  1188. <div class="lang-block">
  1189.  <label class="label-text" data-translate="general.language.language">
  1190.    Language
  1191.  </label>
  1192.  
  1193.  <div class="btn-group lang-dropdown">
  1194.    <label class="dropdown-toggle dropdown-label" data-language-label>
  1195.      <span class="img-icon">
  1196.        <img src="//www.backpacks4less.com/cdn/shop/t/3/assets/i-lang-1.png?v=146716384312242076151577723174" alt="ENG" />
  1197.      </span>        
  1198.      <span class="text">
  1199.        ENG
  1200.      </span>
  1201.    </label>
  1202.    <div class="dropdown-menu lang-menu" id="lang-switcher">
  1203.      <a class="dropdown-item active" href="#" data-value="1">
  1204.        <span class="img-icon">
  1205.          <img src="//www.backpacks4less.com/cdn/shop/t/3/assets/i-lang-1.png?v=146716384312242076151577723174" alt="ENG" />
  1206.        </span>        
  1207.        <span class="text">
  1208.          ENG
  1209.        </span>
  1210.      </a>
  1211.      <a class="dropdown-item" href="#" data-value="2">
  1212.        <span class="img-icon">
  1213.          <img src="//www.backpacks4less.com/cdn/shop/t/3/assets/i-lang-2.png?v=72018682091340451561577723175" alt="GER" />
  1214.        </span>    
  1215.        <span class="text">
  1216.          GER
  1217.        </span>        
  1218.      </a>                    
  1219.    </div>
  1220.  </div>      
  1221. </div>
  1222.  
  1223.  
  1224.              
  1225. <div class="currency-block">
  1226.  <label class="label-text" data-translate="general.currency.currency">
  1227.    Currency
  1228.  </label>
  1229.  
  1230.  <div class="btn-group currency-dropdown">
  1231.    <label class="dropdown-toggle dropdown-label" data-currency-label>
  1232.      <span class="img-icon">
  1233.        <img src="//www.backpacks4less.com/cdn/shop/t/3/assets/i-currency-1.png?v=118902146514980290471577723172" alt="USD" />
  1234.      </span>
  1235.      <span class="text">
  1236.        USD
  1237.      </span>      
  1238.    </label>
  1239.  
  1240.    <div class="dropdown-menu currency-menu" id="currencies">
  1241.      
  1242.      
  1243.      
  1244.      
  1245.  
  1246.      
  1247.      <a class="dropdown-item active " href="#" data-currency="USD">
  1248.        <span class="img-icon">
  1249.          <img src="//www.backpacks4less.com/cdn/shop/t/3/assets/i-currency-1.png?v=118902146514980290471577723172" alt="" />
  1250.        </span>
  1251.        <span class="text">
  1252.          USD
  1253.        </span>      
  1254.      </a>
  1255.        
  1256.      
  1257.      
  1258.      
  1259.      
  1260.  
  1261.      
  1262.      <a class="dropdown-item" href="#" data-currency="EUR">
  1263.        <span class="img-icon">
  1264.          <img src="//www.backpacks4less.com/cdn/shop/t/3/assets/i-currency-2.png?v=84262643230042587641577723173" alt="" />
  1265.        </span>
  1266.        <span class="text">
  1267.          EUR
  1268.        </span>      
  1269.      </a>
  1270.        
  1271.      
  1272.      
  1273.      
  1274.      
  1275.  
  1276.      
  1277.      <a class="dropdown-item" href="#" data-currency="SEK">
  1278.        <span class="img-icon">
  1279.          <img src="//www.backpacks4less.com/cdn/shop/t/3/assets/i-currency-3.png?v=120770496355322223431577723173" alt="" />
  1280.        </span>
  1281.        <span class="text">
  1282.          SEK
  1283.        </span>      
  1284.      </a>
  1285.        
  1286.      
  1287.      
  1288.      
  1289.      
  1290.  
  1291.      
  1292.      <a class="dropdown-item" href="#" data-currency="CAD">
  1293.        <span class="img-icon">
  1294.          <img src="//www.backpacks4less.com/cdn/shop/t/3/assets/i-currency-4.png?v=3611436483634625111577723174" alt="" />
  1295.        </span>
  1296.        <span class="text">
  1297.          CAD
  1298.        </span>      
  1299.      </a>
  1300.        
  1301.      
  1302.    </div>
  1303.  </div>      
  1304. </div>
  1305.  
  1306.            </div>
  1307.            
  1308.            
  1309.            <div class="nav-search">                    
  1310.              <div class="search-form" data-ajax-search>
  1311.    <div class="header-search">
  1312.        <div class="header-search__form">
  1313.            <a href="javascript:void(0)" title="close" class="close close-search">
  1314.                <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  1315.            </a>
  1316.  
  1317.            <form action="/search" method="get" class="search-bar" role="search">
  1318.                <input type="hidden" name="type" value="product">
  1319.  
  1320.                <input type="search" name="q"
  1321.                     data-translate="general.search.placeholder" translate-item="placeholder"
  1322.                    placeholder="Search"
  1323.                    class="input-group-field header-search__input" aria-label="Search Site" autocomplete="off">
  1324.        
  1325.                <button type="submit" class="btn icon-search">
  1326.                    <svg data-icon="search" viewBox="0 0 512 512" width="100%" height="100%">
  1327.    <path d="M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z"></path>
  1328. </svg>
  1329.                </button>
  1330.            </form>      
  1331.        </div>
  1332.  
  1333.        <div class="quickSearchResultsWrap" style="display: none;">
  1334.            <div class="custom-scrollbar">
  1335.                <div class="container">
  1336.                    
  1337.                    <div class="header-block header-search__trending">
  1338.                        <div class="box-title">
  1339.                            
  1340. <span>
  1341.  trending
  1342. </span>
  1343.  
  1344.                        </div>
  1345.  
  1346.                        <ul class="list-item">
  1347.                            
  1348.                            
  1349.                            
  1350.  
  1351.                            <li class="item">
  1352.                                <a href="/search?q=backpacks*&amp;type=product" title="" class="highlight">
  1353.                                    <i class="fa fa-search" aria-hidden="true"></i>
  1354.                                    
  1355. <span>
  1356.  Backpacks
  1357. </span>
  1358.  
  1359.                                </a>
  1360.                            </li>
  1361.                            
  1362.  
  1363.                            
  1364.  
  1365.                            
  1366.  
  1367.                            <li class="item">
  1368.                                <a href="/search?q=osprey-backpacks*&amp;type=product" title="" class="highlight">
  1369.                                    <i class="fa fa-search" aria-hidden="true"></i>
  1370.                                    
  1371. <span>
  1372.  Osprey Backpacks
  1373. </span>
  1374.  
  1375.                                </a>
  1376.                            </li>
  1377.                            
  1378.  
  1379.                            
  1380.  
  1381.                            
  1382.                            <li class="item">
  1383.                                <a href="/search?q=gregory-backpacks*&amp;type=product" title="" class="highlight">
  1384.                                    <i class="fa fa-search" aria-hidden="true"></i>
  1385.                                    
  1386. <span>
  1387.  Gregory Backpacks
  1388. </span>
  1389.  
  1390.                                </a>
  1391.                            </li>
  1392.                            
  1393.  
  1394.                            
  1395.  
  1396.                            
  1397.                            <li class="item">
  1398.                                <a href="/search?q=nike-backpacks*&amp;type=product" title="" class="highlight">
  1399.                                    <i class="fa fa-search" aria-hidden="true"></i>
  1400.                                    
  1401. <span>
  1402.  Nike Backpacks
  1403. </span>
  1404.  
  1405.                                </a>
  1406.                            </li>
  1407.                            
  1408.  
  1409.                            
  1410.  
  1411.                            
  1412.                            <li class="item">
  1413.                                <a href="/search?q=under-armour-backpacks*&amp;type=product" title="" class="highlight">
  1414.                                    <i class="fa fa-search" aria-hidden="true"></i>
  1415.                                    
  1416. <span>
  1417.  Under Armour Backpacks
  1418. </span>
  1419.  
  1420.                                </a>
  1421.                            </li>
  1422.                            
  1423.  
  1424.                            
  1425.  
  1426.                            
  1427.                            <li class="item">
  1428.                                <a href="/search?q=best-backpack-brands*&amp;type=product" title="" class="highlight">
  1429.                                    <i class="fa fa-search" aria-hidden="true"></i>
  1430.                                    
  1431. <span>
  1432.  Best Backpack Brands
  1433. </span>
  1434.  
  1435.                                </a>
  1436.                            </li>
  1437.                            
  1438.                        </ul>
  1439.                    </div>
  1440.                    
  1441.  
  1442.                    
  1443.                    <div class="header-block header-search__product">
  1444.                        <div class="box-title">
  1445.                            
  1446. <span>
  1447.  Popular Products
  1448. </span>
  1449.  
  1450.                        </div>
  1451.  
  1452.                        <div class="search__products">
  1453.                            <div class="products-grid row">
  1454.                                
  1455.                            </div>                    
  1456.                        </div>
  1457.                    </div>
  1458.                    
  1459.                    
  1460.                    <div class="header-search__results-wrapper"></div>          
  1461.                </div>
  1462.            </div>
  1463.        </div>
  1464.    </div>
  1465.  
  1466.    
  1467.  
  1468.    <script id="search-results-template" type="text/template7">
  1469.        
  1470.        {{#if is_loading}}
  1471.        <div class="header-search__results">
  1472.            <div class="header-search__spinner-container">
  1473.                <div class="loading-modal modal"><div></div><div></div><div></div><div></div></div>
  1474.            </div>
  1475.        </div>
  1476.  
  1477.        {{else}}
  1478.  
  1479.        {{#if is_show}}
  1480.        <div class="header-search__results header-block">
  1481.            
  1482.            {{#if has_results}}
  1483.            <div class="box-title">
  1484.                Product Results
  1485.            </div>
  1486.  
  1487.            <div class="search__products">
  1488.                <div class="products-grid row">
  1489.                    {{#each results}}
  1490.  
  1491.                    <div class="grid-item col-6 col-sm-4">
  1492.                        <div class="inner product-item">
  1493.                            <div class="inner-top">
  1494.                                <div class="product-top">
  1495.                                    <div class="product-image">
  1496.                                        <a href="{{url}}" class="product-grid-image">
  1497.                                            <img src="{{image}}" alt="{{image_alt}}">                                              
  1498.                                        </a>
  1499.                                    </div>
  1500.                                </div>
  1501.  
  1502.                                <div class="product-bottom">
  1503.                                    <div class="product-vendor">
  1504.                                        {{vendor}}
  1505.                                    </div>
  1506.  
  1507.                                    <a class="product-title" href="{{url}}">
  1508.                                        {{title}}
  1509.                                    </a>
  1510.  
  1511.                                    <div class="price-box">
  1512.                                        {{#if on_sale}}
  1513.                                        <div class="price-sale">
  1514.                                            <span class="old-price">{{ compare_at_price }}</span>
  1515.                                            <span class="special-price">
  1516.                                                {{ price }}
  1517.                                            </span>
  1518.                                        </div>
  1519.                                        {{else}}
  1520.                                        <div class="price-regular">
  1521.                                            <span>{{ price }}</span>
  1522.                                        </div>
  1523.                                        {{/if}}
  1524.                                    </div>
  1525.                                </div>
  1526.                            </div>
  1527.                        </div>
  1528.                    </div>
  1529.  
  1530.                    {{/each}}
  1531.                </div>              
  1532.            </div>
  1533.            
  1534.            <div class="text-center">            
  1535.                <a href="{{results_url}}" class="text-results header-search__see-more" data-results-count="{{results_count}}">
  1536.                    {{results_label}} ({{results_count}})
  1537.                </a>
  1538.            </div>
  1539.            {{else}}
  1540.  
  1541.            <p class="header-search__no-results text-results">{{ results_label }}</p>
  1542.            {{/if}}
  1543.            
  1544.        </div>
  1545.        {{/if}}
  1546.        {{/if}}
  1547.    
  1548.    </script>
  1549. </div>
  1550.            </div>
  1551.          </div>
  1552.          
  1553.          <div class="header-panel-bt">
  1554.            <div class="left-groups header-items">
  1555.              <h1 class="header-logo">
  1556.                
  1557.                <a class="logo-img" href="/" title="Logo">
  1558.                  <img data-src="//www.backpacks4less.com/cdn/shop/files/IMG_6723.PNG?v=1615927241"
  1559.                       src="//www.backpacks4less.com/cdn/shop/files/IMG_6723.PNG?v=1615927241"
  1560.                       alt="Backpacks" itemprop="logo" class="lazyautosizes lazyloaded" data-sizes="auto">
  1561.                </a>
  1562.                
  1563.              </h1>
  1564.            </div>
  1565.            
  1566.            <div class="right-groups header-items">
  1567.              
  1568.              <div class="free-shipping-text">
  1569.                
  1570. <span>
  1571.  -
  1572. </span>
  1573.  
  1574.              </div>
  1575.              
  1576.              
  1577.              <div class="wrapper-top-cart">
  1578.                
  1579. <a href="javascript:void(0)" title="Cart" class="cart-icon" data-cart-toggle>
  1580.    
  1581. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 30 30">
  1582.  <g>
  1583.    <g>
  1584.      <path d="M20,6V5c0-2.761-2.239-5-5-5s-5,2.239-5,5v1H4v24h22V6H20z M12,5c0-1.657,1.343-3,3-3s3,1.343,3,3v1h-6V5z M24,28H6V8h4v3    h2V8h6v3h2V8h4V28z"></path>
  1585.    </g>
  1586.  </g>
  1587. </svg>
  1588.  
  1589.    <span class="cart-text" data-translate="cart.general.shopping_cart">
  1590.        Shopping Cart
  1591.    </span>
  1592.    <span class="cartCount" data-cart-count>
  1593.        0
  1594.    </span>
  1595. </a>
  1596.  
  1597.  
  1598. <div id="dropdown-cart">
  1599.  <div class="cart-title">
  1600.    <a href="javascript:void(0)" title="Close" class="close-cart close">
  1601.      <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  1602.      <span data-translate="cart.general.close_cart">
  1603.        Close
  1604.      </span>
  1605.    </a>
  1606.    
  1607.    <h5 data-translate="cart.general.shopping_cart">
  1608.      Shopping Cart:
  1609.    </h5>
  1610.  </div>
  1611.  
  1612.  <div class="no-items">
  1613.    <p class="cart_empty" data-translate="cart.general.empty" >
  1614.      Your cart is currently empty.
  1615.    </p>
  1616.    <div class="text-continue">
  1617.      <a class="btn btn-continue" href="/collections/all" data-translate="cart.ajax_cart.continue_shopping">
  1618.        Continue Shopping
  1619.      </a>
  1620.    </div>
  1621.  </div>
  1622.  
  1623.  <div class="has-items">
  1624.    <ol class="mini-products-list">  
  1625.      
  1626.    </ol>
  1627.  
  1628.    <div class="summary">                
  1629.      <div class="total">
  1630.        <span class="label">
  1631.          <span data-translate="cart.label.total">
  1632.            Total:
  1633.          </span>
  1634.        </span>
  1635.        <span class="price">
  1636.          $0.00
  1637.        </span>
  1638.      </div>
  1639.    </div>
  1640.  
  1641.    <div class="actions">
  1642.      <button class="btn btn-checkout" onclick="window.location='/checkout'" data-translate="cart.general.checkout">
  1643.        Check Out
  1644.      </button>
  1645.      <a class="btn btn-view-cart" href="/cart" data-translate="cart.general.view_cart">
  1646.        View Cart
  1647.      </a>      
  1648.    </div>
  1649.  </div>
  1650. </div>
  1651.  
  1652.              </div>
  1653.              
  1654.              <div class="header-links">
  1655.                
  1656.                <a class="wishlist" href="/pages/wish-list" title="My Wish Lists">
  1657.                  <i class="fa fa-heart" aria-hidden="true"></i>
  1658.                  <span class="wishlist-text text-hover" data-translate="wishlist.general.my_wishlist">
  1659.                   My Wish Lists
  1660.                  </span>                  
  1661.                </a>
  1662.                
  1663.                
  1664.                <div class="customer-links">
  1665.                    
  1666.                  
  1667.                  <a data-dropdown-user class="acc-links text-hover acc-sign-in" id="customer_login_link" href="/account/login" data-translate="customer.login.sign_in">
  1668.                    Sign In
  1669.                  </a>
  1670.                  <span class="or-text" data-translate="wishlist.general.or">
  1671.                   or
  1672.                  </span>
  1673.                  <a class="acc-links text-hover acc-regis" id="customer_register_link" href="/account/register" data-translate="layout.customer.create_account">
  1674.                    Create an account
  1675.                  </a>
  1676.                                                    
  1677.                </div>
  1678.                
  1679.              </div>
  1680.            </div>
  1681.          </div>
  1682.        </div>
  1683.        
  1684.      </div>
  1685.    </div>
  1686.  </div>
  1687. </header>
  1688.  
  1689. <script>
  1690.    var appendPrependMenuMobile = function() {
  1691.        var headerPC = $('.wrapper-header .header-pc'),
  1692.            wrapperHeaderBt = $('.wrapper-header-bt'),
  1693.            wrapperNav = $('.wrapper-navigation'),
  1694.            areaMb = wrapperNav.find('.mb-area');
  1695.  
  1696.        if (window.innerWidth < 1200) {
  1697.            headerPC.appendTo(areaMb);
  1698.        } else {
  1699.            headerPC.appendTo(wrapperHeaderBt);
  1700.        };
  1701.    };
  1702.  
  1703.    $(document).ready(function() {
  1704.        appendPrependMenuMobile();
  1705.    });
  1706.  
  1707.    $(window).on('resize', function () {
  1708.        appendPrependMenuMobile();
  1709.    });
  1710.  
  1711.    window.dropdowncart_type = "hover";
  1712.    
  1713.    
  1714.    translator.doTranslate('.site-header');
  1715.    
  1716. </script>
  1717.  
  1718. </div>
  1719.    <div id="shopify-section-navigation" class="shopify-section"><style>
  1720.    
  1721.    
  1722.    
  1723.    
  1724.    
  1725.    /*  Menu Lv 1  */
  1726.    
  1727.    
  1728.    
  1729.    
  1730.    /*  Menu Lv 2  */
  1731.    
  1732.    
  1733.    
  1734.    
  1735.    /*  Menu Lv 3  */
  1736.    
  1737.    
  1738.    
  1739.    
  1740.    /*  Label - Navigation  */
  1741.    
  1742.    
  1743.    
  1744.    
  1745.    
  1746.    
  1747.  
  1748.    .nav-vertical .social-icons a {
  1749.        color: #ffffff;
  1750.    }
  1751.  
  1752.    .nav-vertical .header-logo img {
  1753.        max-height: ;
  1754.    }
  1755.  
  1756.    @media (min-width:1200px) {
  1757.        .navigation-vertical-menu,
  1758.        .wrapper-navigation,
  1759.        .main-menu {
  1760.            background-color: #302f2f;
  1761.        }
  1762.        
  1763.        .site-nav .sub-menu-mobile {
  1764.            background-color: #ffffff;
  1765.        }
  1766.        
  1767.        .wrapper-navigation .main-menu {
  1768.            text-align: left;
  1769.        }
  1770.        
  1771.        /*  Menu Lv 1  */
  1772.        .has_sticky .wrapper_header_default .wrapper-top-cart .cart-icon svg,
  1773.        .wrapper-navigation .fixed-right-menu a,
  1774.        .wrapper-navigation .site-nav .menu-lv-1 > a {
  1775.            color: #ffffff;
  1776.        }
  1777.  
  1778.                
  1779.        .is-sticky .wrapper-navigation .fixed-right-menu .search-fixed,
  1780.        .is-sticky .wrapper-navigation .fixed-right-menu .cart-fixed {
  1781.            border-color: rgba(255, 255, 255, 0.15);
  1782.        }
  1783.  
  1784.        
  1785.        
  1786.        .site-nav .menu-lv-1 > a:hover {
  1787.            color: #969696;
  1788.        }
  1789.        
  1790.        .site-nav .menu-lv-1>a span:before {
  1791.            background-color: #969696;
  1792.        }
  1793.        
  1794.        /*  Menu Lv 2  */
  1795.        .site-nav .menu-lv-2>a,
  1796.        .site-nav .mega-menu .mega-banner .title,
  1797.        .site-nav .mega-menu .product-item .btn {
  1798.            color: #232323;
  1799.        }
  1800.        
  1801.        .site-nav .mega-menu .product-item .btn {
  1802.            border-bottom-color: rgba(35, 35, 35, 0.7);
  1803.        }
  1804.        
  1805.        .site-nav .menu-lv-2 > a:hover {
  1806.            color: #f216c1;
  1807.        }
  1808.        
  1809.        /*  Menu Lv 3  */
  1810.        .site-nav .menu-lv-3 > a,
  1811.        .site-nav .no-mega-menu .menu-lv-2 > a{
  1812.            color: #3c3c3c;
  1813.        }
  1814.        
  1815.        .site-nav .menu-lv-3 > a:hover,
  1816.        .site-nav .no-mega-menu .menu-lv-2 > a:hover {
  1817.            color: #f216c1;
  1818.        }
  1819.        
  1820.        .site-nav .menu-lv-3 > a span:before {
  1821.            background-color: #f216c1;
  1822.        }
  1823.        
  1824.        .site-nav .icon_sale:before {
  1825.            border-top-color: #f82209;
  1826.        }
  1827.  
  1828.        .site-nav .icon_new:before {
  1829.            border-top-color: #232323;
  1830.        }
  1831.  
  1832.        .site-nav .icon_hot:before {
  1833.            border-top-color: #ffbb49;
  1834.        }
  1835.  
  1836.        .site-nav .menu-lv-1 > a,
  1837.        .site-nav .menu-mb-title {
  1838.            font-size: 18px;    
  1839.        }
  1840.        
  1841.        .site-nav .menu-lv-2 > a,
  1842.        .site-nav .mega-menu .mega-banner .title,
  1843.        .site-nav .mega-menu .product-item .btn {
  1844.            font-size: 16px;    
  1845.        }
  1846.        
  1847.        .site-nav .menu-lv-3 > a {
  1848.            font-size: 14px;    
  1849.        }
  1850.    }
  1851.  
  1852.    .site-nav .icon_sale {
  1853.        background-color: #f82209;
  1854.        color: #ffffff;
  1855.    }
  1856.        
  1857.    .site-nav .icon_new {
  1858.        background-color: #232323;
  1859.        color: #ffffff;
  1860.    }
  1861.        
  1862.    .site-nav .icon_hot {
  1863.        background-color: #ffbb49;
  1864.        color: #ffffff;
  1865.    }
  1866.  
  1867.    @media (max-width:1199px) {
  1868.        .site-nav .icon_sale:before {
  1869.            border-right-color: #f82209;
  1870.        }
  1871.  
  1872.        .site-nav .icon_new:before {
  1873.            border-right-color: #232323;
  1874.        }
  1875.  
  1876.        .site-nav .icon_hot:before {
  1877.            border-right-color: #ffbb49;
  1878.        }
  1879.    }
  1880. </style>
  1881.  
  1882. <div class="wrapper-navigation" data-sticky-pc>
  1883.    
  1884.    <div class="header-logo logo-fixed">
  1885.        <a class="logo-img" href="/" title="Logo">
  1886.            <img data-src="//www.backpacks4less.com/cdn/shop/files/Osprey_Kyte_Women_s_Backpack_7e60bcae-3414-4b14-9bd4-c068ff8cd5be.webp?v=1674277370"
  1887.                src="//www.backpacks4less.com/cdn/shop/files/Osprey_Kyte_Women_s_Backpack_7e60bcae-3414-4b14-9bd4-c068ff8cd5be.webp?v=1674277370"
  1888.                alt="backpacks4less.com" itemprop="logo" class="lazyautosizes lazyloaded" data-sizes="auto">
  1889.        </a>
  1890.    </div>
  1891.    
  1892.    
  1893.    <div class="main-menu jas-mb-style">
  1894.        <div class="container">
  1895.            <div class="row">
  1896.                <div class="col-12">
  1897.                    <div class="mb-area">
  1898.                        <nav class="nav-bar" role="navigation">
  1899.                            
  1900.  
  1901. <ul class="site-nav">
  1902.    
  1903.  
  1904.    
  1905.  
  1906.    
  1907.    
  1908.  
  1909.    
  1910.  
  1911.  
  1912.    
  1913.  
  1914.    
  1915.  
  1916.    
  1917.  
  1918.    <li class="menu-lv-1 item dropdown mega-menu">
  1919.        <a class="menu__moblie "  href="/collections/all">
  1920.            
  1921. <span>
  1922.  Brands
  1923. </span>
  1924.  
  1925.  
  1926.            
  1927.            <span class="icon-dropdown" data-toggle-menu-mb>
  1928.                <i class="fa fa-angle-right" aria-hidden="true"></i>
  1929.            </span>
  1930.            
  1931.  
  1932.            
  1933.  
  1934.            
  1935.  
  1936.            
  1937.        </a>
  1938.  
  1939.        
  1940.        <div class="sub-menu-mobile menu-mb-translate">
  1941.            <div class="menu-mb-title">
  1942.                <span class="icon-dropdown">
  1943.                <i class="fa fa-angle-left" aria-hidden="true"></i>
  1944.                </span>
  1945.                
  1946. <span>
  1947.  Brands
  1948. </span>
  1949.  
  1950.            </div>
  1951.  
  1952.        
  1953.  
  1954.            
  1955.  
  1956.            
  1957.            <div class="site-nav-dropdown style_2">
  1958.                <div class="container">
  1959.                    <div class="row">
  1960.    
  1961.    <div class="col-12 col-xl-7">
  1962.        <div class="row" data-masonry='{ "itemSelector": "[data-gridItem]", "columnWidth": ".grid-sizer" }'>
  1963.            <div class="grid-sizer"></div>
  1964.  
  1965.            
  1966.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  1967.                <!-- Menu level 2 -->
  1968.                <a class="menu__moblie" href="/collections/jansport-backpacks" class="current">
  1969.                    
  1970. <span>
  1971.  JanSport
  1972. </span>
  1973.  
  1974.  
  1975.                    
  1976.                </a>
  1977.  
  1978.                
  1979.            </div>
  1980.            
  1981.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  1982.                <!-- Menu level 2 -->
  1983.                <a class="menu__moblie" href="/collections/north-face-backpacks" class="current">
  1984.                    
  1985. <span>
  1986.  North Face
  1987. </span>
  1988.  
  1989.  
  1990.                    
  1991.                </a>
  1992.  
  1993.                
  1994.            </div>
  1995.            
  1996.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  1997.                <!-- Menu level 2 -->
  1998.                <a class="menu__moblie" href="/collections/herschel-backpacks" class="current">
  1999.                    
  2000. <span>
  2001.  Herschel
  2002. </span>
  2003.  
  2004.  
  2005.                    
  2006.                </a>
  2007.  
  2008.                
  2009.            </div>
  2010.            
  2011.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2012.                <!-- Menu level 2 -->
  2013.                <a class="menu__moblie" href="/collections/nike-backpacks" class="current">
  2014.                    
  2015. <span>
  2016.  Nike
  2017. </span>
  2018.  
  2019.  
  2020.                    
  2021.                </a>
  2022.  
  2023.                
  2024.            </div>
  2025.            
  2026.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2027.                <!-- Menu level 2 -->
  2028.                <a class="menu__moblie" href="/collections/gregory-backpacks" class="current">
  2029.                    
  2030. <span>
  2031.  Gregory
  2032. </span>
  2033.  
  2034.  
  2035.                    
  2036.                </a>
  2037.  
  2038.                
  2039.            </div>
  2040.            
  2041.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2042.                <!-- Menu level 2 -->
  2043.                <a class="menu__moblie" href="/collections/osprey-backpacks" class="current">
  2044.                    
  2045. <span>
  2046.  Osprey
  2047. </span>
  2048.  
  2049.  
  2050.                    
  2051.                </a>
  2052.  
  2053.                
  2054.            </div>
  2055.            
  2056.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2057.                <!-- Menu level 2 -->
  2058.                <a class="menu__moblie" href="/collections/tumi-backpacks" class="current">
  2059.                    
  2060. <span>
  2061.  TUMI
  2062. </span>
  2063.  
  2064.  
  2065.                    
  2066.                </a>
  2067.  
  2068.                
  2069.            </div>
  2070.            
  2071.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2072.                <!-- Menu level 2 -->
  2073.                <a class="menu__moblie" href="/collections/bluboon-backpacks" class="current">
  2074.                    
  2075. <span>
  2076.  BLUBOON
  2077. </span>
  2078.  
  2079.  
  2080.                    
  2081.                </a>
  2082.  
  2083.                
  2084.            </div>
  2085.            
  2086.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2087.                <!-- Menu level 2 -->
  2088.                <a class="menu__moblie" href="/collections/ladyzone-backpacks" class="current">
  2089.                    
  2090. <span>
  2091.  Ladyzone
  2092. </span>
  2093.  
  2094.  
  2095.                    
  2096.                </a>
  2097.  
  2098.                
  2099.            </div>
  2100.            
  2101.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2102.                <!-- Menu level 2 -->
  2103.                <a class="menu__moblie" href="/collections/vaschy-backpacks/Vaschy" class="current">
  2104.                    
  2105. <span>
  2106.  Vaschy
  2107. </span>
  2108.  
  2109.  
  2110.                    
  2111.                </a>
  2112.  
  2113.                
  2114.            </div>
  2115.            
  2116.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2117.                <!-- Menu level 2 -->
  2118.                <a class="menu__moblie" href="/collections/swissgear-backpacks" class="current">
  2119.                    
  2120. <span>
  2121.  SWISSGEAR
  2122. </span>
  2123.  
  2124.  
  2125.                    
  2126.                </a>
  2127.  
  2128.                
  2129.            </div>
  2130.            
  2131.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2132.                <!-- Menu level 2 -->
  2133.                <a class="menu__moblie" href="/collections/fortnite-backpacks" class="current">
  2134.                    
  2135. <span>
  2136.  Fortnite
  2137. </span>
  2138.  
  2139.  
  2140.                    
  2141.                </a>
  2142.  
  2143.                
  2144.            </div>
  2145.            
  2146.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2147.                <!-- Menu level 2 -->
  2148.                <a class="menu__moblie" href="/collections/oneill-backpacks" class="current">
  2149.                    
  2150. <span>
  2151.  O'Neill
  2152. </span>
  2153.  
  2154.  
  2155.                    
  2156.                </a>
  2157.  
  2158.                
  2159.            </div>
  2160.            
  2161.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2162.                <!-- Menu level 2 -->
  2163.                <a class="menu__moblie" href="/collections/billabong-backpacks" class="current">
  2164.                    
  2165. <span>
  2166.  Billabong
  2167. </span>
  2168.  
  2169.  
  2170.                    
  2171.                </a>
  2172.  
  2173.                
  2174.            </div>
  2175.            
  2176.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2177.                <!-- Menu level 2 -->
  2178.                <a class="menu__moblie" href="/collections/jordan-backpacks" class="current">
  2179.                    
  2180. <span>
  2181.  Jordan
  2182. </span>
  2183.  
  2184.  
  2185.                    
  2186.                </a>
  2187.  
  2188.                
  2189.            </div>
  2190.            
  2191.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2192.                <!-- Menu level 2 -->
  2193.                <a class="menu__moblie" href="/collections/hurley" class="current">
  2194.                    
  2195. <span>
  2196.  Hurley
  2197. </span>
  2198.  
  2199.  
  2200.                    
  2201.                </a>
  2202.  
  2203.                
  2204.            </div>
  2205.            
  2206.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2207.                <!-- Menu level 2 -->
  2208.                <a class="menu__moblie" href="/collections/rvca-backpacks" class="current">
  2209.                    
  2210. <span>
  2211.  RVCA
  2212. </span>
  2213.  
  2214.  
  2215.                    
  2216.                </a>
  2217.  
  2218.                
  2219.            </div>
  2220.            
  2221.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2222.                <!-- Menu level 2 -->
  2223.                <a class="menu__moblie" href="/collections/dc-backpacks" class="current">
  2224.                    
  2225. <span>
  2226.  DC
  2227. </span>
  2228.  
  2229.  
  2230.                    
  2231.                </a>
  2232.  
  2233.                
  2234.            </div>
  2235.            
  2236.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2237.                <!-- Menu level 2 -->
  2238.                <a class="menu__moblie" href="/collections/volcom-backpacks" class="current">
  2239.                    
  2240. <span>
  2241.  Volcom
  2242. </span>
  2243.  
  2244.  
  2245.                    
  2246.                </a>
  2247.  
  2248.                
  2249.            </div>
  2250.            
  2251.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2252.                <!-- Menu level 2 -->
  2253.                <a class="menu__moblie" href="/collections/quiksilver-backpacks" class="current">
  2254.                    
  2255. <span>
  2256.  Quiksilver
  2257. </span>
  2258.  
  2259.  
  2260.                    
  2261.                </a>
  2262.  
  2263.                
  2264.            </div>
  2265.            
  2266.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2267.                <!-- Menu level 2 -->
  2268.                <a class="menu__moblie" href="/collections/rip-curl-backpacks" class="current">
  2269.                    
  2270. <span>
  2271.  Rip Curl
  2272. </span>
  2273.  
  2274.  
  2275.                    
  2276.                </a>
  2277.  
  2278.                
  2279.            </div>
  2280.            
  2281.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2282.                <!-- Menu level 2 -->
  2283.                <a class="menu__moblie" href="/collections/element-backpacks" class="current">
  2284.                    
  2285. <span>
  2286.  Element
  2287. </span>
  2288.  
  2289.  
  2290.                    
  2291.                </a>
  2292.  
  2293.                
  2294.            </div>
  2295.            
  2296.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2297.                <!-- Menu level 2 -->
  2298.                <a class="menu__moblie" href="/collections/reef-backpacks" class="current">
  2299.                    
  2300. <span>
  2301.  Reef
  2302. </span>
  2303.  
  2304.  
  2305.                    
  2306.                </a>
  2307.  
  2308.                
  2309.            </div>
  2310.            
  2311.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2312.                <!-- Menu level 2 -->
  2313.                <a class="menu__moblie" href="/collections/fox-backpacks" class="current">
  2314.                    
  2315. <span>
  2316.  Fox
  2317. </span>
  2318.  
  2319.  
  2320.                    
  2321.                </a>
  2322.  
  2323.                
  2324.            </div>
  2325.            
  2326.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2327.                <!-- Menu level 2 -->
  2328.                <a class="menu__moblie" href="/collections/obey-backpacks" class="current">
  2329.                    
  2330. <span>
  2331.  OBEY
  2332. </span>
  2333.  
  2334.  
  2335.                    
  2336.                </a>
  2337.  
  2338.                
  2339.            </div>
  2340.            
  2341.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2342.                <!-- Menu level 2 -->
  2343.                <a class="menu__moblie" href="/collections/olarhike-backpack-coolers" class="current">
  2344.                    
  2345. <span>
  2346.  Olarhike
  2347. </span>
  2348.  
  2349.  
  2350.                    
  2351.                </a>
  2352.  
  2353.                
  2354.            </div>
  2355.            
  2356.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2357.                <!-- Menu level 2 -->
  2358.                <a class="menu__moblie" href="/collections/teton-sports-backpacks" class="current">
  2359.                    
  2360. <span>
  2361.  Teton Sports
  2362. </span>
  2363.  
  2364.  
  2365.                    
  2366.                </a>
  2367.  
  2368.                
  2369.            </div>
  2370.            
  2371.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2372.                <!-- Menu level 2 -->
  2373.                <a class="menu__moblie" href="/collections/rockland-backpacks" class="current">
  2374.                    
  2375. <span>
  2376.  Rockland
  2377. </span>
  2378.  
  2379.  
  2380.                    
  2381.                </a>
  2382.  
  2383.                
  2384.            </div>
  2385.            
  2386.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2387.                <!-- Menu level 2 -->
  2388.                <a class="menu__moblie" href="/collections/everest-backpacks" class="current">
  2389.                    
  2390. <span>
  2391.  Everest
  2392. </span>
  2393.  
  2394.  
  2395.                    
  2396.                </a>
  2397.  
  2398.                
  2399.            </div>
  2400.            
  2401.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2402.                <!-- Menu level 2 -->
  2403.                <a class="menu__moblie" href="/collections/samsonite-backpacks" class="current">
  2404.                    
  2405. <span>
  2406.  Samsonite
  2407. </span>
  2408.  
  2409.  
  2410.                    
  2411.                </a>
  2412.  
  2413.                
  2414.            </div>
  2415.            
  2416.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2417.                <!-- Menu level 2 -->
  2418.                <a class="menu__moblie" href="/collections/ambor-backpacks" class="current">
  2419.                    
  2420. <span>
  2421.  Ambor
  2422. </span>
  2423.  
  2424.  
  2425.                    
  2426.                </a>
  2427.  
  2428.                
  2429.            </div>
  2430.            
  2431.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2432.                <!-- Menu level 2 -->
  2433.                <a class="menu__moblie" href="/collections/high-sierra-backpacks" class="current">
  2434.                    
  2435. <span>
  2436.  High Sierra
  2437. </span>
  2438.  
  2439.  
  2440.                    
  2441.                </a>
  2442.  
  2443.                
  2444.            </div>
  2445.            
  2446.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2447.                <!-- Menu level 2 -->
  2448.                <a class="menu__moblie" href="/collections/matein-backpacks" class="current">
  2449.                    
  2450. <span>
  2451.  Matein
  2452. </span>
  2453.  
  2454.  
  2455.                    
  2456.                </a>
  2457.  
  2458.                
  2459.            </div>
  2460.            
  2461.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2462.                <!-- Menu level 2 -->
  2463.                <a class="menu__moblie" href="/collections/skymove-backpacks" class="current">
  2464.                    
  2465. <span>
  2466.  SKYMOVE
  2467. </span>
  2468.  
  2469.  
  2470.                    
  2471.                </a>
  2472.  
  2473.                
  2474.            </div>
  2475.            
  2476.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2477.                <!-- Menu level 2 -->
  2478.                <a class="menu__moblie" href="/collections/meetbelify-backpacks" class="current">
  2479.                    
  2480. <span>
  2481.  Meetbelify
  2482. </span>
  2483.  
  2484.  
  2485.                    
  2486.                </a>
  2487.  
  2488.                
  2489.            </div>
  2490.            
  2491.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2492.                <!-- Menu level 2 -->
  2493.                <a class="menu__moblie" href="/collections/american-tourister-backpacks" class="current">
  2494.                    
  2495. <span>
  2496.  American Tourister
  2497. </span>
  2498.  
  2499.  
  2500.                    
  2501.                </a>
  2502.  
  2503.                
  2504.            </div>
  2505.            
  2506.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2507.                <!-- Menu level 2 -->
  2508.                <a class="menu__moblie" href="/collections/kenneth-cole-reaction-backpacks" class="current">
  2509.                    
  2510. <span>
  2511.  Kenneth Cole Reaction
  2512. </span>
  2513.  
  2514.  
  2515.                    
  2516.                </a>
  2517.  
  2518.                
  2519.            </div>
  2520.            
  2521.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2522.                <!-- Menu level 2 -->
  2523.                <a class="menu__moblie" href="/collections/fila-backpacks" class="current">
  2524.                    
  2525. <span>
  2526.  Fila
  2527. </span>
  2528.  
  2529.  
  2530.                    
  2531.                </a>
  2532.  
  2533.                
  2534.            </div>
  2535.            
  2536.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2537.                <!-- Menu level 2 -->
  2538.                <a class="menu__moblie" href="/collections/eagle-creek-backpacks" class="current">
  2539.                    
  2540. <span>
  2541.  Eagle Creek
  2542. </span>
  2543.  
  2544.  
  2545.                    
  2546.                </a>
  2547.  
  2548.                
  2549.            </div>
  2550.            
  2551.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2552.                <!-- Menu level 2 -->
  2553.                <a class="menu__moblie" href="/collections/magicbags-backpacks" class="current">
  2554.                    
  2555. <span>
  2556.  Magicbags
  2557. </span>
  2558.  
  2559.  
  2560.                    
  2561.                </a>
  2562.  
  2563.                
  2564.            </div>
  2565.            
  2566.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2567.                <!-- Menu level 2 -->
  2568.                <a class="menu__moblie" href="/collections/ebags-backpacks" class="current">
  2569.                    
  2570. <span>
  2571.  eBags
  2572. </span>
  2573.  
  2574.  
  2575.                    
  2576.                </a>
  2577.  
  2578.                
  2579.            </div>
  2580.            
  2581.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2582.                <!-- Menu level 2 -->
  2583.                <a class="menu__moblie" href="/collections/fanspack-backpacks" class="current">
  2584.                    
  2585. <span>
  2586.  Fanspack
  2587. </span>
  2588.  
  2589.  
  2590.                    
  2591.                </a>
  2592.  
  2593.                
  2594.            </div>
  2595.            
  2596.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2597.                <!-- Menu level 2 -->
  2598.                <a class="menu__moblie" href="/collections/kipling-backpacks" class="current">
  2599.                    
  2600. <span>
  2601.  Kipling
  2602. </span>
  2603.  
  2604.  
  2605.                    
  2606.                </a>
  2607.  
  2608.                
  2609.            </div>
  2610.            
  2611.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2612.                <!-- Menu level 2 -->
  2613.                <a class="menu__moblie" href="/collections/disney-backpacks" class="current">
  2614.                    
  2615. <span>
  2616.  Disney Backpacks
  2617. </span>
  2618.  
  2619.  
  2620.                    
  2621.                </a>
  2622.  
  2623.                
  2624.            </div>
  2625.            
  2626.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2627.                <!-- Menu level 2 -->
  2628.                <a class="menu__moblie" href="/collections/fjallraven-backpacks" class="current">
  2629.                    
  2630. <span>
  2631.  Fjallraven
  2632. </span>
  2633.  
  2634.  
  2635.                    
  2636.                </a>
  2637.  
  2638.                
  2639.            </div>
  2640.            
  2641.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2642.                <!-- Menu level 2 -->
  2643.                <a class="menu__moblie" href="/collections/champion-backpacks" class="current">
  2644.                    
  2645. <span>
  2646.  Champion
  2647. </span>
  2648.  
  2649.  
  2650.                    
  2651.                </a>
  2652.  
  2653.                
  2654.            </div>
  2655.            
  2656.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2657.                <!-- Menu level 2 -->
  2658.                <a class="menu__moblie" href="/collections/louis-vuitton-backpacks" class="current">
  2659.                    
  2660. <span>
  2661.  Louis Vuitton
  2662. </span>
  2663.  
  2664.  
  2665.                    
  2666.                </a>
  2667.  
  2668.                
  2669.            </div>
  2670.            
  2671.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2672.                <!-- Menu level 2 -->
  2673.                <a class="menu__moblie" href="/collections/rtic-backpacks" class="current">
  2674.                    
  2675. <span>
  2676.  RTIC
  2677. </span>
  2678.  
  2679.  
  2680.                    
  2681.                </a>
  2682.  
  2683.                
  2684.            </div>
  2685.            
  2686.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2687.                <!-- Menu level 2 -->
  2688.                <a class="menu__moblie" href="/collections/yeti-backpack-coolers" class="current">
  2689.                    
  2690. <span>
  2691.  YETI
  2692. </span>
  2693.  
  2694.  
  2695.                    
  2696.                </a>
  2697.  
  2698.                
  2699.            </div>
  2700.            
  2701.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2702.                <!-- Menu level 2 -->
  2703.                <a class="menu__moblie" href="/collections/igloo-backpack-coolers" class="current">
  2704.                    
  2705. <span>
  2706.  Igloo
  2707. </span>
  2708.  
  2709.  
  2710.                    
  2711.                </a>
  2712.  
  2713.                
  2714.            </div>
  2715.            
  2716.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2717.                <!-- Menu level 2 -->
  2718.                <a class="menu__moblie" href="/collections/peak-design-backpacks" class="current">
  2719.                    
  2720. <span>
  2721.  Peak Design
  2722. </span>
  2723.  
  2724.  
  2725.                    
  2726.                </a>
  2727.  
  2728.                
  2729.            </div>
  2730.            
  2731.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2732.                <!-- Menu level 2 -->
  2733.                <a class="menu__moblie" href="/collections/heshe-backpacks" class="current">
  2734.                    
  2735. <span>
  2736.  Heshe
  2737. </span>
  2738.  
  2739.  
  2740.                    
  2741.                </a>
  2742.  
  2743.                
  2744.            </div>
  2745.            
  2746.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2747.                <!-- Menu level 2 -->
  2748.                <a class="menu__moblie" href="/collections/vans-backpacks" class="current">
  2749.                    
  2750. <span>
  2751.  Vans Backpacks
  2752. </span>
  2753.  
  2754.  
  2755.                    
  2756.                </a>
  2757.  
  2758.                
  2759.            </div>
  2760.            
  2761.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2762.                <!-- Menu level 2 -->
  2763.                <a class="menu__moblie" href="/collections/timbuk2-backpacks" class="current">
  2764.                    
  2765. <span>
  2766.  Timbuk2
  2767. </span>
  2768.  
  2769.  
  2770.                    
  2771.                </a>
  2772.  
  2773.                
  2774.            </div>
  2775.            
  2776.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2777.                <!-- Menu level 2 -->
  2778.                <a class="menu__moblie" href="/collections/oakley-backpacks" class="current">
  2779.                    
  2780. <span>
  2781.  Oakley
  2782. </span>
  2783.  
  2784.  
  2785.                    
  2786.                </a>
  2787.  
  2788.                
  2789.            </div>
  2790.            
  2791.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2792.                <!-- Menu level 2 -->
  2793.                <a class="menu__moblie" href="/collections/vera-bradley-backpacks" class="current">
  2794.                    
  2795. <span>
  2796.  Vera Bradley
  2797. </span>
  2798.  
  2799.  
  2800.                    
  2801.                </a>
  2802.  
  2803.                
  2804.            </div>
  2805.            
  2806.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2807.                <!-- Menu level 2 -->
  2808.                <a class="menu__moblie" href="/collections/justice-backpacks" class="current">
  2809.                    
  2810. <span>
  2811.  Justice Backpacks
  2812. </span>
  2813.  
  2814.  
  2815.                    
  2816.                </a>
  2817.  
  2818.                
  2819.            </div>
  2820.            
  2821.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2822.                <!-- Menu level 2 -->
  2823.                <a class="menu__moblie" href="/collections/quiksilver-backpacks" class="current">
  2824.                    
  2825. <span>
  2826.  Quiksilver
  2827. </span>
  2828.  
  2829.  
  2830.                    
  2831.                </a>
  2832.  
  2833.                
  2834.            </div>
  2835.            
  2836.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2837.                <!-- Menu level 2 -->
  2838.                <a class="menu__moblie" href="/collections/puma-backpacks" class="current">
  2839.                    
  2840. <span>
  2841.  PUMA
  2842. </span>
  2843.  
  2844.  
  2845.                    
  2846.                </a>
  2847.  
  2848.                
  2849.            </div>
  2850.            
  2851.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2852.                <!-- Menu level 2 -->
  2853.                <a class="menu__moblie" href="/collections/steve-madden-backpacks" class="current">
  2854.                    
  2855. <span>
  2856.  Steve Madden Backpacks
  2857. </span>
  2858.  
  2859.  
  2860.                    
  2861.                </a>
  2862.  
  2863.                
  2864.            </div>
  2865.            
  2866.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2867.                <!-- Menu level 2 -->
  2868.                <a class="menu__moblie" href="/collections/5-11-backpacks" class="current">
  2869.                    
  2870. <span>
  2871.  5.11 Tactical
  2872. </span>
  2873.  
  2874.  
  2875.                    
  2876.                </a>
  2877.  
  2878.                
  2879.            </div>
  2880.            
  2881.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2882.                <!-- Menu level 2 -->
  2883.                <a class="menu__moblie" href="/collections/brooks-england-backpacks" class="current">
  2884.                    
  2885. <span>
  2886.  Brooks England
  2887. </span>
  2888.  
  2889.  
  2890.                    
  2891.                </a>
  2892.  
  2893.                
  2894.            </div>
  2895.            
  2896.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2897.                <!-- Menu level 2 -->
  2898.                <a class="menu__moblie" href="/collections/mystery-ranch-backpacks" class="current">
  2899.                    
  2900. <span>
  2901.  Mystery Ranch
  2902. </span>
  2903.  
  2904.  
  2905.                    
  2906.                </a>
  2907.  
  2908.                
  2909.            </div>
  2910.            
  2911.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2912.                <!-- Menu level 2 -->
  2913.                <a class="menu__moblie" href="/collections/carhartt-backpacks" class="current">
  2914.                    
  2915. <span>
  2916.  Carhartt Backpacks
  2917. </span>
  2918.  
  2919.  
  2920.                    
  2921.                </a>
  2922.  
  2923.                
  2924.            </div>
  2925.            
  2926.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2927.                <!-- Menu level 2 -->
  2928.                <a class="menu__moblie" href="/collections/baggallini" class="current">
  2929.                    
  2930. <span>
  2931.  Baggallini
  2932. </span>
  2933.  
  2934.  
  2935.                    
  2936.                </a>
  2937.  
  2938.                
  2939.            </div>
  2940.            
  2941.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2942.                <!-- Menu level 2 -->
  2943.                <a class="menu__moblie" href="/collections/eastsport-backpacks" class="current">
  2944.                    
  2945. <span>
  2946.  EastSport Backpacks
  2947. </span>
  2948.  
  2949.  
  2950.                    
  2951.                </a>
  2952.  
  2953.                
  2954.            </div>
  2955.            
  2956.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2957.                <!-- Menu level 2 -->
  2958.                <a class="menu__moblie" href="/collections/on-cloud-shoes" class="current">
  2959.                    
  2960. <span>
  2961.  ON
  2962. </span>
  2963.  
  2964.  
  2965.                    
  2966.                </a>
  2967.  
  2968.                
  2969.            </div>
  2970.            
  2971.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2972.                <!-- Menu level 2 -->
  2973.                <a class="menu__moblie" href="/collections/victoria-secret-backpacks" class="current">
  2974.                    
  2975. <span>
  2976.  Victoria's Secret Backpacks
  2977. </span>
  2978.  
  2979.  
  2980.                    
  2981.                </a>
  2982.  
  2983.                
  2984.            </div>
  2985.            
  2986.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  2987.                <!-- Menu level 2 -->
  2988.                <a class="menu__moblie" href="/collections/under-armour" class="current">
  2989.                    
  2990. <span>
  2991.  UNDER ARMOUR
  2992. </span>
  2993.  
  2994.  
  2995.                    
  2996.                </a>
  2997.  
  2998.                
  2999.            </div>
  3000.            
  3001.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3002.                <!-- Menu level 2 -->
  3003.                <a class="menu__moblie" href="/collections/london-fog" class="current">
  3004.                    
  3005. <span>
  3006.  London Fog
  3007. </span>
  3008.  
  3009.  
  3010.                    
  3011.                </a>
  3012.  
  3013.                
  3014.            </div>
  3015.            
  3016.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3017.                <!-- Menu level 2 -->
  3018.                <a class="menu__moblie" href="/collections/rimowa" class="current">
  3019.                    
  3020. <span>
  3021.  Rimowa
  3022. </span>
  3023.  
  3024.  
  3025.                    
  3026.                </a>
  3027.  
  3028.                
  3029.            </div>
  3030.            
  3031.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3032.                <!-- Menu level 2 -->
  3033.                <a class="menu__moblie" href="/collections/lucas" class="current">
  3034.                    
  3035. <span>
  3036.  LUCAS
  3037. </span>
  3038.  
  3039.  
  3040.                    
  3041.                </a>
  3042.  
  3043.                
  3044.            </div>
  3045.            
  3046.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3047.                <!-- Menu level 2 -->
  3048.                <a class="menu__moblie" href="/collections/samantha-brown" class="current">
  3049.                    
  3050. <span>
  3051.  Samantha Brown
  3052. </span>
  3053.  
  3054.  
  3055.                    
  3056.                </a>
  3057.  
  3058.                
  3059.            </div>
  3060.            
  3061.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3062.                <!-- Menu level 2 -->
  3063.                <a class="menu__moblie" href="/collections/ricardo-beverly-hills" class="current">
  3064.                    
  3065. <span>
  3066.  Ricardo Beverly Hills
  3067. </span>
  3068.  
  3069.  
  3070.                    
  3071.                </a>
  3072.  
  3073.                
  3074.            </div>
  3075.            
  3076.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3077.                <!-- Menu level 2 -->
  3078.                <a class="menu__moblie" href="/collections/timberland" class="current">
  3079.                    
  3080. <span>
  3081.  TIMBERLAND
  3082. </span>
  3083.  
  3084.  
  3085.                    
  3086.                </a>
  3087.  
  3088.                
  3089.            </div>
  3090.            
  3091.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3092.                <!-- Menu level 2 -->
  3093.                <a class="menu__moblie" href="/collections/anne-klein" class="current">
  3094.                    
  3095. <span>
  3096.  Anne Klein
  3097. </span>
  3098.  
  3099.  
  3100.                    
  3101.                </a>
  3102.  
  3103.                
  3104.            </div>
  3105.            
  3106.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3107.                <!-- Menu level 2 -->
  3108.                <a class="menu__moblie" href="/collections/biaggi" class="current">
  3109.                    
  3110. <span>
  3111.  Biaggi
  3112. </span>
  3113.  
  3114.  
  3115.                    
  3116.                </a>
  3117.  
  3118.                
  3119.            </div>
  3120.            
  3121.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3122.                <!-- Menu level 2 -->
  3123.                <a class="menu__moblie" href="/collections/bcbgeneration" class="current">
  3124.                    
  3125. <span>
  3126.  BCBGeneration
  3127. </span>
  3128.  
  3129.  
  3130.                    
  3131.                </a>
  3132.  
  3133.                
  3134.            </div>
  3135.            
  3136.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3137.                <!-- Menu level 2 -->
  3138.                <a class="menu__moblie" href="/collections/pokemon" class="current">
  3139.                    
  3140. <span>
  3141.  Pokemon
  3142. </span>
  3143.  
  3144.  
  3145.                    
  3146.                </a>
  3147.  
  3148.                
  3149.            </div>
  3150.            
  3151.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3152.                <!-- Menu level 2 -->
  3153.                <a class="menu__moblie" href="/collections/mia-toro" class="current">
  3154.                    
  3155. <span>
  3156.  Mia Toro
  3157. </span>
  3158.  
  3159.  
  3160.                    
  3161.                </a>
  3162.  
  3163.                
  3164.            </div>
  3165.            
  3166.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3167.                <!-- Menu level 2 -->
  3168.                <a class="menu__moblie" href="/collections/despicable-me" class="current">
  3169.                    
  3170. <span>
  3171.  Despicable Me
  3172. </span>
  3173.  
  3174.  
  3175.                    
  3176.                </a>
  3177.  
  3178.                
  3179.            </div>
  3180.            
  3181.            <div data-gridItem class="menu-lv-2 inner dropdown col-12 col-xl-4">
  3182.                <!-- Menu level 2 -->
  3183.                <a class="menu__moblie" href="/collections/bebe" class="current">
  3184.                    
  3185. <span>
  3186.  bebe
  3187. </span>
  3188.  
  3189.  
  3190.                    
  3191.                </a>
  3192.  
  3193.                
  3194.            </div>
  3195.            
  3196.        </div>
  3197.    </div>
  3198.  
  3199.    
  3200.    <div class="col-12 col-xl-5">
  3201.        <div class="mega-banner">
  3202.            
  3203.  
  3204.            
  3205.            <div class="mega-col">
  3206.                <a class="animate-scale" href="/collections/ambor-backpacks" title="">
  3207.                    <img src="//www.backpacks4less.com/cdn/shop/files/jakob-owens-BmH09wAkJa8-unsplash_250x.jpg?v=1613589289" alt="" />
  3208.                </a>
  3209.            </div>
  3210.            
  3211.        </div>
  3212.    </div>
  3213.    
  3214.  
  3215.  
  3216.    
  3217. </div>
  3218.  
  3219.                </div>
  3220.            </div>
  3221.  
  3222.            
  3223.        </div>
  3224.        
  3225.    </li>
  3226.    
  3227.  
  3228.    
  3229.    
  3230.  
  3231.    
  3232.  
  3233.  
  3234.    
  3235.  
  3236.    
  3237.  
  3238.    
  3239.  
  3240.    <li class="menu-lv-1 item dropdown no-mega-menu">
  3241.        <a class="menu__moblie "  href="/pages/backpacks">
  3242.            
  3243. <span>
  3244.  BACKPACKS
  3245. </span>
  3246.  
  3247.  
  3248.            
  3249.            <span class="icon-dropdown" data-toggle-menu-mb>
  3250.                <i class="fa fa-angle-right" aria-hidden="true"></i>
  3251.            </span>
  3252.            
  3253.  
  3254.            
  3255.  
  3256.            
  3257.  
  3258.            
  3259.        </a>
  3260.  
  3261.        
  3262.        <div class="sub-menu-mobile menu-mb-translate">
  3263.            <div class="menu-mb-title">
  3264.                <span class="icon-dropdown">
  3265.                <i class="fa fa-angle-left" aria-hidden="true"></i>
  3266.                </span>
  3267.                
  3268. <span>
  3269.  BACKPACKS
  3270. </span>
  3271.  
  3272.            </div>
  3273.  
  3274.        
  3275.  
  3276.            
  3277.  
  3278.            
  3279.  
  3280.            
  3281.            <ul class="site-nav-dropdown">
  3282.    
  3283.    <li class="menu-lv-2">
  3284.        <a  href="/collections/all">
  3285.            
  3286. <span>
  3287.  All Backpacks
  3288. </span>
  3289.  
  3290.            
  3291.            
  3292.        </a>
  3293.        
  3294.        
  3295.    </li>
  3296.    
  3297.    <li class="menu-lv-2">
  3298.        <a  href="/collections/kids-backpacks">
  3299.            
  3300. <span>
  3301.  Kids Backpacks
  3302. </span>
  3303.  
  3304.            
  3305.            
  3306.        </a>
  3307.        
  3308.        
  3309.    </li>
  3310.    
  3311.    <li class="menu-lv-2">
  3312.        <a  href="/collections/olarhike-backpack-coolers">
  3313.            
  3314. <span>
  3315.  Hiking Backpacks
  3316. </span>
  3317.  
  3318.            
  3319.            
  3320.        </a>
  3321.        
  3322.        
  3323.    </li>
  3324.    
  3325.    <li class="menu-lv-2">
  3326.        <a  href="/collections/clear-bag-and-backpacks">
  3327.            
  3328. <span>
  3329.  Clear See Through Bags and Backpacks
  3330. </span>
  3331.  
  3332.            
  3333.            
  3334.        </a>
  3335.        
  3336.        
  3337.    </li>
  3338.    
  3339.    <li class="menu-lv-2">
  3340.        <a  href="/collections/cooler-backpacks">
  3341.            
  3342. <span>
  3343.  Backpack Coolers
  3344. </span>
  3345.  
  3346.            
  3347.            
  3348.        </a>
  3349.        
  3350.        
  3351.    </li>
  3352.    
  3353.    <li class="menu-lv-2 dropdown">
  3354.        <a class="menu__moblie" href="/search">
  3355.            
  3356. <span>
  3357.  Surf and Skate Backpacks
  3358. </span>
  3359.  
  3360.            
  3361.            
  3362.            <span class="icon-dropdown" data-toggle-menu-mb>
  3363.                <i class="fa fa-angle-right" aria-hidden="true"></i>
  3364.            </span>
  3365.            
  3366.        </a>
  3367.        
  3368.        
  3369.        
  3370.        <div class="sub-menu-mobile menu-mb-translate">
  3371.            <div class="menu-mb-title">
  3372.                <span class="icon-dropdown">
  3373.                <i class="fa fa-angle-left" aria-hidden="true"></i>
  3374.                </span>
  3375.                
  3376. <span>
  3377.  Surf and Skate Backpacks
  3378. </span>
  3379.  
  3380.            </div>
  3381.            
  3382.            <ul class="site-nav-dropdown">
  3383.                                
  3384.                <li class="menu-lv-3">
  3385.                    <a  href="/collections/oneill-backpacks">
  3386.                        
  3387. <span>
  3388.  O'Neill
  3389. </span>
  3390.  
  3391.                    </a>
  3392.                </li>
  3393.                                
  3394.                <li class="menu-lv-3">
  3395.                    <a  href="/collections/rvca-backpacks">
  3396.                        
  3397. <span>
  3398.  RVCA
  3399. </span>
  3400.  
  3401.                    </a>
  3402.                </li>
  3403.                                
  3404.                <li class="menu-lv-3">
  3405.                    <a  href="/collections/dc-backpacks">
  3406.                        
  3407. <span>
  3408.  DC
  3409. </span>
  3410.  
  3411.                    </a>
  3412.                </li>
  3413.                                
  3414.                <li class="menu-lv-3">
  3415.                    <a  href="/collections/volcom-backpacks">
  3416.                        
  3417. <span>
  3418.  Volcom
  3419. </span>
  3420.  
  3421.                    </a>
  3422.                </li>
  3423.                                
  3424.                <li class="menu-lv-3">
  3425.                    <a  href="/collections/billabong-backpacks">
  3426.                        
  3427. <span>
  3428.  Billabong
  3429. </span>
  3430.  
  3431.                    </a>
  3432.                </li>
  3433.                                
  3434.                <li class="menu-lv-3">
  3435.                    <a  href="/collections/quiksilver-backpacks">
  3436.                        
  3437. <span>
  3438.  Quiksilver
  3439. </span>
  3440.  
  3441.                    </a>
  3442.                </li>
  3443.                                
  3444.                <li class="menu-lv-3">
  3445.                    <a  href="/collections/rip-curl-backpacks">
  3446.                        
  3447. <span>
  3448.  Rip Curl
  3449. </span>
  3450.  
  3451.                    </a>
  3452.                </li>
  3453.                                
  3454.                <li class="menu-lv-3">
  3455.                    <a  href="/collections/hurley">
  3456.                        
  3457. <span>
  3458.  Hurley
  3459. </span>
  3460.  
  3461.                    </a>
  3462.                </li>
  3463.                                
  3464.                <li class="menu-lv-3">
  3465.                    <a  href="/collections/element-backpacks">
  3466.                        
  3467. <span>
  3468.  Element
  3469. </span>
  3470.  
  3471.                    </a>
  3472.                </li>
  3473.                                
  3474.                <li class="menu-lv-3">
  3475.                    <a  href="/collections/reef-backpacks">
  3476.                        
  3477. <span>
  3478.  Reef
  3479. </span>
  3480.  
  3481.                    </a>
  3482.                </li>
  3483.                                
  3484.                <li class="menu-lv-3">
  3485.                    <a  href="/collections/fox-backpacks">
  3486.                        
  3487. <span>
  3488.  Fox
  3489. </span>
  3490.  
  3491.                    </a>
  3492.                </li>
  3493.                                
  3494.                <li class="menu-lv-3">
  3495.                    <a  href="/collections/obey-backpacks">
  3496.                        
  3497. <span>
  3498.  OBEY
  3499. </span>
  3500.  
  3501.                    </a>
  3502.                </li>
  3503.                                
  3504.                <li class="menu-lv-3">
  3505.                    <a  href="/collections/vans-backpacks">
  3506.                        
  3507. <span>
  3508.  Vans
  3509. </span>
  3510.  
  3511.                    </a>
  3512.                </li>
  3513.                
  3514.            </ul>
  3515.        </div>
  3516.        
  3517.    </li>
  3518.    
  3519.    <li class="menu-lv-2">
  3520.        <a  href="/collections/rolling-backpacks">
  3521.            
  3522. <span>
  3523.  Wheeled Backpacks
  3524. </span>
  3525.  
  3526.            
  3527.            
  3528.        </a>
  3529.        
  3530.        
  3531.    </li>
  3532.    
  3533.    <li class="menu-lv-2">
  3534.        <a  href="/collections/leather-backpacks">
  3535.            
  3536. <span>
  3537.  Leather Backpacks
  3538. </span>
  3539.  
  3540.            
  3541.            
  3542.        </a>
  3543.        
  3544.        
  3545.    </li>
  3546.    
  3547.    <li class="menu-lv-2">
  3548.        <a  href="/collections/designer-backpacks">
  3549.            
  3550. <span>
  3551.  Designer Backpacks
  3552. </span>
  3553.  
  3554.            
  3555.            
  3556.        </a>
  3557.        
  3558.        
  3559.    </li>
  3560.    
  3561.    <li class="menu-lv-2">
  3562.        <a  href="/collections/laptop-backpacks">
  3563.            
  3564. <span>
  3565.  Laptop Backpacks
  3566. </span>
  3567.  
  3568.            
  3569.            
  3570.        </a>
  3571.        
  3572.        
  3573.    </li>
  3574.    
  3575.    <li class="menu-lv-2">
  3576.        <a  href="/collections/basketball-backpack">
  3577.            
  3578. <span>
  3579.  Basketball Backpacks
  3580. </span>
  3581.  
  3582.            
  3583.            
  3584.        </a>
  3585.        
  3586.        
  3587.    </li>
  3588.    
  3589.    <li class="menu-lv-2">
  3590.        <a  href="/collections/baseball-backpack">
  3591.            
  3592. <span>
  3593.  Baseball Backpacks
  3594. </span>
  3595.  
  3596.            
  3597.            
  3598.        </a>
  3599.        
  3600.        
  3601.    </li>
  3602.    
  3603.    <li class="menu-lv-2">
  3604.        <a  href="/collections/training-backpack">
  3605.            
  3606. <span>
  3607.  Training  Backpacks
  3608. </span>
  3609.  
  3610.            
  3611.            
  3612.        </a>
  3613.        
  3614.        
  3615.    </li>
  3616.    
  3617.    <li class="menu-lv-2">
  3618.        <a  href="/collections/messenger-bags">
  3619.            
  3620. <span>
  3621.  Messenger Bags
  3622. </span>
  3623.  
  3624.            
  3625.            
  3626.        </a>
  3627.        
  3628.        
  3629.    </li>
  3630.    
  3631.    <li class="menu-lv-2">
  3632.        <a  href="/pages/bookbags">
  3633.            
  3634. <span>
  3635.  Bookbags
  3636. </span>
  3637.  
  3638.            
  3639.            
  3640.        </a>
  3641.        
  3642.        
  3643.    </li>
  3644.    
  3645. </ul>
  3646.            
  3647.  
  3648.            
  3649.        </div>
  3650.        
  3651.    </li>
  3652.    
  3653.  
  3654.    
  3655.    
  3656.  
  3657.    
  3658.  
  3659.  
  3660.    
  3661.  
  3662.    
  3663.  
  3664.    
  3665.  
  3666.    <li class="menu-lv-1 item">
  3667.        <a class=""  href="/collections/hiking-backpacks">
  3668.            
  3669. <span>
  3670.  Hiking Backpacks
  3671. </span>
  3672.  
  3673.  
  3674.            
  3675.  
  3676.            
  3677.  
  3678.            
  3679.  
  3680.            
  3681.        </a>
  3682.  
  3683.        
  3684.    </li>
  3685.    
  3686.  
  3687.    
  3688.    
  3689.  
  3690.    
  3691.  
  3692.  
  3693.    
  3694.  
  3695.    
  3696.  
  3697.    
  3698.  
  3699.    <li class="menu-lv-1 item dropdown no-mega-menu">
  3700.        <a class="menu__moblie "  href="/collections/travel-backpacks">
  3701.            
  3702. <span>
  3703.  Travel Backpacks
  3704. </span>
  3705.  
  3706.  
  3707.            
  3708.            <span class="icon-dropdown" data-toggle-menu-mb>
  3709.                <i class="fa fa-angle-right" aria-hidden="true"></i>
  3710.            </span>
  3711.            
  3712.  
  3713.            
  3714.  
  3715.            
  3716.  
  3717.            
  3718.        </a>
  3719.  
  3720.        
  3721.        <div class="sub-menu-mobile menu-mb-translate">
  3722.            <div class="menu-mb-title">
  3723.                <span class="icon-dropdown">
  3724.                <i class="fa fa-angle-left" aria-hidden="true"></i>
  3725.                </span>
  3726.                
  3727. <span>
  3728.  Travel Backpacks
  3729. </span>
  3730.  
  3731.            </div>
  3732.  
  3733.        
  3734.  
  3735.            
  3736.  
  3737.            
  3738.  
  3739.            
  3740.            <ul class="site-nav-dropdown">
  3741.    
  3742.    <li class="menu-lv-2">
  3743.        <a  href="/collections/suit-travel-bag">
  3744.            
  3745. <span>
  3746.  Suit Travel Bags
  3747. </span>
  3748.  
  3749.            
  3750.            
  3751.        </a>
  3752.        
  3753.        
  3754.    </li>
  3755.    
  3756.    <li class="menu-lv-2">
  3757.        <a  href="/collections/dog-travel-bag">
  3758.            
  3759. <span>
  3760.  Dog Travel Bags
  3761. </span>
  3762.  
  3763.            
  3764.            
  3765.        </a>
  3766.        
  3767.        
  3768.    </li>
  3769.    
  3770.    <li class="menu-lv-2">
  3771.        <a  href="/collections/travel-bags-for-women">
  3772.            
  3773. <span>
  3774.  Travel Bags for Women
  3775. </span>
  3776.  
  3777.            
  3778.            
  3779.        </a>
  3780.        
  3781.        
  3782.    </li>
  3783.    
  3784. </ul>
  3785.            
  3786.  
  3787.            
  3788.        </div>
  3789.        
  3790.    </li>
  3791.    
  3792.  
  3793.    
  3794.    
  3795.  
  3796.    
  3797.  
  3798.  
  3799.    
  3800.  
  3801.    
  3802.  
  3803.    
  3804.  
  3805.    <li class="menu-lv-1 item">
  3806.        <a class=""  href="/collections/gym-bags-and-duffel-bags">
  3807.            
  3808. <span>
  3809.  Gym Bags and Duffel Bags
  3810. </span>
  3811.  
  3812.  
  3813.            
  3814.  
  3815.            
  3816.  
  3817.            
  3818.  
  3819.            
  3820.        </a>
  3821.  
  3822.        
  3823.    </li>
  3824.    
  3825.  
  3826.    
  3827.    
  3828.  
  3829.    
  3830.  
  3831.  
  3832.    
  3833.  
  3834.    
  3835.  
  3836.    
  3837.  
  3838.    <li class="menu-lv-1 item">
  3839.        <a class=""  href="/collections/daypack">
  3840.            
  3841. <span>
  3842.  Daypack
  3843. </span>
  3844.  
  3845.  
  3846.            
  3847.  
  3848.            
  3849.  
  3850.            
  3851.  
  3852.            
  3853.        </a>
  3854.  
  3855.        
  3856.    </li>
  3857.    
  3858.  
  3859.    
  3860.    
  3861.  
  3862.    
  3863.  
  3864.  
  3865.    
  3866.  
  3867.    
  3868.  
  3869.    
  3870.  
  3871.    <li class="menu-lv-1 item">
  3872.        <a class=""  href="/collections/cooler-backpacks">
  3873.            
  3874. <span>
  3875.  Backpack with Cooler
  3876. </span>
  3877.  
  3878.  
  3879.            
  3880.  
  3881.            
  3882.  
  3883.            
  3884.  
  3885.            
  3886.        </a>
  3887.  
  3888.        
  3889.    </li>
  3890.    
  3891.  
  3892.    
  3893.    
  3894.  
  3895.    
  3896.  
  3897.  
  3898.    
  3899.  
  3900.    
  3901.  
  3902.    
  3903.  
  3904.    <li class="menu-lv-1 item">
  3905.        <a class=""  href="/blogs/news">
  3906.            
  3907. <span>
  3908.  BLOG
  3909. </span>
  3910.  
  3911.  
  3912.            
  3913.  
  3914.            
  3915.  
  3916.            
  3917.  
  3918.            
  3919.        </a>
  3920.  
  3921.        
  3922.    </li>
  3923.    
  3924. </ul>
  3925.  
  3926.                        </nav>                
  3927.                    </div>
  3928.                </div>
  3929.            </div>
  3930.        </div>    
  3931.    </div>
  3932.  
  3933.    
  3934.    <div class="fixed-right-menu">
  3935.        <div class="search-fixed">
  3936.            <a href="#" title="Search Icon" class="icon-search" data-search-mobile-toggle>
  3937.                <svg data-icon="search" viewBox="0 0 512 512" width="100%" height="100%">
  3938.    <path d="M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z"></path>
  3939. </svg>
  3940.            </a>
  3941.        </div>
  3942.        
  3943.        <div class="cart-fixed cart-icon">            
  3944.            <a href="javascript:void(0)" title="Cart Icon" >
  3945.                
  3946. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 30 30">
  3947.  <g>
  3948.    <g>
  3949.      <path d="M20,6V5c0-2.761-2.239-5-5-5s-5,2.239-5,5v1H4v24h22V6H20z M12,5c0-1.657,1.343-3,3-3s3,1.343,3,3v1h-6V5z M24,28H6V8h4v3    h2V8h6v3h2V8h4V28z"></path>
  3950.    </g>
  3951.  </g>
  3952. </svg>
  3953.  
  3954.  
  3955.                <span class="cartCount" data-cart-count>
  3956.                    0
  3957.                </span>
  3958.            </a>
  3959.        </div>
  3960.  
  3961.    </div>
  3962.    
  3963. </div>
  3964.  
  3965. <style>
  3966. @media (min-width:1200px) {
  3967.    
  3968. }
  3969. </style>
  3970.  
  3971. <script>
  3972.    window.fixtop_menu = true;
  3973. </script>
  3974.  
  3975.  
  3976. </div>
  3977. </div>
  3978.  
  3979.  
  3980.  
  3981.        
  3982.  
  3983.    
  3984.  
  3985.    <div class="wrapper-container wrapper-body">
  3986.        <main class="main-content" role="main">      
  3987.            <meta name="p:domain_verify" content="493f3053071b4c746a94de2aac6447f9"/>
  3988. <!-- BEGIN content_for_index --><div id="shopify-section-1561812636848" class="shopify-section home-slideshow-sections">
  3989.  
  3990. <section class="home-slideshow" id="slideshow-1561812636848">
  3991.    <div class="container-fluid">
  3992.        <div class="row">
  3993.            <div class ="no-padd col-12">
  3994.                <div class="slideshow" data-auto-video="true" data-init-slideshow data-dots="true" data-autoplay="true" data-autoplay-speed="5000" data-fade="true">
  3995.                
  3996.                <div class="item">
  3997.                
  3998.  
  3999.                    <div class="images-contain">
  4000.                        
  4001. <a href="/collections/abshoo-backpacks" class="slide-image">
  4002.                            <img data-src="//www.backpacks4less.com/cdn/shop/files/artem-beliaikin-TeRtTmxP_SQ-unsplash.jpg?v=1613589289"
  4003.                                src="https://www.backpacks4less.com/cdn/shop/files/artem-beliaikin-TeRtTmxP_SQ-unsplash.jpg?v=1613589289" alt="backpacks4less.com" itemprop="logo"
  4004.                                class="lazyautosizes lazyloaded slide-pc" data-sizes="auto">
  4005.  
  4006.                            
  4007. <img data-src="//www.backpacks4less.com/cdn/shop/files/artem-beliaikin-TeRtTmxP_SQ-unsplash.jpg?v=1613589289"
  4008.                                src="https://www.backpacks4less.com/cdn/shop/files/artem-beliaikin-TeRtTmxP_SQ-unsplash.jpg?v=1613589289" alt="backpacks4less.com" itemprop="logo"
  4009.                                class="lazyautosizes lazyloaded slide-mobile" data-sizes="auto">
  4010.                            
  4011.                        </a>
  4012.  
  4013.                        
  4014.  
  4015.                        
  4016.  
  4017.                        
  4018.  
  4019.                        
  4020.  
  4021.                        <style type="text/css">
  4022.                            #slideshow-1561812636848 .lb-icon-1-1561812636848-0 .glyphicon {
  4023.                            background-color: #323232;
  4024.                            }
  4025.  
  4026.                            #slideshow-1561812636848 .lb-icon-1-1561812636848-0 .glyphicon:before,
  4027.                            #slideshow-1561812636848 .lb-icon-1-1561812636848-0 .glyphicon:after {
  4028.                            background-color: #ffffff;
  4029.                            }
  4030.  
  4031.                            #slideshow-1561812636848 .lb-icon-1-1561812636848-0:before{
  4032.                            color: #ffffff;
  4033.                            }
  4034.  
  4035.                            #slideshow-1561812636848 .lb-icon-2-1561812636848-0 .glyphicon {
  4036.                            background-color: #323232;
  4037.                            }
  4038.  
  4039.                            #slideshow-1561812636848 .lb-icon-2-1561812636848-0 .glyphicon:before,
  4040.                            #slideshow-1561812636848 .lb-icon-2-1561812636848-0 .glyphicon:after {
  4041.                            background-color: #ffffff;
  4042.                            }
  4043.  
  4044.                            #slideshow-1561812636848 .lb-icon-2-1561812636848-0:before{
  4045.                            color: #ffffff;
  4046.                            }
  4047.  
  4048.                            #slideshow-1561812636848 .lb-icon-3-1561812636848-0 .glyphicon {
  4049.                            background-color: #323232;
  4050.                            }
  4051.  
  4052.                            #slideshow-1561812636848 .lb-icon-3-1561812636848-0 .glyphicon:before,
  4053.                            #slideshow-1561812636848 .lb-icon-3-1561812636848-0 .glyphicon:after {
  4054.                            background-color: #ffffff;
  4055.                            }
  4056.  
  4057.                            #slideshow-1561812636848 .lb-icon-3-1561812636848-0:before{
  4058.                            color: #ffffff;
  4059.                            }
  4060.                        </style>
  4061.  
  4062.                        
  4063.                        <div class="slide-content slide-content-mb">
  4064.                            <h2 class="slide-heading"
  4065.                                style="
  4066.                                        font-size: 40px;
  4067.                                        
  4068.                                        
  4069.                                        color:#ffffff;
  4070.                                        ">
  4071.                                
  4072. <span>
  4073.  BACKPACKS
  4074. </span>
  4075.  
  4076.                            </h2>
  4077.                        </div>
  4078.                        
  4079.                    </div>
  4080.  
  4081.  
  4082.                
  4083.                
  4084.                
  4085.                <div class="slide-content abs_left">
  4086.                
  4087.                <h2 class="slide-heading"
  4088.                    style="
  4089.                            font-size: 40px;
  4090.                            
  4091.                            
  4092.                            color:#ffffff;
  4093.                            ">
  4094.                    <span class="line" style="background-color: #ffffff;"></span>
  4095.                    
  4096. <span>
  4097.  BACKPACKS
  4098. </span>
  4099.  
  4100.                </h2>
  4101.                
  4102.  
  4103.                
  4104.  
  4105.                
  4106.                <a href="/collections/abshoo-backpacks" class="slide-button btn no-des"
  4107.                    style="
  4108.                            background-color:#232323;
  4109.                            
  4110.                            
  4111.                            border-color:#232323;
  4112.                            
  4113.                            
  4114.                            color:#ffffff;
  4115.                            ">
  4116.                    
  4117. <span>
  4118.  shop now
  4119. </span>
  4120.  
  4121.                </a>
  4122.                
  4123.                </div>
  4124.                
  4125.                
  4126.                </div>
  4127.                
  4128.                <div class="item">
  4129.                
  4130.  
  4131.                    <div class="images-contain">
  4132.                        
  4133. <a href="/collections/american-tourister-backpacks" class="slide-image">
  4134.                            <img data-src="//www.backpacks4less.com/cdn/shop/files/jakob-owens-BmH09wAkJa8-unsplash.jpg?v=1613589289"
  4135.                                src="https://www.backpacks4less.com/cdn/shop/files/jakob-owens-BmH09wAkJa8-unsplash.jpg?v=1613589289" alt="backpacks4less.com" itemprop="logo"
  4136.                                class="lazyautosizes lazyloaded slide-pc" data-sizes="auto">
  4137.  
  4138.                            
  4139. <img data-src="//www.backpacks4less.com/cdn/shop/files/jakob-owens-BmH09wAkJa8-unsplash.jpg?v=1613589289"
  4140.                                src="https://www.backpacks4less.com/cdn/shop/files/jakob-owens-BmH09wAkJa8-unsplash.jpg?v=1613589289" alt="backpacks4less.com" itemprop="logo"
  4141.                                class="lazyautosizes lazyloaded slide-mobile" data-sizes="auto">
  4142.                            
  4143.                        </a>
  4144.  
  4145.                        
  4146.  
  4147.                        
  4148.  
  4149.                        
  4150.  
  4151.                        
  4152.  
  4153.                        <style type="text/css">
  4154.                            #slideshow-1561812636848 .lb-icon-1-1577795262422 .glyphicon {
  4155.                            background-color: #323232;
  4156.                            }
  4157.  
  4158.                            #slideshow-1561812636848 .lb-icon-1-1577795262422 .glyphicon:before,
  4159.                            #slideshow-1561812636848 .lb-icon-1-1577795262422 .glyphicon:after {
  4160.                            background-color: #ffffff;
  4161.                            }
  4162.  
  4163.                            #slideshow-1561812636848 .lb-icon-1-1577795262422:before{
  4164.                            color: #ffffff;
  4165.                            }
  4166.  
  4167.                            #slideshow-1561812636848 .lb-icon-2-1577795262422 .glyphicon {
  4168.                            background-color: #323232;
  4169.                            }
  4170.  
  4171.                            #slideshow-1561812636848 .lb-icon-2-1577795262422 .glyphicon:before,
  4172.                            #slideshow-1561812636848 .lb-icon-2-1577795262422 .glyphicon:after {
  4173.                            background-color: #ffffff;
  4174.                            }
  4175.  
  4176.                            #slideshow-1561812636848 .lb-icon-2-1577795262422:before{
  4177.                            color: #ffffff;
  4178.                            }
  4179.  
  4180.                            #slideshow-1561812636848 .lb-icon-3-1577795262422 .glyphicon {
  4181.                            background-color: #323232;
  4182.                            }
  4183.  
  4184.                            #slideshow-1561812636848 .lb-icon-3-1577795262422 .glyphicon:before,
  4185.                            #slideshow-1561812636848 .lb-icon-3-1577795262422 .glyphicon:after {
  4186.                            background-color: #ffffff;
  4187.                            }
  4188.  
  4189.                            #slideshow-1561812636848 .lb-icon-3-1577795262422:before{
  4190.                            color: #ffffff;
  4191.                            }
  4192.                        </style>
  4193.  
  4194.                        
  4195.                        <div class="slide-content slide-content-mb">
  4196.                            <h2 class="slide-heading"
  4197.                                style="
  4198.                                        font-size: 40px;
  4199.                                        
  4200.                                        
  4201.                                        color:#ffffff;
  4202.                                        ">
  4203.                                
  4204. <span>
  4205.  TRAVEL BACKPACKS
  4206. </span>
  4207.  
  4208.                            </h2>
  4209.                        </div>
  4210.                        
  4211.                    </div>
  4212.  
  4213.  
  4214.                
  4215.                
  4216.                
  4217.                <div class="slide-content abs_left">
  4218.                
  4219.                <h2 class="slide-heading"
  4220.                    style="
  4221.                            font-size: 40px;
  4222.                            
  4223.                            
  4224.                            color:#ffffff;
  4225.                            ">
  4226.                    <span class="line" style="background-color: #ffffff;"></span>
  4227.                    
  4228. <span>
  4229.  TRAVEL BACKPACKS
  4230. </span>
  4231.  
  4232.                </h2>
  4233.                
  4234.  
  4235.                
  4236.  
  4237.                
  4238.                <a href="/collections/american-tourister-backpacks" class="slide-button btn no-des"
  4239.                    style="
  4240.                            background-color:#232323;
  4241.                            
  4242.                            
  4243.                            border-color:#232323;
  4244.                            
  4245.                            
  4246.                            color:#ffffff;
  4247.                            ">
  4248.                    
  4249. <span>
  4250.  Shop The Collection
  4251. </span>
  4252.  
  4253.                </a>
  4254.                
  4255.                </div>
  4256.                
  4257.                
  4258.                </div>
  4259.                
  4260.                <div class="item">
  4261.                
  4262.  
  4263.                    <div class="images-contain">
  4264.                        
  4265. <a href="/collections/champion-backpacks" class="slide-image">
  4266.                            <img data-src="//www.backpacks4less.com/cdn/shop/files/thought-catalog-a7seW_WFONY-unsplash_1.jpg?v=1613589290"
  4267.                                src="https://www.backpacks4less.com/cdn/shop/files/thought-catalog-a7seW_WFONY-unsplash_1.jpg?v=1613589290" alt="backpacks4less.com" itemprop="logo"
  4268.                                class="lazyautosizes lazyloaded slide-pc" data-sizes="auto">
  4269.  
  4270.                            
  4271. <img data-src="//www.backpacks4less.com/cdn/shop/files/thought-catalog-a7seW_WFONY-unsplash_1.jpg?v=1613589290"
  4272.                                src="https://www.backpacks4less.com/cdn/shop/files/thought-catalog-a7seW_WFONY-unsplash_1.jpg?v=1613589290" alt="backpacks4less.com" itemprop="logo"
  4273.                                class="lazyautosizes lazyloaded slide-mobile" data-sizes="auto">
  4274.                            
  4275.                        </a>
  4276.  
  4277.                        
  4278.  
  4279.                        
  4280.  
  4281.                        
  4282.  
  4283.                        
  4284.  
  4285.                        <style type="text/css">
  4286.                            #slideshow-1561812636848 .lb-icon-1-1577795363084 .glyphicon {
  4287.                            background-color: #323232;
  4288.                            }
  4289.  
  4290.                            #slideshow-1561812636848 .lb-icon-1-1577795363084 .glyphicon:before,
  4291.                            #slideshow-1561812636848 .lb-icon-1-1577795363084 .glyphicon:after {
  4292.                            background-color: #ffffff;
  4293.                            }
  4294.  
  4295.                            #slideshow-1561812636848 .lb-icon-1-1577795363084:before{
  4296.                            color: #ffffff;
  4297.                            }
  4298.  
  4299.                            #slideshow-1561812636848 .lb-icon-2-1577795363084 .glyphicon {
  4300.                            background-color: #323232;
  4301.                            }
  4302.  
  4303.                            #slideshow-1561812636848 .lb-icon-2-1577795363084 .glyphicon:before,
  4304.                            #slideshow-1561812636848 .lb-icon-2-1577795363084 .glyphicon:after {
  4305.                            background-color: #ffffff;
  4306.                            }
  4307.  
  4308.                            #slideshow-1561812636848 .lb-icon-2-1577795363084:before{
  4309.                            color: #ffffff;
  4310.                            }
  4311.  
  4312.                            #slideshow-1561812636848 .lb-icon-3-1577795363084 .glyphicon {
  4313.                            background-color: #323232;
  4314.                            }
  4315.  
  4316.                            #slideshow-1561812636848 .lb-icon-3-1577795363084 .glyphicon:before,
  4317.                            #slideshow-1561812636848 .lb-icon-3-1577795363084 .glyphicon:after {
  4318.                            background-color: #ffffff;
  4319.                            }
  4320.  
  4321.                            #slideshow-1561812636848 .lb-icon-3-1577795363084:before{
  4322.                            color: #ffffff;
  4323.                            }
  4324.                        </style>
  4325.  
  4326.                        
  4327.                        <div class="slide-content slide-content-mb">
  4328.                            <h2 class="slide-heading"
  4329.                                style="
  4330.                                        font-size: 40px;
  4331.                                        
  4332.                                        
  4333.                                        color:#ffffff;
  4334.                                        ">
  4335.                                
  4336. <span>
  4337.  SURF AND SKATE BACKPACKS
  4338. </span>
  4339.  
  4340.                            </h2>
  4341.                        </div>
  4342.                        
  4343.                    </div>
  4344.  
  4345.  
  4346.                
  4347.                
  4348.                
  4349.                <div class="slide-content abs_left">
  4350.                
  4351.                <h2 class="slide-heading"
  4352.                    style="
  4353.                            font-size: 40px;
  4354.                            
  4355.                            
  4356.                            color:#ffffff;
  4357.                            ">
  4358.                    <span class="line" style="background-color: #ffffff;"></span>
  4359.                    
  4360. <span>
  4361.  SURF AND SKATE BACKPACKS
  4362. </span>
  4363.  
  4364.                </h2>
  4365.                
  4366.  
  4367.                
  4368.  
  4369.                
  4370.                <a href="/collections/champion-backpacks" class="slide-button btn no-des"
  4371.                    style="
  4372.                            background-color:#232323;
  4373.                            
  4374.                            
  4375.                            border-color:#232323;
  4376.                            
  4377.                            
  4378.                            color:#ffffff;
  4379.                            ">
  4380.                    
  4381. <span>
  4382.  Shop The Collection
  4383. </span>
  4384.  
  4385.                </a>
  4386.                
  4387.                </div>
  4388.                
  4389.                
  4390.                </div>
  4391.                
  4392.                </div>
  4393.            </div>
  4394.        </div>
  4395.    </div>
  4396. </section>
  4397.  
  4398. <style>
  4399.    
  4400.    
  4401.    
  4402.    
  4403.    
  4404.  
  4405.    
  4406.    #slideshow-1561812636848 .slick-arrow {
  4407.        color: #666d6d;
  4408.        border-color: #666d6d;
  4409.        background-color: #ffffff;
  4410.    }
  4411.  
  4412.    #slideshow-1561812636848 .slick-arrow.slick-prev {
  4413.        left: 10%;
  4414.    }
  4415.  
  4416.    #slideshow-1561812636848 .slick-arrow.slick-next {
  4417.        right: 10%;
  4418.    }
  4419.    
  4420.  
  4421.    
  4422.  
  4423.    .fluid-width-video-wrapper {
  4424.        padding-top: 41.7%!important;
  4425.    }
  4426.  
  4427.    #slideshow-1561812636848 [data-video-mp4] .fluid-width-video-wrapper:before {
  4428.        background: #866965;
  4429.        opacity: 0.4;
  4430.    }
  4431.  
  4432.    @media (max-width: 767px) {
  4433.        #slideshow-1561812636848 {
  4434.            margin-bottom: 20px;
  4435.        }
  4436.    }
  4437.  
  4438.    @media (min-width: 768px) and (max-width: 1199px) {
  4439.        #slideshow-1561812636848 {
  4440.            margin-bottom: 20px;
  4441.        }
  4442.    }
  4443.  
  4444.    @media (min-width: 1200px) {
  4445.        #slideshow-1561812636848 {
  4446.            margin-bottom: 30px;
  4447.        }
  4448.    }
  4449.  
  4450.    @media (min-width: 768px) {
  4451.        #slideshow-1561812636848 .slick-dots li button {
  4452.            border-color: #707979;
  4453.            background: #707979;
  4454.            border-width: 1.5px;
  4455.        }
  4456.  
  4457.        #slideshow-1561812636848 .slick-dots li.slick-active button {
  4458.            background: rgba(255,255,255,0);
  4459.            border-color: #505656;
  4460.        }
  4461.  
  4462.        
  4463.    }
  4464. </style>
  4465.  
  4466.  
  4467.  
  4468.  
  4469. </div><div id="shopify-section-1562251333618" class="shopify-section home-spotlight-slider-sections">
  4470. <div class="home-spotlight-block home-spotlight-slider" id="home-spotlight-slider-1562251333618">
  4471.    <div class="container-padd60">
  4472.        
  4473.        <div class="widget-title not-before">  
  4474.            <h3 class="box-title">
  4475.                <span class="title">
  4476.                
  4477. <span>
  4478.  TRENDING Products
  4479. </span>
  4480.  
  4481.                </span>
  4482.            </h3>
  4483.            
  4484.            <p>
  4485.                
  4486. <span>
  4487.  See all the top trending products here!
  4488. </span>
  4489.  
  4490.            </p>        
  4491.            
  4492.        </div>
  4493.        
  4494.        
  4495.        <div class="row spotlight-4-blocks" data-blogs-slider data-rows="3">
  4496.            
  4497.            
  4498.            
  4499.                
  4500.            <div class="col-12 col-md-6 col-lg-4 item">
  4501.                <div class="spotlight-item">
  4502.                    <div class="img-box">
  4503.                        <a href="/collections/osprey-backpacks" class="animate-scale">
  4504.                            
  4505. <img data-src="//www.backpacks4less.com/cdn/shop/files/Ospreybackpacks_1024x1024_crop_center.jpg?v=1613589391"
  4506.                                src="https://www.backpacks4less.com/cdn/shop/files/Ospreybackpacks_1024x1024_crop_center.jpg?v=1613589391" alt="backpacks4less.com" itemprop="logo"
  4507.                                class="lazyautosizes lazyloaded" data-sizes="auto">
  4508.  
  4509.                            
  4510.                        </a>
  4511.                        
  4512.                        
  4513.                        <div class="content spotlight-inner">
  4514.                            
  4515.                            <h3 class="title">
  4516.                                
  4517. <span>
  4518.  OSPREY BACKPACKS
  4519. </span>
  4521.                            </h3>
  4522.                            
  4523.  
  4524.                            
  4525.                            <a href="/collections/osprey-backpacks" class="shop_link text-hover">
  4526.                                
  4527. <span>
  4528.  Shop Now
  4529. </span>
  4530.  
  4531.                            </a>
  4532.                            
  4533.                        </div>
  4534.                        
  4535.                    </div>
  4536.                </div>
  4537.            </div>
  4538.            
  4539.            
  4540.            
  4541.                
  4542.            <div class="col-12 col-md-6 col-lg-4 item">
  4543.                <div class="spotlight-item">
  4544.                    <div class="img-box">
  4545.                        <a href="/collections/fjallraven-backpacks" class="animate-scale">
  4546.                            
  4547. <img data-src="//www.backpacks4less.com/cdn/shop/files/fjallraven-kanken-bag-vsco-girl-sling-backpack_1024x1024_26586f0c-cbe1-4595-a33e-d291ea975b6e_1024x1024_crop_center.jpg?v=1613589391"
  4548.                                src="https://www.backpacks4less.com/cdn/shop/files/fjallraven-kanken-bag-vsco-girl-sling-backpack_1024x1024_26586f0c-cbe1-4595-a33e-d291ea975b6e_1024x1024_crop_center.jpg?v=1613589391" alt="backpacks4less.com" itemprop="logo"
  4549.                                class="lazyautosizes lazyloaded" data-sizes="auto">
  4550.  
  4551.                            
  4552.                        </a>
  4553.                        
  4554.                        
  4555.                        <div class="content spotlight-inner">
  4556.                            
  4557.                            <h3 class="title">
  4558.                                
  4559. <span>
  4560.  Fjallraven Kanken
  4561. </span>
  4563.                            </h3>
  4564.                            
  4565.  
  4566.                            
  4567.                            <a href="/collections/fjallraven-backpacks" class="shop_link text-hover">
  4568.                                
  4569. <span>
  4570.  Shop Now
  4571. </span>
  4572.  
  4573.                            </a>
  4574.                            
  4575.                        </div>
  4576.                        
  4577.                    </div>
  4578.                </div>
  4579.            </div>
  4580.            
  4581.            
  4582.            
  4583.                
  4584.            <div class="col-12 col-md-6 col-lg-4 item">
  4585.                <div class="spotlight-item">
  4586.                    <div class="img-box">
  4587.                        <a href="/collections/baseball-backpack" class="animate-scale">
  4588.                            
  4589. <img data-src="//www.backpacks4less.com/cdn/shop/files/Baseball_Backpacks_07d8b2e3-b04f-4e90-8c50-a4e743764682_1024x1024_crop_center.jpg?v=1613589391"
  4590.                                src="https://www.backpacks4less.com/cdn/shop/files/Baseball_Backpacks_07d8b2e3-b04f-4e90-8c50-a4e743764682_1024x1024_crop_center.jpg?v=1613589391" alt="backpacks4less.com" itemprop="logo"
  4591.                                class="lazyautosizes lazyloaded" data-sizes="auto">
  4592.  
  4593.                            
  4594.                        </a>
  4595.                        
  4596.                        
  4597.                        <div class="content spotlight-inner">
  4598.                            
  4599.                            <h3 class="title">
  4600.                                
  4601. <span>
  4602.  Baseball Backpack
  4603. </span>
  4605.                            </h3>
  4606.                            
  4607.  
  4608.                            
  4609.                            <a href="/collections/baseball-backpack" class="shop_link text-hover">
  4610.                                
  4611. <span>
  4612.  Shop Now
  4613. </span>
  4614.  
  4615.                            </a>
  4616.                            
  4617.                        </div>
  4618.                        
  4619.                    </div>
  4620.                </div>
  4621.            </div>
  4622.            
  4623.            
  4624.            
  4625.                
  4626.            <div class="col-12 col-md-6 col-lg-4 item">
  4627.                <div class="spotlight-item">
  4628.                    <div class="img-box">
  4629.                        <a href="/collections/gregory-backpacks" class="animate-scale">
  4630.                            
  4631. <img data-src="//www.backpacks4less.com/cdn/shop/files/Gregory_Packs_1024x1024_crop_center.jpg?v=1613589391"
  4632.                                src="https://www.backpacks4less.com/cdn/shop/files/Gregory_Packs_1024x1024_crop_center.jpg?v=1613589391" alt="backpacks4less.com" itemprop="logo"
  4633.                                class="lazyautosizes lazyloaded" data-sizes="auto">
  4634.  
  4635.                            
  4636.                        </a>
  4637.                        
  4638.                        
  4639.                        <div class="content spotlight-inner">
  4640.                            
  4641.                            <h3 class="title">
  4642.                                
  4643. <span>
  4644.  GREGORY BACKPACKS
  4645. </span>
  4647.                            </h3>
  4648.                            
  4649.  
  4650.                            
  4651.                            <a href="/collections/gregory-backpacks" class="shop_link text-hover">
  4652.                                
  4653. <span>
  4654.  Shop Now
  4655. </span>
  4656.  
  4657.                            </a>
  4658.                            
  4659.                        </div>
  4660.                        
  4661.                    </div>
  4662.                </div>
  4663.            </div>
  4664.            
  4665.        </div>
  4666.    </div>
  4667. </div>
  4668.  
  4669. <style>
  4670.  
  4671.  
  4672.    
  4673.    #home-spotlight-slider-1562251333618 {
  4674.        padding: 50px 0 90px;
  4675.    }
  4676.  
  4677.    @media (max-width: 1199px) and (min-width: 768px) {
  4678.        #home-spotlight-slider-1562251333618 {
  4679.            padding: 40px 0 70px;
  4680.        }
  4681.    }
  4682.  
  4683.    @media (max-width: 767px) {
  4684.        #home-spotlight-slider-1562251333618 {
  4685.            padding: 30px 0 50px;
  4686.        }
  4687.    }
  4688.    
  4689.  
  4690.    #home-spotlight-slider-1562251333618 {
  4691.        background-color: #ffffff;    
  4692.    }
  4693.  
  4694.    #home-spotlight-slider-1562251333618 .widget-title .box-title .title {
  4695.        background-color: #ffffff;    
  4696.    }
  4697.  
  4698.    @media (max-width: 1199px) {
  4699.        #home-spotlight-slider-1562251333618 {
  4700.            margin-bottom: 0px;
  4701.        }
  4702.    }
  4703.    
  4704.    @media (min-width: 1200px) {
  4705.        #home-spotlight-slider-1562251333618 {
  4706.        margin-bottom: 0px;
  4707.        }
  4708.    }
  4709. </style>
  4710.  
  4711.  
  4712.  
  4713. </div><div id="shopify-section-1540984915288" class="shopify-section home-sub-banner-sections">
  4714. <div class="home-sub-banner sub-banner-2" id="sub-banner-1540984915288">
  4715.    <div class="container">
  4716.        <div class="row">
  4717.            
  4718.            
  4719.            
  4720.                
  4721.            <div class="item col-12 col-sm-6 two-blocks">
  4722.                <div class="sub-banner banner-item">
  4723.                    <div class="img-box">
  4724.                        <a href="https://www.backpacks4less.com/collections/fjallraven/products/fjallraven-kanken-mini-classic-backpack-for-everyday-royal-blue-ox-red" class="animate-scale">
  4725.                            
  4726. <img data-src="//www.backpacks4less.com/cdn/shop/files/Fjallraven_Backpack_1024x1024_crop_center.jpg?v=1613617290"
  4727.                                src="https://www.backpacks4less.com/cdn/shop/files/Fjallraven_Backpack_1024x1024_crop_center.jpg?v=1613617290" alt="backpacks4less.com" itemprop="logo"
  4728.                                class="lazyautosizes lazyloaded" data-sizes="auto">
  4729.                            
  4730.                        </a>
  4731.                    </div>
  4732.  
  4733.                    
  4734.                    <div class="content-box">
  4735.                        <h3 class="banner-title" style="color: #ffffff;">
  4736.                            
  4737. <span>
  4738.  Editors Pick
  4739. </span>
  4740.                            
  4741.                            <span class="border-bt-hover" style="background-color: #ffffff;"></span>
  4742.                        </h3>
  4743.                    </div>
  4744.                    
  4745.                </div>
  4746.            </div>
  4747.            
  4748.            
  4749.            
  4750.                
  4751.            <div class="item col-12 col-sm-6 two-blocks">
  4752.                <div class="sub-banner banner-item">
  4753.                    <div class="img-box">
  4754.                        <a href="https://www.backpacks4less.com/collections/osprey/products/osprey-packs-syncro-12-hydration-pack-wolf-grey" class="animate-scale">
  4755.                            
  4756. <img data-src="//www.backpacks4less.com/cdn/shop/files/81u2U4aFhcL_1024x1024_07efc9cd-ced5-4a04-a6cd-fbe1802f6e06_1024x1024_crop_center.jpg?v=1613617290"
  4757.                                src="https://www.backpacks4less.com/cdn/shop/files/81u2U4aFhcL_1024x1024_07efc9cd-ced5-4a04-a6cd-fbe1802f6e06_1024x1024_crop_center.jpg?v=1613617290" alt="backpacks4less.com" itemprop="logo"
  4758.                                class="lazyautosizes lazyloaded" data-sizes="auto">
  4759.                            
  4760.                        </a>
  4761.                    </div>
  4762.  
  4763.                    
  4764.                    <div class="content-box">
  4765.                        <h3 class="banner-title" style="color: #ffffff;">
  4766.                            
  4767. <span>
  4768.  EDITORS PICK
  4769. </span>
  4770.                            
  4771.                            <span class="border-bt-hover" style="background-color: #ffffff;"></span>
  4772.                        </h3>
  4773.                    </div>
  4774.                    
  4775.                </div>
  4776.            </div>
  4777.            
  4778.        </div>
  4779.    </div>
  4780. </div>
  4781.  
  4782. <style>
  4783.    
  4784.    
  4785.  
  4786.    @media (max-width: 767px) {
  4787.        #sub-banner-1540984915288 {
  4788.            margin-bottom: 0px;
  4789.        }
  4790.    }
  4791.  
  4792.    @media (min-width: 768px) and (max-width: 1199px) {
  4793.        #sub-banner-1540984915288 {
  4794.            margin-bottom: 0px;
  4795.        }
  4796.    }
  4797.    
  4798.    @media (min-width: 1200px) {
  4799.        #sub-banner-1540984915288 .banner-title {
  4800.            font-size: 16px;
  4801.        }
  4802.        
  4803.        #sub-banner-1540984915288 {
  4804.            margin-bottom: 0px;
  4805.        }
  4806.    }
  4807. </style>
  4808.  
  4809.  
  4810.  
  4811. </div><div id="shopify-section-1540952363851" class="shopify-section home-slideshow-sections">
  4812.  
  4813.  
  4814.  
  4815. </div><div id="shopify-section-1541566560488" class="shopify-section home-instagram-sections">
  4816.  
  4817. <script src="//www.backpacks4less.com/cdn/shop/t/3/assets/instafeed.min.js?v=179102402856740896011577723176" type="text/javascript"></script>
  4818.  
  4819. <section class="home-instagram" id="new-instagram-1541566560488">
  4820.    <div class="container">
  4821.        
  4822.        <div class="widget-title">  
  4823.            <h3 class="box-title">
  4824.                <span class="title">
  4825.                <i class="fa fa-instagram fa-lg" aria-hidden="true"></i>
  4826.                
  4827. <span>
  4828.  #BACKPACKS4LESS On Instagram
  4829. </span>
  4830.  
  4831.                </span>
  4832.            </h3>
  4833.            
  4834.        </div>
  4835.        
  4836.    </div>
  4837.  
  4838.    <div class="container">
  4839.        <div id="instafeed" class="row" data-instagram-feed data-accessToken="3892273621.1677ed0.b5e46dee0d3241a2a16e1bd2c2e3d8c1" data-limit="12" data-resolution-images="standard_resolution" data-rows="6"></div>  
  4840.        
  4841.        
  4842.        <a href="http://instagram.com/Backpacks4Less/" title="View Photos" class="btn">
  4843.            
  4844. <span>
  4845.  View Photos
  4846. </span>
  4847.  
  4848.        </a>
  4849.        
  4850.    </div>
  4851. </section>
  4852.  
  4853. <style>
  4854.    
  4855.  
  4856.    
  4857.  
  4858.      
  4859.    #new-instagram-1541566560488 {
  4860.        border-top: 1px solid #ebebeb;
  4861.    }
  4862.    
  4863.  
  4864.    
  4865.    
  4866.    #new-instagram-1541566560488,
  4867.    #new-instagram-1541566560488 .widget-title .box-title .title {
  4868.        background-color: #fcfaf7;
  4869.    }  
  4870.  
  4871.    
  4872.    #new-instagram-1541566560488 {
  4873.        padding-top: 0;
  4874.    }
  4875.    
  4876.    
  4877. </style>
  4878.  
  4879. <script>
  4880.    $(document).ready(function() {
  4881.        var instagramBlock = $('[data-instagram-feed]');
  4882.  
  4883.        instagramBlock.each(function() {
  4884.            var self = $(this),
  4885.                dataResolutionImages = self.data('resolution-images'),
  4886.                dataRows = self.data('rows'),
  4887.                dataLimit = self.data('limit');
  4888.                
  4889.            var feed = new Instafeed({
  4890.                get: "user",  
  4891.                
  4892.                userId: 3892273621,
  4893.                accessToken: '3892273621.1677ed0.b5e46dee0d3241a2a16e1bd2c2e3d8c1',
  4894.                
  4895.                resolution: dataResolutionImages,
  4896.                clientId: "c6e4c736e82345a3898a0e299daa00fb",
  4897.                get limit() {
  4898.                    return limit = dataLimit.toString();          
  4899.                },          
  4900.                template: '<a class="item col-12 animate-hvr" href="{{link}}" target="_blank"><img data-src="{{image}}" class="lazyload" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-sizes="auto"/></a>',
  4901.                after: function() {
  4902.                    self.find('a').attr({
  4903.                        target: "_blank",
  4904.                        class: "item col-12 animate-hvr"
  4905.                    });  
  4906.              
  4907.  
  4908.                    self.slick({
  4909.                        infinite: true,
  4910.                        speed: 1000,                      
  4911.                        
  4912.                        centerMode: true,
  4913.                        centerPadding: '11.36%',
  4914.                        
  4915.                        
  4916.                        nextArrow: '<button type="button" class="slick-next"><i class="fa fa-angle-right"></i></button>',
  4917.                        prevArrow: '<button type="button" class="slick-prev"><i class="fa fa-angle-left"></i></button>',
  4918.                        
  4919.                        slidesToShow: dataRows,
  4920.                        slidesToScroll: dataRows,
  4921.                        responsive: [
  4922.                            {
  4923.                                breakpoint: 1200,
  4924.                                settings: {
  4925.                                    
  4926.                                    slidesToShow: 4,
  4927.                                    slidesToScroll: 4,
  4928.                                    
  4929.                                }
  4930.                            },
  4931.                            {
  4932.                                breakpoint: 992,
  4933.                                settings: {
  4934.                                    
  4935.                                    slidesToShow: 3,
  4936.                                    slidesToScroll: 3,
  4937.                                                
  4938.                                }
  4939.                            },
  4940.                            {
  4941.                                breakpoint: 768,
  4942.                                settings: {
  4943.                                    
  4944.                                    slidesToShow: 2,
  4945.                                    slidesToScroll: 2,
  4946.                                          
  4947.                                }
  4948.                            }                                          
  4949.                        ]
  4950.                    });
  4951.                }
  4952.            });
  4953.  
  4954.            feed.run();
  4955.        });
  4956.    });
  4957. </script>
  4958.  
  4959.  
  4960.  
  4961.  
  4962. </div><div id="shopify-section-1541559977022" class="shopify-section home-brands-sections">
  4963. <section class="home-brands-block" id="home-brands-1541559977022">
  4964.    <div class="container">
  4965.        <div class="brands-block">
  4966.            
  4967.            <div class="widget-title">
  4968.                <h3 class="box-title">
  4969.                    <span class="title">
  4970.                    
  4971. <span>
  4972.  Best Backpack Brands
  4973. </span>
  4974.  
  4975.                    </span>
  4976.                </h3>
  4977.                
  4978.                <p>
  4979.                    
  4980. <span>
  4981.  Shop the Best Backpack Brands by reviews.
  4982. </span>
  4983.  
  4984.                </p>
  4985.                
  4986.            </div>
  4987.            
  4988.  
  4989.            <div class="row brands-slider" data-brands-slider data-rows="6">
  4990.                
  4991.                <div class="item col-12 col-sm-6 col-md-4 col-lg-3 col5">
  4992.                    <a title="Gregory" href="/collections/gregory-backpacks">
  4993.                        
  4994.                        <img src="//www.backpacks4less.com/cdn/shop/files/Gregory_Logo_200x.jpg?v=1613589389" alt=""/>
  4995.                        
  4996.                    </a>
  4997.                </div>
  4998.                
  4999.                <div class="item col-12 col-sm-6 col-md-4 col-lg-3 col5">
  5000.                    <a title="Under Armour" href="/collections/under-armour-backpacks">
  5001.                        
  5002.                        <img src="//www.backpacks4less.com/cdn/shop/files/Under_Armour_backpacks_200x.jpg?v=1613589389" alt=""/>
  5003.                        
  5004.                    </a>
  5005.                </div>
  5006.                
  5007.                <div class="item col-12 col-sm-6 col-md-4 col-lg-3 col5">
  5008.                    <a title="Osprey" href="/collections/osprey-backpacks">
  5009.                        
  5010.                        <img src="//www.backpacks4less.com/cdn/shop/files/Osprey_Packs_200x.jpg?v=1613589389" alt=""/>
  5011.                        
  5012.                    </a>
  5013.                </div>
  5014.                
  5015.                <div class="item col-12 col-sm-6 col-md-4 col-lg-3 col5">
  5016.                    <a title="Nike" href="/collections/nike-backpacks">
  5017.                        
  5018.                        <img src="//www.backpacks4less.com/cdn/shop/files/Nike_Backpacks_200x.png?v=1613589389" alt=""/>
  5019.                        
  5020.                    </a>
  5021.                </div>
  5022.                
  5023.                <div class="item col-12 col-sm-6 col-md-4 col-lg-3 col5">
  5024.                    <a title="Gucci" href="/collections">
  5025.                        
  5026.                        <img src="//www.backpacks4less.com/cdn/shop/files/Gucci_Backpacks_200x.jpg?v=1613589389" alt=""/>
  5027.                        
  5028.                    </a>
  5029.                </div>
  5030.                
  5031.            </div>
  5032.        </div>
  5033.    </div>
  5034. </section>
  5035.  
  5036. <style>
  5037.    
  5038.  
  5039.    @media (min-width: 768px) {
  5040.            
  5041.    }
  5042.  
  5043.    
  5044.    #home-brands-1541559977022 {
  5045.        border-top: 1px solid #ebebeb;
  5046.    }
  5047.    
  5048.  
  5049.    @media (max-width: 767px) {
  5050.        #home-brands-1541559977022 {
  5051.            margin-bottom: 0px;
  5052.        }
  5053.    }
  5054.  
  5055.    @media (min-width: 768px) and (max-width: 1199px) {
  5056.        #home-brands-1541559977022 {
  5057.            margin-bottom: 0px;
  5058.        }
  5059.    }
  5060.  
  5061.    @media (min-width: 1200px) {
  5062.        #home-brands-1541559977022 {
  5063.        margin-bottom: 0px;
  5064.        }
  5065.    }
  5066.  
  5067. </style>
  5068.  
  5069.  
  5070.  
  5071.  
  5072. </div><div id="shopify-section-704377d9-a715-490b-ba19-f3bcfcb2d2c8" class="shopify-section home-blog-posts2-sections">
  5073.  
  5074.  
  5075.  
  5076. <div class="home-blog-posts home-blog-style2" id="home-blog-704377d9-a715-490b-ba19-f3bcfcb2d2c8">
  5077.    <div class="container">
  5078.        <div class="content-blog">
  5079.            <div class="row list-blogs blog-grid">
  5080.                <div class="col-12 col-md-6 col-lg-4 three-blocks item">
  5081.                    
  5082.  
  5083.                    <div class="blog-item">
  5084.                        <div class="article-inner">
  5085.                            
  5086.                            <div class="blog_author">              
  5087.                                
  5088.                                <span class="article__author">By John Morris</span>
  5089.                                
  5090.                                
  5091.                                
  5092.                                <span class="article__date">
  5093.                                on <time datetime="2024-02-13T19:00:58Z">February 13, 2024</time>
  5094.                                </span>
  5095.                                                
  5096.                            </div>
  5097.                            
  5098.  
  5099.                            <h3 class="article-title">
  5100.                                <a href="/blogs/news/unlock-luxury-travel-with-ricardo-beverly-hills-luggage-a-comprehensive-review">
  5101.                                    
  5102. <span>
  5103.  Unlock Luxury Travel with Ricardo Beverly Hills Luggage: A Comprehensive Review
  5104. </span>
  5105.  
  5106.                                </a>
  5107.                            </h3>  
  5108.  
  5109.                            <div class="article-des">
  5110.                                
  5111.                                    Unlock Luxury Travel with Ricardo Beverly Hills Luggage: A Comprehensive Review   Are you an avid traveler seeking the perfect blend...
  5112.                                
  5113.                            </div>
  5114.  
  5115.                            <a href="/blogs/news/unlock-luxury-travel-with-ricardo-beverly-hills-luggage-a-comprehensive-review" class="btn btn-read-more" data-translate="blogs.article.read_more">
  5116.                                Read more
  5117.                            </a>
  5118.                        </div>
  5119.                    </div>
  5120.                </div>
  5121.                
  5122.                <div class="col-12 col-md-6 col-lg-4 three-blocks item">
  5123.                    
  5124.  
  5125.                    <div class="blog-item">
  5126.                        <div class="article-inner">
  5127.                            
  5128.                            <div class="blog_author">              
  5129.                                
  5130.                                <span class="article__author">By John Morris</span>
  5131.                                
  5132.                                
  5133.                                
  5134.                                <span class="article__date">
  5135.                                on <time datetime="2024-02-13T18:16:02Z">February 13, 2024</time>
  5136.                                </span>
  5137.                                                
  5138.                            </div>
  5139.                            
  5140.  
  5141.                            <h3 class="article-title">
  5142.                                <a href="/blogs/news/travel-in-style-a-comprehensive-review-of-lucas-luggage">
  5143.                                    
  5144. <span>
  5145.  Travel in Style: A Comprehensive Review of Lucas Luggage
  5146. </span>
  5147.  
  5148.                                </a>
  5149.                            </h3>  
  5150.  
  5151.                            <div class="article-des">
  5152.                                
  5153.                                    Travel in Style: A Comprehensive Review of Lucas Luggage Are you a frequent traveler looking for durable, stylish luggage to accompany...
  5154.                                
  5155.                            </div>
  5156.  
  5157.                            <a href="/blogs/news/travel-in-style-a-comprehensive-review-of-lucas-luggage" class="btn btn-read-more" data-translate="blogs.article.read_more">
  5158.                                Read more
  5159.                            </a>
  5160.                        </div>
  5161.                    </div>
  5162.                </div>
  5163.                
  5164.                <div class="col-12 col-md-6 col-lg-4 three-blocks item">
  5165.                    
  5166.  
  5167.                    <div class="blog-item">
  5168.                        <div class="article-inner">
  5169.                            
  5170.                            <div class="blog_author">              
  5171.                                
  5172.                                <span class="article__author">By John Morris</span>
  5173.                                
  5174.                                
  5175.                                
  5176.                                <span class="article__date">
  5177.                                on <time datetime="2024-02-13T17:49:28Z">February 13, 2024</time>
  5178.                                </span>
  5179.                                                
  5180.                            </div>
  5181.                            
  5182.  
  5183.                            <h3 class="article-title">
  5184.                                <a href="/blogs/news/unlocking-luxury-travel-finding-your-perfect-rimowa-luggage-on-sale">
  5185.                                    
  5186. <span>
  5187.  Unlocking Luxury Travel: Finding Your Perfect Rimowa Luggage on Sale
  5188. </span>
  5189.  
  5190.                                </a>
  5191.                            </h3>  
  5192.  
  5193.                            <div class="article-des">
  5194.                                
  5195.                                    Unlocking Luxury Travel: Finding Your Perfect Rimowa Luggage on Sale In the realm of luxury travel, few names resonate as strongly...
  5196.                                
  5197.                            </div>
  5198.  
  5199.                            <a href="/blogs/news/unlocking-luxury-travel-finding-your-perfect-rimowa-luggage-on-sale" class="btn btn-read-more" data-translate="blogs.article.read_more">
  5200.                                Read more
  5201.                            </a>
  5202.                        </div>
  5203.                    </div>
  5204.                </div>
  5205.                
  5206.            </div>
  5207.        </div>        
  5208.    </div>
  5209. </div>
  5210.  
  5211.  
  5212. <style>
  5213.    
  5214.  
  5215.    @media (max-width: 1199px) {
  5216.        #home-blog-704377d9-a715-490b-ba19-f3bcfcb2d2c8 {
  5217.            margin-bottom: 0px;
  5218.        }
  5219.    }
  5220.    
  5221.    @media (min-width: 1200px) {
  5222.        #home-blog-704377d9-a715-490b-ba19-f3bcfcb2d2c8 {
  5223.            margin-bottom: 0px;
  5224.        }
  5225.    }
  5226. </style>
  5227.  
  5228.  
  5229. </div><!-- END content_for_index -->
  5230.        </main>    
  5231.            
  5232.                
  5233.        <div id="shopify-section-footer" class="shopify-section"><style>
  5234.  .site-footer {
  5235.    
  5236.      background: #232323;
  5237.    
  5238.    
  5239.    
  5240.  }
  5241.  
  5242.  .site-footer .newsletter .input-group-field {
  5243.   background-color: #ebebeb;
  5244.    color: #969696;
  5245.    border-color: #3b3b3b;
  5246.  }
  5247.  
  5248.  .site-footer .newsletter ::-webkit-input-placeholder {
  5249.    color: #969696;
  5250.  }
  5251.  
  5252.  .site-footer .newsletter ::-moz-placeholder {
  5253.    color: #969696;
  5254.  }
  5255.  
  5256.  .site-footer .newsletter :-ms-input-placeholder {
  5257.    color: #969696;
  5258.  }
  5259.  
  5260.  .site-footer .newsletter :-moz-placeholder {
  5261.    color: #969696;
  5262.  }
  5263.  
  5264.  .site-footer .newsletter .btn {
  5265.   background-color: #3b3b3b;
  5266.    border-color: #3b3b3b;
  5267.    color: #ffffff;
  5268.  }
  5269.  
  5270.  .site-footer .newsletter .btn:hover {
  5271.   background-color: #ffffff;
  5272.    border-color: #3b3b3b;
  5273.    color: #3b3b3b;
  5274.  }
  5275.  
  5276.  .site-footer,
  5277.  .foot-title {
  5278.    color: #ffffff;
  5279.  }
  5280.  
  5281.  
  5282.  
  5283.  .site-footer a,
  5284.  .header-vertical-tpl .footer-default .newsletter-des {
  5285.    color: #969696;
  5286.  }
  5287.  
  5288.  .site-footer a:hover {
  5289.    color: #ffffff;
  5290.  }
  5291.  
  5292.  .site-footer .foot-link>span:before {
  5293.   background-color: #ffffff;
  5294.  }
  5295.  
  5296.  .footer-social li a {
  5297.   color: #000000;
  5298.    background-color: #06bfe2;
  5299.  }
  5300.  
  5301.  .footer-bottom {
  5302.   background-color: #232323;
  5303.      
  5304.    border-top: 1px solid #3b3b3b;
  5305.    
  5306.  }
  5307.  
  5308.  .footer-bottom,
  5309.  .footer-bottom address,
  5310.  .footer-bottom address a {
  5311.   color: #969696;
  5312.  }    
  5313.  
  5314.  .footer-bottom address a:hover {
  5315.   color: #969696;
  5316.  }
  5317.  
  5318.  @media (max-width: 767px) {
  5319.    .footer-top .col-footer .dropdow-mb {
  5320.      border-bottom: 1px solid #3b3b3b;
  5321.    }
  5322.  }
  5323. </style>
  5324.  
  5325. <footer class="site-footer footer-default" role="contentinfo">
  5326.    
  5327.    <div class="footer-top">      
  5328.        <div class="container">
  5329.            <div class="row">
  5330.                
  5331.                <div class="col-12 col-md-12 col-lg-6 col-xl-7 footer-col-left">
  5332.                    <div class="row">
  5333.                        
  5334.  
  5335.                        
  5336.                        <div class="col-footer col-12">
  5337.                        
  5338.                        <h3 class="foot-title dropdow-mb">
  5339.                            
  5340. <span>
  5341.  Support
  5342. </span>
  5343.  
  5344.                        </h3>
  5345.                        
  5346.  
  5347.                        <ul>
  5348.                            
  5349.                            <li>
  5350.                            <a href="/search" title="Search" class="foot-link">
  5351.                                
  5352. <span>
  5353.  Search
  5354. </span>
  5355.  
  5356.                            </a>
  5357.                            </li>
  5358.                            
  5359.                            <li>
  5360.                            <a href="/pages/contact-us" title="Contact Us" class="foot-link">
  5361.                                
  5362. <span>
  5363.  Contact Us
  5364. </span>
  5365.  
  5366.                            </a>
  5367.                            </li>
  5368.                            
  5369.                            <li>
  5370.                            <a href="/pages/amazon-affiliate-disclaimer" title="Amazon Affiliate Disclaimer" class="foot-link">
  5371.                                
  5372. <span>
  5373.  Amazon Affiliate Disclaimer
  5374. </span>
  5375.  
  5376.                            </a>
  5377.                            </li>
  5378.                            
  5379.                            <li>
  5380.                            <a href="/pages/ftc-affiliate-disclaimer" title="FTC Affiliate Disclaimer" class="foot-link">
  5381.                                
  5382. <span>
  5383.  FTC Affiliate Disclaimer
  5384. </span>
  5385.  
  5386.                            </a>
  5387.                            </li>
  5388.                            
  5389.                            <li>
  5390.                            <a href="/pages/backpack-questions-answered" title="Backpack Questions Answered" class="foot-link">
  5391.                                
  5392. <span>
  5393.  Backpack Questions Answered
  5394. </span>
  5395.  
  5396.                            </a>
  5397.                            </li>
  5398.                            
  5399.                            <li>
  5400.                            <a href="/policies/terms-of-service" title="Terms of Service" class="foot-link">
  5401.                                
  5402. <span>
  5403.  Terms of Service
  5404. </span>
  5405.  
  5406.                            </a>
  5407.                            </li>
  5408.                            
  5409.                            <li>
  5410.                            <a href="/policies/refund-policy" title="Refund policy" class="foot-link">
  5411.                                
  5412. <span>
  5413.  Refund policy
  5414. </span>
  5415.  
  5416.                            </a>
  5417.                            </li>
  5418.                            
  5419.                            <li>
  5420.                            <a href="/pages/privacy-policy" title="Privacy Policy" class="foot-link">
  5421.                                
  5422. <span>
  5423.  Privacy Policy
  5424. </span>
  5425.  
  5426.                            </a>
  5427.                            </li>
  5428.                            
  5429.                        </ul>
  5430.                        
  5431.                        </div>
  5432.                        
  5433.                    </div>
  5434.                </div>
  5435.                
  5436.                
  5437.                
  5438.                <div class="col-12 col-md-12 col-lg-6 col-xl-5 footer-col-right">
  5439.                    
  5440.                    <div class="footer-social">
  5441.                        
  5442.                        <h3 class="social-title foot-title">
  5443.                        
  5444. <span>
  5445.  Stay Connected
  5446. </span>
  5447.  
  5448.                        </h3>
  5449.                        
  5450.                        
  5451.                        <div class="groups-block">
  5452.                        
  5453.  
  5454.  
  5455. <ul class="social-icons">
  5456.  
  5457.  <li class="facebook">
  5458.    <a href="https://www.facebook.com/Backpacks4less" title="Facebook" target="_blank">
  5459.        
  5460.        <i class="fa fa-facebook fa-lg" aria-hidden="true"></i>
  5461.        
  5462.    </a>
  5463.  </li>
  5464.  
  5465.  
  5466.  <li class="twitter">
  5467.    <a href="https://twitter.com/@Backpacks4less" title="Twitter" target="_blank">
  5468.      <i class="fa fa-twitter fa-lg" aria-hidden="true"></i>
  5469.    </a>
  5470.  </li>
  5471.  
  5472.  
  5473.  
  5474.  
  5475.  
  5476.  <li class="instagram">
  5477.    <a href="http://instagram.com/Backpacks4Less/" title="Instagram" target="_blank">
  5478.      <i class="fa fa-instagram fa-lg" aria-hidden="true"></i>
  5479.    </a>
  5480.  </li>
  5481.  
  5482.  
  5483.  
  5484.  <li class="pinterest">
  5485.    <a href="https://www.pinterest.com/radiisouth0007/" title="Pinterest" target="_blank">
  5486.      <i class="fa fa-pinterest-p fa-lg" aria-hidden="true"></i>
  5487.    </a>
  5488.  </li>
  5489.  
  5490.    
  5491.  
  5492.  
  5493.  
  5494.  <li class="youtube">
  5495.    <a href="https://www.youtube.com/channel/UC_gK6IJOLCTieGUjUVsKWVg" title="YouTube" target="_blank">
  5496.      <i class="fa fa-youtube fa-lg" aria-hidden="true"></i>
  5497.    </a>
  5498.  </li>
  5499.  
  5500.  
  5501. </ul>
  5503.  
  5504.                        
  5505.                        <div class="fb-like-code">
  5506.                            
  5507. <span>
  5508.  <span>LIKE US <i>on </i> FACEBOOK</span>
  5509. </span>
  5510.                
  5511.                            <div id="fb-root"></div>
  5512. <script>(function(d, s, id) {
  5513.  var js, fjs = d.getElementsByTagName(s)[0];
  5514.  if (d.getElementById(id)) return;
  5515.  js = d.createElement(s); js.id = id;
  5516.  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
  5517.  fjs.parentNode.insertBefore(js, fjs);
  5518. }(document, 'script', 'facebook-jssdk'));</script>
  5519. <div class="fb-like" data-href="https://www.facebook.com/Backpacks4less/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
  5520.                        </div>
  5521.                        
  5522.                        </div>
  5523.                    </div>
  5524.                    
  5525.                
  5526.                    
  5527.                    <div class="footer-newsletter">
  5528.                        
  5529.                        <h3 class="newsletter-title foot-title">
  5530.                        
  5531. <span>
  5532.  Sign up for our Newsletter
  5533. </span>
  5534.  
  5535.                        </h3>
  5536.                        
  5537.  
  5538.                        
  5539.                            <p class="newsletter-des">
  5540.                                
  5541. <span>
  5542.  Stay up to date with the latest trends, products and promotions.
  5543. </span>
  5544.  
  5545.                            </p>
  5546.                        
  5547.                        
  5548.                        <section class="newsletter">
  5549.  <div class="block-content">
  5550.    
  5551.  
  5552.  
  5553. <form method="post" action="/contact" id="contact_form" accept-charset="UTF-8" class="input-group"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
  5554.    <input type="hidden" name="contact[tags]" value="newsletter">
  5555.  
  5556.    <input class="input-group-field" type="email" name="contact[email]" data-translate="general.newsletter_form.newsletter_text" translate-item="placeholder" aria-label="Email Address" placeholder="enter your email address" required="required">
  5557.    <input class="btn" type="submit" value="Submit"></form>
  5558.  </div>
  5559. </section>
  5560.  
  5561.                    </div>
  5562.                    
  5563.                </div>
  5564.                
  5565.            </div>    
  5566.        </div>
  5567.    </div>
  5568.    
  5569.    
  5570.    
  5571.    <div class="footer-bottom">
  5572.        <div class="container">
  5573.            
  5574.  
  5575.            
  5576.            <address>
  5577.                
  5578.                <div class="lang1">
  5579.                © 2019 BACKPACK4LESS.COM  All Rights Reserved.
  5580.                </div>
  5581.                <div class="lang2">
  5582.                © 2019 BACKPACK4LESS.COM  All Rights Reserved.
  5583.                </div>
  5584.                
  5585.            </address>
  5586.  
  5587.            
  5588.  
  5589.            
  5590.            
  5591.            
  5592.  
  5593.            
  5594.        </div>
  5595.    </div>
  5596.    
  5597. </footer>
  5598.  
  5599.  
  5600.  
  5601. </div>
  5602.        
  5603.  
  5604.        
  5605.        <div class="footbar-fixed">
  5606.            <div id="shopify-section-someone-purchased" class="shopify-section">
  5607.  
  5608. <style>
  5609. @media (min-width: 1200px) {
  5610.    .product-notification{
  5611.        
  5612.        left: 15px;
  5613.        
  5614.    }
  5615. }
  5616. </style>
  5617.  
  5618.  
  5619.  
  5620.  
  5621.  
  5622.  
  5623.  
  5624.  
  5625. <style>
  5626.    @media (max-width: 767px) {
  5627.        .product-notification {
  5628.            display:none;
  5629.        }
  5630.    }
  5631. </style>
  5632. </div>
  5633.            <div id="shopify-section-GDPR-modal" class="shopify-section">
  5634.  
  5635.  
  5636.  
  5637.  
  5638.  
  5639.  
  5640. </div>
  5641.        </div>
  5642.        
  5643.                    
  5644.        <div id="back-top" style="display: none;">
  5645.            <a class="nav_up" href="#top" title="Back to top">
  5646.                <i class="fa fa-angle-up" aria-hidden="true"></i>
  5647.            </a>
  5648.        </div>  
  5649.    </div>
  5650.  
  5651.      
  5652.    
  5653.    <!-- Footer scripts -->
  5654. <script src="//www.backpacks4less.com/cdn/shop/t/3/assets/vendor.min.js?v=17695865373834453841577723186" defer></script>
  5655. <script src="//www.backpacks4less.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" async></script>
  5656. <script src="//www.backpacks4less.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" async></script>
  5657.  
  5658. <script src="//www.backpacks4less.com/cdn/s/javascripts/currencies.js" type="text/javascript"></script>
  5659. <script src="//www.backpacks4less.com/cdn/shop/t/3/assets/jquery.currencies.min.js?v=93165953928473677901577723178" type="text/javascript"></script>
  5660.  
  5661. <script>      
  5662.    // Pick your format here:  
  5663.    // Can be 'money_format' or 'money_with_currency_format'
  5664.    Currency.format = 'money_format';
  5665.  
  5666.    var shopCurrency = 'USD';
  5667.  
  5668.    /* Sometimes merchants change their shop currency, let's tell our JavaScript file */
  5669.    Currency.moneyFormats[shopCurrency].money_with_currency_format = "${{amount}} USD";
  5670.    Currency.moneyFormats[shopCurrency].money_format = "${{amount}}";
  5671.  
  5672.    var cookieCurrency = Currency.cookie.read();
  5673.  
  5674.    // Fix for customer account pages
  5675.    $('span.money span.money').each(function() {
  5676.        $(this).parent('span.money').removeClass('money');
  5677.    });
  5678.  
  5679.    // Add precalculated shop currency to data attribute
  5680.    $('span.money').each(function() {
  5681.        $(this).attr('data-currency-USD', jQuery(this).html());
  5682.    });
  5683.  
  5684.        // Select all your currencies buttons.
  5685.    var currencySwitcher = $('#currencies'),
  5686.        currencyItem = currencySwitcher.find('[data-currency]');
  5687.  
  5688.    // When the page loads.
  5689.    if (cookieCurrency == null || cookieCurrency == shopCurrency) {
  5690.        Currency.currentCurrency = shopCurrency;
  5691.    }
  5692.    else {
  5693.        Currency.currentCurrency = cookieCurrency;
  5694.        currencySwitcher.find('.active').removeClass('active').parent().find('[data-currency=' + Currency.currentCurrency + ']').addClass('active');
  5695.        Currency.convertAll(shopCurrency, cookieCurrency);
  5696.    };
  5697.        
  5698.    currencyItem.on('click', function(e) {
  5699.        e.preventDefault();
  5700.        
  5701.        if($(this).hasClass('active')) return false;
  5702.        
  5703.        currencyItem.removeClass('active');
  5704.        
  5705.        $(this).addClass('active');
  5706.        
  5707.        var label = $('#currencies').prev('[data-currency-label]');
  5708.        
  5709.        if(label.length && label.is(':visible')) {
  5710.        var item = $(this).html();
  5711.        
  5712.        label.html(item);
  5713.        
  5714.        currencySwitcher.slideUp(300);
  5715.        };
  5716.        
  5717.        var cur = $(this).attr('data-currency');
  5718.        
  5719.        cur != Currency.currentCurrency && Currency.convertAll(Currency.currentCurrency, cur);
  5720.    });
  5721.  
  5722.    $('body').on('refreshCurrency', function() {
  5723.        Currency.convertAll(shopCurrency, jQuery("#currencies .active").attr('data-currency'));
  5724.    });      
  5725. </script>
  5726.  
  5727. <script src="//www.backpacks4less.com/cdn/shop/t/3/assets/jquery.sticky.js?v=37981688503634007831577723179" defer></script>
  5728. <script src="//www.backpacks4less.com/cdn/shop/t/3/assets/ella.min.js?v=2833893520955643811577723169"></script>
  5729. <!-- <script src="//www.backpacks4less.com/cdn/shop/t/3/assets/halo.js?v=49626576727702783791577723171"></script> -->
  5730.  
  5731.    
  5732.    
  5733.  
  5734.  
  5735.    <script src="https://cdnjs.cloudflare.com/ajax/libs/template7/1.4.0/template7.js"></script>
  5736.  
  5737. <script>
  5738.    (function ($) {
  5739.        var pluginName = 'Search',
  5740.        namespace = 'plugin_' + pluginName;
  5741.  
  5742.        function Plugin(element) {
  5743.            this.headerSearch = $(element);
  5744.            this.headerSearchForm = this.headerSearch.find('.header-search__form');
  5745.            this.headerInput = this.headerSearch.find('.header-search__input');
  5746.            this.headerSearchResults = this.headerSearch.find('.header-search__results-wrapper');
  5747.            this.searchResultsTemplate = Template7.compile($('#search-results-template').html());
  5748.            this.PopularProducts = this.headerSearch.find(".header-search__product");
  5749.            this.searchMode = "product";
  5750.            this.searchTrending = $(".quickSearchResultsWrap .header-search__trending .item");
  5751.            this.trending = $(".header-search__trending");
  5752.            this.searchWrapper = this.headerSearch.find('.quickSearchResultsWrap');
  5753.  
  5754.            this.headerInput.focus(function(e){
  5755.                e.stopPropagation();
  5756.                
  5757.                $(this).closest('.header-search').find('.quickSearchResultsWrap').show();
  5758.            });
  5759.  
  5760.            $(document).mouseup(function (e) {
  5761.                var container = $(".search-form");
  5762.  
  5763.                if (!container.is(e.target) && container.has(e.target).length === 0){
  5764.                    container.find('.quickSearchResultsWrap').hide();
  5765.                }
  5766.            });
  5767.  
  5768.            this.headerInput.on('focusin', $.proxy(this._focusin, this));
  5769.  
  5770.  
  5771.            this.headerInput.on('keyup', $.proxy(this._initSearch, this));
  5772.        };
  5773.  
  5774.        Plugin.prototype._initSearch = function(event) {
  5775.            var target = $(event.currentTarget);
  5776.  
  5777.            if ((event.keyCode ? event.keyCode : event.which) != 13) {
  5778.                clearTimeout(target.data('timeout'));
  5779.                target.data('timeout', setTimeout($.proxy(this._doSearch, this), 250));
  5780.            }
  5781.        };
  5782.  
  5783.        Plugin.prototype._doSearch = function(event) {
  5784.  
  5785.            if (this.headerInput.val().trim() === '') {
  5786.                this.headerSearchResults.empty();
  5787.                this.searchTrending.show();
  5788.                this.PopularProducts.show();
  5789.                this.searchWrapper.show();
  5790.                this.trending.show();
  5791.  
  5792.                return;
  5793.            }
  5794.            else {
  5795.                this.headerSearchResults.html(this.searchResultsTemplate({is_loading: true}));
  5796.            }
  5797.  
  5798.            if (this.headerInput.val().length > 2) {
  5799.                this.searchWrapper.hide();
  5800.                this._doCompleteSearch();
  5801.            }
  5802.            else {
  5803.                this.headerSearchResults.html(this.searchResultsTemplate({is_show: false}));
  5804.                this.searchTrending.show();
  5805.                this.PopularProducts.show();
  5806.                this.searchWrapper.show();
  5807.            }
  5808.  
  5809.            if(this.searchTrending.css('display') == 'none') {
  5810.                this.trending.hide();
  5811.            } else {
  5812.                this.trending.show();
  5813.            }
  5814.        };
  5815.  
  5816.        Plugin.prototype._doCompleteSearch = function(event) {
  5817.            var self = this;
  5818.  
  5819.            $.ajax({
  5820.                method: 'GET',
  5821.                url: '/search?view=json',
  5822.                dataType: 'json',
  5823.                data: {
  5824.                    q: this.headerInput.val() + '*',
  5825.                    type: this.searchMode
  5826.                }
  5827.            }).then(function(data) {
  5828.  
  5829.                self.headerSearchResults.html(self.searchResultsTemplate({
  5830.                    is_show: true,
  5831.                    is_loading: false,
  5832.                    results: data['results'],
  5833.                    has_results: (data['results'].length > 0),
  5834.                    results_count: data['results_count'],
  5835.                    results_label: data['results_label'],
  5836.                    results_url: (data['url'] + '&type=' + self.searchMode)
  5837.                }));
  5838.  
  5839.                self.PopularProducts.hide();
  5840.  
  5841.  
  5842.                var value = self.headerInput.val().toLowerCase();
  5843.                if (data && data.length) {
  5844.                    self.searchTrending.filter(function(e) {
  5845.                        $(this).toggle($(this).find('.highlight span').text().toLowerCase().indexOf(value) > -1);
  5846.                    });
  5847.                    self.trending.show();
  5848.                }
  5849.                else {
  5850.                    self.trending.hide();
  5851.                }
  5852.  
  5853.                self.searchWrapper.show();
  5854.            });
  5855.        };
  5856.  
  5857.        $.fn[pluginName] = function(options) {
  5858.            var method = false,
  5859.            methodArgs = arguments;
  5860.  
  5861.            if (typeof options == 'string') {
  5862.                method = options;
  5863.            }
  5864.  
  5865.            return this.each(function() {
  5866.                var plugin = $.data(this, namespace);
  5867.  
  5868.                if (!plugin && !method) {
  5869.                    $.data(this, namespace, new Plugin(this, options));
  5870.                } else if (method) {
  5871.                    callMethod(plugin, method, Array.prototype.slice.call(methodArgs, 1));
  5872.                }
  5873.            });
  5874.        };
  5875.    }(jQuery));
  5876.  
  5877.    $(function() {
  5878.        $('[data-ajax-search]').Search();
  5879.    });
  5880. </script>
  5881.  
  5882.    
  5883.    
  5884.    <div id="dropdown-customer" class="ct_login">  
  5885.  <div class="customer-title">
  5886.    <a href="javascript:void(0)" title="Close" class="close-customer close">
  5887.      <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  5888.      <span data-translate="cart.general.close_cart">
  5889.        Close
  5890.      </span>
  5891.    </a>
  5892.    
  5893.    <h5 data-translate="customer.login.title">
  5894.      Customer Login:
  5895.    </h5>
  5896.    
  5897.  </div>
  5898.  
  5899.  <div class="customer-content">
  5900.    
  5901.    <div class="customer-inner login-customer">
  5902.      <form accept-charset="UTF-8" action="/account/login" method="post">
  5903.        <input name="form_type" type="hidden" value="customer_login" />
  5904.        <input name="utf8" type="hidden" value="✓" />
  5905.  
  5906.        <div class="ct-login">
  5907.          <div class="form-group">
  5908.            <label for="customer_email">
  5909.              <span data-translate="customer.login.email">
  5910.                Email Address
  5911.              </span>
  5912.              <em>*</em>
  5913.            </label>
  5914.            <input class="form-control" type="email" value="" name="customer[email]" placeholder="Email Address" >
  5915.          </div>
  5916.          <div class="form-group">
  5917.            <label for="customer_password">
  5918.              <span data-translate="customer.login.password">
  5919.                Password
  5920.              </span>
  5921.              <em>*</em>
  5922.            </label>
  5923.            <input class="form-control" type="password" value="" placeholder="Password" name="customer[password]" >
  5924.          </div>
  5925.  
  5926.          <div class="action-btn">
  5927.            <input type="submit" class="btn btn-login" data-translate="customer.login.login" value="Login">
  5928.            <a class="text-hover forgot-password" href="/account/login#recover" data-translate="customer.login.forgot_password">
  5929.              Forgot your password?
  5930.            </a>
  5931.          </div>
  5932.        </div>
  5933.  
  5934.        <div class="ct-register">
  5935.          <a href="/account/register" class="btn btn-register" data-translate="customer.register.title">
  5936.            Create An Account
  5937.          </a>
  5938.        </div>
  5939.      </form>
  5940.    </div>
  5941.    
  5942.  </div>
  5943. </div>
  5944.  
  5945.    
  5946.  
  5947.    
  5948. <div class="modal fade halo_modal-custom" id="size_chart" role="dialog">
  5949.    <div class="modal-dialog modal-dialog-centered">
  5950.        <div class="modal-content">
  5951.            <div class="modal-header">
  5952.                
  5953.                <h5 class="modal-title">
  5954.                    
  5955. <span>
  5956.  Size Chart
  5957. </span>
  5958.  
  5959.                </h5>
  5960.                
  5961.                
  5962.                <a data-dismiss="modal" class="close close-modal" title="Close" href="javascript:void(0)">
  5963.                    <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  5964.                </a>
  5965.            </div>
  5966.        
  5967.            <div class="modal-body">
  5968.                <div class="size-chart-img">
  5969.                    
  5970.                    <img src="//www.backpacks4less.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12_1024x1024.gif" alt="Size Chart"/>
  5971.                                  
  5972.                </div>
  5973.            </div>
  5974.        </div>
  5975.    </div>
  5976. </div>
  5977.  
  5978.        
  5979.    <div class="loading-modal modal"><div></div><div></div><div></div><div></div></div>
  5980.  
  5981. <div class="ajax-lookbook-modal">
  5982.    <div class="overlay"></div>
  5983.    <div class="ajax-modal-content">
  5984.        <a href="javascript:void(0)" data-close-lookbook-modal class="close close-modal">
  5985.        <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  5986.        </a>
  5987.        <div class="lookbook-content"></div>
  5988.    </div>  
  5989. </div>
  5990.  
  5991. <div class="ajax-error-modal modal">
  5992.    <div class="modal-inner">
  5993.        <div class="ajax-error-message"></div>
  5994.    </div>
  5995. </div>
  5996.  
  5997. <div class="ajax-success-modal halo-modal" data-ajax-cart-success>
  5998.    <div class="modal-overlay">
  5999.        <div class="halo-modal-content">
  6000.            <a class="close close-modal" title="Close">
  6001.                <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  6002.            </a>
  6003.            
  6004.            <div class="halo-modal-body">
  6005.                
  6006.                <div class="cart-popup-content"></div>
  6007.                <div class="cart-popup-coll-related"></div>
  6008.  
  6009.                
  6010.            </div>
  6011.        </div>    
  6012.  </div>
  6013. </div>
  6014.  
  6015.  
  6016. <div class="ajax-success-modal halo-modal ajax-quickview" data-quickview-modal>
  6017.    <div class="modal-overlay">
  6018.        <div class="halo-modal-content">
  6019.            <a class="close close-modal" title="Close">
  6020.                <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  6021.            </a>
  6022.            
  6023.            <div class="halo-modal-body"></div>
  6024.        </div>    
  6025.    </div>
  6026. </div>
  6027.  
  6028.  
  6029.  
  6030. <div class="newsletter-success-modal">
  6031.    <div class="modal-overlay"></div>
  6032.        <div class="halo-modal-content">
  6033.            <a class="close close-modal" title="Close">
  6034.                <svg aria-hidden="true" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-2x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
  6035.            </a>
  6036.            
  6037.            <div class="halo-modal-body">
  6038.                <i class="fa fa-check" aria-hidden="true"></i>
  6039.                <span>You have successfully subscribed!</span>
  6040.            </div>
  6041.        </div>    
  6042.    
  6043. </div>
  6044.  
  6045.  
  6046.    
  6047.          
  6048.    
  6049.    
  6050.    
  6051.    <div class="wrapper-overlay"></div>
  6052. <script src="//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23" type="text/javascript"></script>
  6053.  
  6054. <!-- MAGISTO CHANGE THEME START -->
  6055.  
  6056.  
  6057.  <meta id="magistovideo_product_featured_image" content="//www.backpacks4less.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12" />
  6058.  
  6059.  
  6060.  <meta id="magistovideo_featured_main_image" content="//www.backpacks4less.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12_" />
  6061.  <meta id="magistovideo_enabled" content="1" />
  6062.  <meta id="magistovideo_selector" content="" />
  6063.  
  6064.  <script>var magisto_server = 'www.magisto.com';</script>
  6065.  
  6066.  <style type="text/css">
  6067.  .product-gallery .main a { display: block }
  6068.  .product-single__image-wrapper iframe, .product-single .product-single__featured-image-wrapper .product-single__photos iframe { position: absolute !important; top: 0; left: 0; width: 100%; }
  6069.  .product-single__photo:not(#ProductPhoto):not(#FeaturedImageZoom-product-template) iframe,
  6070.  .product-single__photo--flex > .product-single__photo--container > .product-single__photo-wrapper iframe,
  6071.  .product__image-wrapper iframe, #slider-product-template .flex-viewport .slide iframe,
  6072.  #shopify-section-product-template .product .product__photo .product__photo--single iframe { position: absolute; top: 0; left: 0; right: 0 }
  6073.  #image-block .flexslider .slides > li {height: auto !important;}
  6074.  .video-container iframe { position: relative; top: auto; left: auto; height: auto; }
  6075.  #magistovideo_video { width: 100% !important; left: auto !important; right: auto !important; top: auto !important; margin: 0 !important; padding: 0 !important; height: auto !important; }
  6076.  #ProductThumbs .product-single__thumbnail { position: relative }
  6077.  .product-slideshow > .product-slideshow__content .product-slideshow__slide iframe { position: relative; top: 50%; transform: translateY(-50%); }
  6078.  .product-slideshow { z-index: 99999 }
  6079.  .product__photo--single .video-wrapper, .product-single__photos .video-wrapper { position: static !important; padding: 0 !important; }
  6080.  </style>
  6081.  
  6082. <!-- MAGISTO CHANGE THEME END -->
  6083. </body>
  6084. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda