/* OVERALL CSS*/
 .grid-container {
     padding-right: 20px;
     padding-left: 20px;
}
 .mobile-only,.only-mobile-title,.mobile-benefit-container {
     display: none;
}
 section .category_background.mobile-only {
     display: none;
}
 .category__banner__dog{
     width: 100%;
     background: #e1a8ab;
}
 section.category__banner .category__banner__container{
     padding: 20px 0 40px;
     text-align: center;
     max-height: 475px;
}
 section.category__banner .category__banner__background {
     width: 80%;
     max-width: 856px;
     height: auto;
     background-size: 100% 383.5px;
     background-repeat: no-repeat;
     margin: auto;
     position: relative;
     padding-top: 10px;
}
 section.section-1 .b-key_values-item_text {
     max-width: 75%;
}
 .delivery-banner-header {
     font-weight: 400;
     font-family: Lily, Arial, sans-serif;
     font-size: 70px;
     line-height: 1;
     color: white;
     display: block;
     margin: 0 0 5px;
     text-align: center;
}
 .category__banner__butterfly {
     float: right;
     width: 7%;
     position: absolute;
     right: 65px;
}
 .subheader-delivery {
     width: 100%;
     height: 115px;
}
 .image-truck-banner {
     width: 40%;
     margin: 0 auto;
}
 .padding-5 {
     padding-top: 3em;
     clear: both;
}
 .padding-2 {
     padding-top: 1em;
}
 section.benefits .b-advantages-title_text {
     margin: 10px 20px 20px;
     text-align: center;
     text-transform: uppercase;
}
 .b-key_values-item_text {
     font-family: GillSans-Book, Arial, sans-serif;
     font-weight: 400;
     font-size: 20px;
     text-align: center;
     line-height: 26px;
     margin: 0 auto;
     max-width: 86%;
}
 .quote {
     width: 100%;
     margin: 0 auto;
}
 .mobile-quote {
     display: none;
     margin-bottom: 5%;
}
 .b-recommendations-title_text {
     margin: 0;
}
 .b-recommendations-title_text img {
     width: 50px;
     background-color: white;
}
 .desktop-quote {
     display: block;
}
 .t-title-1 {
     margin: 10px auto 20px;
     text-align: center;
     max-width: 80%;
}
 .b-advantages-title {
     margin-bottom: 25px;
}
 section.advantage .b-advantages-title_text {
     margin: 0 auto;
}
 section.advantage .center-aligned-description {
     width: 75%;
     text-align: center;
     margin: 0px auto 5em;
}
 .circular-container {
     position: relative;
}
 .benefit-container {
     display: block;
     position: relative;
     height: 640px;
     z-index: 10;
     top: -42px;
     margin: 0 auto;
     width: 730px;
     background-repeat: no-repeat;
     background-position: 50% 50%;
}
 .benefit-container-circle {
     background-color: #fff1da;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 5;
}
 .desktop {
     display: block;
}
 .benefits-heading {
     text-align: center;
     padding-top: 5%;
     color: white;
}
 .benefits-heading .b-advantages-title {
     margin-bottom: 0;
     color: white;
}
 .benefits-center {
     width: 33%;
     vertical-align: middle;
     margin: 20% auto;
}
 .padding-bottom{
     padding-bottom: 1em;
}
 section .category_background {
     align-items: center;
     display: flex;
     position: relative;
     padding-top: 20px;
     padding-bottom: 20px;
     background-color: #FEF1D6;
}
 .image_position {
     position: relative;
     padding: 1em 2em;
}
 .float_left {
     flex: 0 0 60%;
     padding: 3em;
}
 section.benefits .benefits___subtitle {
     font-family: GillSans-Book;
     font-size: 20px;
     line-height: 26px;
}
 .padding-top {
     padding-top: 15px;
}
 .image_mobile{
     display: none;
}
 .mobile_view{
     display: none;
}
 .tiles {
     position: absolute;
}
 .tiles .heading-inner {
     text-overflow: ellipsis;
     text-align: center;
     overflow: hidden;
}
 .tiles .heading-inner h1 {
     text-overflow: ellipsis;
     white-space: pre-wrap;
     border: none;
}
 .graph-image-container {
     max-width: 69%;
     margin: 3em auto;
}
 .shop-now-cta {
     width: 133px;
     margin: 20px auto;
}
 main h1.l-content_page-content_asset_title{
     text-align:center;
}
 @media screen and (max-width: 1024px){
     .image-truck-banner{
         width: 60%;
    }
     .subheader-delivery{
         height: 60px;
    }
}
 @media screen and (max-width:1200px) and (min-width:768px){
     .benefit-container-circle{
         width:450px;
         height:450px;
    }
     .benefit-container{
         height:450px;
         width:450px;
    }
     p.adjust-width{
         margin:auto;
         width:80%;
    }
     .benefit-container .cat{
         top: 115px;
         left: 20px;
    }
     .benefit-container .leaves{
         bottom: 120px;
         left: -28px 
    }
     .benefit-container .meat{
         left: 45px;
         bottom: 9px;
    }
     .benefit-container .dna{
         right: 35px;
         bottom: -6px;
    }
     .benefit-container .eye{
         right: -25px;
         bottom: 146px;
    }
     .benefit-container .heart{
         right: 15px;
         top: 115px;
    }
}
 @media screen and (max-width:992px){
    .desktop-only {
         display: none;
    }
     .mobile-only {
         display: block;
    }
     .t-title-1 {
         max-width: 100%;
    }
     section.section-1 .b-key_values-item_text {
         max-width: 85%;
    }
     .float_left {
         padding: 1em 0;
    }
     .image_position {
         padding: 1em 0;
    }
     .graph-image-container {
         max-width: 80%;
    }
     .graph-image-container.mobile-only {
         display: none;
    }
     .graph-image-container.tablet-only {
         display: block;
    }
     .b-key_values-item_text {
         width: 98%;
    }
}
 @media screen and (min-width:320px) and (max-width:767px){
     .b-instagram-title{
         word-spacing: 5px;
         font-weight: 100;
    }
     .subheader-delivery{
         height: 115px;
    }
     .desktop-only {
         display: none;
    }
     .mobile-only {
         display: block;
    }
     .mobile-quote{
         display:block;
    }
     .desktop-quote{
         display:none;
    }
     .g-border.m-1{
         border-bottom-width: 8px;
    }
     .mobile-quote img{
         position: absolute;
         left: 50%;
         transform: translate(-50%,-50%);
    }
     .graph-image-container.mobile-only {
         display: block;
         background-color: #fff1da;
         padding: 25px;
    }
     .graph-image-container.tablet-only {
         display: none;
    }
     section .category_background.desktop-only {
         display: none;
    }
     section .category_background.mobile-only {
         display: block;
    }
     .mobile_view{
         display: block;
    }
     .image_desktop{
         display: none;
    }
     .color{
         display: none;
    }
     .image_mobile{
         display: block;
         background-color: #fff1da;
    }
     section .CategoryPetImageLeftRight{
         position: unset;
         padding: 0 25px;
    }
     .padding-top {
         padding-top: 20px;
    }
     section.section-1 .b-key_values-item_text {
         max-width: 100%;
    }
     section.benefits .b-advantages-title_text {
         margin: 10px 0 20px;
    }
     .b-key_values-item_text {
         max-width: 100%;
    }
     .graph-image-container {
         max-width: 90%;
    }
     .desktop-benefit-container {
         display: none;
    }
     .mobile-benefit-container {
         display: block;
         margin:0 auto;
         width: 90%;
         background-color: #fff1da;
    }
     .benefit-container-circle {
         display: none;
    }
     .tiles {
         position: relative;
         padding: 10px 0 5px;
    }
     .tiles .heading-inner img {
         max-width: 100px 
    }
     .tiles .heading-inner {
         max-width: 160px;
         text-overflow: ellipsis;
         text-align: center;
         overflow: hidden;
         margin: 10px auto;
    }
     section.category__banner .category__banner__container {
         padding: 15px 0 30px;
         max-height: 475px;
    }
     .image-truck-banner {
         width: 100%;
    }
     .subheader-delivery svg {
         display: none;
    }
     .only-mobile-title {
         display: block;
         font-size: 60px;
    }
     .only-mobile-title .font-small {
         font-size: 38px;
    }
     .b-recommendations-title_text img {
         position: relative;
         left: 50%;
         transform: translateX(-50%);
         top: 20px;
    }
     .g-border.m-1.border-bottom {
         border-bottom-width: 9px;
    }
     .t-title-1 {
         margin-top: 20px;
    }
}
/* OVERALL CSS  END*/

/*FEEDING-YOUR-DOG*/
#dog .category__banner__dog{
     width: 100%;
     background: #b7d096;
}
 #dog .benefit-container {
     background-image:url('../content-pages/dog-puppy-center.png?$staticlink$');
     background-size: 100%;
}
 #dog .benefit-container-circle {
     height: 600px;
     width: 600px;
}
 #dog .float_left {
     order:2;
}
 #dog .tiles .heading-inner {
     max-width: 160px;
}
 #dog .benefit-container .cat {
     top: 150px;
     left: 60px;
}
 #dog .benefit-container .heart {
     right: 50px;
     top: 150px;
}
 #dog .benefit-container .eye {
     right: 15px;
     bottom: 190px;
}
 #dog .benefit-container .dna {
     right: 105px;
     bottom: -60px;
}
 #dog .benefit-container .meat {
     left: 80px;
     bottom: -25px;
}
 #dog .benefit-container .leaves {
     bottom: 210px;
     left: 22px;
}

 @media screen and (max-width:1200px) and (min-width:768px){
     #dog .benefit-container .cat {
         top: 115px;
         left: 10px;
    }
     #dog .benefit-container .leaves{
         bottom: 136px;
         left: -16px;
    }
     #dog .benefit-container .meat {
         left: 22px;
         bottom: -12px;
    }
     #dog .benefit-container .heart {
         right: 5px;
         top: 115px;
    }
     #dog .benefit-container .eye {
         right: -20px;
         bottom: 125px;
    }
}
 @media screen and (min-width:320px) and (max-width:767px){
     #dog section.category__banner .category__banner__background {
         max-width: 288px;
    }
     #dog section .category_background.mobile-only {
         padding:5px;
    }
}
/*FEEDING-YOUR-DOG END*/

/*FEEDING-YOUR-KITTEN END*/
 #kitten .benefit-container {
     background-image:url('../content-pages/cat_circle.png?$staticlink$');
     background-size: 89%;
}
 #kitten .benefit-container-circle {
     height: 500px;
     width: 520px;
}
 #kitten .tiles .heading-inner {
     max-width: 160px;
}
 #kitten .benefit-container .cat {
     top: 149px;
     left: 85px;
}
 #kitten .benefit-container .heart {
     right: 68px;
     top: 149px;
}
 #kitten .benefit-container .eye {
     right: 4px;
     bottom: 218px;
}
 #kitten .benefit-container .dna {
     right: 105px;
     bottom: -18px;
}
 #kitten .benefit-container .meat {
     left: 117px;
     bottom: -3px;
}
 #kitten .benefit-container .leaves {
     bottom: 177px;
     left: 7px;
}
 @media screen and (min-width:768px) and (max-width: 1024px){
     #kitten .image-truck-banner{
         width: 60%;
    }
     #kitten .subheader-delivery {
         height: 70px;
    }
}
 
 @media screen and (min-width:320px) and (max-width:767px){
     #kitten section.category__banner .category__banner__background {
         width: 100%;
    }
     #kitten .image-truck-banner{
        width: 60%;
     }
}
 #kitten .g-border.m-1.all-heading {
     border-bottom-width: 8px;
     margin-top: 70px;
     position: relative;
}
 #kitten .all-articles-heading {
     text-align: center;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: -11px;
     background-color: white;
     padding: 0 10px 0 10px;
}

/*FEEDING-YOUR-KITTEN END*/

/*FEEDING-YOUR-CAT*/
 
 #cat .subheader-delivery {
     width: 97%;
     height: 115px;
}
 #cat .benefit-container {
     background-image:url('../content-pages/cat_circle.png?$staticlink$');
     background-size: 89%;
}
 #cat .benefit-container-circle {
     height: 500px;
     width: 520px;
}
 #cat .tiles .heading-inner {
     max-width: 160px;
}
 #cat .benefit-container .cat {
     top: 149px;
     left: 85px;
}
 #cat .benefit-container .heart {
     right: 68px;
     top: 149px;
}
 #cat .benefit-container .eye {
     right: 3px;
     bottom: 221px;
}
 #cat .benefit-container .dna {
     right: 105px;
     bottom: -11px;
}
 #cat .benefit-container .meat {
     left: 117px;
     bottom: 0;
}
 #cat .benefit-container .leaves {
     bottom: 180px;
     left: 7px;
}
 
 @media screen and (min-width:320px) and (max-width:767px){
     #cat section.category__banner .category__banner__background {
         max-width: 288px;
    }
     #cat section .category_background.mobile-only {
         padding:5px;
    }
}


 /*FEEDING-YOUR-CAT END*/

 /*FEEDING-YOUR-PUPPY*/

  
 #puppy .benefit-container {
     background-image:url('../content-pages/dog-puppy-center.png?$staticlink$');
     background-size: 100%;
}
  #puppy .benefit-container-circle {
     height: 620px;
     width: 620px;
}
  #puppy .tiles .heading-inner {
     max-width: 200px;
}
  #puppy .benefit-container .cat {
     top: 150px;
     left: 45px;
}
  #puppy .benefit-container .heart {
     right: 32px;
     top: 150px;
}
  #puppy .benefit-container .eye {
     right: 0;
     bottom: 210px;
}
  #puppy .benefit-container .dna {
     right: 105px;
     bottom: -60px;
}
  #puppy .benefit-container .meat {
     left: 63px;
     bottom: -12px;
}
  #puppy .benefit-container .leaves {
     bottom: 227px;
     left: 0px;
}
 @media screen and (max-width:1200px) and (min-width:768px){
      #puppy .benefit-container .cat {
         top: 115px;
         left: -10px;
    }
      #puppy .benefit-container .leaves{
         bottom: 151px;
         left: -36px;
    }
      #puppy .benefit-container .meat {
         left: 0px;
         bottom: 5px;
    }
      #puppy .benefit-container .heart {
         right: -20px;
         top: 114px;
    }
      #puppy .benefit-container .eye {
         right: -45px;
         bottom: 125px;
    }
}
 
 @media screen and (min-width:320px) and (max-width:767px){
      #puppy section.category__banner .category__banner__background {
         width: 95%;
    }
      #puppy section .category_background.mobile-only {
         padding: 5px;
    }
    #puppy .tiles .heading-inner{
      max-width: 160px;
    }
}

/*FEEDING-YOUR-PUPPY END*/

/*HEALTY-DIGESTION*/

 @media screen and (min-width: 768px) and (max-width: 1024px){
     #healty-digestion .image-truck-banner{
         width: 60%;
    }
     #healty-digestion .subheader-delivery{
         height: 90px;
    }
}
 #healty-digestion .category__banner__dog{
    background: #a2cad3;
 }
 #healty-digestion .b-recommendations-title_text img {
     width: 50px;
     background-color: #fff;
}
 #healty-digestion .benefit-container {
     background-image:url('../content-pages/Petcare_v3.png?$staticlink$');
     background-size: 89%;
}
 #healty-digestion .benefit-container-circle {
     height: 600px;
     width: 600px;
     margin: 5% 0 5% 0;
}
 #healty-digestion .float_left {
     order: 2;
}
 #healty-digestion .tiles .heading-inner {
     max-width: 200px;
}
 #healty-digestion .benefit-container .cat {
     top: 140px;
     left: 55px;
}
 #healty-digestion .benefit-container .heart {
     right: 45px;
     top: 140px;
}
 #healty-digestion .benefit-container .eye {
     right: 20px;
     bottom: 240px;
}
 #healty-digestion .benefit-container .dna {
     right: 120px;
     bottom: 3px;
}
 #healty-digestion .benefit-container .meat {
     left: 105px;
     bottom: 5px;
}
 #healty-digestion .benefit-container .leaves {
     bottom: 165px;
     left: -12px;
}
 @media screen and (max-width:1200px) and (min-width:768px){
     #healty-digestion .benefit-container-circle{
         margin-top:10%;
    }
     #healty-digestion .benefit-container{
         background-size:100%;
    }
     #healty-digestion .benefit-container .cat {
         top: 92px;
         left: -23px;
    }
     #healty-digestion .benefit-container .leaves {
         bottom: 90px;
         left: -68px;
    }
     #healty-digestion .benefit-container .meat {
         left: 32px;
         bottom: 9px;
    }
     #healty-digestion .benefit-container .dna {
         right: 44px;
         bottom: 9px;
    }
     #healty-digestion .benefit-container .eye {
         right: -32px;
         bottom: 167px;
    }
     #healty-digestion .benefit-container .heart {
         right: -23px;
         top: 91px;
    }
}
@media screen and (min-width:320px) and (max-width:767px){
#healty-digestion .tiles .heading-inner{
  max-width: 160px;
}

}

/*HEALTY-DIGESTION  END*/

/*DITCH-THE-ITCH*/


 #ditch .category__banner__dog{
     width: 100%;
     background: #e5c576;
}
 #ditch .image-truck-banner {
     width: 25%;
     margin: 0 auto;
}
 #ditch .benefit-container {
     background-image:url('../content-pages/cat_circle.png?$staticlink$');
     background-size: 89%;
}
 #ditch .benefit-container-circle {
     background-color: #fff1da;
     height: 500px;
     width: 520px;
}
 #ditch .float_left {
     order: 2;
}
 #ditch .tiles .heading-inner {
     max-width: 160px;
}
 #ditch .benefit-container .cat {
     top: 149px;
     left: 85px;
}
 #ditch .benefit-container .heart {
     right: 78px;
     top: 149px;
}
 #ditch .benefit-container .eye {
     right: 14px;
     bottom: 237px;
}
 #ditch .benefit-container .dna {
     right: 105px;
     bottom: -3px;
}
 #ditch .benefit-container .meat {
     left: 117px;
     bottom: -3px;
}
 #ditch .benefit-container .leaves {
     bottom: 162px;
     left: 7px;
}
 @media screen and (min-width:768px) and (max-width: 1024px){
     #ditch .subheader-delivery {
         height: 65px;
    }
     #ditch section.category__banner .category__banner__container div.image-truck-banner{
         width:40%;
    }
}
 @media screen and (min-width:320px) and (max-width:767px){
     #ditch section.category__banner .category__banner__container div.image-truck-banner {
         max-width: 288px;
         width: 40%;
    }
     #ditch section.category__banner .category__banner__background{
        width: 90%;
     }
}
/*DITCH-THE-ITCH END*/