.new-jan-2022-container{width: 840px; margin: 0 auto; clear: both; padding:15px 0 30px 0; color: #575757; font-size: 15px; line-height: 25px;}
.new-jan-2022-container h2, .new-jan-2022-container h3, .new-jan-2022-container h4, .new-jan-2022-container a{text-transform: none; text-decoration: none; padding: 0;}
.new-jan-2022-container img{display: block; width: 100%;}
.soft{transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}

.new-jan-2022-container .page_title{font-size: 20px; padding:0 0 15px 0 !important; font-weight: 700; color: #008391; border: 0px; text-align: center;}
.new-jan-2022-container p{font-size: 15px; line-height: 25px; display: block; padding:0 0 20px 0 !important; text-align: unset;}
.new-jan-2022-container p:last-child{padding:0 !important;}

.new-jan-2022-container p,
.new-jan-2022-container .page_title,
.Advocate-one,
.Advocate-two{width: 100%; float: left; text-align:left;}

.Advocate-one{width:100%; float:left; padding:0 0 20px 0;}
.Advocate-one .shadetabs {width:100%; float:left; text-align: center; font-weight: 700; background: #f2f2f2; margin:0;}
.Advocate-one .shadetabs ul{margin:0;}
.Advocate-one .shadetabs li{width: 25%; position: relative; height: 50px; padding:0;text-align:center;}
.Advocate-one .shadetabs li:last-child:after{background: none; border: 0;}
.Advocate-one .shadetabs li:after{content: ''; width: 1px; height: 50px; background: #ccc; position: absolute; top: 0; right: 0;}
.Advocate-one .shadetabs a {transition: 0.5s; color: #575757 !important; display: inline-block; float: left; width: 100%; background: none; border: 0;font-size: 13px; line-height: 15px; height: 50px; cursor: pointer; text-transform: uppercase;display: flex; align-items: center; justify-content: center;}
.Advocate-one .shadetabs a:hover {color: #fff!important; background: #333;}
.Advocate-one .shadetabs a.active {color: #ffffff!important; background: #00abec;}
.Advocate-one .shadetabs img{margin: 20px auto 0 auto; width: 100%;animation: fadeEffect 0.2s;}
.Advocate-one .shadetabs li a img.dog1-2,
.Advocate-one .shadetabs li a.active img.dog1-1{display: none;}
.Advocate-one .shadetabs li a.active img.dog1-2{display: block;}
.Advocate-one .tabcontent{width:100%; float:left;animation: fadeEffect 0.5s; padding: 20px 0 0 0;}
@keyframes fadeEffect {
0% {opacity: 0;}100% {opacity: 1;}
}

.Advocate-one.cat .shadetabs li{width: 33.333%;}
.Advocate-one.cat .tabcontent .three .content_one ul li{width: 50%;}
.Advocate-one.cat .tabcontent .three .content_one .text_holder{padding: 10px 0; height: auto;}

.Advocate-one .tabcontent .one,
.Advocate-one .tabcontent .two,
.Advocate-one .tabcontent .three,
.Advocate-one .tabcontent .four{width: 100%; float: left;}
.Advocate-one .tabcontent h2,
.Advocate-two h2{font-size: 20px; color: #e07900; text-transform:capitalize ; line-height: 25px; padding-bottom: 0; font-weight: 800;}
.Advocate-one .tabcontent .one .img_holder{width: 300px; float: left;}
.Advocate-one .tabcontent .one .img_holder h2{display: none;}
.Advocate-one .tabcontent .one .text_holder{ width: 60%; float: right; padding-top: 20px;}
.Advocate-one .tabcontent .one .main_text{width: 100%; float: left; padding-top: 20px;}
.Advocate-one .tabcontent .one .main_text h2{padding: 0;}

.Advocate-one .tabcontent .three .content_one,
.Advocate-one .tabcontent .three .content_two,
.Advocate-one .tabcontent .three .content_three{width: 100%; float: left; padding-bottom: 10px;}

.Advocate-one .tabcontent .three .content_one a{color:#575757 !important;}
.Advocate-one .tabcontent .three .content_one ul li{width: 25%; padding: 10px; box-shadow: 0 0 1px rgba(0,0,0,0.2); text-align: center;font-weight: 600; }
.Advocate-one .tabcontent .three .content_one ul li:hover .btn_holder span{background: #1f8815;}
.Advocate-one .tabcontent .three .content_one .img_holder{width: 100%; float: left;}
.Advocate-one .tabcontent .three .content_one .img_holder img{width: 130px; margin: 0 auto;}
.Advocate-one .tabcontent .three .content_one .text_holder{width: 100%; float: left;padding: 10px 0 0 0; height: 60px; line-height: 18px;}
.Advocate-one .tabcontent .three .content_one .text_holder a{color:#575757 !important;}
.Advocate-one .tabcontent .three .content_one .btn_holder{width: 100%; float: left;text-transform: uppercase;font-size: 14px;line-height: 35px;color: #fff !important; }
.Advocate-one .tabcontent .three .content_one .btn_holder span{display: inline-block; width: 120px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background: #e07900;transition: 0.5s;}

.Advocate-one .tabcontent .three .content_two .video_player{float:none;clear:both;width:100%;position:relative;padding-bottom:56%;padding-top:25px;height:0;}
.Advocate-one .tabcontent .three .content_two .video_player iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

.Advocate-one .tabcontent .three .content_three .main_text,
.Advocate-one .tabcontent .four .main_text{width: 100%; float: left;text-align: center;}
.Advocate-one .tabcontent .three .content_three .main_text p
.Advocate-one .tabcontent .four .main_text p{font-size: 14px; line-height: 20px;}
.Advocate-one .tabcontent .three .content_three .main_text ul li img,
.Advocate-one .tabcontent .four .main_text ul li img{width: 123px; margin:0 auto;}
.Advocate-one .tabcontent .three .content_three .text_holder,
.Advocate-one .tabcontent .four .text_holder{width: 100%; float: left;}

.Advocate-one .tabcontent .three .content_three .main_text ul li{width: 25%; padding:10px 15px; font-weight: 700; color: #333333;}
.Advocate-one .tabcontent .three .content_three .main_text ul li:before, 
.Advocate-one .tabcontent .three .content_one ul li:before, 
.Advocate-one .shadetabs li:before, 
.Advocate-one .tabcontent .four .main_text ul li:before {display:none;}
.Advocate-one .tabcontent .three .content_three .main_text ul li p{text-align: center;}
.Advocate-one .tabcontent .three .content_three .main_text ul li span{font-weight: 400;}
.Advocate-one .tabcontent .three .content_three .text_holder{padding-top: 25px;}
.Advocate-one .tabcontent .three .content_three .text_holder h2{padding: 0;}
.Advocate-one .tabcontent .four .main_text{padding-top: 30px;}
.Advocate-one .tabcontent .four .main_text ul li{width: 33.333%; padding: 10px 15px;}
.Advocate-one .tabcontent .four .main_text p{padding-top: 10px !important;}

.Advocate-two{ text-align: center;color: #575757;}
.Advocate-two h3{padding-bottom: 10px;}
.Advocate-two a{color: #575757 !important; padding: 0 5px;}
.Advocate-two a:hover{color: #f58428 !important; text-decoration: underline;} 
.Advocate-two img{width: 175px; margin: 0 auto; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.BrandPage_Container,
.BrandPage_Container div,
.BrandPage_Container img{width:100%; float:left;}

.BrandPage_Container{width:100%; float:left; border:1px solid #ddd; padding:5px; margin-bottom:20px;}

/*** RESPONSIVE START HERE ***/

@media only screen and (max-width:720px),(max-width:760px), (max-width:960px){
.new-jan-2022-container{width: 100%;}

.Advocate-one .tabcontent h2,
.Advocate-two h2{text-align: center !important;}

.Advocate-one .tabcontent .one .img_holder{width: 100%; text-align: center;}
.Advocate-one .tabcontent .one .img_holder img{width: 250px; margin: 0 auto;}
.Advocate-one .tabcontent .one .img_holder h2{display: block;}
.Advocate-one .tabcontent .one .text_holder{ width: 100%; padding-top: 10px; text-align: center;}
.Advocate-one .tabcontent .one .text_holder h2{display: none;}
.Advocate-one .tabcontent .one .main_text{text-align: center;}

.Advocate-one .tabcontent .two,
.Advocate-one .tabcontent .three,
.Advocate-one .tabcontent .four{text-align: center;}

.Advocate-one .tabcontent .three .content_one .btn_holder span{width: 80%;}
.Advocate-one .tabcontent .three .content_three .main_text ul li img,
.Advocate-one .tabcontent .four .main_text ul li img{width: 120px;}
.Advocate-one .tabcontent .three .content_three .text_holder,
.Advocate-one .tabcontent .four .text_holder{width: 100%; float: left;}

.Advocate-one .tabcontent .three .content_three .main_text ul li{width: 50%; padding:10px 15px 0 15px; height: 180px; border-bottom: 1px solid #ccc;}
.Advocate-one .tabcontent .four .main_text ul li{width: 100%; padding: 10px 15px;}

.Advocate-one.cat .tabcontent .three .content_one .img_holder img{}

}

@media only screen and (max-width:510px),  (max-width:600px){
.Advocate-one .tabcontent .three .content_one ul li{width: 50%;}
.Advocate-one .tabcontent .three .content_one .text_holder{height: auto; padding: 10px 0;}
.Advocate-one .tabcontent .three .content_one .text_holder br{display: none;}

}

@media only screen and (max-width:400px),  (max-width:480px){
.Advocate-one .tabcontent h2,
.Advocate-two h2{font-size: 17px; line-height: 22px;}

.Advocate-one .shadetabs a{font-size: 12px;}
.Advocate-one .shadetabs li{width: 50%; position: relative; height: 50px; border-bottom: 1px solid #ccc;}
.Advocate-one .shadetabs li:nth-child(2n):after, 
.Advocate-one .shadetabs li:last-child:after{background: none; border: 0;}
.Advocate-one .shadetabs li:after,
.Advocate-one.cat .shadetabs li:nth-child(2n):after{content: ''; width: 1px; height: 50px; background: #ccc; position: absolute; top: 0; right: 0;}
.Advocate-one .tabcontent .one .img_holder img{width: 200px;}

.Advocate-one .tabcontent .three .content_one .text_holder{height: auto; padding: 10px 0;}
.Advocate-one .tabcontent .three .content_one .text_holder br{display: block;}

.Advocate-one .tabcontent .three .content_three .main_text ul li{width: 100%;height: auto;border-bottom: 1px solid #ccc; padding: 10px;}
.Advocate-one .tabcontent .three .content_three .main_text ul li:last-child{border-bottom: 0;}

}

@media only screen and (max-width:320px){
.Advocate-one.cat .tabcontent .three .content_one .text_holder{padding: 10px 0 0 0; height: 55px; display: flex; align-items: center; justify-content: center;}
}