body { white-space: normal; font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))); line-height: 1.4;  margin: 0px;  padding: 0px;  font-weight: normal;  font-family: "HPSimplifiedLight", Arial, sans-serif;overflow-x: hidden; color: #191919;
}
html{overflow-x: hidden;}
@font-face {
  font-family: 'HPSimplifiedLight';
  src: url('HPSimplifiedLight.eot');
  src: url('HPSimplifiedLight.eot') format('embedded-opentype'), url('HPSimplifiedLight.woff2') format('woff2'), url('HPSimplifiedLight.woff') format('woff'), url('HPSimplifiedLight.ttf') format('truetype'), url('HPSimplifiedLight.svg#HPSimplifiedLight') format('svg');
}
@font-face {
  font-family: 'HPSimplifiedRegular';
  src: url('HPSimplifiedRegular.eot');
  src: url('HPSimplifiedRegular.eot') format('embedded-opentype'), url('HPSimplifiedRegular.woff2') format('woff2'), url('HPSimplifiedRegular.woff') format('woff'), url('HPSimplifiedRegular.ttf') format('truetype'), url('HPSimplifiedRegular.svg#HPSimplifiedRegular') format('svg');
}
@font-face {
  font-family: "HPSimplifiedLight";
  font-style: normal;
  font-weight: normal;
  src: url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-woff.woff") format("-woff.woff"), url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-ttf.ttf") format("truetype");
}
*{padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{padding: 0px; margin: 0px;}
div.body sup, div.body .footnotes sup, div.body .disclaimer-content sup {font-size: .75rem; top: .5em; letter-spacing: 0.01875rem; line-height: 0; vertical-align: top;}
body {letter-spacing: 0.01875rem;}
.mbot-mol {margin-bottom: 50px;}
.mtop-mol {margin-top: 50px;}

.mbot-mo2 {margin-bottom:30px;}
.mtop-mo2 {margin-top:30px;}
.mtop-mo3 {margin-top:20px;}
.mtop-mo4 {margin-top:15px;}
.img-responsive{width: 100%;}
.bkg-color-light-grey {background: #FAFAFA;}

h1{font-size: calc(22px + (42 - 22) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
h2{font-size: calc(20px + (38 - 20) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
h3{font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
h4{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
 
.description {text-align: center;}
.img-responsive { max-width: 100%; height: auto; display: block;}
.button.primary{color: #FFFFFF; background-color: #0171ad; border: 1px solid #0171ad; -webkit-box-shadow: 0 0 10px 0 transparent; box-shadow: 0 0 10px 0 transparent; height: 38px; line-height: 38px; padding: 0px 32px; display: inline-block;   font-family: 'HPSimplifiedRegular'; text-align: center; min-width: 110px; -webkit-transition: all .3s ease;  transition: all .3s ease}
.button.primary:hover{background-color: #075782; border-color: #075782;}
/*Hero Banner */
.section1 { float: left; width: 100%; position: relative; border-bottom: 1px solid #000;}
.section1 .tagline { position: absolute; left: 0; top:5.7%; z-index: 9; width: 100%;}
.section1 .tagline sup{font-size:20px; top: -25px;}
.section1 h1 { color: #ffffff; font-weight: normal; letter-spacing: 0; text-align: left;}
.section1 .description { font-size: 16px; color: #fff; padding-top: 14px; line-height: 24px; letter-spacing: 0.03rem; text-align: left;}
.section1 .tagline .col-md-5 { padding: 0px;}
.section1 .tagline .container { max-width: 1195px;}
.section1 .tagline p{padding: 33px 0 0 0; margin: 0px;}

.ambient-video-section .ambient-video-wrapper {background: #191919;  position: absolute;  width: 100%;  min-height: 100%;  left: 0;  top: 0; overflow: hidden; z-index: 0;}
.ambient-video-section.video-loaded .ambient-video-wrapper video { opacity: 1;}
.ambient-video-section .ambient-video-wrapper video {opacity: 0.01; position: absolute;  top: 50%;  left: 50%; width: 100%; -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);
    -webkit-transition: opacity 1s ease; transition: opacity 1s ease;}

/*Hero Banner */

/*Nav*/
.main-nav{float: left; width: 100%; background: #FAFAFA; border-bottom: 1px solid #f6f6f6;}
nav ul {margin: 0 auto; list-style: none; text-align: center; display: table;}
nav ul li { display: inline-block; display: table-cell; padding:10px 30px; vertical-align: middle; position: relative;}
nav ul li a { padding: 10px 0; color: #000; text-decoration: none; transition: all 0.2s ease; font-size: 16px;}
nav ul li a span{white-space: normal; display: inline-block; vertical-align: middle; max-width: 100%; position: relative; text-transform: uppercase;}
nav ul li a span:after{content: ''; display: block; height: 2px; width: 0; left: 0; position: absolute; right: 0; bottom: -7px; margin: 0 auto; background: #0096d6;  -webkit-transition: all .3s ease;  transition: all .3s ease}
nav ul li a:hover span:after,nav ul li a.active span:after {width: 40px;}
nav ul li a.active span:after {background: #000;}
.fixed,.fixed1 {position: fixed;  width: 100%;  z-index: 999;}
.main-nav .btn-group > a:after{content:"\f107"; font-family:'FontAwesome'; font-size: 20px; padding-left: 10px;}
.main-nav .btn-group.open > a:after{content:"\f106"; font-family:'FontAwesome'; font-size: 20px; padding-left: 10px;}
.main-nav .btn-group > a{padding: 0px !important; min-width:300px !important;}
nav ul li:last-child{padding: 0px;}
nav ul li:first-child{padding-left: 0px;}

nav ul li:before {content: '|'; color: #DFDFDF; display: inline-block; position: absolute; line-height: 25px; width: 0; height: 25px; left: 0; margin-left:0px; top: 20px;}
nav ul li:first-child:before{display: none;}

/*section.active{padding-top:50px;}*/

/* Christmas Promotion Banner*/
.christmas_promotion_banner{float:left; width:100%; background:#a33087 url("../images/star.png") no-repeat left top;  display:table; }
.christmas_promotion_banner .col-md-6{padding-right:50px; float:none !important; display:table-cell; vertical-align:middle;}
.christmas_promotion_banner .col-md-6 > div{ width:80%; text-align:center; margin: 0 auto; }
.christmas_promotion_banner .pdl{padding-right:0px; float:none !important; display:table-cell; vertical-align:middle;}
.christmas_promotion_banner .pdl{ width:50%; text-align:center; margin: 0 auto; }
.christmas_promotion_banner h2{padding:20px 10px 10px 20px; color:#FFFFFF }
.christmas_promotion_banner p{padding:10px 10px 10px 20px; color:#FFFFFF }
.christmas_promotion_banner h3{padding:10px 10px 10px 20px; color:#FFFFFF }
.christmas_promotion_banner a{background:#fff; color:#; text-decoration:none; border:1px solid #0171ad; padding:8px 30px; margin:0px 5px; display:inline-block;}
/* Christmas Promotion Banner*/


/*Mobile Menu Css*/
.mobile_btn {display: none; z-index: 999; font-size: 34px; margin:-5px 0px 5px 0px;}
.mobile_btn a {text-decoration: none;}
.btn-open:after {color: #0096d6; content: "\f0c9"; font-family: "FontAwesome"; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;  border-radius: 0px;}
.btn-open:hover:after {color: #000;}
.btn-close:after {color: #0096d6; content: "\f00d"; font-family: "FontAwesome"; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;}
.btn-close:hover:after {color: #ec1c24;}
.toggle_menu {display: none; position: absolute; top:49px; width: 100%; background: #f5f5f6; overflow: auto; z-index: 999; right: 0;}
.toggle_menu ul li {float: left; width: 100%; text-align: left;}
.toggle_menu ul li a {border-right: 0px; padding: 15px; float: left; width: 100%; border-top: 1px solid #e9e9e9 !important;}
.mobile{display: none;}
.mobile_nav{display: none;}

/*Nav*/

/*how it works*/
.how-it-works{float: left; width: 100%; text-align: center;}
.how-it-works h2{ padding-bottom: 23px;}
.how-it-works h3{min-height:144px;}
.how-it-works p{padding-top: 19px;}
.how-it-works img{max-width: 216px; width: 100%; display: inline-block !important;}
/*how it works*/


/*explore plan options*/
.explore-plan-options{float: left; width: 100%;}
.explore-plan-options h3{min-height: 72px;}
.explore-plan-options p{padding-top: 19px;}
.shoping-slider .product_bg {box-shadow: 0 8px 25px 0px #F2F2F2; transition: box-shadow .3s ease; background: #fff; float: left; padding: 8px; margin: 40px 0px ;}
.shoping-slider .slick-slide{padding: 0px 15px;}
.shoping-slider .slick-slide .img{position: relative;}
.shoping-slider .slick-slide .img span {background: #fff; padding: 12px 25px 13px 17px; max-width: 100%; position: absolute; color: #5dbace; pointer-events: none; z-index: 2; top: 0; 
font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
.shoping-slider .slick-slide .img mark {background: #5dbace; padding: 7px 15px; width: 100%; position: absolute; color: #fff; pointer-events: none; z-index: 2; bottom: 0; 
font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300))); text-align: center;}

.shoping-slider .slick-slide:hover .product_bg{box-shadow: 0 8px 20px 0px #b2b2b2;}
.shoping-slider .slick-slide .description{text-align: left; padding: 20px 10px 30px 15px;}
.shoping-slider .slick-slide .description ul{padding:19px 0 0 20px}

.shoping-slider .slick-prev { left:0; background:rgba(0,0,0,0.5) url("../images/arrow_prev.png") no-repeat center center; height: 102px; width: 102px; border-radius: 50%; -moz-border-radius: 50%;
    -webkit-border-radius: 50%; transition: background .3s ease, opacity .3s ease;}
.shoping-slider .slick-prev:hover{background:rgba(0,0,0,0.7) url("../images/arrow_prev.png") no-repeat center center;}
.shoping-slider .slick-next {right:0; background:rgba(0,0,0,0.5) url("../images/arrow_next.png") no-repeat  center center; height: 102px; width: 102px; border-radius: 50%;  -moz-border-radius: 50%;
    -webkit-border-radius: 50%;  transition: background .3s ease, opacity .3s ease;}
.shoping-slider .slick-next:hover {background:rgba(0,0,0,0.7) url("../images/arrow_next.png") no-repeat  center center;}
.explore-plan-options .button.primary{background-color: #2c3038; border: 1px solid #2c3038; margin-top: 19px;}
.explore-plan-options .button.primary:hover{background-color: #5a5a5a; border-color: #5a5a5a;}
/*explore plan options*/


/*how do i save on ink*/
.how-do-i-save-on-ink{float: left; width: 100%;}
.light_gray_bg{ background: #FAFAFA; padding-bottom: 100px;}
.how-do-i-save-on-ink p{padding-top: 19px; padding-left: 20px;}
.how-do-i-save-on-ink .description{max-width: 480px; width: 100%; margin-left:auto; margin-right:auto;}
.how-do-i-save-on-ink_slider .slide-info  {position: absolute; left: 0;	top: 0; max-width:385px; height: 154px; padding-left:70px; padding-right: 20px; margin-top: 30px;	margin-left: -20px;
	background: #fff; -webkit-box-shadow: -3px 0px 20px 0px rgba(0,0,0,0.17); -moz-box-shadow: -3px 0px 20px 0px rgba(0,0,0,0.17); box-shadow: -3px 0px 20px 0px rgba(0,0,0,0.17);	z-index: 9;}
.how-do-i-save-on-ink_slider .slide-info .description {position: relative; text-align: left; font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))); font-family: HPSimplifiedLight; color: #fff; margin-top: 20px;}
.how-do-i-save-on-ink_slider .slide-info .description:before {display: block; content: attr(data-number); position: absolute; top: 50%; left: -50px; font-size: 26px; font-family: HPSimplified;
	color: #FFFFFF;	background-color: #fff; line-height: 40px; width: 40px; height: 40px; border-radius: 50%; text-align: center; -webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%);}
.how-do-i-save-on-ink_slider .slick-slide > div {position: relative;}


.how-do-i-save-on-ink_slider .slick-list .slick-slide { padding-left: 25px;  padding-right: 25px;}
.how-do-i-save-on-ink_slider .slick-next {right: 13.5%;}
.how-do-i-save-on-ink_slider .slick-prev {left: 13.5%;}
.how-do-i-save-on-ink_slider .slide-info.one{background: #f05caa;}
.how-do-i-save-on-ink_slider .slide-info.one .description:before{color: #f05caa;}
.how-do-i-save-on-ink_slider .slide-info.two{background: #f3ba4b;}
.how-do-i-save-on-ink_slider .slide-info.two .description:before{color: #f3ba4b;}
.how-do-i-save-on-ink_slider .slide-info.three{background: #5dbace;}
.how-do-i-save-on-ink_slider .slide-info.three .description:before{color: #5dbace;}
.how-do-i-save-on-ink_slider .slide-info.four{background: #74d697;}
.how-do-i-save-on-ink_slider .slide-info.four .description:before{color: #74d697;}

.how-do-i-save-on-ink_slider  .slick-prev,.how-do-i-save-on-ink_slider  .slick-next { font-size: 0; position: absolute; display: block; height: 30px; width: 30px; line-height: 0;  cursor: pointer;
    background: transparent; color: transparent; top: 50%; margin-top: -15px;  -webkit-transform: translate(0,-50%);  transform: translate(0,-50%);  -webkit-transition: opacity .3s ease;    transition: opacity .3s ease;  padding: 0; border: none; outline: none; opacity: .5; z-index: 1;}

.how-do-i-save-on-ink_slider  .slick-prev{ border-left: 2px solid #767676;  border-top: 2px solid #767676; border-right: none; border-bottom: none;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  right: auto;}
.how-do-i-save-on-ink_slider  .slick-next{border-top: 2px solid #767676;  border-right: 2px solid #767676; border-left: none;  border-bottom: none;  -webkit-transform: skew(50deg,0deg) otate(45deg);
    transform: rotate(45deg);}
.how-do-i-save-on-ink_slider .slick-prev.slick-arrow.slick-disabled,.how-do-i-save-on-ink_slider .slick-next.slick-arrow.slick-disabled {display: none !important;}

.how-do-i-save-on-ink_slider .slick-list{padding: 0px 19% !important;}


/*middle aligned cells*/
.middle-aligned-cells{float: left; width: 100%;  display: table; padding: 70px 0px 0px 0px;}
.middle-aligned-cells .image-holder{float: none; display: table-cell;}
.middle-aligned-cells .content-wrapper { float: none; display: table-cell; vertical-align:middle;}
.middle-aligned-cells .content-wrapper h3{padding-left:20px;}
.middle-aligned-cells .content-wrapper ul{padding:20px 0 0 40px}
.middle-aligned-cells .content-wrapper ul li{padding-bottom: 8px;}


.middle-aligned-cells.layout-960 .container { max-width: 960px;}
.middle-aligned-cells.layout-960.bkg-color-light-grey{padding-bottom: 50px;}
.middle-aligned-cells.layout-960.bkg-color-light-grey h3{padding: 0px;}
.middle-aligned-cells.layout-960.bkg-color-light-grey  p{padding: 15px 0 0 0;}
.middle-aligned-cells.layout-960.bkg-color-light-grey .button.primary{background-color: #2c3038; border: 1px solid #2c3038;}
.middle-aligned-cells.layout-960.bkg-color-light-grey .button.primary:hover{background-color: #5a5a5a; border-color: #5a5a5a;}
/*middle aligned cells*/

/*middle text cells*/
.middle-text-cells{float: left; width: 100%; padding: 70px 0 0 0;}
.middle-text-cells ul{max-width: 725px; width: 100%; margin: 0 auto; padding: 22px 0 0 0;}
.middle-text-cells ul li{padding-bottom: 9px;}
/*middle text cells*/


/*Shop*/
.shop{float: left; width: 100%;}
.shop h4{padding-bottom: 13px;}
/*.color-bg{display: table;}*/
.color-bg .img-left{display: table-cell; vertical-align: middle; overflow: hidden; float: none;}
.color-bg .img-left img{width:160%; max-width:160%; margin-left: -51%;}
.color-bg .content-wrapper{display: table-cell; vertical-align: middle; color: #fff; float: none; padding-top: 33px; padding-bottom: 6px;}
.color-bg .content-wrapper h4{padding: 12px 0 0 0;}
.color-bg.theme1{ background: #f05caa;}
.color-bg.theme2{ background: #5dbace;}
.color-bg.theme3{ background: #f3ba4b;}
.color-bg.theme4{ background: #2e353e;}
.color-bg .content-wrapper p{padding: 20px 0 0 0;}
.color-bg .content-wrapper p:last-child a{color: #fff; font-family: 'HPSimplifiedRegular'; position: relative; display: inline-block;}
.color-bg .content-wrapper p:last-child a i{font-size: 20px; font-weight: normal; padding-left: 8px;}
.color-bg .content-wrapper p:last-child a span{border: 1px solid transparent; display: inline-block; -webkit-transition: all .3s ease;
    transition: all .3s ease;     white-space: nowrap; text-overflow: ellipsis; position: relative; padding-right: 10px; text-transform:uppercase; width:225px; overflow:hidden;}
.color-bg .content-wrapper p:last-child a:hover span{ border-bottom: 1px solid #fff;}
.color-bg .content-wrapper p:last-child span:after{content:"\f105"; font-family:'FontAwesome'; font-size:20px; position: absolute; line-height: 20px; right:0px;}

.col-md-12.col-sm-12.content-wrapper2 { text-align: right;    color: #fff;    float: none;    padding-bottom: 10px;}
.color-bg .content-wrapper2 p:last-child a{color: #fff; font-family: 'HPSimplifiedRegular'; position: relative; display: inline-block;}
.color-bg .content-wrapper2 p:last-child a i{font-size: 20px; font-weight: normal; padding-left: 8px;}
.color-bg .content-wrapper2 p:last-child a span{border: 1px solid transparent; display: inline-block; -webkit-transition: all .3s ease;
    transition: all .3s ease;     white-space: nowrap; text-overflow: ellipsis; position: relative; padding-right: 10px; text-transform:uppercase; width:100%; overflow:hidden;}
.color-bg .content-wrapper2 p:last-child a:hover span{ border-bottom: 1px solid #fff;}
.color-bg .content-wrapper2 p:last-child span:after{content:"\f105"; font-family:'FontAwesome'; font-size:20px; position: absolute; line-height: 20px; right:0px;}

.color-bg .content-wrapper2 .button.primary{background: #fff; border: 1px solid #fff; color: #000;}
.color-bg .content-wrapper2 .button.primary:hover{background: #e8e8e8;}
/*Shop*/

.dropdown-menu{border: 0px; border-radius: 0px; padding: 0px; max-width: 450px; min-width: 228px; overflow: hidden;}
.dropdown-menu a{padding: 8px 15px; display: block;  font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))); position: relative; overflow: hidden;}
.content-wrapper .btn-group > a:after{content:"\f107"; font-family:'FontAwesome'; font-size: 20px; padding-left: 10px;}
.content-wrapper .btn-group.open > a:after{content:"\f106"; font-family:'FontAwesome'; font-size: 20px; padding-left: 10px;}
.dropdown-menu a:hover{ background: #E6FCFF; box-shadow: none; border: 0px;}
/*how do i save on ink*/

 
/*Promo banner*/
.promobanner {float: left; width: 100%; background: rgb(98, 112, 119) url("../images/refer_a_friend_image_desktop.png") no-repeat scroll 50% 50% / cover; min-height: 479px; color: #191919;}
.promobanner .container {vertical-align: middle;}
.promobanner .overlay_text {background: #ffffff; padding: 0px; max-width: 488px; height: 287px; margin:70px 0 0 18px; padding: 40px;}
.promobanner .overlay_text .font-lh3 { text-align: left; letter-spacing: 0px; line-height: 36px; padding-bottom: 34px;}
.promobanner .overlay_text a { min-width: 187px;}
.promobanner img { display: none; width: 100%;}
.promobanner .overlay_text p{padding: 20px 0px;}
.promobanner .bottom_text{padding:45px 0px 0px 39px; color: #fff;}
.promobanner .overlay_text .button.primary{background-color: #2c3038; border: 1px solid #2c3038;}
.promobanner .overlay_text .button.primary:hover{background-color: #5a5a5a; border-color: #5a5a5a;}
/*Promo banner*/


/* Faq's */
.faq{float: left; width: 100%; padding-bottom: 50px;}
.faq .container{max-width: 720px;}
.faq .container ul{padding:24px 0 0 0; margin: 0px;}
.faq .container ul li{list-style-type: none; display: block; padding:30px 0 0 0;}
.faq .container ul li a{font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1900 - 300))); color: rgb(25, 25, 25);  font-family: "HPSimplifiedRegular", arial; }
.faq .container ul li a span{border: 1px solid transparent; display: inline-block; -webkit-transition: all .3s ease;
    transition: all .3s ease;}
.faq .container ul li a:hover span{ border-bottom: 1px solid rgb(25, 25, 25);}

#text{display:none;}
#text ul{padding: 0px;}
.read-more{display: inline-block; position: relative;}
.read-more:after{width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; border: 1px solid #767676; position: absolute; left:27px; top:25px; content: ""; transition: all .2s ease-in-out;}
.read-more:hover:after,.read-more:hover:before{transform: scale(1.1); }

.read-less{display: inline-block; position: relative; color: #fff;}
.read-less:after{width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; border: 1px solid #000; position: absolute; left:27px; top:25px; content: ""; background: #000; transition: all .2s ease-in-out;}

.faq .mtop-mol{margin-top: 65px;}
.read-more:before{content:"\f107"; font-family:'FontAwesome'; font-size:40px; color: #767676; position: absolute; top: 22px; left:39px; z-index: 1;  transition: all .2s ease-in-out;}
.read-less:before{content:"\f106"; font-family:'FontAwesome'; font-size:40px; color: #fff; position: absolute; top: 22px; left:39px; z-index: 1;  transition: all .2s ease-in-out;}
.read-less:hover:after,.read-less:hover:before{transform: scale(1.1); }
 
/* Faq's */


/*modal-body*/
.modal-body P{padding: 15PX 0 0 0;}
.modal-body h3{padding: 15px 0px; text-align: center;}
.modal-body h4{padding-bottom: 10px;}
.close_btn{position: absolute; top:30px; right:30px; font-size: 60px; z-index: 99; color: #b7b7b7; text-shadow: none; opacity: 1; width: 25px; height: 25px; background: url("../images/close_btn.png") no-repeat left top !important;}
.close_btn:hover{background: url("../images/close_btn1.png") no-repeat left top !important;  opacity: 1; }
/*modal-body*/
.col-md-12.clearfix.mtop-mo4.mbot-mol{float:left;}
.modal-body ul {padding: 0px 0 10px 17px; margin: 0px;}
.modal-body ul li{padding: 10px 0 0 0;}

 
/*Footnote css Start*/
.footnote {display: block; background: #e8e8e8; width: 100%; color: #191919; padding: 20px 0px; float: left;}
.footnote ol {padding: 0px; margin: 0px; font-size: 12px; font-family: "HPSimplifiedRegular", arial; line-height: 16px;}
.footnote ol li{ padding: 0px 0px 15px 0px;}
.footnote a {color: #0096d6; text-decoration: none;}
.footnote p{font-size: 12px; font-family: "HPSimplifiedRegular", arial; line-height: 16px;}
/*Footnote css End*/

@media only screen and (max-width:1105px) and (min-width:960px) {
    nav ul li{padding: 10px 14px;}
	
}
@media only screen and (max-width:959px) and (min-width:320px) {
.mobile_btn {display: block;float: left;}
nav ul li{padding:0px} 
.main-nav .container .col-md-12{padding: 0px;}
.main-nav{padding: 10px 0 0 0;}
    
        .desktop_nav {display: none !important;}
    .mobile_nav {display: block !important;}
  
}

@media only screen and (max-width:1380px) and (min-width:1301px) {
    .how-do-i-save-on-ink_slider .slick-list .slick-slide .img-responsive{max-height:480px; width: auto;}
    .how-do-i-save-on-ink_slider .slick-list{padding: 0 10% !important;    }
	.christmas_promotion_banner .pdl{padding-left:10;}	
	.christmas_promotion_banner .col-md-6 > div{width:70%;}
}

@media only screen and (max-width:1300px) and (min-width:1280px) {
    .how-do-i-save-on-ink_slider .slick-list .slick-slide .img-responsive{max-height:480px; width: auto;}
    .how-do-i-save-on-ink_slider .slick-list{padding: 0 5% !important;    }
	.christmas_promotion_banner .pdl{padding:10px;}	
	.christmas_promotion_banner .col-md-6 > div{width:90%;}

	
	
}

@media only screen and (max-width:1279px) and (min-width:1025px) {
    .how-do-i-save-on-ink_slider .slick-list .slick-slide .img-responsive{max-height:480px; width: auto;}
    .how-do-i-save-on-ink_slider .slick-list{padding: 0 5% !important;    }
	.christmas_promotion_banner a{padding:8px 15px;}

}



@media only screen and (max-width:1024px) and (min-width:881px) {
    .how-do-i-save-on-ink_slider .slick-list{padding: 0 3% !important;    }
    .how-do-i-save-on-ink_slider .slick-list .slick-slide .img-responsive{max-height:360px; width: auto;}
    .how-do-i-save-on-ink_slider .slide-info{height: 124px;}
    .how-do-i-save-on-ink_slider .slide-info .description{margin-top: 20px;}
	.christmas_promotion_banner .pdl{padding:20px;}	
	.christmas_promotion_banner .col-md-6 > div{width:90%;}
	.christmas_promotion_banner a{padding:8px 15px;}
}
@media only screen and (max-width:880px) and (min-width:768px) {
    .how-do-i-save-on-ink_slider .slick-list{padding: 0 3% !important;    }
    .how-do-i-save-on-ink_slider .slick-list .slick-slide .img-responsive{max-height:300px; width: auto;}
    .how-do-i-save-on-ink_slider .slide-info{height: 124px;}
    .how-do-i-save-on-ink_slider .slide-info .description{margin-top: 20px;}
    .shop .container{padding: 0px;}
    .middle-text-cells ul{max-width: 665px;}
	.christmas_promotion_banner .pdl{padding:0px;}	
	.christmas_promotion_banner .col-md-6 > div{width:90%;}
	.christmas_promotion_banner a{padding:8px 15px;}
    
}
.m_img{display:none;}
@media only screen and (max-width:820px) and (min-width:320px) {
	.d_img{display:none;}
	.m_img{display:block;}
	.christmas_promotion_banner .pdl{padding:0px 10px;}	
	.christmas_promotion_banner .col-md-6 > div{width:100%;}
}

@media only screen and (max-width:767px) and (min-width:320px) {
    .section1{border: 0px;}
    .section1 .tagline{position: inherit; top: 0px; background: #f3f3f3; padding:20px 15px 30px 15px; text-align: center; color: #000;}
    .section1 .col-md-12.col-sm-12.clearfix.text-right{display: none;}
    .section1 .description,.section1 h1,.section1 .description{text-align: center; color: #000;}
    .section1 .tagline sup{top: -.5em;}
    
    .how-it-works h3{min-height: auto;}
    .how-it-works .slick-dots{bottom: -50px;}
    .how-it-works h2{padding-bottom: 0px;}
    
    
    .middle-aligned-cells,.middle-aligned-cells .image-holder,.middle-aligned-cells .content-wrapper,.color-bg .img-left,.color-bg .content-wrapper{display: inherit; }
    .middle-aligned-cells .content-wrapper h3{padding: 40px 0 0 0; text-align: center;}
    .middle-text-cells ul{max-width: 80%;}
    .color-bg .img-left img{margin-left: 0px;width:auto; max-width: 100%; max-height: 370px; display: inline-block !important;}
    .color-bg .content-wrapper{text-align: center;}
    .eqHeight{height: auto !important;}
    .shop{text-align: center;}
    .promobanner{background: none;}
    .promobanner .overlay_text{margin: 0px; max-width: 100%; padding:40px 0 0 0; height: auto;}
    
    .faq h3.mtop-mol{margin: 0px;}
    .faq .container ul li{padding-top: 20px;}
    
    .modal{position: absolute;}
    .shop .container,.how-do-i-save-on-ink .container{padding-left:0px; padding-right: 0px;}
    
    .how-do-i-save-on-ink_slider .slick-list{padding: 0 5% !important;    }
    .how-do-i-save-on-ink_slider .slick-list .slick-slide .img-responsive{max-height:310px; width: auto;}
    .how-do-i-save-on-ink_slider .slide-info{bottom: 0px; margin-top:0px; padding-left: 75px; height: auto; max-width:325px; margin-left: -10px; top: inherit;}
    .how-do-i-save-on-ink_slider .slide-info .description{margin:10px 0px; }
    .how-do-i-save-on-ink_slider .slick-list .slick-slide {padding-left: 10px; padding-right: 10px;}
    .desktop {display: none !important;}
    .mobile {display: block !important;}
	.christmas_promotion_banner .col-md-6{width:100%; display:inherit; float:left; padding:20px 0 0 0;}
}

@media only screen and (max-width:640px) and (min-width:320px) {
    .how-do-i-save-on-ink_slider .slick-list{padding: 0 1% !important;    }
    .how-do-i-save-on-ink_slider .slick-list .slick-slide .img-responsive{max-height:220px;}
	.christmas_promotion_banner span{display:block; width:100%; padding:8px 0px;}
}
.how-do-i-save-on-ink_slider .slick-dots{bottom: -50px;}