.new-jan-2022-container{width: 800px; margin: 0 auto; clear: both; padding: 20px 0; color: #575757; font-size: 15px; line-height: 20px;}
.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 !important; font-weight: 700; color: #00b2a9; border: 0px;}
.new-jan-2022-container p{font-size: 15px; line-height: 25px; display: block; padding: 10px 0 !important;}
.Products-links{padding: 0 3% 0 3%; text-align: center;}
.Products-links a{color: #575757 !important; padding-bottom: 2px; border-bottom: 2px solid #fff; padding:0; margin: 0 5px; position: relative; display: inline-block;}
.Products-links a:hover{border-bottom: 2px solid #00b2a9; color: #00b2a9 !important;}
.Products-links a::after{content: ''; top: 0; left: 0; width: 1px; height: 20px;}

.new-jan-2022-container p,
.new-jan-2022-container .page_title,
.Products-links,
.Oravet_text,
.Oravet-one,
.Oravet-two,
.Oravet-three,
.Oravet-four,
.Oravet-five{width: 100%; float: left; padding: 15px 0;}

.Oravet_text ul li{width: 47%; float: left;}
.Oravet_text ul li:last-child{float: right;}

.Products-links h2,
.Oravet-two h2,
.Oravet-three h3,
.Oravet-four h4,
.Oravet-five h2{font-size: 22px; line-height: 27px; font-weight: 700; color: #00b2a9; padding-bottom: 10px; text-align: center;text-transform: uppercase; position: relative;}

.Products-links h2 span,
.Oravet-two h2 span,
.Oravet-three h3 span,
.Oravet-four h4 span,
.Oravet-five h2 span{color: #2a365d; font-size: 25px; line-height: 30px; display: inline-block; font-weight: 400; width: 100%; padding-top: 5px;}
.Oravet-five h4 span span{text-transform: none;}

.Products-links h2:after,
.Oravet-two h2:after,
.Oravet-three h3:after,
.Oravet-four h4:after,
.Oravet-five h2:after{content: ''; width: 100px; height: 5px; background: #00b2a9; position: absolute; bottom: 0; display: block; margin: 0 auto; float: none;}
.Products-links h2{margin-bottom: 15px;}
.Products-links h2:after{left: 0; right: 0;}

.Oravet-one{padding: 0;}
.Oravet-one img.arrow{display: block; margin: 0 auto; width: 20px;}

.Oravet-two{}
.Oravet-two h2:after{left: 0; right: 0;}
.Oravet-two .Oravet_logo{width: 100%; float: left; text-align: center;}
.Oravet-two .Oravet_logo img{width: 170px; margin: 0 auto;}

.Oravet-three{}
.Oravet-three .Oravet_text{padding: 0;}
.Oravet-three .Oravet_text ul li{width: 50%; float: left;}
.Oravet-three .Oravet_text ul li:first-child .box_content{ background: #00b2a9;
	clip-path: 
	polygon(
	0% 40px,                 /* top left */
	40px 0%,                 /* top left */
	calc(100% - 0px) 0%,    /* top right */
	100% 0px,               /* top right */
	100% calc(100% - 0px),  /* bottom right */
	calc(100% - 0px) 100%,  /* bottom right */
	40px 100%,               /* bottom left */
	0 calc(100% - 40px)      /* bottom left */
	);
}
.Oravet-three .Oravet_text ul li:last-child .box_content{ background: #5b2393;
	clip-path: 
	polygon(
	0% 0px,                 /* top left */
	0px 0%,                 /* top left */
	calc(100% - 40px) 0%,    /* top right */
	100% 40px,               /* top right */
	100% calc(100% - 40px),  /* bottom right */
	calc(100% - 40px) 100%,  /* bottom right */
	0px 100%,               /* bottom left */
	0 calc(100% - 0px)      /* bottom left */
	);
}

.Oravet-three .Oravet_text .box_content{width: 100%; float: left;padding:20px 50px 0 50px; color: #fff; height: 180px; box-sizing: border-box;}
.Oravet-three .Oravet_text .box_content span{font-size: 25px; text-transform: uppercase; display: inline-block; float: left; width: 100%; padding-bottom: 15px;}

.Oravet-four,
.Oravet-four h4{text-align: left;}
.Oravet-four h4:after{float: left;}
.Oravet-four span{font-size: 15px; color: #00b2a9; display: inline-block; float: left; width: 100%; padding: 5px 0;}
.Oravet-four img{width: 17px; float: left; margin: 3px 5px 0 0;}

.devider_img{ padding: 15px 0; }
.devider_img img{width: 45px; margin: 0 auto; display: block;}


.Oravet-five{width:100%; float:left; padding: 20px 0;}
.Oravet-five .shadetabs {width:62%; float:right; text-align: center; font-size: 15px;}
.Oravet-five .shadetabs li{width: 25%; position: relative;}
.Oravet-five .shadetabs li:last-child:after{background: none; border: 0;}
.Oravet-five .shadetabs li:after{content: ''; width: 1px; height: 20px; background: #ccc; position: absolute; top: 7px; right: 0;}
.Oravet-five .shadetabs a {transition: 0s; color: #ccc !important; display: inline-block; float: left; width: 100%; background: none; border: 0;font-size: 15px; cursor: pointer; padding-top: 5px;text-align: center;line-height: normal;}
.Oravet-five .shadetabs a:hover {color: #333 !important;}
.Oravet-five .shadetabs a.active {color: #00afa6 !important; background: url(/images/brand/Oravet/arrow-active.png) no-repeat center 0;}
.Oravet-five .shadetabs img{margin: 20px auto 0 auto; width: 100%;animation: fadeEffect 0.2s;}
.Oravet-five .shadetabs li a img.dog1-2,
.Oravet-five .shadetabs li a.active img.dog1-1{display: none;}
.Oravet-five .shadetabs li a.active img.dog1-2{display: block;}
.Oravet-five .tabcontent{width:38%; float:left;animation: fadeEffect 0.5s;}
.Oravet-five .tabcontent img{width: 55%; margin: 0 auto;}
@keyframes fadeEffect {
0% {opacity: 0;}100% {opacity: 1;}
}


/*** RESPONSIVE START HERE ***/
@media only screen and (max-width:970px), (max-width:1040px){
.Oravet-three .Oravet_text .box_content{height: 200px;}
}

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

.new-jan-2022-container p,
.Oravet_text ul li,
.Products-links h2,.Oravet-two h2,.Oravet-three h3,.Oravet-four h4,.Oravet-five h2{text-align: center;}
.Products-links h2:after,.Oravet-two h2:after,.Oravet-three h3:after,.Oravet-four h4:after,.Oravet-five h2:after{left: 0; right: 0;}

.Oravet_text ul li{width: 100%; padding-bottom: 15px;}
.Oravet_text ul li:last-child{padding: 0;}
.Products-links h2,.Oravet-two h2,.Oravet-three h3,.Oravet-four h4,.Oravet-five h2{font-size: 20px; line-height: 25px;}
.Products-links h2 span,.Oravet-two h2 span,.Oravet-three h3 span,.Oravet-four h4 span,.Oravet-five h2 span{font-size: 25px; line-height: 30px;}
.Oravet-five h4 span span{text-transform: none;}

.Oravet-two .Oravet_logo img{width: 150px;}
.Oravet-three {padding: 0;}
.Oravet-three .Oravet_text .box_content span {font-size: 22px;}
.Oravet-three .Oravet_text ul li{width: 100%; text-align: center;}
.Oravet-three .Oravet_text ul li:first-child .box_content,
.Oravet-three .Oravet_text ul li:last-child .box_content{
  clip-path: 
    polygon(
      0% 20px,                 /* top left */
      20px 0%,                 /* top left */
      calc(100% - 20px) 0%,    /* top right */
      100% 20px,               /* top right */
      100% calc(100% - 20px),  /* bottom right */
      calc(100% - 20px) 100%,  /* bottom right */
      20px 100%,               /* bottom left */
      0 calc(100% - 20px)      /* bottom left */
    );
}
.Oravet-three .Oravet_text .box_content{padding:20px 30px; height: auto; text-align: center;}

.Oravet-four{text-align: center;}
.Oravet-four span{font-size: 17px; padding: 0; display: flex; align-items: center; justify-content: center;}
.Oravet-four img{width: 17px; margin: 0 10px 0 0; display: inline-block; float: none;}

.Oravet-five .shadetabs {width:62%;}
.Oravet-five .shadetabs li:after{height: 17px;top: 10px;}
.Oravet-five .shadetabs a {font-size: 14px;}
.Oravet-five .shadetabs img{margin: 10px auto 0 auto; width: 95%;}
.Oravet-five .tabcontent{width:38%;}


}

@media only screen and (max-width:510px),  (max-width:600px){

}

@media only screen and (max-width:490px),  (max-width:500px){
.Products-links h2,.Oravet-two h2,.Oravet-three h3,.Oravet-four h4,.Oravet-five h2{font-size: 18px; line-height: 22px;}
.Products-links h2 span,.Oravet-two h2 span,.Oravet-three h3 span,.Oravet-four h4 span,.Oravet-five h2 span{font-size: 22px; line-height: 28px;}
.Oravet-three .Oravet_text .box_content span {font-size: 18px; padding-bottom: 10px;}
.Oravet-five .shadetabs {width:100%; padding-bottom: 20px;}
.Oravet-five .shadetabs li:after{height: 17px;top: 10px;}
.Oravet-five .shadetabs a {font-size: 13px;}
.Oravet-five .shadetabs img{margin: 0px auto 0 auto; width: 90%;}
.Oravet-five .tabcontent{width:100%;}
.Oravet-five .tabcontent img{width: 80%;}

}

@media only screen and (max-width:400px),  (max-width:480px){
.Products-links h2,.Oravet-two h2,.Oravet-three h3,.Oravet-four h4,.Oravet-five h2{font-size: 16px; line-height: 20px;}
.Products-links h2 span,.Oravet-two h2 span,.Oravet-three h3 span,.Oravet-four h4 span,.Oravet-five h2 span{font-size: 20px; line-height: 25px;}

}

@media only screen and (max-width:375px){

}

@media only screen and (max-width:360px){


}