{"data":{"page":{"vanityUrl":"pdp/hp-campus-blue-backpack","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"Volume","tooltip":"","value":[{"value":["17 L"]}]},{"name":"Padding Material","tooltip":"","value":[{"value":["PE foam"]}]},{"name":"Interior Lining Material","tooltip":"","value":[{"value":["100% polyester"]}]},{"name":"Carrying Strap","tooltip":"","value":[{"value":["Padded<br/> Shoulder<br/> Trolley"]}]},{"name":"Compartments","tooltip":"","value":[{"value":["Laptop<br/> Document<br/> Main<br/> Accessories"]}]},{"name":"Pockets","tooltip":"","value":[{"value":["Accessories<br/> 2 Quick access<br/> 2 Water bottle / umbrella"]}]},{"name":"Travel Features","tooltip":"","value":[{"value":["Trolley pass-through<br/> Padded back panel<br/> Padded air mesh panel<br/> Rain hood"]}]},{"name":"Security Features","tooltip":"","value":[{"value":["Lockable zippers<br/> Puncture-proof zippers<br/> Padded laptop pocket"]}]},{"name":"Closing System","tooltip":"","value":[{"value":["Double-coil zipper"]}]},{"name":"Color","tooltip":"","value":[{"value":["Blue<br/> Lime"]}]},{"name":"Sustainable Impact Specifications","tooltip":"","value":[{"value":["50% post-consumer recycled plastic<br/> LDPE bag contains 100% recycled plastic<br/> Hanger tag is made from 100% recycled paper stock<a class='footerLink' href='#disclaimerTabs'>[1]</a>"]}]},{"name":"What's in the box","tooltip":"","value":[{"value":["Backpack"]}]},{"name":"Compatibility\n","tooltip":"","value":[{"value":["Fits most 15.6-inch diagonal laptops"]}]},{"name":"Dimensions (W X D X H)","tooltip":"","value":[{"value":["11.61 x 7.28 x 17.13 in"]}]},{"name":"Weight","tooltip":"","value":[{"value":["1.08 lb"]}]},{"name":"Warranty","tooltip":"","value":[{"value":["HP three-year limited warranty"]}]}],"datasheets":[],"translations":{"technical_details":"Specs","see_complete_specs":"See complete specs","see_less_specs":"See less specs","technicalDetails":"Technical Specs"}},"exclusiveFeatures":null,"pdpAccessories":{"products":{}},"pdpRichContent":{"featuresContent":[{"value":[{"html":"<style>\r\n    .CBB-wrapper{\r\n    max-width: 1600px;\r\n    margin: auto;\r\n    counter-reset: item;\r\n}\r\n.CBB-sub-wrapper_1, .CBB-sub-wrapper_2, .CBB-sub-wrapper_3, .CBB-sub-wrapper_4{\r\n    width: 100%;\r\n    display: flex;\r\n    overflow: hidden;\r\n    max-height: 60rem;\r\n}\r\n.CBB-sub-wrapper_2, .CBB-sub-wrapper_4{\r\n    flex-direction: column;\r\n}\r\n.CBB-sub-wrapper_1 .CBB-subcon_2{\r\n    padding-left: 45px;\r\n}\r\n    .CBB-foot-fnotes {\r\n        counter-reset: item;\r\n    }\r\n.CBB-foot-fnotes ol li{\r\n     counter-increment: item;\r\n}\r\n    .CBB-foot-fnotes ol li {\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n    color: #9b978c;\r\n    padding: 9px 6px;\r\n}\r\n.CBB-foot-fnotes ol li:before {\r\nmargin-right: 10px;\r\n        content: counter(item);\r\n        border-radius: 100%;\r\n        color: rgb(166 151 140);\r\n        width: 1.2em;\r\n        text-align: center;\r\n        display: inline-block;\r\n }\r\n.CBB-sub-wrapper_1 .CBB-subcon_1, .CBB-sub-wrapper_1 .CBB-subcon_2, .CBB-sub-wrapper_3 .CBB-subcon_1, .CBB-sub-wrapper_3 .CBB-subcon_2{\r\n    width: 50%;\r\n}\r\n.CBB-sub-wrapper_2 .CBB-subcon_1, .CBB-sub-wrapper_2 .CBB-subcon_2, .CBB-sub-wrapper_4 .CBB-subcon_1, .CBB-sub-wrapper_4 .CBB-subcon_2{\r\n    width: 100%;\r\n}\r\n.CBB-sub-wrapper_1 .CBB-subcon_1, .CBB-sub-wrapper_2 .CBB-subcon_1, .CBB-sub-wrapper_3 .CBB-subcon_1, .CBB-sub-wrapper_4 .CBB-subcon_1{\r\n    background-color: #f4eddd;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n.CBB-sub-wrapper_1 .CBB-subcon_2, .CBB-sub-wrapper_2 .CBB-subcon_2, .CBB-sub-wrapper_3 .CBB-subcon_2, .CBB-sub-wrapper_4 .CBB-subcon_2{\r\n    background-color: #e6e6e6;\r\n    padding-top: 20px;\r\n}\r\n.CBB-sub-wrapper_3 .CBB-subcon_1{\r\n    width: 40%;\r\n}\r\n.CBB-sub-wrapper_3 .CBB-subcon_2{\r\n    width: 60%;\r\n}\r\n.CBB-wrapper .CBB-subcon-inner{\r\n    width: 100%;\r\n}\r\n.CBB-mobile-backpack{\r\n    display: none;\r\n}\r\n.CBB-wrapper h3{\r\n    font-size: clamp(1.5rem, 0.7045rem + 4.5455vw, 5.25rem);\r\n    line-height: 1;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    padding: 25px 0 30px 25px;\r\n}\r\n.CBB-wrapper p{\r\n    font-size: clamp(1.125rem, 0.8864rem + 1.3636vw, 2.25rem);\r\n    line-height: 1.4;\r\n    margin: 0;\r\n    padding: 20px 30px;\r\n}\r\n.CBB-wrapper hr{\r\n    height: 2px;\r\n    background-color: #000;\r\n    margin-top: 0;\r\n\r\n}\r\n.CBB-wrapper .CBB-sub-wrapper_1{\r\n    height: 1000px;\r\n    overflow: hidden;\r\n}\r\n.CBB-sub-wrapper_1 .CBB-subcon-inner img{\r\n    width: 100px;\r\n    height: auto;\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 30px;\r\n}\r\n.CBB-sub-wrapper_2 .CBB-subcon_1 h3{\r\n    width: 75%;\r\n    display: inline-block;\r\n}\r\n.CBB-sub-wrapper_2 .CBB-subcon_1 img{\r\n    float: right;\r\n    width: 100px;\r\n    height: auto;\r\n    padding: 25px 25px 0;\r\n}\r\n.CBB-bag-dimen-sec{\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n.CBB-BD-flex-1{\r\n    width: 40%;\r\n    text-align: center;\r\n}\r\n.CBB-BD-flex-1 img{\r\n    width: 75%;\r\n    height: auto;\r\n    text-align: center;\r\n}\r\n.CBB-BD-flex-2{\r\n    width: 30%;\r\n    text-align: center;\r\n    position: relative;\r\n}\r\n.CBB-BD-flex-2 img{\r\n    width: 75%;\r\n    height: auto;\r\n    padding-top: 25px;\r\n}\r\n.CBB-bag-dimen-sec{\r\n    padding-bottom: 20px;\r\n}\r\n.CBB-BD-flex-3{\r\n    width: 30%;   \r\n    text-align: center;\r\n}\r\n.CBB-BD-flex-3 img{\r\n    padding-top: 5rem;\r\n    width: 50%;\r\n    height: auto;\r\n}\r\n\r\n.CBB-BD-flex-1 hr {\r\n    width: 56%;\r\n    margin:auto;\r\n}\r\n.hr-highlight-1 hr {\r\n    width: 42%;\r\n    left: 35px;\r\n    position: relative;\r\n    margin:auto;\r\n}\r\n.hr-highlight-2{\r\n    height: 77%;;\r\n    width: .1vw;\r\n    border-width: 0;\r\n    background-color: #040404;\r\n    float: right;\r\n    margin-top: 60px;\r\n}\r\n.CBB-BD-flex-1 small{\r\n    font-size: 20px;\r\n}\r\n.CBB-BD-flex-1 small span{\r\n    font-size: 16px;\r\n}\r\n.CBB-BD-flex-2 small{\r\n    font-size: 20px;\r\n    padding-left: 58px;\r\n}\r\n.CBB-BD-flex-2 small span{\r\n    font-size: 16px;\r\n}\r\n.CBB-recycled{\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding: 10px 30px;\r\n}\r\n.CBB-recycled img{\r\n    width: 50px;\r\n    height: auto;\r\n    }\r\n.CBB-Notes{\r\n    position: absolute;\r\n    bottom: 20px;\r\n    padding: 0 25px 0 30px;\r\n}\r\n.CBB-Notes ol li{\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n    color: #9b978c;\r\n}\r\n.CBB-sub-wrapper_4 .CBB-subcon_1 h3 {\r\n    width: 80%;\r\n    display: inline-block;\r\n}\r\n.CBB-sub-wrapper_4 .CBB-subcon_1 img {\r\n    float: right;\r\n    width: 100px;\r\n    height: auto;\r\n    padding: 25px 25px 0;\r\n}\r\n.CBB-sub-wrapper_4 .CBB-subcon_2{\r\n    text-align: center;\r\n}\r\n.CBB-sub-wrapper_4 .CBB-subcon_2 img{\r\n    width: 70%;\r\n    margin-top: -50px;\r\n}\r\n.CBB-sub-wrapper_4 .CBB-subcon_2{\r\n    position: relative;\r\n    z-index: 0;\r\n    margin-top: -86px;\r\n}\r\ndiv.CBB-flt-txts p:nth-child(1) {\r\n    top: 20.7%;\r\n    left: 61%;\r\n}\r\ndiv.CBB-flt-txts p:nth-child(2) {\r\n    top: 39.8%;\r\n    left: 61%;\r\n}\r\ndiv.CBB-flt-txts p:nth-child(3) {\r\n    top: 54.4%;\r\n    left: 61%;\r\n}\r\ndiv.CBB-flt-txts p:nth-child(4) {\r\n    top: 67.3%;\r\n    left: 61%;\r\n}\r\ndiv.CBB-flt-txts p:nth-child(5) {\r\n    top: 81%;\r\n    left: 61%;\r\n}\r\nsup {\r\n    position: relative;\r\n    font-size: 64%;\r\n    top: 2px;\r\n    vertical-align: text-top;\r\n}\r\n.CBB-float-mes{\r\n    position: absolute;\r\n    right: -20%;\r\n    top: 50%;\r\n    text-align: left;\r\n}\r\n.CBB-float-mes small{\r\n    font-size: 20px;\r\n    padding-left: 0px;\r\n}\r\n.CBB-float-mes small span{\r\n    font-size: 16px;\r\n}\r\n\r\n    .CBB-sub-wrapper_1 .CBB-subcon_2 img, .CBB-sub-wrapper_3 .CBB-subcon_2 img{\r\n        width: 106%;\r\n    }\r\n    .CBB-sub-wrapper_1, .CBB-sub-wrapper_2, .CBB-sub-wrapper_3, .CBB-sub-wrapper_4{\r\n        max-height: 60rem;\r\n        margin-bottom: 20px;\r\n    }\r\n    .CBB-floating-txt-sec .CBB-flt-txts{\r\n        position: absolute;\r\n        width: 70%;\r\n        height: 630px;\r\n        left: 50%;\r\n        top: 0px;\r\n        transform: translate(-50%, 0%);\r\n        text-align: left;\r\n    }\r\n    .CBB-floating-txt-sec p{\r\n        position: absolute;\r\n        font-size: 24px;\r\n    }\r\n    .CBB-mobile-flt-txts{\r\n        display: none;\r\n    }\r\n    .CBB-foot-fnotes{\r\n        position: absolute;\r\n        bottom: 0px;\r\n        padding: 0 25px 0 5px;\r\n    }\r\n    .CBB-foot-fnotes ol li{\r\n        font-size: 16px;\r\n        line-height: 1.4;\r\n        color: #9b978c;\r\n        padding: 20px 20px;\r\n\r\n    }\r\n@media (max-width: 1600px){\r\n     div.CBB-flt-txts p:nth-child(1) {\r\n        top: 7vw;\r\n        left: 42.5vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(2) {\r\n        top: 14.8vw;\r\n        left: 42.5vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(3) {\r\n        top: 20.4vw;\r\n        left: 42.5vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(4) {\r\n        top: 25.7vw;\r\n        left: 42.5vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(5) {\r\n        top: 31vw;\r\n        left: 42.5vw;\r\n    }\r\n    .hr-highlight-2 {\r\n        height: 30vw;\r\n    }\r\n}\r\n@media (max-width:1440px){\r\n    .CBB-sub-wrapper_1 .CBB-subcon_2 img, .CBB-sub-wrapper_3 .CBB-subcon_2 img {\r\n        width: 95%;\r\n        padding-left: 8%;\r\n    }\r\n    .CBB-wrapper .CBB-sub-wrapper_1 {\r\n        height: 55rem;\r\n    }   \r\n    .CBB-sub-wrapper_1, .CBB-sub-wrapper_2, .CBB-sub-wrapper_3, .CBB-sub-wrapper_4 {\r\n        max-height: 55rem;\r\n    }\r\n    .hr-highlight-2 {\r\n        height: 30vw;\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_1 img {\r\n        width: 85px;\r\n    }\r\n    .CBB-sub-wrapper_2 .CBB-subcon_1 img {\r\n        width: 85px;\r\n    }\r\n    .CBB-sub-wrapper_1 .CBB-subcon-inner img {\r\n        width: 85px;\r\n    }\r\n    .CBB-sub-wrapper_1 .CBB-subcon_2 {\r\n        padding-left: 0px;\r\n    }\r\n}\r\n@media (max-width: 1380px){\r\n    .CBB-sub-wrapper_1 .CBB-subcon_2 {\r\n        padding-left: 0px;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(2) {\r\n        top: 13.8vw;\r\n        left: 42.5vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(3) {\r\n        top: 19.4vw;\r\n        left: 42.5vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(4) {\r\n        top: 23.4vw;\r\n        left: 42.5vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(5) {\r\n        top: 29.5vw;\r\n        left: 42.5vw;\r\n    }\r\n\r\n    .CBB-sub-wrapper_2 .CBB-subcon_1 img {\r\n               width: 80px;\r\n        padding: 28px 25px 0;\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_1 img{\r\n        width: 80px;\r\n        padding: 28px 25px 0;\r\n    }\r\n    .CBB-sub-wrapper_1 .CBB-subcon-inner img{\r\n        width: 70px;\r\n    }\r\n    .CBB-sub-wrapper_1, .CBB-sub-wrapper_3, .CBB-sub-wrapper_4 {\r\n        max-height: 48rem;\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_2 {\r\n    position: relative;\r\n    z-index: 0;\r\n    margin-top: -30px;\r\n}\r\n}\r\n\r\n@media (max-width: 1140px){\r\n    .CBB-wrapper {\r\n    .CBB-sub-wrapper_1, .CBB-sub-wrapper_3 {\r\n        height: 39rem;\r\n    }\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_2{\r\n        margin: 0;\r\n    }\r\n    .CBB-float-mes {\r\n        position: absolute;\r\n        right: -7vw;\r\n    }\r\n    div.CBB-flt-txts p{\r\n        font-size: 20px;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(1) {\r\n        top: 6vw;\r\n        left: 42vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(2) {\r\n        top: 13vw;\r\n        left: 42vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(3) {\r\n        top: 18.6vw;\r\n        left: 42vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(4) {\r\n        top: 22.8vw;\r\n        left: 42vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(5) {\r\n        top: 28.5vw;\r\n        left: 42vw;\r\n    }\r\n}\r\n@media (max-width: 940px){\r\n    .CBB-recycled img {\r\n        width: 30px;\r\n        height: auto;\r\n    }\r\n    .CBB-recycled {\r\n        gap: 5px;\r\n    }    \r\n    .CBB-wrapper h3 {\r\n        padding: 20px 25px;\r\n    }\r\n    .CBB-wrapper .CBB-sub-wrapper_1 {\r\n        height: 35rem;\r\n    }\r\n    .CBB-sub-wrapper_2 .CBB-subcon_1 h3 {\r\n        width: 100%;\r\n        padding: 20px 25px;\r\n    }\r\n    .CBB-sub-wrapper_2 .CBB-subcon_1 img {\r\n        width: 55px;\r\n        padding: 15px 25px 0;\r\n    }\r\n    .CBB-sub-wrapper_1 .CBB-subcon-inner img{\r\n        width: 55px;\r\n    }\r\n    .CBB-float-mes {\r\n        position: absolute;\r\n        right: -9vw;\r\n    }\r\n    .hr-highlight-2 {\r\n        height: 30vw;\r\n        margin-top: 5vw;\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_1 h3 {\r\n        width: 74%;\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_1 img {\r\n        width: 55px;\r\n        padding: 14px 25px 0;\r\n    }\r\n    .CBB-floating-txt-sec .CBB-flt-txts {\r\n        width: 90%;\r\n    }\r\n    div.CBB-flt-txts p{\r\n        font-size: 18px;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(1) {\r\n        top: 4.2vw;\r\n        left: 50vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(2) {\r\n        top: 12vw;\r\n        left: 50vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(3) {\r\n        top: 17.4vw;\r\n        left: 50vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(4) {\r\n        top: 22.9vw;\r\n        left: 50vw;\r\n    }\r\n    div.CBB-flt-txts p:nth-child(5) {\r\n        top: 28.2vw;\r\n        left: 50vw;\r\n    }\r\n}\r\n@media (max-width: 820px){\r\n    div.CBB-flt-txts p{\r\n        font-size: 16px;\r\n    }\r\n}\r\n@media (max-width: 767px){\r\n    .CBB-foot-fnotes {\r\n        counter-reset: item;\r\n    }\r\n.CBB-foot-fnotes ol li{\r\n     counter-increment: item;\r\n}\r\n    .CBB-foot-fnotes ol li {\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n    color: #9b978c;\r\n    padding: 9px 6px;\r\n}\r\n.CBB-foot-fnotes ol li:before {\r\nmargin-right: 10px;\r\n        content: counter(item);\r\n        border-radius: 100%;\r\n        color: rgb(166 151 140);\r\n        width: 1.2em;\r\n        text-align: center;\r\n        display: inline-block;\r\n }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_2 img {\r\n        margin-top: 0px;\r\n    }\r\n    .CBB-sub-wrapper_3 .CBB-subcon_1 .CBB-subcon-inner br{\r\n        display: none;\r\n    }\r\n    .CBB-wrapper {\r\n        .CBB-sub-wrapper_1, .CBB-sub-wrapper_3 {\r\n            height: auto;\r\n        }\r\n    }\r\n    .CBB-sub-wrapper_1{\r\n        flex-direction: column;\r\n    }\r\n    .CBB-sub-wrapper_1 .CBB-subcon_1, .CBB-sub-wrapper_1 .CBB-subcon_2, .CBB-sub-wrapper_1 .CBB-subcon-inner{\r\n        width: 100%;\r\n    }\r\n    .CBB-wrapper h3{\r\n        padding: 15px 15px;\r\n    }\r\n    .CBB-wrapper p{\r\n        padding: 10px 15px;\r\n    }\r\n    .CBB-sub-wrapper_1 .CBB-subcon-inner img {\r\n        position: relative;\r\n        width: 39px;\r\n        padding: 10px 20px;\r\n        bottom: 0;\r\n        left: 0;\r\n    }\r\n    .CBB-BD-flex-1 small {\r\n        font-size: 26px;\r\n    }\r\n    .CBB-sub-wrapper_1 .CBB-subcon_2 img, .CBB-sub-wrapper_3 .CBB-subcon_2 img {\r\n        width: 75%;\r\n    }\r\n    .CBB-sub-wrapper_1 .CBB-subcon_2{\r\n    text-align: center;\r\n    padding: 20px 0;    \r\n    }\r\n    .CBB-wrapper .CBB-sub-wrapper_1{\r\n        height: auto;\r\n    }\r\n    .CBB-sub-wrapper_2 .CBB-subcon_1 h3 {\r\n        width: 70%;\r\n        padding: 15px 15px;\r\n    }\r\n    .CBB-sub-wrapper_2 .CBB-subcon_1 img {\r\n        width: 39px;\r\n        height: auto;\r\n        padding: 20px 15px 0 0px;\r\n    }\r\n    .CBB-sub-wrapper_2 .CBB-subcon_2{\r\n        padding-top: 20px;\r\n    }\r\n    .CBB-bag-dimen-sec{\r\n        flex-direction: column;\r\n    }\r\n    .CBB-BD-flex-1, .CBB-BD-flex-2, .CBB-BD-flex-3{\r\n        width: 100%;\r\n    }\r\n    .CBB-sub-wrapper_1, .CBB-sub-wrapper_2, .CBB-sub-wrapper_3, .CBB-sub-wrapper_4{\r\n        max-height: none;\r\n    }\r\n    .CBB-sub-wrapper_3{\r\n        flex-direction: column-reverse;\r\n    }\r\n    .CBB-sub-wrapper_3 .CBB-subcon_1, .CBB-sub-wrapper_3 .CBB-subcon_2{\r\n        width: 100%;\r\n    }\r\n    .CBB-wrapper .CBB-subcon-inner {\r\n        width: 100%;\r\n    }\r\n    .CBB-Notes {\r\n        position: relative;\r\n        bottom: 20px;\r\n        padding: 15px 15px 0 25px;\r\n    }\r\n    .CBB-recycled img {\r\n        width: 35px;\r\n    }\r\n    .CBB-Notes ol li {\r\n        font-size: 12px;\r\n    }\r\n    .CBB-sub-wrapper_3 .CBB-subcon_2{\r\n        text-align: center;\r\n        padding: 20px 0;\r\n    }\r\n    .CBB-BD-flex-2 img {\r\n        width: 90%;\r\n    }\r\n    .CBB-desktop-backpack{\r\n        display: none;\r\n    }\r\n    .CBB-mobile-backpack{\r\n        display: inline-block;\r\n    }\r\n    .hr-highlight-2 hr{\r\n        display: none;\r\n    }\r\n    .CBB-float-mes {\r\n        display: none;\r\n    }\r\n    .CBB-BD-flex-2 small {\r\n        display: none;\r\n    }\r\n\r\n    .CBB-BD-flex-2 small span {\r\n        font-size: 12px;\r\n    }\r\n    .hr-highlight-1 hr {\r\n        display: none;\r\n    }\r\n    .CBB-BD-flex-2{\r\n        text-align: center;\r\n        padding-top: 40px;\r\n    }\r\n    .hr-highlight-2{\r\n        display: none;\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_1 h3 {\r\n        width: 68%;\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_1 img {\r\n        width: 38px;\r\n        padding: 20px 13px 0;\r\n    }\r\n    .CBB-mobile-backpack{\r\n        display: inline;\r\n    }\r\n    .CBB-desktop-backpack, .CBB-flt-txts{\r\n        display: none;\r\n    }\r\n    .CBB-mobile-flt-txts{\r\n        display: block;\r\n        text-align: left;\r\n    }\r\n    .CBB-mobile-flt-txts ol{\r\n        counter-reset: item;\r\n    }\r\n    .CBB-mobile-flt-txts ol li {\r\n        counter-increment: item;\r\n        padding-left: 10px;\r\n        font-size: 18px;\r\n        line-height: 1.4;\r\n        margin: 5px 0px;\r\n    }\r\n    .CBB-mobile-flt-txts ol li:before{\r\n      margin-right: 10px;\r\n        content: counter(item);\r\n        background: #f1eada;\r\n        border-radius: 100%;\r\n        color: #0e0e0e;\r\n        width: 1.2em;\r\n        text-align: center;\r\n        display: inline-block;\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_2 {\r\n        padding-bottom: 40px;\r\n    }\r\n}\r\n@media (max-width: 360px){\r\n    .CBB-sub-wrapper_2 .CBB-subcon_1 img {\r\n        padding: 13px 15px 0 0px;\r\n    }\r\n    .CBB-sub-wrapper_4 .CBB-subcon_1 img {\r\n        padding: 15px 13px 0;\r\n    }\r\n\r\n}\r\n@media (max-width: 310px){\r\n    .CBB-sub-wrapper_4 .CBB-subcon_1 h3 {\r\n        width: 61%;\r\n    }\r\n        .CBB-sub-wrapper_2 .CBB-subcon_1 h3 {\r\n        width: 65%;\r\n        }\r\n         .CBB-sub-wrapper_2 .CBB-subcon_1 img {\r\n        padding: 25px 15px 0 0px;\r\n    }\r\n        .CBB-sub-wrapper_4 .CBB-subcon_1 img {\r\n        padding: 27px 13px 0;\r\n    }   \r\n\r\n}\r\n</style>\r\n<div class=\"CBB-wrapper\">\r\n    <div class=\"CBB-sub-wrapper_1\">\r\n        <div class=\"CBB-subcon_1\">\r\n            <div class=\"CBB-subcon-inner\">\r\n            <h3>This backpack packs a bunch</h3>\r\n            <hr/>\r\n            <p>HP Campus Blue Backpack</p>\r\n            <hr/>\r\n            <p>Two quick-access accessory pockets, an internal pencil pouch and dual side water bottle pockets.</p>\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/HP_logo.png\" alt=\"\">\r\n        </div>\r\n        </div>\r\n        <div class=\"CBB-subcon_2\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/Campus_Green_Backpack_front.png\" alt=\"\">\r\n        </div>\r\n    </div>\r\n    <div class=\"CBB-sub-wrapper_2\">\r\n        <div class=\"CBB-subcon_1\">\r\n            <div>\r\n                <h3>Lighten your load</h3>\r\n            </div>\r\n            <hr/>\r\n            <p>Lightweight padded shoulder straps and trolley strap to attach to your roller bag.</p>\r\n        </div>\r\n        <div class=\"CBB-subcon_2\">\r\n            <div class=\"CBB-bag-dimen-sec\">\r\n            <div class=\"CBB-BD-flex-1\">\r\n                <small>11.61 in <span>(295 mm)</span></small>\r\n                <hr/>\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/Campus_Green_Backpack_Rear.png\" alt=\"\">\r\n            </div>\r\n            <div class=\"CBB-BD-flex-2\">\r\n                <small class=\"CBB-f-1\">7.28 in <span>(185 mm)</span></small>\r\n                <div class=\"hr-highlight-1\">\r\n                <hr/>\r\n                </div>\r\n                <img class=\"CBB-mobile-backpack\" src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/backpack-dimension.png\" alt=\"\">\r\n                <img class=\"CBB-desktop-backpack\" src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/backpack-dimension-sideview.png\" alt=\"\">\r\n                <div class=\"hr-highlight-2\">\r\n                    <hr/>\r\n                </div>\r\n                <div class=\"CBB-float-mes\">\r\n                    <small>17.13 in <br/>\r\n                        <span>(435 mm)</span></small>\r\n                </div>\r\n            </div>\r\n            <div class=\"CBB-BD-flex-3\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/weight.png\" alt=\"\">\r\n            </div>\r\n        </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"CBB-sub-wrapper_3\">\r\n        <div class=\"CBB-subcon_1\">\r\n            <div class=\"CBB-subcon-inner\">\r\n            <h3>Look good,<br>feel good</h3>\r\n            <hr/>\r\n            <p>Contains 50% recycled materials.<sup>1</sup></p>\r\n            <div class=\"CBB-recycled\">\r\n                <div>\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/recycled.png\" alt=\"\">\r\n                </div>\r\n                <div>\r\n                    <p>Made from 19 <br/>plastic bottles<sup>2</sup></p>\r\n                </div>\r\n            </div>\r\n            <div class=\"CBB-Notes\">\r\n                <ol type=\"1\">\r\n                    <li>Recycled plastic content percentage is based on the definition set in the IEEE 1680.1 2018 EPEAT standard.\r\n                    </li>\r\n                    <li>Bottle count calculation is based on 12.7 grams per 16.9 ounce single serve bottle.\r\n                    </li>\r\n                </ol>\r\n            </div>\r\n        </div>\r\n        </div>\r\n        <div class=\"CBB-subcon_2\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/Campus_Green_Backpack_Sustainability.png\" alt=\"\">\r\n        </div>\r\n    </div>\r\n    <div class=\"CBB-sub-wrapper_4\">\r\n        <div class=\"CBB-subcon_1\">\r\n            <div>\r\n                <h3>Feature overview</h3>\r\n            </div>\r\n        </div>\r\n        <div class=\"CBB-subcon_2\">\r\n            <div class=\"CBB-floating-txt-sec\">\r\n                <img class=\"CBB-mobile-backpack\" src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/mobile-backpack.png\" alt=\"\">\r\n                <div class=\"CBB-desktop-float-view\">\r\n                <img class=\"CBB-desktop-backpack\" src=\"/wcsstore/hpusstore/Treatment/rc/FYQ125-J596AA/HPCampusGreenBackpack_LeftFacingOpen_Transparent.png\" alt=\"\">\r\n                <div class=\"CBB-flt-txts\">\r\n                    <p>15.6-inch padded floating laptop pocket</p>\r\n                    <p>17 liters capacity</p>\r\n                    <p>Lockable zipper<sup>1</sup></p>\r\n                    <p>Puncture resistant zipper</p>\r\n                    <p>Rain-repellant material</p>\r\n                </div>\r\n            </div>\r\n                <div class=\"CBB-mobile-flt-txts\">\r\n                   <ol type=\"1\">\r\n                    <li>15.6-inch padded floating laptop pocket</li>\r\n                    <li>17 liters capacity</li>\r\n                    <li>Lockable zipper<sup>1</li>\r\n                    <li>Puncture resistant zipper</li>\r\n                    <li>Rain-repellant material</li>\r\n                   </ol>\r\n                </div>\r\n                <div class=\"CBB-foot-fnotes\">\r\n                    <ol type=\"1\">\r\n                        <li>Lock sold separately</li>\r\n                    </ol>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}