:root{
	--Caveat: font-family: "Caveat", serif;
}

/*** COMMON STATIC PAGES ***/
.text-center{text-align: center;}
.text-center p{text-align: center !important;}
span.HighlightOne{font-weight: 600; color: var(--primary-color);}
ul.NoPadding{padding: 0 !important;}

.ContinueShopping_BTN.StaticBtn{margin: 30px 0 0 0;}
.ContinueShopping_BTN.StaticBtn a{color: #fff;float: right;}
.ContinueShopping_BTN.text-center{text-align: center;}
.ContinueShopping_BTN.text-center a{float: none; margin: 0 auto;}

.StaticPage_Container{padding: 0 0 0 0;font-size: 16px;}
.StaticPage_Container .Text_Center{text-align: center;}
.StaticPage_Container p{padding-bottom: 10px; color: #7B7B7B; text-align: justify; line-height: 26px; display: block; width: 100%; float: left;}
.StaticPage_Container strong,
.StaticPage_Container b{font-weight: 700; color: #333;}
.StaticPage_Container .StrongFont{font-size: 20px;}
.StaticPage_Container a,
.StaticPage_Container a b,
.StaticPage_Container .sitecolor{color: var(--primary-color); font-weight: 600;}
.StaticPage_Container a{font-weight: 400;}
.StaticPage_Container .NormalColor{color: #7B7B7B; font-weight: 600;}
.StaticPage_Container .title_class{font-size: 34px; font-weight: 600; line-height: normal; padding-bottom: 25px;}
.StaticPage_Container .title_class.smallHD{font-size:24px;}
.StaticPage_Container .title_class.smallHD span.tagline{font-size:16px;}
.StaticPage_Container .title_class span.tagline{font-size: 20px;color: #7b7b7b;display: inline-block;width: 100%;float: left;font-weight: 400;}
.StaticPage_Container ul,
.StaticPage_Container ol{padding-left: 20px;width: 100%; float: left;color: #7B7B7B; padding-bottom: 15px;}
.StaticPage_Container ul li,
.StaticPage_Container ol li ul li{list-style: disc; width: 100%; float: left; padding: 3px 0;}
.StaticPage_Container ol li{list-style: english;}

.StaticPage_Container .page-type ul {display: flex;align-items: center;}
.StaticPage_Container .page-type ul li:first-child {position: relative;padding: 0 0 0 35px; list-style: none; width: auto;}
.StaticPage_Container .page-type ul li+li {padding-left: 30px;}

.Font-caveat{font-family: "Caveat", serif; color: #A15100; font-size: 24px;}


/*** ABOUT US ***/
.StaticPage_Container .pet_parents_caro .owl-dots .owl-dot{background:#ccc !important;}
.StaticPage_Container .pet_parents_caro .owl-dots .owl-dot.active{background:#a15100 !important}

.About_Content{}
.About_Content b.Tagline{font-size: 18px;}
.AboutUSP{padding: 50px 0 0 0;}
img.ourmoto{width: 86px; margin: 0 auto; display: block;}
.StaticPage_Container .AboutUSP p{text-align: left;}
.About_OurMoto{padding:50px 0;}
.OurMote_Content{}
.OurMote_Content ul li,
.Contact_details ul li{width: 33.333%; float: left; list-style: none; padding: 0 30px;}
.OurMote_Content h6,
.Contact_details h6,
.OurGurantee_Box h6,
.AutoOrder_One .Rightbar h6,
.RewardPoint_one h6{color: #000; font-weight: 600; font-size: 24px; line-height: normal; padding: 25px 0 15px 0;}
.OurMote_Content img{width: 230px; display: block; margin: 0 auto;}
.StaticPage_Container .why_choo_content p{color: #000; text-align: left;}
.StaticPage_Container .why_choose_us,
.StaticPage_Container .what_parent{width: 100%; float: left;}
.StaticPage_Container .what_parent{ background: none; padding-bottom: 50px;}
.StaticPage_Container .what_parent .what_parent_innner{padding: 0 0 30px 0;}
.StaticPage_Container .what_parent .what_parent_innner .section_header,
.AboutBlog_Container .section_header{ text-align: center;display: flex;align-items: center;justify-content: center;}
.StaticPage_Container .what_parent .pet_parents_item{float: left;border: 2px solid var(--blue-munsell-color);}
.StaticPage_Container .what_parent .pet_parents_item p{color: #fff; text-align:left;}
.StaticPage_Container .what_parent .pet_parents_top h3{height: auto;}
.StaticPage_Container .pet_parents_caro .owl-dots{padding-top: 30px;}
.OurGurantee_Box{text-align: center; padding-top: 30px; display: none;}
.OurGurantee_Box ul li{padding: 10px; background: #fff; border-radius: 10px; text-align: center;float: left; list-style: none; width: 32%; margin: 0 2% 0 0; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.OurGurantee_Box ul li p{text-align: center;}
.OurGurantee_Box ul li:last-child{margin: 0;}

.AboutBlog_Container .section_header_left{justify-content:center; padding-bottom:30px;}
.AboutBlog_Container{padding:50px 0;text-align:center;}
.AboutBlog_Container .item{position:relative; padding-top:50px;}
.AboutBlog_Container .User_Img{position:absolute; top:0; left:0; z-index:1}
.AboutBlog_Container .User_Img img{width:85px; border:2px solid #0090ab; border-radius:100%;margin: 0 auto;}
.AboutBlog_Container .User_text{border:2px solid #0090ab;  padding:60px 25px 20px 25px; border-radius:20px;}
.AboutBlog_Container .User_text .rating{float:none; margin:0 auto;}
.AboutBlog_Container .User_text .Blog_title{padding:10px 0; font-size:12px; color#7d7d7d;}
.AboutBlog_Container .User_text .Blog_title br{display:none;}
.AboutBlog_Container .User_text .Blog_title span{font-weight:600; color:#000; text-transform:capitalize;}
.AboutBlog_Container .User_text .Blog_text{}
.AboutBlog_Container .User_text .Blog_text p{color:#7d7d7d; line-height:24px; text-align:center;display:-webkit-box; -webkit-line-clamp: 5; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; padding:0;}

.PD-bottom{padding-bottom: 50px;}


/*** ARTICLES PAGE ***/
.Articles_Container{padding: 30px 0 0 0;}
.Articles_Container .title_class,
.Articles_Container h4{float: left;text-align: left;font-size: 20px;line-height: normal; padding: 0 0 10px 0; font-weight: 500;}
.Articles_Container h4{position: relative;}
.Articles_Container h4::after, .Type_Category_Filter h4::before {content: '';position: absolute;top: 0;}
.Articles_Container h4::before {width: 3px;height: 15px;left: 0;top: 2px;background: #ff8100;}
.Articles_Container h4::after {width: 7px;height: 7px;top: 6px;right: 10px;border-bottom: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);}
.Articles_Container h4 a,
.Articles_Container h4 span{float: right;font-size: 12px;line-height: 30px;color: #666;font-weight: 400;text-decoration: underline;padding: 0 30px 0 0; cursor: pointer; display: none;}

.Articles_Container .article-news-box{padding-bottom: 0;}

.Article_Rightbar{width: 69%; float: left;}
.Article_Rightbar .pagination{margin: 0; padding-bottom: 0;}
.article-top-block {float: left;width: 100%;margin-bottom: 20px;}
.article-top-block .col {width: 48%;float: left;border-radius: 7px;overflow: hidden;}
.article-top-block .col:last-child{float: right;}
.article-block-img {width: 100%;float: left;position: relative;overflow: hidden;cursor: pointer;}
.article-block-img img{width: 100%;border-radius: 7px;}
.article_details {width: 100%; float: left; background: #fff; padding: 10px;}
.article-block-img:hover .article_details {bottom: 0px;}
.article_details h4 {font-size: 16px;color: #000;padding: 0;margin: 10px 0; font-weight: 600;}
.article_details p{margin: 0px;margin-bottom: 0px;font-size: 13px;color: #B7B7B7;display: flex; align-items: center;}
.article_details p img,
.article-more-details p img,
.artice_des_title .date_text img {width: 20px;margin: -3px 4px 0 0;}
.btn_article,
.article_btn .button,
.article_btn span{font-weight: 600; color: #DE0C0C;display: flex; align-items: center;}
.article_btn span{display: flex;}
.article_btn span img{margin-left: 5px; height: 18px;}
.btn_article img,
.article_btn .button img{display: inline-block; margin: 0 0 0 10px; width: 18px;}

.article-more-pet {width: 100%;float: left;}
.article-more-pet .col {width: 100%; overflow: hidden; float: left;border-radius: 20px; border: 1px solid #D1D5DB;margin-bottom: 30px;}
.article-more-box {width: 100%;padding: 0px; float: left;}
.article-more-img a img {width: 100%;max-width: 100%;border-radius: 20px;}
.article-more-box.article-more-box-inner-padding {padding: 30px 0 10px; background: #fff;}
.article-more-box {width: 100%; padding: 0px;background: #fff;}
.article-more-box a{color: #111;}
.article-more-img img{width: 100%;border-radius: 20px;display: block;}
.article-more-details {padding: 10px;}
.article-more-details h4 {overflow: hidden;text-overflow: unset;white-space: unset;}
.article-more-details h1, 
.article-more-details h2, 
.article-more-details h3, 
.article-more-details h4, 
.article-more-details h5, 
.article-more-details h6 {font-size: 18px;line-height: normal;font-weight: 500;width: 100%; margin: 10px 0;}
.article-more-details p {margin-bottom: 0;}
.article-more-details p.article-more-calender,
p.date_text{display: flex; align-items: center; margin-top: 10px; color: #777;}
.article-more-details P.ShortNotes{color: #7B7B7B;}
.article-more-details P.ShortNotes span{/*display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;*/}
.article_btn {margin-top: 15px;margin-bottom: 10px;}

.Article_Leftbar{width: 24%; float: right;}
.MobileFilter_Icon,
.Filter_Close{display: none;}

.article-header{width: 100%;float: left;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ccc;}
.article-header h1,
.MainPage_Title{width: auto; display: inline-block; line-height: 38px;}
.article-header h1 a,
.MainPage_Title a{color: #000;}
.article-header_right {float: right;}
.article-select {float: left; margin-bottom: 30px;}
.article-select .input_box {width: 100%;}
.article-select label{margin-top: 15px;}
.article-select .container_check span.text{color: #4D4B4C;}
.article-search_box {float: left;position: relative; padding-bottom: 30px;}
.article-search_box .SearchForm{position: relative;}
.article-search_box .input_box {width: 100%;}
.article-search_box .article_search_icon {position: absolute;top: 7px;right: 10px;cursor: pointer;}
.article-search_box .article_search_icon img {width: 20px;}

.article-LatestPost{}
.article-LatestPost .col{width: 100%; float: left; padding-bottom: 15px;}
.article-LatestPost .PostImg{width: 90px; float: left; overflow: hidden;}
.article-LatestPost .PostImg img{border-radius: 10px;}
.article-LatestPost .PostImg img{width: 100%;}
.article-LatestPost .PostText{width: 65%; float: right;}
.article-LatestPost .PostText p{display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; font-size: 14px; color: #111; font-weight: 600;}
.article-LatestPost .PostText span{font-size: 12px; color: #7d7d7d; background: url(/images/calendar.png) no-repeat 0 5px; background-size: 18px; padding: 5px 0 0 20px; display: inline-block;}
.article-LatestPost .Pagination_Number{text-align: right;}

.articles_news_left {width: 70%;float: left;}
.artice_des_title {width: 100%;float: left; margin: 10px 0;}
.artice_des_title h1{font-size: 25px; line-height: normal !important;}
.article-des-deta {width: 100%;float: left;}
.article-des-img {margin-bottom: 10px;text-align: left;}
.article-des-img img{width: 100%;}
.article-des-text {float: left;width: 100%; text-align: justify;}
.article-des-text p {margin-bottom: 10px;display: block;}
.article-des-text p img{width: 100% !important; height: auto !important;}
.artice_des_title h2,
.article-des-text h2,
.artice_des_title h3,
.article-des-text h3 {font-size: 20px;padding-bottom: 15px;padding-top: 5px;}
.article-des-text a{color: #1cbbb5  !important;}
.article-des-text strong, 
.article-des-text b{font-weight: 600;}
.articles_news_right.customer_top_picks {margin-top: 94px;}
.articles_news_right {width: 30%;float: right;margin-top: 70px;}
.flexclass {display: flex;justify-content: space-around;align-items: center;flex-flow: row wrap;text-align: center;}
.flexclass a {width: 45%;margin: 20px 0; color: #4a4a4a;}
.flexclass a h4 {font-size: 16px;margin-bottom: 10px;}
.pro-price span {color: #eb2600 !important;font-size: 20px;line-height: 35px;font-weight: 600;}
.flexclass .button { padding: 0px 10px;font-size: 14px;display: inline-block;padding: 0 15px;background: var(--secondary-color);color: #fff;line-height: 35px;border-radius: 5px;font-weight: 600;}
.article-des-text ul.artice_list,
.article-des-text ul {list-style-type: disc;margin-left: 35px;}
.article-des-text ul.artice_list li,
.article-des-text ul li, 
.article-des-text ol li {margin-bottom: 10px;color: #4a4a4a !important; list-style: disc;}
.artice_des_title h4,
.artice_des_title h5,
.artice_des_title h6
.article-des-text h4,
.article-des-text h5,
.article-des-text h6{font-size: 18px;}
.artice_des_title h1,
.artice_des_title h2,
.artice_des_title h3,
.artice_des_title h4, 
.artice_des_title h5,
.artice_des_title h6, 
.artice_des_title strong, 
.article-des-text h1, 
.article-des-text h2, 
.article-des-text h3, 
.article-des-text h4, 
.article-des-text h5, 
.article-des-text h6, 
.article-des-text strong {line-height: 25px;margin-bottom: 5px;font-weight: 600;}

.FAQ_Section{padding-top: 50px; padding-bottom: 0;}
.FAQ_Section h2{text-align: center; padding-bottom: 30px; text-transform: capitalize;}
.FAQ_Section .ContentArea{width: 60%; float: left;}
.FAQ_Section .ContentArea .menuheader{background: url(/images/faq-tab1-1.png) no-repeat 99% 50%; background-size: 25px; border: 1px solid #E9ECEF; border-radius: 7px; padding: 15px 30px 15px 15px; font-weight: 600; color: #000; cursor: pointer; margin-bottom: 10px;}
.FAQ_Section .ContentArea .menuheader.openheader{background: url(/images/faq-tab1-2.png) no-repeat 99% 50% #fff; background-size: 25px; color: #0090aa; border: 1px solid #0090aa;}
.FAQ_Section .ContentArea .categoryitems{padding: 0 0 15px 0;}

.FAQ_Section .ContentArea.NewTabs .menuheader.openheader {background: url(https://www.petcareclub.com/images/faq-tab1-2.png) no-repeat 99% 10px #fff; background-size: 25px;color: #0090aa;border: 1px solid #0090aa; border-bottom: 0; border-radius: 7px 7px 0 0; margin: 0;}
.FAQ_Section .ContentArea.NewTabs .categoryitems{padding: 0 15px 15px 15px; background: #fff; border-radius: 0 0 7px 7px;border: 1px solid #0090aa; border-top: 0; margin-bottom: 10px;}

.FAQ_Section .img_holder{width: 35%; float: right; border-radius: 20px; overflow: hidden;}
.FAQ_Section .img_holder img{width: 100%; border-radius: 20px;}
.FAQ_Section.FaqPage{padding: 0;}
.FAQ_Section.FaqPage .FAQ_Filter{width: 25%; float: left;}
.FAQ_Section.FaqPage .Filter_Box{padding-bottom: 50px; width: 100%; float: left;}
.FAQ_Section.FaqPage h4{position: relative; padding: 0 0 20px 10px;}
.FAQ_Section.FaqPage h4::after,
.FAQ_Section.FaqPage h4::before{content: ''; position: absolute; top: 0;}
.FAQ_Section.FaqPage h4::after{width: 7px;height: 7px;top: 6px;right: 10px;border-bottom: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg); display: none;}
.FAQ_Section.FaqPage h4::before{width: 3px; height: 15px; left: 0; top: 2px; background: #ff8100;}
.FAQ_Section.FaqPage h4.Clear::after{display: none;}
.FAQ_Section.FaqPage .LabelContent{width: 100%;margin: 3px 0 12px 0;display: flex;align-items: center;position: relative;}
.FAQ_Section.FaqPage .LabelContent span.Prd_Amount{display: none;}
.FAQ_Section.FaqPage .ContentArea{width: 72%; float: right; padding-bottom:50px;}

.SitemapContainer{border: 1px solid #d8d8d8; border-radius: 7px; margin-bottom: 20px; overflow: hidden;}
.SitemapContainer a{color: #666;}
.SitemapContainer a:hover{color: var(--secondary-color);}
.SitemapContainer h6{font-weight: 600;border-bottom: 1px solid #d8d8d8; padding: 10px; font-size: 16px; background: #fff;}
.SitemapContainer h6 a{color: #333;font-weight: 600;}
.Sitemap_Links{padding: 10px;}
.Sitemap_Links ul{padding: 0 0 0 20px;}
.Sitemap_Links ul li{width: 25%; float: left; padding: 3px 0;}

.Contact_details{padding: 50px 0;}
.Contact_details ul li{padding: 0 10px;}
.Contact_details img{width: 50px; display: block; margin: 0 auto;}
.Contact_details a{color: #7d7d7d;}
.Contact_Container{padding: 0 0 0 0;}
.Contact_Container .ContactForm{width: 63%; float: left;}
.Contact_Container .ContactForm .textbox{width: 49%; float: left; padding-bottom: 25px;}
.Contact_Container .ContactForm .textbox input{height: 50px;}
.Contact_Container .ContactForm .textbox input,
.Contact_Container .ContactForm .textbox textarea{background: #fff !important;}
.Contact_Container .ContactForm .textbox label.error,
.Contact_Container .ContactForm label.Captcha_ErrorMessage{background: none !important; color: red; font-size: 12px !important;}

.Contact_Container .ContactForm .textbox.Right{float: right;}
.Contact_Container .ContactForm .textbox.Full,
.Contact_Container .ContactForm .btn_holder{width: 100%; float: left;}
.Contact_Container .ContactForm .btn_holder button,
.Contact_Container .ContactForm .btn_holder a{display: inline-block; line-height: 45px; padding: 0 30px; border-radius: 7px; cursor: pointer; color: #fff; font-weight: 600; background: var(--primary-color);}
.Contact_Container .ContactImg{width: 31%; float: right;}
.Contact_Container .ContactImg img{width: 100%; border-radius: 20px;}

.AutoOrder_One{padding: 50px 0; text-align: center;}
.AutoOrder_One .title_class{color: var(--primary-color);}
.AutoOrder_One .Leftbar{width: 25%; float: left; padding-top: 50px;}
.AutoOrder_One .Leftbar img{width: 100%;}
.AutoOrder_One .Rightbar{width: 75%; float: right;}
.AutoOrder_One .Rightbar h6{padding: 10px 0;}
.AutoOrder_One .Rightbar ul li{width: 33.333%; float: left; list-style: none; position: relative;}
.AutoOrder_One .Rightbar ul li::after,
.How_order_Container .Steps ul li::after,
.RewardPoint_one ul li::after{content: ''; position: absolute; right: 0; top: 35%; width: 22px; height: 22px; background: url(/images/arrow-right.png) no-repeat center 0; background-size: 100%;}
.AutoOrder_One .Rightbar ul li:last-child::after,
.How_order_Container .Steps ul li:last-child::after,
.RewardPoint_one ul li:last-child::after{display: none;}
.AutoOrder_One .Rightbar ul li p{text-align: center;}
.AutoOrder_One .Rightbar ul li img{width: 240px; margin: 0 auto; display: block;}

.About_OurMoto.Gurantee{padding: 50px 0;}

.Terms_Content{padding: 0 0 0 0;}

.How_order_Container{}
.How_order_Container .Steps{padding: 50px 0;}
.How_order_Container .Steps ul li{width: 25%; float: left; text-align: center; font-weight: 600; position: relative; list-style: none; color: #000;}
.How_order_Container .Steps ul li img{display: block; margin: 0 auto 20px auto; width: 150px;}
.How_order_Container a{text-decoration: underline; font-weight: 400;}

.Tracking_Content{padding: 15px 0; width: 500px; margin: 0 auto; float:none;}
#spanLoading{display:none;color:#ff0000; padding: 10px 0;}
#divOrderStatusMain{display:none;text-align:left;margin:10px 0px;padding:5px;}
#divOrderStatusMain b{color:#ff0000;font-weight:normal;margin:10px 0px;display:block;}
#divStatusMain {font-size:15px !important;}
.Tracking_Content h4{font-size: 16px; text-align: center; font-weight: 500; color: var(--secondary-color); padding-bottom: 15px; float: left; width: 100%;}
.Tracking_Content .textbox{width: 100%;float: left;padding-bottom: 15px;}
.Tracking_Content .textbox input{margin-top: 5px;}
.Tracking_Content .btn_holder{padding: 10px 0 30px 0; text-align: center;}
.Tracking_Content .btn_holder input{background: var(--primary-color); color: #fff; cursor: pointer; width: auto; padding: 0 50px; line-height: 40px; height: 40px; font-weight: 600; border: 0;}

/*** REWARD POINT **/
.RewardPoint_title{font-size:30px; font-weight:600; color:#1CBBB1; padding-bottom:25px; text-align:center;}
.RewardPoint_title span{font-size:16px; color:#7B7B7B; font-weight:400; display:inline-block; padding-top:25px;}
.RewardPoint_Content{}
.RewardPoint_Content .title_class {padding:0 0 20px 0;}
.RewardPoint_one{padding:35px 0;}
.RewardPoint_one h6{padding-top:0;}
.RewardPoint_one img{width:220px; margin:0 auto;}
.RewardPoint_one ul{padding:0; width:900px; margin:15px auto; display:block; float:none;}
.RewardPoint_one ul li{width:32%; margin:0 2% 0 0; text-align:center; float:left; list-style:none; position:relative;}
.RewardPoint_one ul li:last-child{margin:0;}
.FAQ_Section.RewardPoint{padding:0;}
.FAQ_Section.RewardPoint .title_class{font-size:24px; padding-top:30px;}
.FAQ_Section.RewardPoint .ContentArea{width:100%;}



@media only screen and (max-width:1300px),(max-width:1460px){
.AboutBlog_Container .User_text {padding: 50px 15px 15px 15px;}
.AboutBlog_Container .User_text .Blog_text p{font-size:14px; line-height:20px;}

}

@media only screen and (max-width:800px),(max-width:899px){
/*** ARTICLES PAGE ***/
.article-header h1,
.MainPage_Title{width: 100%; text-align: center; padding-bottom: 10px;font-size: 18px; font-weight: 600;}
.article-header_right{width: 100%;}
.article-select{float: left;}
.article-search_box{float: right;}
.articles_news_left{width: 100%;}
.articles_news_right{width: 38%;}
.Article_Rightbar{width: 100%;}
.artice_des_title h1{font-size: 22px;}
.Article_Leftbar {width: 100%;float: right;background: #fff;padding: 15px;border: 1px solid #ccc;border-radius: 20px;margin-top: 30px;}

/*
#MobileFilter_Popup{width:100%; float:left; display:none; position:fixed; overflow: auto; top:0; left:0; z-index:123; background:rgba(0,0,0,0.8); height:100%;}
.MobileFilter_PopupContent{background: #fff; margin: 20px auto 0 auto; width: 90%; overflow: auto; padding: 20px; border-radius: 5px;}
.MobileFilter_Icon{display: block; float: right; padding-bottom: 0; width: 84px; text-align: right;}
.MobileFilter_Icon img{width: 100%;}
.Filter_Close {display: block;width: 30px;height: 30px;line-height: 30px;float: right;background: #3c9cac;text-align: center;font-weight: 500;color: #fff;font-size: 18px;color: #fff;border-radius: 100%;margin-bottom: 10px;}
*/

.Articles_Container{padding: 10px 0 0 0;}
.article-des-text img{width: 100% !important;}

/*** STATIC PAGES ***/
.StaticPage_Container .title_class{font-size: 30px;padding-bottom: 20px;}
.StaticPage_Container .title_class span.tagline{font-size: 18px;}
.StaticPage_Container .title_class.smallHD{font-size:20px;}
.StaticPage_Container .title_class.smallHD span.tagline{font-size:16px;}
.usp_wrapper .owl-dots {margin-top: 10px;}
.StaticPage_Container .what_parent{padding: 0 0 50px 0;}
.StaticPage_Container .what_parent .what_parent_innner{padding: 0 15px;}
.Sitemap_Links ul li{width: 33.333%;}
.StaticPage_Container .StrongFont {font-size: 18px;}

/*** ABOUT US ***/
.OurMote_Content h6,
.Contact_details h6,
.AutoOrder_One .Rightbar h6,
.RewardPoint_one h6{font-size: 20px;}

.AboutUSP,
.Contact_details{padding: 30px 0;}
.usp_content{padding: 10px 0 0 0;}
#usp_icon_1 .usp_content .usp_para,
#usp_icon_2 .usp_content .usp_para, 
#usp_icon_3 .usp_content .usp_para{width: 100%; text-align: center;}
#usp_icon_1 .usp_content .usp_para br,
#usp_icon_2 .usp_content .usp_para br, 
#usp_icon_3 .usp_content .usp_para br{display:none;}
.OurMote_Content ul li,
.Contact_details ul li{width: 50%;}
.OurMote_Content ul li:last-child,
.Contact_details ul li:last-child{width: 100%;}
.OurMote_Content img{width: 220px;}
.FAQ_Section{padding: 50px 0 0 0;}
.PD-bottom{padding-bottom: 30px;}
.Contact_Container .ContactImg{display: none;}
.Contact_Container .ContactForm{width: 100%; padding-bottom: 0;}
.Contact_Container .ContactForm .textbox{padding-bottom: 15px;}

.AutoOrder_One{padding: 30px 0;}
.AutoOrder_One .Leftbar{width: 100%; padding-top: 30px;}
.AutoOrder_One .Leftbar img{width: 240px; margin: 0 auto; display: block;}
.AutoOrder_One .Rightbar{width: 100%; float: right;}

.About_OurMoto.Gurantee,
.How_order_Container .Steps{padding: 30px 0;}
.Terms_Content{padding: 30px 0 0 0;}
.article-LatestPost .PostText{width: 83%;}

.OurGurantee_Box ul li{width: 32%; padding: 0 20px 10px 20px;}

.RewardPoint_title{font-size:24px;}
.RewardPoint_one ul{width:100%;}
.RewardPoint_one img{width:90%;}

.AboutBlog_Container .User_text .Blog_title br{display:block;}

}

@media only screen and (max-width:700px),(max-width:799px){

}

@media only screen and (max-width:400px),(max-width:499px) {
/*** ARTICLES PAGE ***/
.article-box .title_class{font-size: 22px;}
.article-select{width: 100%; margin-bottom: 30px;}
.article-search_box,
.article-select .input_box,
.article-search_box .input_box{width: 100%;}
.article-top-block .col,
.article-more-pet .col{width: 100%; margin-bottom: 15px;}
.article-top-block .col:last-child{margin: 0;}
.article-more-img a img{height: auto;}
.articles_news_left,
.articles_news_right{width: 100%;}
.articles_news_right,
.articles_news_right.customer_top_picks{margin-top: 20px;}
.article-LatestPost .PostText{width: 65%;}

.OurMote_Content h6, 
.Contact_details h6, 
.OurGurantee_Box h6, 
.AutoOrder_One .Rightbar h6,
.RewardPoint_one h6 {font-size: 20px;}
.artice_des_title h1{font-size: 18px;}

/*** STATIC PAGES ***/
.StaticPage_Container{padding: 30px 0 0 0;}
.StaticPage_Container p,
.StaticPage_Container ul li,
.StaticPage_Container ol li{line-height: 22px;}
.StaticPage_Container .title_class{font-size: 20px; padding-bottom: 15px;}
.StaticPage_Container .title_class span.tagline{font-size: 16px;}
.StaticPage_Container .what_parent .section_header{padding-top: 30px;}
.FAQ_Section .img_holder{display: none;}
.FAQ_Section .ContentArea{width: 100%;}
.FAQ_Section .ContentArea .menuheader{border: 1px solid #E9ECEF; padding: 10px 20px 10px 10px;}
.FAQ_Section.FaqPage .FAQ_Filter{width: 100%;padding-bottom: 15px;}
.FAQ_Section.FaqPage .LabelContent{width: 100%; float: left;}
.FAQ_Section.FaqPage .ContentArea{width: 100%; float: right; padding-bottom:30px;}
.Sitemap_Links ul li{width: 50%;}
.SitemapContainer:nth-child(7) .Sitemap_Links ul li:first-child{ width: 100%; }
.About_Content .title_class br{display: none;}
.OurMote_Content ul li,
.Contact_details ul li{width: 100%; padding: 10px 0;}
.Contact_Container .ContactForm .textbox{width: 100%;}
.Contact_Container .ContactForm .textbox input{height: 45px;}

.AutoOrder_One .title_class{padding-bottom: 10px;}
.AutoOrder_One .Leftbar img,
.AutoOrder_One .Rightbar ul li img{width: 240px;}
.AutoOrder_One .Rightbar ul li{padding: 10px 0; width: 100%;}
.AutoOrder_One .Rightbar ul li::after,
.How_order_Container .Steps ul li{padding: 10px 0; width: 50%;}
.How_order_Container .Steps ul li::after{display: none;}
.How_order_Container .Steps ul li img{margin: 0 auto 10px auto; width: 90%;}

.OurGurantee_Box ul li{width: 100%; padding: 0 10px 10px 10px; margin: 0 0 10px 0;}

.About_Content.OrerStatus .title_class img{width: 200px; margin: 10px auto 0 auto;}
.Tracking_Content .textbox{width: 100%;}

.RewardPoint_title{font-size:20px;}

}

@media only screen and (max-width:375px), (max-width:399px){

}

@media only screen and (max-width:360px){
.Sitemap_Links ul li{width: 100%;}
.article-LatestPost .PostText{width: 62%;}

}

@media only screen and (max-width:300px), (max-width:320px){

}







