@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: 45%; margin: 5px 0 0 0;}
ul.topMenu li a {
    font-size: 16px;
    line-height: 22px;}
/*-------------------------
CSS FOR BANNER
--------------------------*/
.bnr-lft {padding: 70px 25px 0;}
.bnr-txt3 {font-size: 23px;}
.bnr-txt2 {font-size: 46px; line-height: 56px;}
.bnr-txt1 { font-size: 18px;}
.bnr-prdt { top: 340px; left: -40px;}


.sec2-mid{ width:88%;}
.sec2-prod{left: -5%;}
.s2-prd{ top: 0px;}
.s2-badg{top:400px;}
ul.sce2-list li {width: 31%;
    padding: 0 0px;}
ul.sce2-list li img{}
ul.sce2-list li span{}

ul.s4-list li span {
    font-size: 18px;
    line-height: 30px;
    padding: 0 30px;
}
.sec4-lft{padding: 35px 26px;}
.sec4-lft-mid { width: 680px; padding: 30px 265px 42px 30px;}
.testi-box{padding:0 20px;}
.sec4-lft .comn-hdg p { font-size: 28px; line-height: 36px;}
.sec4-lft-mid  .comn-btn a, .prd-shop-btn, .prc-checkt {}
ul.s4-list{ position:relative; z-index:1;}
.s4-prd{ right:-1px;max-width: 593px;}
.mid-cont{max-width: 56%;}
.sec2hm-rgtin{width: 308px !important;}
.s2-prodBx-col{}
.s2-mdl-box {column-gap: 18px;}
.sec4-box-inr{padding:0 10px 0 70px;}
.s4-lst-img{width:60px;}
ul.prod-list{ margin-top:30px;}

.sec5 ul.prod-list li .prd-txt2 { font-size: 20px; line-height: 28px; min-height: 58px;}


/*==================================
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{background-position: 45% top;}
.bnr-lft {  width: 79%; height: 435px;padding: 54px 21px 0; }
.bnr-txt3 {
    font-size: 22px;
    line-height: 28px;
}
.bnr-txt2{ font-size: 42px; line-height:50px; margin: 10px 0 0;}
.bnr-txt2 span { font-size: 40px; line-height: 61px;}
.bnr-prod{width:330px; top:235px; right:140px;}
.bnr-txt1 { padding: 10px 15px 10px 16px;font-size: 17px; line-height: 26px; letter-spacing: 0px; width: 85%;}
.hdg-icon { top: -2px; left: 0px;}
.bnr-prara { font-size: 17px; line-height: 27px;}
.bnr-prdt { top: 315px; left: -108px; width: 445px;}
.bnr-seal {left: -70px;}


.strip{padding:30px 0 30px;}
ul.strip-list{justify-content: center;
    row-gap: 20px;
    column-gap: 15px;}
ul.strip-list li{padding: 22px 10px;width:32%; text-align:center;}
ul.strip-list li img{ position:static; display:block; margin:0 auto 10px;}
ul.strip-list li .stp-lst-txt1 {font-size: 17px;line-height: 27px;}
ul.strip-list li .stp-lst-txt2 { font-size: 16px;}

.sec2{padding:35px 0 45px;}
.sec2-mid { width: 100%;}
.sec2-lft{float: none;
    display: inline-block;
    width: 90%;
    margin-top: 0;
    height: auto;
    padding: 0;
    text-align: center;}
ul.sec2-list{margin:0 0 12px;}
.s2-prd{width: 280px; position: static; display: block; margin: 0 auto 10px; border-radius: 10px 10px;}
.s2-badg{top:210px; right:-130px; width:125px; height:125px;}
.s2-badg-inr{padding-top:25px;}
.s2-badg-inr h3{font-size:17px; line-height:22px;}
.s2-badg-inr h2{font-size:24px; line-height:28px;}
.comn-hdg p{ font-size: 32px; line-height: 38px;}
.hdng1 {
    font-size: 33px;
    line-height: 43px;}
.comn-txt { font-size: 17px; line-height: 27px;}
.sec2-lft-lst { padding: 15px 0 0 0px; width: 100%;}
ul.sce2-list{margin: 25px 0 10px;}
ul.sce2-list li{width: 33%;padding: 0 5px;text-align: center;}
ul.sce2-list li:after{right: -12px;}
ul.sce2-list li img { margin: 0px auto 5px;}
.sec2-prod {position: static;         margin: 18px auto;}
.s2-mdl-box {
    margin-top: 35px;
    column-gap: 22px;
    row-gap: 30px;
}
.s2-prodBx-col {width: 45%;}

.prd-sec-inr { width: 100%;}
ul.prod-list li{ padding: 20px 10px 20px; margin: 0px 0% 0; width: 49%;}
.cbd-prod { width: 170px; top: 45px; left: 0px;}
.prdt-lst-cont { width: 100%; padding: 10px 0;}
a.prd-shop-btn{ font-size: 22px;
    line-height: 48px;
    height: 48px;
    width: 200px;}
.prd-txt1{ font-size:16px; line-height:26px;}
.prd-txt2 { font-size: 20px; line-height: 28px;}
.item .cbd-prod { width: 146px;}

.sec3{padding:30px 0;}
ul.sec3-list{margin:15px 0;}
.step{width:200px;}
.s3-stp{width:90px;}

.sec4{padding: 30px 0; height: auto;}
ul.s4-list {margin-top: 26px;}
ul.s4-list li {padding: 0 5px;}
ul.s4-list li span {
    font-size: 17px;
    line-height: 27px;
    padding: 0 0px;
}
.sec4-lft{ width: 100%; padding: 20px 20px;}
.s4-prd { top: 0px;width: 527px; left: -161px;}
.sec4-box{margin:10px 0;}
.sec4-lft-mid { width: 100%; padding: 30px 305px 35px 30px;}
.s4-prd2 {top: 55px;  max-width: 140px;  right: 20px;}
.mid-cont{max-width: 57%;}

.sec5{padding:40px 0;}
.sec5-inr{ width:100%;}
ul.sec5-list{margin:20px 0;}
ul.sec5-list li p{ font-size:18px; line-height:22px;}
.sec5 ul.prod-list li .prd-txt2 { font-size: 16px; line-height: 26px; min-height: 52px;}

.sec6{padding:30px 0;}
.sec6-box{margin:20px 0;}
.comp-top-lft{font-size:16px; line-height:20px; padding-left:105px; padding-top:8px;}
.comp-top-lft img{width:100px;}
.comp-top-lft p{font-size:18px; line-height:22px;}

/*-------------------------
CSS FOR SECTION 2
--------------------------*/

.section-2{ padding:40px 0;}
.comn-hdg { font-size:35px; line-height: 45px; margin-bottom:0;}
.comn-hdg span {font-size: 25px;line-height: 35px;}
.s1-p2 { font-size: 17px; line-height: 27px; }
.padhg{ padding:0 0px;}
.s2-ul { margin: 30px 0 0;}
.section-2 .bnr-p1 {font-weight: 500; line-height: 34px; padding: 0 25px 0;}
.s2-ul li, .shop-section-5 .s2-ul li { width: 48%;}
ul.s2-left-list { margin-top: 20px; row-gap:25px; column-gap:12px;}
ul.s2-left-list li { width: 49%; font-size: 18px; line-height: 28px; margin: 0;}
.s2-img2 { display: block; margin: 34px auto 0;}
ul.s2-left-list li:nth-child(2), ul.s2-left-list li:last-child{ margin-top:0px; }
.s2-img { margin: 0 auto 10px;}

.sec2{ padding:40px 0px;}
ul.s2-left-list:before{ display:none; }
ul.s2-left-list li:after{ display:none; }
ul.s2-left-list li p{ padding:0px 0px;}
/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.sec3{ padding:40px 0px 40px; }
.sec3_innr .commn-para { width: 100%; }
.s3uls{ row-gap: 26px;}
.s3uls li{ width: 48%; font-size: 17px; line-height: 27px;}
.s3uls li:nth-child(2):after{ display:none;}
.s3uls li:after { top: 0; right: 0; bottom: 0;}
.sec3-glass { position:static; display:block; margin:20px auto 0px; transform:none;}
ul.s3-lsts { margin: 20px 0 0px; column-gap: 100px;}
ul.s3-lsts li { width: 40%; padding:50px 0px 0px; }
.s3-lst-cont { padding: 20px 15px; margin-top: 25px;}

.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: 8px 0;}
.logo{max-width: 150px;  margin-top: 6px;}
.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{
	background: #fff;
    height: auto;
    background-size: cover;
    padding: 0px 0 0px;
}
.banner .container{padding:0 10px;}
.logo{width: 130px;
        margin-top: 0px;}
.bnr-lft{float: none; display: inline-block;   width: 100%;     text-align: center;  margin-top: 10px;  padding: 20px 10px; height: auto;}
.bnr-txt3 { font-size: 20px; line-height: 33px;}
.bnr-prod{display:none;}
.bnr-txt1{ font-size: 17px; line-height: 26px; padding: 8px 0 8px 0; margin: 5px 0 0;     width: 100%;}
.bnr-txt2{font-size: 54px;   line-height: 56px;   margin: 0px 0 0px;   padding: 0 0px;}
.bnr-prdt11{position:static;max-width: 240px;   margin: 0px auto;}
.bnr-txt2 span{font-size: 29px; line-height: 30px;}
.hdg-icon {top: -4px; left: 0px;}
.bnr-prara { width: 100%;  font-size: 17px;  line-height: 24px;  margin: 8px 0 0;}
ul.bnr-list{background:#f3f3f3; margin-bottom:0;}
ul.bnr-list li {
    font-size: 15px;
    line-height: 18px;
    padding: 5px 10px 5px 18px;
    margin-right: 5px;
    text-align: left;
    width: 29%;
    display: inline-block;
    float: none;
    background-size: 12px;
	}
.bnr-mob{ width: calc(100% + 20px); display: block; margin: 0 0 0 0px; padding: 0px 0 5px;}
.bnr-prdt{ display:none;}
.bnr-seal { display:none;
}

.comn-hdg p{ font-size: 26px; line-height: 36px; margin: 0;}

.strip-hdg:before{ display:none;}
.strip-hdg{ font-size:18px;}
ul.strip-list{ margin-top: 20px; justify-content: center;row-gap: 12px;column-gap: 12px;}
ul.strip-list li{ width: 48%; padding:10px 10px;}
ul.strip-list li .stp-lst-txt1{}
ul.strip-list li .stp-lst-txt2{ font-size:18px; line-height:24px;}
ul.strip-list li:after{ display:none;}


.sec2{padding:30px 0;}
.sec2-lft{width: 100%; max-width:355px;text-align: center; padding: 0px 0 0; margin-top: 0px;}
.sec2-mid .comn-hdg p{ margin-bottom:12px;}
.sec2-lft-lst{ padding:0 0;}
.comn-txt{ width:100%; margin-bottom: 0px; font-size: 16px; line-height: 24px;}
.s2-prod-mob{ display: block;  margin: 10px auto 5px;  width: 100%; padding: 10px 0;}
.comn-hdg img{ display: none;}
ul.sce2-list {margin: 20px 0 0px;  justify-content: center;   width: 100%;   row-gap: 16px;}
ul.sce2-list li{ width:47%; font-size: 17px;line-height: 23px;padding-bottom: 5px;}
ul.sce2-list li span{ font-size:16px; line-height:24px;padding-bottom: 5px;}
.sec2-prod{ display:none;}
ul.sce2-list li:after{right: -10px;}
ul.sce2-list li:nth-child(2):after{ display:none;}

.sec2hm-rgtin{width:100% !important}

.prod-sec{ padding:30px 0;}
ul.prod-list{ margin:20px 0 0; justify-content: center;}
.cbd-prod { width: 142px;}
ul.prod-list li,.shop-inr-sec ul.prod-list li{ width: 48%; margin: 0px 0% 0; padding: 20px 10px;}
.prdt-lst-cont {}
.prd-txt1 { font-size: 14px; line-height: 25px; display:none;}
.prd-txt3{ margin-top: 0px; font-size: 18px;}
.prd-txt3 span{ font-size:24px;}
.prd-txt2{ margin-bottom: 0px; min-height: auto; font-size: 15px; line-height: 28px; width:100%;}
a.prd-shop-btn{ margin-top: 10px; }
.sec5 ul.prod-list { margin-top: 20px;}
.sec5 ul.prod-list li{ width:100%; max-width:355px; padding-bottom:15px; box-shadow:0px 0px 1px #bbb;}
.sec5 ul.prod-list li .prd-txt2{ min-height:auto; font-size: 18px; line-height: 28px;}

ul.sec3-list{margin:0;}
ul.sec3-list li{width:100%; margin:20px 0; font-size:18px;}
ul.sec3-list li .s3-lst-txt{ padding:0;}
ul.sec3-list li:last-child{margin-bottom:0;}
ul.sec3-list li .s3-lst-hdg{margin-bottom:5px;font-size: 24px; line-height: 28px;}
ul.sec3-list li:after{display:none;}
.step{width:120px;}
.s3-bx-txt{padding:10px; font-size:20px; line-height:24px;}
.s3-txt{margin-bottom:0;font-size: 21px;line-height: 26px;}

.sec4{ padding:30px 0 30px;}
.sec4-lft{width:100%; text-align:center;  padding: 25px 10px;}
.sec4-lft .comn-hdg p { font-size: 26px; line-height: 36px;margin-bottom: 10px;}
.sec4-box-inr{width:100%; margin:12px 0;}
.s4-prd{ display:none;}
.s4-prd2{ display:none;}
.sec4-box-inr p{ font-size:22px; line-height:26px;}
.sec4-lft-mid{ padding: 16px 20px;}
.s4-prd-mob{position: static; margin: 0 auto; display: block; padding-bottom: 20px;width: calc(100% + 20px); margin-left: -10px;}
.s4-prd2-mob{position:static; margin:0 auto; display:block; max-width:100%; padding-top: 0px; }
ul.s4-list{margin-top: 22px;
    row-gap: 20px;}
ul.s4-list li, ul.s4-list li:nth-child(2){ width: 100%;  font-size: 18px;  line-height: 30px;  padding: 0 10px;  text-align: center;}
ul.s4-list li span{ font-size: 22px; line-height: 29px;  margin-bottom: 5px;}
ul.s4-list li img, ul.s4-list li:nth-child(2) img {margin: 0 auto 10px;  position: static;  display: block;}	
.mid-cont{ max-width:100%;}
.s2-mdl-box {
    margin-top: 25px;
    column-gap: 0;
    row-gap: 22px;
}
.s2-prodBx-col{width: 340px !important;}
.section1-hm{padding: 30px 0 30px;}
.hdng1{font-size:30px; line-height: 37px;}
 .strip {    padding: 30px 0 0px; }
.section-2 {padding: 30px 0;}
.s2-riht { margin-top: 0px;}
.s2-ul { margin: 20px auto 0; row-gap:15px; justify-content: center; max-width:330px; float:none;}
.s2-ul li { width: 100%; max-width:100%;}
.s2inbx-lft{ width:100%;}
.s2inbx{ width:100%; margin: 10px auto 0 auto;}
.s2inbx-rgt{ display:none;}
.s1inbx-img1{ margin:0 auto;}
.s2inbxtxt{ text-align:center; display:inline-block; padding:0;}
.s2inbx-hding, .s2inbx-subhding{ text-align:center;}
.s2-p1 {
    font-size: 20px;
    line-height: 30px;
    min-height: auto;
}
.s2-img2 {
    display: block;
    margin: 34px auto 0;
    width: 300px;
}
/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.sec3 { padding: 25px 0 25px;}
.sec3-glass { margin: 12px auto 0px;}
ul.s3-lsts{ margin: 20px 0 0px; column-gap: 10px; row-gap: 15px; padding: 0;}
ul.s3-lsts li, ul.s3-lsts li:last-child{ width: 100%; text-align: center; padding: 10px 10px 10px; box-shadow: 0px 0px 5px #ccc; border-radius: 5px;}
ul.s3-lsts li h1 span{ position:static; display:block; margin:0 auto 5px; }
ul.s3-lsts li:before, ul.s3-lsts li:after{ display:none;}
.s3-lst-cont { padding: 15px 10px; margin-top: 20px;}
.s3uls li { text-align: center; padding: 0;margin: 0px 0 0 0; font-size: 15px; line-height: 24px;}
.s3uls li:after{  display:none;}
.s3-li-img {
    position: static;
    width: 50px;
    margin: 0 auto 5px;
    display: block;
}
.s3prod-sec, .s3-btn, .s3-btn .next-btn, .s3-prod-list li .prod-name{width:100%; row-gap: 0;}
	.s3-prod-img{        max-width: 142px;}
	.s3-btn .next-btn{      margin-top: 6px;  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}

}