@charset "utf-8";
/* CSS Document */
.show-mob, .show-tab {display: none;}
.show-desk {display: block;}
.fl{ float:left;}
.fr{ float:right;}

.overflow{ overflow:hidden;}

/*---------Media Querry---------*/
@media only screen and (max-width:1187px){
.container{width:1004px;}
ul.topMenu li {padding: 0px 15px;}

.banner {background-position: 49% top;}
.bnr-head{}
.bnr-para {}
.bnr-left{width:60%}
.bnr-prod{right: 34%;}

.bnr-btm-list li {width: 30%;}

.s1-rgt {}
.s1-prodts1 {left: 10%;}
.s1-prodts2 {left: -20%;}
.sec1-list {}
.sec1-list li{}
.common-paragraph {}
.sec1-list li p{ }

.strip-lft {
    width: 52%;
    padding: 80px 0 0 0px;
}

.section-2 {}
.package-container {column-gap: 14px;}
.package-box{ width:32.33%;}
.prod-strp-t1, .prod-strp-t2{ font-size:12px;}
.prod-strp-t2 {margin-left: 8px;}
.prod-name {font-size: 20px;line-height: 28px;}
.prod-describe {font-size: 22px;line-height: 27px;}

.sec3-cont{ padding:20px 20px 20px 15px;}
.s3-list li{width: 32%;}
.s4-prod3{ right:-90px;}
.s4-list li{ padding:0 22px;}

.s7-list li{ margin-left:13px;}

/*==================================
CSS FOR PRODUCT_DETAILS_PAGE
=====================================*/
.prodDtls1-rght{ width:50%;}
ul.subscribe-list{ padding:20px 10px;}
ul.subscribe-list li{padding: 0 10px 0 50px;}

.proDtls-s2-col-mdl{ padding:20px 20px 70px;}
ul.uses-list li{ font-size:16px;}
ul.benefit-list li{font-size: 17px;line-height: 25px;}

.prod-s3-dog-img {top: 129px;margin-left: -230px;width: 440px;}
.prod-s4-prod{width: 460px;left: -110px;}

.proDetls-s6-row{ padding:0;}




/*===========STORY_PAGE=============*/
.story-para{font-size: 32px; line-height: 43px;}

}


@media only screen and (max-width:1023px){
.container{width:750px;}
.show-desk {display: none;}
.show-tab {display: block;}

.banner{
	height: auto;
    background-size: cover;
    padding: 85px 0 105px;
    background-position: 42% top;
	}
.bnr-left{ width: 62%; padding:0; margin:0;}
.bnr-head{ font-size: 40px; line-height: 46px;}
.bnr-para{width: 100%;font-size: 17px;line-height: 24px;margin-top: 14px;}
.bnr-prod{top: 245px;right: 27%;}
.btnBlk {margin-top: 25px;}

.bnr-btm-sec {padding: 50px 0 50px;}
.bnr-btm-list {margin-top: 35px;}
.bnr-btm-list li{ width:33%;padding: 0 8px;}

.section-1{height: auto;
    padding: 100px 0 60px;
    background-size: cover;
    background-position: 52% top;
	overflow:hidden;
	}
.common-heading{font-size: 34px;line-height: 41px;}
.common-paragraph {
    font-size: 18px;
    line-height: 26x;
    margin-top: 15px;
}
.s1-rgt {
	width: 78%;
    padding: 0;
}
.s1-prodts1 {
    left: -9%;
    top: 390px;}
.s1-prodts2 {
    max-width: 400px;
    left: 4%;
    top:190px;
}	
.sec1-list{ margin-top:22px;width: 100%;}
.sec1-list li{ width:33%; padding:0 05px; text-align:center;font-size: 17px;line-height: 24px;}
.sec1-list li span {}
.sec1-list li img {}
.s1-text {font-size: 27px;line-height: 30px;}

.strip { background-position:45% top;}
.strip-lft {width: 64%;}

.section-2{ padding:50px 0;}
.package-container {margin-top: 30px;column-gap: 18px;}
.package-box{width:48%;}
.prod-describe{}
.package-box .btnBlk{margin-top:15px;}
.prod-name{ }
.prod-strp-t1, .prod-strp-t2{ padding: 9px 7px; font-size:9px; line-height: 10px;}
.prod-strp-t2{ margin-left:5px;}
.s2-seal{ top: -145px; margin-left: -65px; width: 130px; height: 130px;}
.prod-review{ font-size:15px;}
.prod-review img{ width:80px;}
.s3-dog-bnr{ left:15px;}
 
.section-3 {padding:10px 0 50px;}
.sec3-cont .common-heading span{}
.s3-rgt{ width:32%;}
.s3-seal{ top: 22px; left: -60px; width: 110px;}
.s3-list {margin-top: 30px;}
.s3-list li {font-size: 17px;line-height: 25px; padding:0;}
.s3-list li span {}

.section-4{ padding:70px 0 80px;}
.s4-list li{ padding:0 8px;}
.s4-list p{ font-size:15px; line-height:16px;}
.s4-prod1{ left:-120px;}
.s4-prod3{ right: -190px;}

.s5-left{ width:34%;}
.sec5-cont{ width: 66%;}
.section-5:before{ height:300px;}

.section-6{ padding:70px 0 90px;}

.sec7-cont{ width:65%;}
.s7-shp-img1, .s7-shp-img2, .s7-shp-img3, .s7-bg-shp{ display:none;}
.s7bx-cont{ width:100%;}
.s7-list li{ margin-left: 30px;}

.s7-mdl{display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-flow: column-reverse;
    width: 100%;
    flex-direction: column-reverse;}
.s7-dog-img{ display:block; margin: -44px auto 0;z-index: 2;}

.ftrBox1{ width:100%; padding-right:0; margin-top:25px;}
.ftr-logo{ width:170px;}
ul.frt-list li{ font-size:15px;}
ul.frt-list{ }
.ftrBox2, .ftrBox3{ width:100%; }
.ftr-dog-img{ width: 500px;}

/*==================================
CSS FOR PRODUCT_DETAILS_PAGE
=====================================*/
ul.subscribe-list li{ padding:0 10px; text-align:center;}
ul.subscribe-list li img{ position:static; display:block; margin:0 auto 5px;}

.proDetls-s2-row{ padding:0 100px;}
.proDetails-s2-col{ width:100%; margin:20px 0;}

.prod-s3-dog-img{ display:none;}
.prod-s3-dog-img-mob{ margin:0 auto; max-width:100%; width:500px;}
.prod-s3-mdl-list ul{ width:45%;}

.prod-s4-prod{width: 290px;top: 50px;}
.prod-s4-hdng > div {padding: 49px 33px; font-size: 30px; line-height: 40px; width: 360px; height: 180px;}
.prod-s4-dog-vector-img{  width: 130px;}
.prod-s4-rght {width: 100%;}
.prod-s4-hdng { padding-left: 204px;}
.prod-s4-list{ max-width: 100%;}
.s4-stuf-list p{ font-size:16px;}

.proDtls-s5-prod{width: 300px;max-width: 100%;}

.directionBox{ padding:40px 20px;}
.direc-head{ font-size:34px; line-height:34px;}
.directionRow:after{ left: 91px; right: 89px;}

.proDetls-s6-row{ padding:0 50px;}
.proDetls-s6-slideLeft{ width:100%; padding:30px 50px 50px;}
.prod-rvw-img{ position:static; display:block; margin:0 auto 20px; max-width:100%;}

.huggle-pup-s3Box{ height:auto; margin:40px 0;}
.h-pup-s3-img{ width:500px;}
.h-pup-s3-bouble{ position:static; display:inline-block; vertical-align:middle;}
.h-pup-s3-bouble-4{width: 390px;}
.h-pup-s4-prod{top: 115px;width: 115px;}


/*===========STORY_PAGE=============*/
.story-sec1{padding: 40px 0 0;height: 315px;}
.story-dog-img{width: 298px;}
.story-para {font-size: 26px;line-height: 36px;}
.story-pkg-sec{ padding:60px 0;}


}

@media only screen and (max-width:767px){
.container{width:100%; padding:0 10px; max-width:600px; box-sizing:border-box;}
.show-desk{display:none;}
.show-mob{display:block;}
.hide-mob{ display:none;}

.topStrip p{ font-size:14px;}

.header{ height:55px; margin-top: -55px; top: 55px; padding: 8px 0;}
.bnr-head span {color: #12ac8b; display: block; font-size: 18px; line-height: 34px;}
.logo{ width: 120px; margin-top: 0px;}
.top-fix-bar{ margin-bottom:55px;}
.prodBreadcrm p{font-size:12px;}
.mob-mnu-ic{ top:10px; right:10px;}
.mobilemenu{ top:55px;}
.mobimenu-top{ top:55px;}

.banner{padding: 25px 0 30px; background:#f0f1f4; overflow:hidden;}
.bnr-left{ float:none; display:inline-block;width:100%; max-width:355px;text-align:center;}
.bnr-head{ font-size: 26px; line-height: 36px;}
.bnr-para{margin-top:15px;  font-size: 15px; line-height: 23px;}
.banner .btnBlk{}
.bnr-mob{width: calc(100% + 40px);
margin: 11px 0 0px -20px;
max-width: unset;
}

.bnr-btm-sec{ padding:30px 0 30px;}
.bnr-btm-list{ row-gap: 16px;
    margin-top: 16px;
    justify-content: center;}
.bnr-btm-list li{ width:94%; margin-bottom:0; border:none; line-height: 24px; font-size: 16px;}
.bnr-btm-list li:before{ display:none;}
.bnr-btm-list li span {
    width: 55px;
    height: 55px;
    font-size: 33px;
    line-height: 47px;
    margin: 0px auto 13px;}

.section-1{ padding:30px 0 30px; background:#fff; border-bottom:1px solid #dedede;}
.common-heading{ font-size: 24px; line-height: 34px;}
.common-paragraph{ font-size:16px; line-height:24px; margin-top:14px;}
.top-0{ margin-top:0;}
.s1-rgt {
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 355px;
    padding: 0;
}
.s1-text {
    font-size: 22px;
    line-height: 26px;
    margin-top: 15px;
}
.sec1-list{ margin-top: 14px;row-gap: 20px;}
.sec1-list li{ width:47%; max-width:355px; line-height: 17px;}
.sec1-list li:before { display:none;}
.s1-img-div{ display:inline-block; width:100%; max-width:355px; position:relative;}
.s1-prodts1 {
    position: static;
    max-width: 100%;
    margin: 15px 0 0;
}
.s1-prodts2 {
    max-width: 60%;
    left: 0%;
    top: 6px;
}

.slct-text3{text-align:left;}

.section-2{ padding:30px 0 30px;}
.pet-safe-circle{width: 120px; height: 120px;margin: -65px auto 30px;}
.safe-txt {margin-left: -50px;top: 10px;width: 100px;}
.pet-circle-img{ width:38px; margin:32px 0 0;}

.s2-seal{ top: -115px; margin-left: -50px; width: 100px; height: 100px;}
.package-container{ margin-top:20px;column-gap: 0;row-gap: 15px;}
.package-box{ width:100%; max-width:355px;padding: 22px 10px 20px;}
.pkg-cont {padding:0; text-align: center;}
.package-box .btnBlk {max-width: 220px;margin-top: 10px;width: 100%;}
.package-box .next-btn {
    height: 45px;
    font-size: 22px;
    line-height: 45px;
}
.package-box .next-btn:after {
    right: -8px;
    top: 27px;
    background-size: 30px
}
.prod-name {
    font-size: 22px;
    line-height: 32px;
    min-height: auto;
}
.pkgs-btl{max-width:160px}
.pkgs-btl:nth-child(2), .pkgs-btl:nth-child(3), .pkgs-btl:nth-child(4), .pkgs-btl:nth-child(5){max-width:90px; left: 10%;top: 20px;}
.pkgs-btl:nth-child(3){left:auto; right:10%;}
.pkgs-btl:nth-child(4), .pkgs-btl:nth-child(5){max-width:80px; left: 1%;top: 30px;}
.pkgs-btl:nth-child(5){left:auto; right:1%;}
.pkg-two{ background-size:100%;}
.prod-describe{ font-size:25px; line-height: 35px;}
.prod-strp-t1, .prod-strp-t2{ padding: 9px 12px; font-size:14px; line-height: 14px;}
.prod-strp-t2{ margin-left:10px;}

.s3prod-sec{ width:100%;}
.s3-prod-img { max-width: 160px; margin-bottom: 10px; display:block; margin:0 auto;}
.s3-btn { width: 100%;}
.s3-prod-list li .prod-name{ width:100%; text-align:center;}
.s3-btn .next-btn{ width:100%;}

.section-3{ padding:10px 0 30px;}
.sec3-cont{ width:100%; text-align:center; padding:0;}
.sec3-cont .common-heading{ color:#000;}
.sec3-cont .common-paragraph{ color:#000;}
.sec3-cont .common-heading span {
    color: #53267b;
}

.section-3:before{ height: 180px; display:none;}
.s3-list{ margin-top:15px; padding:0 10px;row-gap:22px;}
.s3-list li{ width:100%; max-width:355px;font-size: 16px;  line-height: 24px;}
.s3-list li img {margin-bottom: 14px;}


.s3-rgt{width: 100%;margin: 30px auto 0; height: auto;padding: 25px;max-width: 380px; float: none;}
.s3-dog-bnr{ position: relative;
    max-width: 410px;
    width: 100%;
    margin: -15px auto -15px;
    display: block;
    z-index: 2;
    left: -15px;
    top: 0; }
.s3-rgt:before{ left:10px; top:10px; right:10px; bottom:10px;border-radius: 15px;}
.s3-rgt:after{ right:0;border-radius: 15px;border: 2px solid #e3d323;}
.s3-seal{ top: -8px; left: 50%; width: 80px; margin: -35px 0 0 -40px;}

.strip{ height:auto; background-size: cover; padding:25px 0;background-position: 65% top;}
.strip-lft {
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 355px;
    padding: 25px 10px;
	background:rgb(255, 255, 255, 0.8);
}

.section-4{ background:#e9f9ff; padding: 30px 0 40px;}
.s4-ic-top{ width:50px;}
.s4-prod1, .s4-prod2, .s4-prod3{ display:none;}
.s4-list{ margin-top:0;}
.s4-list li{ float: left; width: 33.33%; padding: 0; margin-top: 25px;}
.s4-list p{ font-size:13px; line-height:15px; margin-top:10px;}
.btnBlk{margin-top:20px;}

.section-5{ padding:30px 0 40px;}
.section-5:before{ display:none;}
.s5-dog-mob{ max-width:100%; margin:25px auto 0; border-radius:10px;border: 1px solid #0099d7;padding: 8px; border-radius:10px;}
.sec5-cont{ width:100%; text-align:center; padding:0 10px;}
.s5-list{ margin-top:12px; padding-left:10px;}
.s5-list li{ font-size:17px; line-height:24px; padding-left:32px;}

.section-6{ padding: 30px 0 40px;}
.s6-revw-Box{ margin:20px 0 0;}
.s6-revw-col{ width:300px; height:410px; padding:25px 15px 30px;}
.revw-head img{ width:55px;}
.revw-head{ padding:3px 20px 3px 66px;}
.rev-para{ font-size:17px; line-height:25px;}
.rev-icns{ width:55px;}
.s6-revw-col .fs-m{ font-size:15px;}

.section-7{ padding:30px 0;background: #fff url(../images/sec1-bg-m.jpg) repeat center top;background-size: 160%;}
.s7-bouble{ width:100%; padding: 30px 30px 50px;height: auto;background: #cfecf8;border-radius: 50px; text-align:center;}
.s7-bouble-hdng{font-size: 26px;line-height: 30px;}
.s7-bouble-text{font-size: 17px;line-height: 25px;}
.s7-dog-img{width: 190px;}

.footer{}
.footerBox1{ padding: 20px 0; position:relative;}
.ftrBox1{ width:100%; margin: 10px 0 0 0;}
p.ftr-link{ width:100%; text-align:center;}
.ftr-logo{ width:140px; margin-bottom:10px;}
.ftrbx2-hd{ font-size:20px; line-height:20px;}
ul.frt-list{ margin-top:5px;}
ul.frt-list li{}
.ftrBox2{}
.footerBox2{padding: 20px 0; font-size: 16px; line-height: 24px;}
.ftr-cpyrght{ width:100%; margin:10px 0; text-align:center;}
.ftr-cards{ float:none; margin:0 auto 0; display:block; width:300px;}
.ftr-dog-img{ top:auto; bottom:0; width:280px;}


/*==================================
CSS FOR PRODUCT_DETAILS_PAGE
=====================================*/
.prodDetails-sec1{ padding:20px 0 40px;}
.prodDtls1-left{ width:100%; margin-top:20px;}
.prodDtls1-rght{ width:100%; margin-top:5px;}
.prod-nameHdng{font-size: 36px; line-height: 38px;}
.prd-Dtls-txt1{font-size: 21px;line-height: 21px;}
.prd-det-disc{font-size: 15px;line-height: 24px;}

.slct-top{padding: 20px 15px 20px 40px;}
.slct-top input[type=radio] + span{ left:10px;}
ul.subscribe-list {text-align: center;}
ul.subscribe-list li {padding: 0 7px;}

.you-save-prc{ font-size:18px;}
.retail-prc{ font-size:24px; line-height:26px;}
.strikeout{ font-size:18px;}
.cart-button-dv{ margin-top:30px;}
.cart-btn{height: 70px;font-size: 26px;line-height: 70px; padding-right:15px;}

.prodDetails-sec2{ padding:30px 0 60px;}
.proDetls-s2-row{ padding:0 15px;}
.proDetails-s2-col{ width:100%; margin:20px 0;}
.proDtls-s2-col-mdl {padding: 15px 15px 40px;}
ul.uses-list{ max-width:285px;}
.ing-list-text2{font-size: 16px; line-height: 24px;}
.proDtls-s2-col-hdng{ padding:15px 10px 10px;}

.prod-s3-mdl-list{ margin-bottom:30px;}
.prod-s3-mdl-list ul{ width:100%;}
.prod-s3-mdl-list ul.fl{ margin:0;}
.prod-s3-mdl-list ul li,.prod-s3-mdl-list ul li:nth-child(1){ margin-top:25px;text-align:center; padding:0 20px 35px;}
.prod-s3-mdl-list ul li span{font-size: 20px;line-height: 26px;}
.prod-s3-mdl-list ul li p{ font-size: 18px; line-height: 25px;}
.prod-s3-mdl-list ul li:before{position: absolute;left: 50%;bottom: -15px;width: 1px; height: 40px;content: ""; border-left:2px dashed #e87352;}
a.packageBtn {font-size: 20px;}
a.packageBtn img{ width: 30px; margin: -5px -10px 0 10px;}
.btn-txt{font-size: 16px;}


.prodDetails-sec4{ padding:0 0 30px;}
.prod-s4-content{ padding:0;}
.prod-s4-prod{ display:none;}
.prod-s4-hdng{ padding:0;}
.prod-s4-rght{ text-align:center;}
.prod-s4-hdng > div {padding: 34px 33px;font-size: 26px;line-height: 40px;width: 310px;height: 144px;}
.prod-s4-dog-vector-img {width: 150px; margin-top: -40px;}
.prod-s4-list:before, .prod-s4-list li:before{ display:none;}
.prod-s4-list{ max-width:100%; margin-top:25px;}
.prod-s4-list li{ margin-top:0; margin-bottom:30px; padding:0 20px; text-align:center;}
.prod-s4-list li:last-child{ margin-bottom:0;}
.prod-s4-list li img{ position:static; display:block; margin:0 auto 10px;}
.prod-s4-list li span{ font-size:20px; line-height:24px;}
.prod-s4-list li p{ margin-top:5px;font-size: 17px;line-height: 24px; letter-spacing:0.5px;}
.s4-t1{ font-size:21px; line-height:28px; margin-top:40px;}
.s4-t1 span{ padding:0 0;}
.s4-t1:before{ display:none;}
.s4-stuf-list{ margin-top:0;}
.s4-stuf-list li{ width:33.33%; margin-top:20px;}
.s4-stuf-list li:nth-child(3):before{ display:none;}
.s4-stuf-list p{ font-size:14px; line-height:16px;}

.prodDetails-sec5{background: url(../images/s5-bg-mob.jpg) repeat center top;padding: 40px 0 80px;background-size: cover;}
.directionBox{ margin-top:30px; padding: 25px 15px; border-radius: 22px;}
.direc-head{ font-size:32px; line-height:36px;}
.proDtls-s5-txt1{font-size: 19px;line-height: 24px;}
.directionRow:after, .lbs-txt:before{ display:none;}
.directionRow{ margin-top:20px;}
.directionCont{ width:50%; margin-bottom:30px; position:relative;}
.directionCont:before{ content:''; position:absolute; top:0; bottom:0; left:0; background:#ddd; width:1px;}
.directionCont:nth-child(2):before{ top:25px;}
.directionCont:nth-child(4):before{ bottom:25px;}
.directionCont:nth-child(1):before, .directionCont:nth-child(3):before{ display:none;}
.directionCont:last-child, .directionCont:nth-child(3){ margin-bottom:0;}
.directionCont:after{ content:''; position:absolute; bottom:-26px; left:15px; right:15px; background:#ddd; height:1px;}
.directionCont:nth-child(2):after{ bottom:-16px;}
.directionCont:nth-child(3):after, .directionCont:nth-child(4):after{ display:none;}
.scoop-list{ display:none;}
.direction-dogs{ margin:10px auto 0; width:100px;}

.proDtls-s5-txt2{ font-size:18px; line-height:24px;}
.scoop-t1{font-size: 18px;color: #21aae1;  margin-top:5px;}
.scoop-imgs{ margin:0 auto 0; display:inline-block;vertical-align:top; margin-top:10px;}

.prodDetails-sec6{ padding:0 0 30px;}
.proDetls-s6-row{ padding:0; margin-top:20px;}
.proDetls-s6-slideLeft {padding: 30px 25px 30px;}
.rev-heading{font-size: 18px; line-height: 26px;}
.rev-star {margin-top: 10px;}
.t-para{margin-top: 15px; font-size: 16px; line-height: 24px;}


.huggle-pup-s3Box{ margin:20px 0 0;}
.h-pup-s3-bouble h3{font-size: 20px; line-height: 25px;}
.h-pup-s3-bouble-1{width: 330px;height: 265px;padding: 80px 50px 50px;}
.h-pup-s3-bouble p{ font-size:16px;}
.h-pup-s3-bouble-2{width: 330px;}
.h-pup-s3-bouble-3{width: 330px;}
.h-pup-s3-bouble-4 {width: 340px;padding: 76px 55px 50px;height: 235px;}
.h-pup-s4-prod{ display:none;}
.h-pup-s4-list{ margin-bottom:0;}

.h-pup-sec5{ padding:40px 0 80px;}
.h-pup-s5-img{ padding:5px; border-radius:25px; margin-top:30px;}
.h-pup-s5-text1{ margin-top:20px;}
.h-pup-s5-text1 p{font-size: 26px; line-height: 32px;margin-top: 20px;}

a.shopBtn{height: 75px;line-height: 65px;}
a.shopBtn img{ top:10px;}
.h-pup-s6-hdng{font-size: 30px;line-height: 40px;}


/*===========STORY_PAGE=============*/
.story-sec1{ height:auto;padding: 15px 0 0;}
.story-dog-img {width: 170px;margin: 0 auto -11px;}
.story-sec2{ padding:40px 0;}
.story-sec2-box{ padding:35px 18px;}
.story-para {font-size: 22px;line-height: 30px;margin-top: 20px;}
.stry-mdl-line{margin-top: 10px;}
.story-pkg-sec{ padding:40px 0;}

.pop-up-left{width:100%;}
.pop-up-left-txt{    font-size: 17px; line-height:24px}

}