@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;}
ul.topMenu {
    width: 77%;}
ul.topMenu li a {
    font-size: 16px;
    line-height: 22px;}
/*BANNER*/
	.s1-inner {padding: 178px 0px 0px 75px;}
	.bnr-img {right: -6%;}
	/*STRIP*/
	.strip{ overflow:hidden;}
	.strip-rgt {width: 62%;}
	.strip-img2 {right: -3%;}
	
	.bnr-btm-lines {}
	.btm-sec-inr {width: 57%;padding: 20px 0 18px;}
	.bnr-btm-model2 {top: 285px;max-width: 280px;}
	
	.sec1 { overflow:hidden;}	
	.sky-bx {left: -6%;}
	ul.s1-list{ position:relative;}
	ul.s1-list li {}
	.rgt-box{ background-position:100% top;}
	.lft-box {width: 61.44%;padding: 25px 0px 0 138px;}
	.s1txt{ font-size:17px;}
	.s1-inner2-rit{width:676px;}
	.sec1-img {right: -5%;}
	.bdhding2 {font-size: 40px;line-height: 50px;}
	/*SECTION2*/
	.sec2 { padding: 55px 0;}
	.s2lft { padding: 40px 20px 81px;}
	.s2prd1{ max-width:52%;}
	.s2prd-prc{  margin-top: 100px;}
	.s2prd-prc2{}
	.s2rgt {width:19.7%;}
	ul.s2list{ column-gap:12px;}
	.s2prd-hding2 span{font-size: 13px;}

	/*SECTION3*/
	.sec3{}
	ul.s3list {padding: 25px 20px;}
	ul.s3list li {padding: 25px 15px;}

}


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

/*BANNER*/
	.banner{background-size: cover;height: auto;background-position:56% top;}	
	.discount-img { right: 24px; top: 25px;}
	.bnr-bag {max-width: 310px;top: 305px;left: 27%;}
	.bnr-prdt {right: 26%; top: 350px; max-width: 220px;}
	.bnr-img {max-width: 490px;right: -11%;}
	.bnr-img-prdts { right: 15%; max-width: 305px; top: 336px;}
	.bnr-prdt-sheld {right: 29%;top: 120px;max-width: 110px;}
	.bnrhd{ font-size:21px; line-height:24px;}
	.s1-inner{width: 55%;padding: 134px 0px 85px;}
	.bnr-hdng {font-size: 34px; line-height: 44px;}
	.bnr-head{font-size:45px;line-height:55px;}
	.bnr-head span {font-size: 16px;}
	.bnrtxt{font-size: 17px;line-height: 25px;margin-top: 12px;width: 100%;}
	.bnrprd{ font-size: 34px; line-height: 46px;}
	.s1-inner2 {}
	ul.bnr-list {margin-top: 95px;}
	ul.bnr-list li {padding: 34px 10px 40px 15px;font-size: 17px;line-height: 25px;}
	
	/* STRIP*/
	.strip { padding:40px 0 40px;}
	.strip-rgt {float:none;display:inline-block;width:100%;text-align:center; padding:0;}
	.strip-img2 {position: static;max-width: 100%;margin-top: 10px;}
	.strip-img3 { position: static;max-width: 100%;margin: -78px 0 -15px;}
	ul.strip-list {margin-top: 30px;padding: 30px 15px;}
	ul.strip-list li {font-size:18px;line-height:28px;text-align: center;padding: 0 0;}
	ul.strip-list li img {position: static;display: block;margin: 0 auto 10px;}
	
	.bnr-btm-sec {}
	.btm-sec-inr {float:none;display:inline-block;width:100%;text-align:center; padding:0;}
	.bnr-btm-model1 {position: static;max-width: 50%; margin-top: 10px;}
	.bnr-btm-model2 {position: static;top: 285px;max-width: 100%;margin-top: 20px;}
	.bnr-btm-Box {margin-top: 22px;}
	
	.sec1{padding:40px 0 40px; margin:0;}
	.bdhding2 {font-size: 35px;line-height: 46px;}
	.bdfont {font-size: 17px;line-height: 26px;margin-top: 13px;}
	 ul.s1-list {justify-content: center;column-gap: 10px;row-gap: 10px;}
     ul.s1-list li {width: 38%;}

	/*SECTION2*/
	.sec2 { padding:40px 0;}
	.down-arw{top: -70px;}
	.s2lft, .s2rgt, .s2mid{ display:none;}	
	.s2list-mob{ display:block;}
	.prod-box{ margin-top:0px;}
	ul.s2list {column-gap:15px;}
	ul.s2list li {width:48%;}
	.prdts-bg {width: 100%;}
	.prdts-content {width: 100%;padding: 0px 15px 25px;text-align: center;}
	.s2prd-hding2 span {font-size: 16px;}
	.s2list-mob li .prd-left{ width:70%;}
	.s2list-mob li:nth-child(1) .s2prd2 { max-width: 120px; top: 54px;}
	.s2list-mob li .s2prd2{ top: 26px;}
	.s2list-mob li{ min-height: 217px;}
	.s2list-mob li .s2btn2 {margin-top: 26px;}
	.s2prd-prc2 { font-size: 28px;}
	
	/*SECTION3*/
	.sec3 { padding:45px 0 45px;}
	.s3-Box {padding: 0px 0px 0px;width: 52%;}
	.s3-model { max-width:390px;top: 8px;}
	ul.s3list { padding: 20px 15px;}
	ul.s3list li{padding: 20px 10px;font-size: 15px;line-height: 23px;}
	ul.s3list li span {margin: 10px 0 4px;font-size: 20px;line-height: 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:50px; margin-top: -50px; top: 50px; padding: 6px 0;}
.logo{max-width: 100px;  margin-top: 0px;}
.top-fix-bar{ margin-bottom:50px;}
.prodBreadcrm p{font-size:12px;}
.mob-mnu-ic{ top:6px; right:10px;}
.mobilemenu{ top:55px;}
.mobimenu-top{ top:55px;}
	
    .commn-hdg {font-size: 24px;line-height: 32px;}
	.commn-hdg span{font-size: 32px;line-height: 42px;}
	.commn-para{margin-top:10px; font-size: 16px; line-height: 24px}

/*BANNER*/
	.banner { text-align:center; background:#fce2e1; padding:30px 0px;}	
	.bnr-bag-mob{ display: inline-block;    margin: 20px auto 0 0px;}
	.bnr-img {position: static;max-width:75%;margin-top: 10px;border-bottom: 1px solid #dedede;}
	.bnr-head{ font-size:30px;line-height:40px; }
	.bnr-head span {     font-size: 30px;    line-height: 37px;    letter-spacing: 0;    margin-top: 0;}
	.bnrhdline{display:none;}
	.s1-inner{ float: none; display: inline-block; text-align: center; width: 100%; padding:0px 0 0;padding: 15px 10px 18px;background: #fff;
 border: 4px solid #5c1212;}
	.bnrtxt{width: 100%;         margin-top: 10px;font-size: 16px;line-height: 24px;}
	.bnrprd{position:inherit;right:auto;top:auto;width:300px;margin:20px auto 0 auto;display:block;}
	.s1-inner2 { }
	.bnrbtn {margin-top: 20px;}
	.s1-inner .bnrbtn {margin-top: 20px;}
	ul.bnr-list {margin-top: 40px;row-gap: 0px;}
	ul.bnr-list li {width:50%;   padding: 15px 10px;    font-size: 17px;    line-height: 25px;    }
	/*STRIP*/
	.strip { padding:25px 0 25px;}
	.strip-rgt {width: 100%;  text-align:center;}
	.strip-rgt .bdfont {width: 100%;color: #000;margin-top: 15px;}
	.strp-txt { font-size: 18px; line-height: 28px;}	
	ul.strip-list { margin-top: 20px; justify-content: center; column-gap: 10px;padding: 20px 15px;}		
	ul.strip-list li {width: 48%;padding: 0px 0px;font-size: 16px;line-height: 25px;}	
	ul.strip-list li img {margin: 0 auto 8px; position:static; display:block; }	
	
	.strp-inr .s1hding { font-size: 24px; line-height: 30px;}
	.strp-inr{ float: none;display: inline-block;width:100%; max-width:100%;text-align: center;padding: 0 0;}
	.strip-prdts {left: auto; right: -14%; top: 285px; max-width: 240px;}
	.strip-prdts2 {right: auto; left: -8%; top: 86px; max-width: 200px;}
	.strip-img, .strip-img2 { position: static; max-width:85%; margin-top: 12px;}
	.s1-txt1 span{font-size: 26px;}
	.strip-img{}
	.strp-watch{ display:none;}
	.strp-watch-mob{ display: block; vertical-align: middle; margin: 12px auto 12px; max-width: 100%; position: static;}
	.strp-inr .bdfont { width: 100%; font-size: 16px; line-height: 26px;}
	.strip-img3 {max-width: 75%;margin: -57px 0 -15px;}
	.strp-inrr-lft{ width:100%; text-align: center;}
	.strip-rgt-bx { text-align:center; margin-top: -420px; padding: 10px 10px 20px;}
	.strp-hdg2 { font-size: 22px; line-height: 28px; margin-top: 8px;}
	ul.strip-list2 {width: 100%;margin-top: 17px;row-gap:0px; padding:0; justify-content: center;}
	ul.strip-list2 li span{ font-size: 18px; margin-bottom: 5px;}
	ul.strip-list2 li{width: 100%;font-size: 18px;    line-height: 25px; border:none;}
	.strip-rgt .bnrbtn { margin-top: 20px;}
	.strp-hdng {font-size: 24px; line-height: 43px; padding: 0; text-align: center; background: #15483f;}
	.strp-txt1 {font-size: 20px; line-height: 30px; margin-top: 18px;}
	
	.bnr-btm-sec {padding-bottom: 30px;}
	.bnr-btm-lines { display:none;}
	.gls-prodt {margin: 25px 0 0;max-width: 90%;}
	.btm-sec-inr { }
	.bnr-btm-model1 {position: static;max-width:90%;}
	.bnr-btm-Box {margin-top: 0px; width: 100%;}
	
	.sec1{padding:20px 0; text-align:center;}
	.s1-inner2-rit {}
	.rgt-box{ margin: 20px 0 0;}
	.sec1-img{margin: 12px auto 0px;}
	.sec1-img2 {margin: 8px 0 -5px;}
	.left-box{ width:100%; margin:10px 0;}
	ul.s1-list{ justify-content: center; row-gap:7px;column-gap:7px;}
	ul.s1-list li:after{ display:none;}
	ul.s1-list li{ width: 49%;}
	ul.s1-list li img{margin:0 auto 2px;}
	ul.s1-list li span{ padding: 0 0px; font-size: 18px; line-height: 28px;}
	.lft-box {float: left; width: 100%; text-align: center; padding: 20px 10px;}
	.s1-modl-pdt {position: static; width: 100%; margin-top: 10px;}
	.s1-modl-pdt-mob{ position:static; display:block; margin:0 auto 0px; right:0; top:0; max-width: 215px;}
	.bdhding2 {font-size: 28px;line-height: 38px;}
	.bdhding2 span{}
	 .bdfont {font-size: 16px;line-height: 25px;margin-top: 10px;}
	
	/*SECTION2*/
	.sec2 { padding: 30px 0;}
	.down-arw{top: -50px;}
	.s2list-mob li .prd-left{ width:100%;}
	.s2list-mob li:nth-child(1) .s2prd2{ top: 79px; max-width: 104px;}
	.s2prd-sb-hding{max-width: 100%;}
	.s2list-mob li .s2prd2{ top:6px; right:11px;}
	ul.s2list { margin-top:20px; row-gap:15px; column-gap: 0px;justify-content: center; }
	 ul.s2list li {width: 100%;  padding:12px 0 0;}
	 ul.s2list li:before {top: 0;}
	 .prdts-content{ padding:0 10px 22px;}
	 .s2prd-hding2 span{right: 10px;  top: 15px;}
	/*SECTION3*/
	.sec3 { padding: 20px 0 25px;}
	ul.s3list {padding: 15px 10px;justify-content: center;}
	ul.s3list li {padding: 18px 10px;width: 100%;line-height: 25px;}
	ul.s3list li img{width:50px}
	
	.s3prod-sec, .s3-btn, .s3-btn .next-btn, .s3-prod-list li .prod-name{width:100%}
	.s3-prod-list li{width:100%}
	.s3-prod-img{max-width: 100px;}
	.s3-btn .next-btn{    font-size: 16px;line-height: 45px;height: 45px;}

.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:22px 0;}
.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}

}