body{ padding: 0px; margin: 0px; list-style: none;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 15px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a, span, strong, em{ display: inline-block;}
body{ font-family: var(--font1); font-size: var(--font-18); line-height: var(--line-18); color: #000;}
p{ letter-spacing:1px;}


:root
{
    /* colors */
    --c-blk: #000;
   	--c-blu: #0C4F9E;
   	--c-wh: #fff;
   	--c-gry: #E5E5E5;

    /* font-family */
    --font1: 'Inter';
	--font2: 'Arial Rounded MT';
    /* font-sizes */
   	--font-90:90px;
   	--line-90:100px;
   	
    --font-80:80px;
    --line-80:89px;
    
    --font-60:60px;
    --line-60:69px;
    
    --font-50:50px;
    --line-50:59px;
    
    --font-40:40px;
    --line-40:49px;
    
    --font-30:30px;
    --line-30:39px;
    
    --font-26:26px;
    --line-26:30px;
    
    --font-24:24px;
    --line-24:29px;
    
    --font-18:18px;
    --line-18:26px;
    
    --font-16:16px;
    --line-16:20px;
    
    --font-14:14px;
    --line-14:18px;
    /* font-Lineheight */
    
    --container: 1600px;
    --container2: 1790px;
    
    
    --r-20: 20px;
    
    
    
    
}

.commanHead{ font-size: var(--font-90); line-height: var(--line-90); font-family: var(--font2); font-weight: 700;}
.commanHead em{ font-style: normal; color: var(--c-blu);}





.butns{ font-size: var(--font-16); line-height: var(--line-16); color: var(--c-wh); font-weight: 700; background:var(--c-blu); min-width: 210px; line-height: 50px; text-align: center; letter-spacing: 1; border-radius: 50px; font-family: var(--font2); padding: 0 37px;}
.butns:hover{ background: #000; color: #fff;}

.whBtn{ background: #fff; color: #0C4F9E; line-height: 88px; border-radius: 20px; min-width: 300px;}



.blkBtn{ background: #000; color: #fff;}
.blkBtn:hover{ background:var(--c-blu); color: #fff;}



.tophead h2, .tophead h1{ font-size: var(--font-40); line-height: var(--line-40); color: #000; font-family: var(--font2); font-weight: 700;}
.tophead h2 em, .tophead h1 em{ font-style: normal; color: var(--c-blu);}
.tophead h4{ font-size: var(--font-30); line-height: var(--line-30); font-family: var(--font2); font-weight: 700; color: var(--c-blu);}



.header_sec{ box-shadow: 0px 4px 15px 0px #0000001A; width: 100%; position: absolute; z-index: 2; top: 0px; left: 0px; background: #fff;}



.navbar{ margin: 0px; padding: 0px;}
.navbar-brand{ margin: 0px; padding: 0px; width: 130px;}
.menu_sec li{ font-size: var(--font-16); line-height: var(--line-16); font-weight:bold; color: #000; font-family: var(--font2); padding: 0 10px;}
.menu_sec li a{ color: #000; padding: 10px;}

.container{max-width: var(--container);}

.tophead{ width: 100%; padding: 80px 0; position: relative;}




.bannerSec{ width: 100%; position: relative;}
.banItem{ width: 100%; position: relative; min-height: 700px; overflow: hidden;}
.banLft{ width: 100%; max-width: 595px; padding-top: 50px;}
.boxBn {
  box-shadow: 0px 4px 15px 0px #0000001A;
  border-radius: var(--r-20);
  min-height: 160px;
  padding: 24px 10px;
  text-align: center;
  margin-top: 30px;
}
.boxBn img{ max-width: 100%; margin-bottom: 10px;}
.boxBn p{ font-size: var(--font-16); line-height: var(--line-16); font-weight:bold; color: #000;}

.banPic{
  position: relative;
  top: 0px;
}
.b1tp{ position: absolute; top: 0px; right: 0px; z-index: -1;}











.pet-box{ text-align: left; margin-top: 30px;}
.pet-box .pic{ border-radius: var(--r-20); height: 360px; overflow: hidden; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}
.pet-box .pic img{ height: 100%; object-fit:cover;}
.pet-box .text{ width: 100%; padding: 20px 0;}
.pet-box h4 a, .pet-box h4{ color: var(--c-blu);}
.pet-box p{ font-size: var(--font-16); line-height: var(--line-16);}

.nxtprv button {
  width: 50px;
  height: 50px;
  background: var(--c-gry) !important;
  border-radius: 100%;
  color: #ADADAD !important;
  display: flex;
  align-items: center;
  justify-content: center; margin: 5px;
}
.nxtprv .owl-nav{
  display: flex;
  align-items: center;
  justify-content: center;
}
.nxtprv button:hover{ background: var(--c-blu) !important; color: var(--c-wh) !important;}


.counterSec{ background: var(--c-blu) !important; color: var(--c-wh) !important; text-align: center; padding: 50px 0;}

.counterBx strong{ font-size: var(--font-60); line-height:var(--line-60); margin-bottom: 10px;}
.counterSec .container{ max-width: var(--container2);}
.counterSec .col{ border-right: 1px solid #fff;}
.counterSec .col:last-child{ border-right: none;}



.pet-icons{ width: 100%; position: relative; margin-top: 90px; text-align: left;}
.pet-icons:before{ content: ""; position: absolute; top: -14px; left: 0px; background: url(../images/Subtracta.png) no-repeat top center; width: 100%; height: 114px;}



.icons {
  width: 125px;
  height: 125px;
  border-radius: 100%;
  background: #0C4F9E;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 17px;
  top: -50px;
}
.pet-icons h4{ margin-top: 0px;}
.pet-icons li{ font-size: var(--font-16); line-height: var(--line-16); list-style: disc; margin: 7px 0;}
.pet-icons ul{ padding-left: 20px;}



.pet-iconsIn {
  width: 100%;
  position: relative;
  margin: 40px 0 0;
  text-align: left;
  padding: 0 45px 45px;
  min-height: 477px;
}

.pet-iconsIn::before {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  content: ""; height: 100%; z-index: -1; background-size: 100% 100%;
  background: #fff;
  box-shadow: 0px 4px 15px 0px #0000001A;
  width: 100%;
  left: 0px;
  border-radius: var(--r-20);
}
.pet-iconsIn::after {
  width: 130px;
  height: 148px;
  content: "";
  position: absolute;
  right: -15px;
  bottom: -17px;
  background: url(../images/b2a.png) no-repeat bottom right;
}







.rundArw {
  border: 1px solid #0C4F9E;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  color: #0C4F9E;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  bottom: 0px; z-index: 1;
}
.rundArw:hover{ background:#0C4F9E; color: #fff; }



.shodBx{ position: relative; min-height: 477px; width: 100% !important;}
.shodBx::before {
  background-image: url("../images/Subtract1.svg");
  background-size: cover;
  background-position: center;
content:"";
  background-repeat: no-repeat;
  width: 105%;
  position: absolute;
  top: 0px;
  left: -7px;
  content: ""; height: 100%; z-index: -1; background-size: 102% 100%;
}
.shodBx::before {
  background: #fff;
  box-shadow: 0px 4px 15px 0px #0000001A;
  width: 100%;
  left: 0px;
  border-radius: var(--r-20);
}
.shodBx::after {
  width: 130px;
  height: 148px;
  content: "";
  position: absolute;
  right: -15px;
  bottom: -17px;
  background: url(../images/b2a.png) no-repeat bottom right;
}





.shodBx.pet-box .pic{ border-radius: 20px 20px 0 0;}

.loveVetic-caro .item{ padding: 15px;}
.shodBx .text {
  padding: 20px 22px;
  min-height: 159px;
}

.platforms .iPic {
  width: 100%;
  background: #fff;
  border-radius: var(--r-20);
  box-shadow: 4px 4px 15px 0px #0000001A;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 192px;
  overflow: hidden; margin-bottom: 20px;
}
.platforms h4{ font-size: var(--font-50);
  line-height: var(--line-50);}


.videoPic{ width: 100%; position: relative; height: 700px;}
.videoPic .w-100{ height: 100%;}
.videoPic:before{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; background: #00000087;}
.videoPlay {
  width: 162px;
  height: 162px;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
  color: #fff !important;
  font-size: 67px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sussStry .col-md-3{ padding: 0px;}
.sussStry .story{ padding: 12px;} 
.sussStry .story img{ border-radius: var(--r-20);}
.sussStry .col-md-3:nth-child(odd) .story{ height: 100%;}
.sussStry .story img{ height: 100%;}


.loveVetic3-caro .item{ padding: 15px;}


.blogbx::before {
  background: #fff; box-shadow: 0px 4px 15px 0px #0000001A; width: 100%; left: 0px; border-radius: var(--r-20);}
.blogbx .pic{ height: 314px;}

.dates {
  background: #0C4F9E;
  color: #fff;
  padding: 10px 27px;
  display: inline-block;
  border-radius: 35px; margin-top: 10px;
}
.blogbx::after {
  width: 130px;
  height: 148px;
  content: "";
  position: absolute;
  right: -15px;
  bottom: -17px;
  background: url(../images/b2a.png) no-repeat bottom right;
}

.blogbx .rundArw{ bottom: 0px;}



/*footer*/


.part p{font-family: var(--font2);text-align: left;color: #fff;}
.part h4{font-family: var(--font2);font-weight: 700; font-size: var(--font-26);line-height: var(--line-26);letter-spacing: 1px;color: #fff;}
.part ul li{font-family: var(--font1);font-size: var(--font-16);line-height: var(--line-16);letter-spacing: 1px;text-decoration: none;color: #fff;}
.part a {
  color: #fff;
  width: 100%;
  display: inline-block;
  padding: 5px 0;
}
.part iframe{width: 100%;height: 210.60494995117188px;}
.footer-tab {margin: 0px;background: #2A50B8 url(../images/footerbg.png)repeat;}                                                                                      
.footer-tab .col-md-3{width: 20%;}
.part img{max-width: 100%;}
.footer-top{padding: 60px 0;}
.bottom p{text-align: center;color: #fff;padding: 20px 0; font-size: var(--font-14);line-height: var(--line-14);}
.footer-part input[type='email']{width: 100%;height: 47.43px;border-radius: 30px;border: none;padding: 20px;}
.footer-part input[placeholder='email']{padding-left: 20px;font-family: var(--font1);font-size: var(--font-16);line-height: var(--line-16);}
.footer-part input[type='submit']{width:50px;background:#000 url(../images/arrow.png) no-repeat center center;height: 50px;border-radius: 30px;font-size: 0px;border: none;position: absolute;right: 0;top: 0;}
.foot-form{position: relative;}
.bottom {border-top: 1px solid #fff}

.foot-form a{color: #fff;padding: 5px;margin-top: 15px;}

.footer-part h4{font-family: var(--font2);font-weight: 700; font-size: var(--font-26);line-height: var(--line-26);letter-spacing: 1px;color: #fff;}

.footer-tab .col-md-2 {
  width: 15%;
}
.footer-tab .col-md-3 {
  width: 21.25%;
}










  
  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}






}

@media only screen and (max-width: 2100px) {
:root
{
    --font-90:80px;
   	--line-90:90px;
   	
    --font-80:70px;
    --line-80:79px;
    
    --font-60:50px;
    --line-60:59px;
    
    --font-50:40px;
    --line-50:49px;
    
    --font-40:30px;
    --line-40:39px;
    
    --font-30:25px;
    --line-30:35px;
    
    --font-26:22px;
    --line-26:27px;
    
    --font-24:20px;
    --line-24:29px;
    
    --font-18:17px;
    --line-18:26px;
    
    --font-16:15px;
    --line-16:20px;
    
    --font-14:14px;
    --line-14:18px;
}




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


:root
{
    --font-90:80px;
   	--line-90:90px;
   	
    --font-80:70px;
    --line-80:79px;
    
    --font-60:50px;
    --line-60:59px;
    
    --font-50:40px;
    --line-50:49px;
    
    --font-40:35px;
    --line-40:39px;
    
    --font-30:25px;
    --line-30:35px;
    
    --font-26:22px;
    --line-26:27px;
    
    --font-24:20px;
    --line-24:29px;
    
    --font-18:17px;
    --line-18:26px;
    
    --font-16:15px;
    --line-16:20px;
    
    --font-14:14px;
    --line-14:18px;
    /* font-Lineheight */
    
    --container: 1550px;
    --container2: 1690px;
    
    
    --r-20: 20px;
}
.pet-iconsIn {
  padding: 0 38px 45px;
  min-height: 370px;
}

.banPic{ text-align: right;}
.banRt{
  position: relative;
  right: -12px;
}
.bannerSec{ position: relative; overflow: hidden;}






}


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

:root
{
    --font-90:80px;
   	--line-90:90px;
   	
    --font-80:70px;
    --line-80:79px;
    
    --font-60:45px;
    --line-60:55px;
    
    --font-50:40px;
    --line-50:49px;
    
    --font-40:35px;
    --line-40:39px;
    
    --font-30:25px;
    --line-30:35px;
    
    --font-26:22px;
    --line-26:27px;
    
    --font-24:20px;
    --line-24:29px;
    
    --font-18:17px;
    --line-18:26px;
    
    --font-16:15px;
    --line-16:20px;
    
    --font-14:14px;
    --line-14:18px;
    /* font-Lineheight */
    
    --container: 1350px;
    --container2: 1590px;
    
    
    --r-20: 20px;
}



.navbar-brand{ width: 100px;}

.menu_sec li{ padding: 0 3px;}
.butns{ min-width: 162px;
  line-height: 45px;}
.whBtn{ line-height: 75px;
  border-radius: 20px;
  min-width: 227px;}

.tophead{ padding: 50px 0;}

.icons {
    width: 100px;
    height: 100px;
    padding: 25px;
    left: 31px;
    top: -40px;
  }
.pet-iconsIn{ padding: 0 23px 42px; min-height: 410px; }


.pet-box .pic{ height: 250px;}

.pet-box{ margin-top: 14px;}


.blogbx .rundArw {
  bottom: 0px !important;
}
.pet-icons::before {background-size: 107%;}


.videoPic{ height: 530px;}
.videoPlay {
  width: 135px;
  height: 135px; font-size: 50px;}

.bottom p{ padding: 10px 0;}






}   





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


:root
{
    --font-90:75px;
   	--line-90:90px;
   	
    --font-80:70px;
    --line-80:79px;
    
    --font-60:45px;
    --line-60:55px;
    
    --font-50:40px;
    --line-50:49px;
    
    --font-40:35px;
    --line-40:39px;
    
    --font-30:25px;
    --line-30:35px;
    
    --font-26:22px;
    --line-26:27px;
    
    --font-24:20px;
    --line-24:29px;
    
    --font-18:17px;
    --line-18:26px;
    
    --font-16:14px;
    --line-16:20px;
    
    --font-14:13px;
    --line-14:18px;
    /* font-Lineheight */
    
    --container: 1170px;
    --container2: 1390px;
    
    
    --r-20: 16px;
}

.pet-box .pic {
    height: 221px;
  }
.pet-box .text {
  padding: 7px 0;
}
.counterBx strong {
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 10px;
}

 .whBtn {
    line-height: 67px;
    border-radius: 11px;
    min-width: 192px;
    padding: 0 10px;
  }

.icons {
    width: 90px;
    height: 90px;
    padding: 18px;
    left: 22px;
    top: -40px;
  }

.platforms .iPic{ min-height: 174px;padding: 28px;}

 .shodBx .text {
    padding: 20px 22px !important;
    min-height: 133px;
    position: relative;
    z-index: 1;
  }
.shodBx{ min-height: 391px;}

.shodBx::after {
  width: 105px;
  height: 124px;
  right: -11px;
  bottom: -14px;
  background-size: 100%;
}
.rundArw{ width: 48px;
  height: 48px;}
.blogbx::before {box-shadow: 0px 4px 7px 0px #0000001A;}

.banLft{ padding-top: 139px;}

.boxBn p {
  font-size: 12px;
  line-height: 16px;}
.banItem{ padding-bottom: 13px;}




} 


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


:root
{
    --font-90:70px;
   	--line-90:80px;
   	
    --font-80:70px;
    --line-80:79px;
    
    --font-60:45px;
    --line-60:55px;
    
    --font-50:40px;
    --line-50:49px;
    
    --font-40:35px;
    --line-40:39px;
    
    --font-30:20px;
    --line-30:30px;
    
    --font-26:22px;
    --line-26:27px;
    
    --font-24:20px;
    --line-24:29px;
    
    --font-18:16px;
    --line-18:24px;
    
    --font-16:14px;
    --line-16:20px;
    
    --font-14:13px;
    --line-14:18px;
    /* font-Lineheight */
    
    --container: 960px;
    --container2: 1000px;
    
    
    --r-20: 16px;
}


.boxBn{ min-height: 131px;
  padding: 24px 3px;
  text-align: center;
  margin-top: 30px;}
.banLft {
  width: 100%;
  max-width: 595px;
  padding-top: 123px;
}


.banItem .container{ max-width: 100%;}
.header_sec .butns {
    min-width: 116px;
    line-height: 45px;
    padding: 0 10px;
  }
.menu_sec li {
    padding: 0;
    font-size: 13px;
  }
 .navbar-brand {
    width: 79px;
  }

.counterSec .col-lg-10, .counterSec .col-lg-2 {
    flex: 0 0 auto;
    width: 100%;
  }
.counterSec .col-lg-2{ margin-top: 20px;}
.vetic_clinic .col-md-3{ width: 33.333%;}
.icons {
    width: 90px;
    height: 90px;
    padding: 18px;
    left: 30px;
    top: -34px;
  }



}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border: none; background: #0c4f9e;padding: 10px 0; margin-right: 15px;box-shadow: none; width: 40px; height: 40px; padding: 5px;	}
.nav_top .navbar-toggler .icon-bar {display: block;width: 100%;height: 3px;  border-radius: 16px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: fixed; top: 0; left: -240px; background: #fff; width: 100%; z-index: 11; width: 240px; height: 100%; overflow: auto;display: block !important; padding: 55px 0; box-shadow: 0px 4px 15px 0px #0000001A;  transition: all 0.3s ease;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
.navbar-collapse.show{ left:0px;}
        




:root
{
    --font-90:70px;
   	--line-90:80px;
   	
    --font-80:70px;
    --line-80:79px;
    
    --font-60:45px;
    --line-60:55px;
    
    --font-50:40px;
    --line-50:49px;
    
    --font-40:35px;
    --line-40:39px;
    
    --font-30:25px;
    --line-30:35px;
    
    --font-26:22px;
    --line-26:27px;
    
    --font-24:20px;
    --line-24:29px;
    
    --font-18:16px;
    --line-18:24px;
    
    --font-16:14px;
    --line-16:20px;
    
    --font-14:13px;
    --line-14:18px;
    /* font-Lineheight */
    
    --container: 750px;
    --container2: 1000px;
    
    
    --r-20: 16px;
}

 .navbar-brand {
    width: 106px;
  }
.header_sec .butns {
    min-width: 116px;
    line-height: 45px;
    padding: 0 10px;
    position: absolute;
    right: 67px;
  }
.banItem .col-md-5, .banItem .col-md-7{ width: 50%;}
.pet-iconsIn::after{
    width: 105px;
    height: 124px;
    right: -11px;
    bottom: -14px;
    background-size: 100%;
  }
 .vetic_clinic .col-md-3 {
    width: 50%;
  }

.icons {
    width: 106px;
    height: 106px;
    padding: 18px;
    left: 30px;
    top: -34px;
    box-shadow: 0px 4px 15px 0px #0000001A;
    border: 8px solid #fff;
  }
.pet-icons::before {display: none;
  }
.meethappy .col-md-3 {
    flex: 0 0 auto;
    width: 33.333%;
  }
.footer-tab .col-md-3, .footer-tab .col-md-2 {
  width: 50%;
  margin: 10px 0;
}








}

 
@media only screen and (max-width: 767px){
:root
{
    --font-90:60px;
   	--line-90:70px;
   	
    --font-80:50px;
    --line-80:59px;
    
    --font-60:40px;
    --line-60:50px;
    
    --font-50:35px;
    --line-50:40px;
    
    --font-40:30px;
    --line-40:39px;
    
    --font-30:25px;
    --line-30:35px;
    
    --font-26:22px;
    --line-26:27px;
    
    --font-24:20px;
    --line-24:29px;
    
    --font-18:16px;
    --line-18:24px;
    
    --font-16:14px;
    --line-16:20px;
    
    --font-14:13px;
    --line-14:18px;
    /* font-Lineheight */
    
    --container: 100%;
    --container2: 100%;
    
    
    --r-20: 16px;
}
 .banItem .col-md-5, .banItem .col-md-7 {
    width: 100%;
  }
.banItem .align-items-center {
  align-items: center !important;
  flex-direction: column-reverse;
}
 .banPic {
    text-align: right;
    max-width: 60%;
    float: right;
  }
.banLft {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }
.banItem {
  width: 100%;
  position: relative;
  min-height: auto;
  overflow: hidden;padding-bottom: 20px;
}

  .boxBn {
    min-height: 190px;}
.counterSec .col {
  width: 50%;
  flex: 0 0 auto;
}
 .videoPlay {
    width: 110px;
    height: 110px;
    font-size: 41px;
  }
 .videoPic {
    height: 387px;
  }
.sussStry .col-md-3 {
  padding: 0px;
  width: 50%;
}

.header_sec{ position: relative;}


}




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

:root
{
    --font-90:50px;
   	--line-90:60px;
   	
    --font-80:40px;
    --line-80:49px;
    
    --font-60:35px;
    --line-60:45px;
    
    --font-50:35px;
    --line-50:40px;
    
    --font-40:30px;
    --line-40:39px;
    
    --font-30:25px;
    --line-30:35px;
    
    --font-26:22px;
    --line-26:27px;
    
    --font-24:20px;
    --line-24:29px;
    
    --font-18:15px;
    --line-18:24px;
    
    --font-16:14px;
    --line-16:20px;
    
    --font-14:13px;
    --line-14:18px;
    /* font-Lineheight */
    
    --container: 100%;
    --container2: 100%;
    
    
    --r-20: 10px;
}  


} 

@media only screen and (max-width: 575px){ 
.meethappy .col-md-3 {
    flex: 0 0 auto;
    width: 50%;
  }
.counterBx strong {
    font-size: 23px;
    line-height: 35px;
    margin-bottom: 10px;
  }

}
@media only screen and (max-width: 480px){ 
.vetic_clinic .col-md-3 {
    width: 100%;
  }
.banRow .col-4 {
  flex: 0 0 auto;
  width: 50%;
}
.banRow { justify-content: center;}
.boxBn {
    min-height: 175px;
  }
 .pet-iconsIn {
    padding: 0 23px 23px;
    min-height: 367px;
  }

.videoPlay {
    width: 80px;
    height: 80px;
    font-size: 27px;
  }
.videoPic {
    height: 280px;
  }  
  
.footer-tab .col-md-3, .footer-tab .col-md-2 {
    width: 100%;
    margin: 10px 0;
  }  
  
  
  
}