body, html {
  height: 100%;
}
*{
  outline:none;

}
a:hover{
  text-decoration: unset!important;
}
body{
  padding:0;
  margin:0;
  box-sizing:border-box;
  font-family:'Lato';
  color:#000;
  font-size:16px;
}
.dashboard-image-align{
  width: 55px !important;
}
ul{
  padding:0;
  margin:0;
}
li{
  list-style-type:none;
  margin:0;
  padding:0;
}
a{
  text-decoration:none;
  color:#000;
  transition:0.3s all;
}
p{
  color:#1B2330;
  font-size:16px;
  line-height:1.5;
}
.dashbord-margin-align{
  margin-top: -125px;
}

.content-wrapper {
    background: #cb9c40;
    padding: 30px 0 0px 0;
    background: url(../image/bg-pattern.png) no-repeat 50% 25%;
    height: 100%;
    margin: 0;
    background-size: unset !important;
}
.content-wrapper .box-image{
    margin-bottom: 0px;
}
.content-wrapper .box-image a{}
.content-wrapper .box-image a img{
  width: 258px;
  max-width: 100%;
  height: 258px;
}
.content-wrapper .box-image img{
  width: 250px;
  max-width: 100%;
  height: 250px;
  object-fit: contain;
}
.content-wrapper .box-circle-wrap{
    position: relative;
    height: 100%;
}
.content-wrapper .box-circle-wrap:after{
      content: '';
    background: url(../image/outline-for-shield.png) no-repeat 50% 50%;
    background-size: 83% 95%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 104px;
    left: 0;
    right: 0;
}
.content-wrapper .box-circle-wrap .logo-wrap{
    position: absolute;
    width: 160px;
    background-color: #607D8B;
    border-radius: 24px;
    height: 160px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    /* margin: 15px; */
    box-shadow: 0 0px 8px #795548c2;
    z-index: 1;
}
.content-wrapper .box-circle-wrap .logo-wrap a{}
.content-wrapper .box-circle-wrap .logo-wrap a .photo-block{
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
}
.content-wrapper .box-circle-wrap .logo-wrap .photo-block h4{
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 100;
    line-height: 20px;
}
.content-wrapper .box-circle-wrap .logo-wrap .photo-block img{
    width: 80px;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.content-wrapper .box-circle-wrap .center-box{
    background-color: unset;
    border-radius: unset;
    width: auto;
    box-shadow: unset;
    padding: 0;
    position: absolute;
    left: 50%;
    top: 360px;
    transform: translate(-50%,-50%);
    right: auto;
}
.content-wrapper .box-circle-wrap .center-box img{
    width: 180px !important;
}
.content-wrapper .box-circle-wrap .admin-box{
    background-color: #07099c;
    /* position: absolute; */
    top: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.content-wrapper .box-circle-wrap .pet-general-box{
    background-color: #606062;
    top: 40px;
    right: 0;
}
.content-wrapper .box-circle-wrap .optiphy-database-box{
    background-color: #0a6903;
    /* position: absolute; */
    top: 230px;
    right: 0;
}
.content-wrapper .box-circle-wrap .veteriphy-database-box{
    background-color: #00aff0;
    /* position: absolute; */
    top: 420px;
    right: 0;
}
.content-wrapper .box-circle-wrap .identiphy-website-box{
    background-color: #310459;
    top: 600px;
    left: 50%;
    transform: translate(-50%,-50%);
}
.content-wrapper .box-circle-wrap .pendigree-website-box{
    background-color: #a7080d;
    /* position: absolute; */
    left: 0;
    /* top: -422px; */
    right: auto;
    top: 420px;
}
.content-wrapper .box-circle-wrap .clubdata-box{
    background-color: #000000;
    /* position: absolute; */
    left: 0;
    /* bottom: 0; */
    top: 230px;
}
.content-wrapper .box-circle-wrap .livestock-box{
    background-color: #dfa909;
    left: 0;
    top: 40px;
}
.content-wrapper .cart-box-wrapper{
    margin-top:30px;
    /* margin-bottom: -10%; */
}
.content-wrapper .cart-box-wrapper ul{
    display: flex;
    align-items: center;
    text-align: center;
}
.content-wrapper .cart-box-wrapper ul li{flex: 1;}
.content-wrapper .cart-box-wrapper ul li a{}
.content-wrapper .cart-box-wrapper ul li a span{
    display: block;
    color: #fff;
    margin: 10px 0;
}
.content-wrapper .cart-box-wrapper ul li a img{
    width:50px;
    height: auto;
    max-width: 100%;
}
.content-wrapper .footer-logo{
    margin: 40px auto 0 auto;
    text-align: center;
    display: none !important;
}
.content-wrapper .footer-logo a{}
.content-wrapper .footer-logo a img{
    max-width: 100%;
    height: auto;
    width: 70%;
}
.content-wrapper .box-circle-wrap .optiphy-database-box img{
    width: 60px !important;
}

.content-wrapper .box-circle-wrap .admin-box img{
    width: 60px !important;
}

@media (max-width:1200px){
  .content-wrapper .box-image img {
    width: 215px;
    max-width: 100%;
    height: 224px;
}
.sel-but-heig{
  margin-top: 12px;
  padding: unset !important;
}

.das-adv-mob {
  display: flex;
  margin-top: 23px;
  padding: unset !important;
}

  .banner-admin {
    width: 82% !important;
    margin-right: -22px;
    margin-top: -28px !important;
}
/* .content-wrapper .box-image a img{
  width: 258px;
  max-width: 100%;
  height: 224px;
} */
.das-adv-mob {
  display: flex;
  margin-top: 12px !important;
}
.banner-cen-align {
  margin-right: -18%;
  margin-top: -15px !important;
}
.banner-club {
  margin-right: -6px;
  margin-top: -23px !important;
}
.banner-ver-opti {
  margin-right: -34px;
  margin-top: -24px !important;
}
.banner-pedi {
  margin-right: -5px;
  margin-top: -40px !important;
  
}
  .dashboard-back{height: 110px !important;width: 110px !important;margin-top: 10px !important;}
  /* .dashbord-admin-imag{    padding: 15px 0 4px 0 !important;} */
  .content-wrapper .box-circle-wrap .logo-wrap .photo-block img{width: 50px;}
  .content-wrapper .box-circle-wrap .optiphy-database-box img{width: 40px;}
  .content-wrapper .box-circle-wrap .logo-wrap{height: 130px;width: 130px;}
  .content-wrapper .box-circle-wrap .logo-wrap .photo-block img{margin-bottom: 5px;}
  /* .content-wrapper .cart-box-wrapper{margin-top: 700px;} */
  .content-wrapper .box-circle-wrap .logo-wrap .photo-block h4{font-size: 11px;}
  .dashbord-margin-align {
    margin-top: -50px;
}
.logo-header{
  margin-top: -14px;
  margin-right: -35px;
}


  
}

/* @media (min-width:768px){

   .content-wrapper{
    height: 100%;
  }
} */

@media (max-width:1125px){
  .das-adv-mob {
    display: flex;
    margin-top: 23px;
    padding: 0 15px !important;
}

}
@media (max-width:900px){
  .footer {

    margin-top: 68px!important;
  }
}

@media (max-width:992px){
  .footer {

    margin-top: 7%;
  }
  .das-ad-width-heigh {
    padding-right: 1px !important;
    padding-left: 6px !important;
}

  /* .content-wrapper{
    height: 100%;
  } */
  /* .footer {
    position: fixed !important;
  } */
  .content-wrapper .box-image img {
    width: 163px;
    max-width: 100%;
    height: 163px;
}
  .das-adv-mob {
    display: flex;
    margin-top: 8px !important;
  }
  .height-wraper{
    height:100% !important;
  }
  div.cookies{
    /* margin-top: 38px; */
  }
  .logo-header {
    margin-top: 2px !important;
    width: 75%;
}
.banner-pedi {
  margin-right: -5px;
  margin-top: 0px;
  margin-top: -11px !important;
}
.banner-admin {
  width: 82% !important;
  margin-right: -22px;
  margin-top: -22px !important;
}
div.cookies{
  /* top: 142px !important; */
}

  .img-living{
    width:45px !important;
  }
  .optiphy-label{
    width: 32px ;
    padding: 6px 0 4px 0 !important;
  }
  .dashbord-label-size{
    font-size: 9px !important;
    color: white;
    font-weight: lighter;
    line-height: 15px;
    margin-top: -4px;
}
  
  .content-wrapper .box-circle-wrap:after{
        content: '';
        height: 550px;
        position: absolute;
        top: 95px;
  }
  .dashbord-margin-align {
    margin-top: 13px;
    margin-left: -14px;
}
  .content-wrapper .mobile-view-add-top{display: flex;justify-content: space-between;}
  .content-wrapper .mobile-view-add-bottom{display: none;}
  .content-wrapper .footer-logo{text-align:center;}
  .content-wrapper .footer-logo a img{width:70%;}
  .dashboard-back{height: 80px !important;
    width: 80px !important;
    margin: 7px 0px 0px 6px !important;}
  .dashbord-admin-imag {    
   margin: 3px 0 1px 0 !important;;
    }
    .color-chnage-h1 {
      /* padding: 28px 0px 0px 34px !important;
      font-size: 2.6rem !important; */
      font-size: 20px!important;
      line-height: 21px !important;
      max-height: 100px !important;
      min-height: 100px !important;
  }
  .logo-header {
    /* margin-top: -30px; */
    width: 75%;
   
}
.dashbord-margin-align {
  margin-top: -71px;
  margin-left: -16px;
}
}
.landing1-img{
 display: none;
}
.top-right1{
  position: absolute;
    top: 8px;
    right: 16px;
}

@media (max-width:768px){
  /* .content-wrapper{
    height: auto;
  } */

  .ad-fixed{
    margin-top: 88px;
  }

.advertisement-wrapper.tap-view{
  display: block !important;
  }


  .advertisement-wrapper.tap-view img{

    width: 100%;
    max-width: 100%;
    height: 95px !important;
  
    margin: 0 auto;
    text-align: center;
   
  }

  .advertisement-wrapper.tap-view.top{
    margin-bottom: 15px;
    padding: unset !important;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    top: 8px;
    width: 93%;
    margin: 0 auto;
    height: 75px;
  }

  
  .advertisement-wrapper.tap-view.bottom{
    margin-bottom: 15px;
    padding: unset !important;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    bottom:4%;
    width: 93%;
    margin: 0 auto;
    height: 75px;
    
  }


 

  .footer {
    margin-top: 0 !important;
    margin-bottom: 18%;
}
 
  .tap-view{
    max-width: 100% !important;
    flex: auto !important;
  }

  .tap-view.bottom img{
    display: block;
  }
  .tap-view.top img{
    display: block;
  }
  
  .landing1-img{
    display: block;
   }
   .banner-cen-align {
    margin-right: 0 !important;
}
.banner-club {
  margin-right: -6px;
  width: 37% !important;
}
.logo-header {
  margin-top: -14px;
  margin-right: 0px;
}
   .landing-img-height{
     display: none;
   }
   .top-right1{
    position: absolute;
    bottom: 8px !important;
    right: 0 !important;
    text-align: center !important;
    top: unset;
    width: 100%;
}
#mobileview {
    display: block !important;
}
.dashboard-bottom-align {
  display: none !important;
}
  .dashbord-label-size {
    font-size: 13px !important;
    color: white;
    font-weight: lighter;
    line-height: 18px !important;
    margin-top: 1px;
  }
  .landing-img-height{
    height:150px;
  }
  .img-living{
    width:65px !important;
  }
  .optiphy-label{
    padding: 15px 0 4px 0;
    width: 40px;
  }
  .mobile-add-view {
    display: block!important;
    width: 100%!important;
}
.dashbord-margin-align {
  margin-top: 3px;
  margin-left: 0px;
}
.color-chnage-h1 {
  font-size: 24px!important;
  line-height: 30px !important;
  max-height: 100px !important;
  min-height: 100px !important;

}
.logo-header {
  
  margin-left:0px !important;
  width: 55%;
}
.label-header-bac {margin-top: 10px;}

/* .tab-hide-add{
  display: none;
} */
  .content-wrapper .mobile-view-hide{}
    .content-wrapper .box-image{
      position: relative;
      top: 0px;
      width: 75%;
      margin: 0 auto;
      margin-top: 8%;}
    .content-wrapper{padding:25px 0 0 0;
      height: auto;}
    .label-header-bac{text-align:center ;
      justify-content: center;}
      .color-chnage-h1{padding: 88px 0px 2px 0px;}
  .dashboard-back{  
      height: 130px !important;
    width: 140px !important;
    margin: 15px 0px 5px 0px !important;}
  /* .dashbord-admin-imag{width: 40px !important;padding: 20px 0 5px 0 !important;} */
}
@media (max-width:768px){
  .tab-hide-add{
    display: none;
  }

  .sel-but-heig {
    margin-top: 12px;
    padding-right: 15px !important;
    padding-left: 15px !important;
}
  .content-wrapper .cart-box-wrapper {
    margin-top: 13px;
}
div.cookies{
  /* top: 105px !important; */
}
  }
@media (max-width: 767px){

  .sel-but-heig {
    margin-top: 12px;
    padding-right: 15px !important;
    padding-left: 15px !important;
}
  .dashboard-back {
    height: 120px !important;
    width: 120px !important;
    margin: 10px 0!important;
    margin-left: -8px !important;
  }
  .content-wrapper {
    padding: 50px 0 0 0;
    height: auto;
}
  }
 



@media (max-width:575px){

  .sel-but-heig {
    margin-top: 0px !important;

}

.advertisement-wrapper.tap-view.bottom{
  bottom: 2% !important;
}



.ad-fixed {
  margin-top: 22%;
}

.advertisement-wrapper.tap-view img{
  height: 60px !important;
}

.dashboard-back {
  height: 117px !important;
  width: 115px !important;
  margin: 10px 0!important;
  margin-left: -4px !important;
}

.dashbord-label-size {
  font-size: 12px !important;
  color: white;
  font-weight: lighter;
  line-height: 18px !important;
  margin-top: 1px;
}
  .content-wrapper .box-circle-wrap:after{
        content: '';
        height: 500px;
        position: absolute;
        top: 115px;
  }
  .color-chnage-h1{
    margin-bottom: -9px !important;
  }
  .banner-club {
    margin-right: 0 !important;
    /* margin-top: 42px !important; */
    width: 31% !important;
}
.banner-ver-opti {
  margin-right: 0 !important;
  /* margin-top: 42px !important; */
  width: 46% !important;
}
.banner-pedi {
  width: 38% !important;
  margin-right: 0 !important;
  /* margin-top: 41px !important; */
}
div.cookies {
   /* top: 84px !important;
  margin-top: unset;
  padding: 4px 0px !important */
}

.dashbord-margin-align {
 
    margin-left:0 !important;
}
  .label-header-bac{width: 96% !important;margin: 0 auto;}
  .desktop-add-view{display: none;}
  .content-wrapper .box-image{  
    margin: 0% 0 10% 0;
    top: 52px;
    width: 100%;}
  .mobile-add-view{display: block!important;width: 100%!important;}
  .content-wrapper .mobile-view-hide{display:  none}
  .content-wrapper{padding: 10px 0 0px 0;}
  .content-wrapper .box-circle-wrap .logo-wrap .photo-block img{width: 40px;}
  .content-wrapper .box-circle-wrap .optiphy-database-box img{width: 30px !important;}
  .content-wrapper .box-circle-wrap .logo-wrap{height: 130px;width: 140px;}
  .content-wrapper .box-circle-wrap .admin-box img{width: 40px!important}
  .content-wrapper .cart-box-wrapper ul li a img{    width: 30px; }
  .content-wrapper .cart-box-wrapper ul li a span{font-size: 13px;
    margin: 5px 0;
  }
  .content-wrapper .footer-logo a img{width: 90%;margin-bottom: 20px;}
  .content-wrapper .cart-box-wrapper ul {
    display: flex;
    align-items: center;
    text-align: center;
    /* margin-bottom: 0 !important; */
    /* margin-top: -8px; */
}
}

@media (max-width:700px){

  .footer {
    margin-top: 0 !important;
    margin-bottom:19%;
}
}

@media (max-width:525px){
  .dashboard-back {
    height: 110px !important;
    width: 110px !important;
    margin: 10px 0px 0px -8px !important;
}
.color-chnage-h1 {
  /* padding: 60px 0px 20px 0px !important; */
  /* font-size: 25px; */
  font-size: 24px!important;
    line-height: 29px !important;
    max-height: 101px !important;
    min-height: 101px !important;

}

.footer {
  margin-top: 0 !important;
  margin-bottom:21%;
}
.dashbord-label-size-click {
  font-size: 12px !important;
  color: white;
  font-weight: lighter;
  line-height: 15px !important;
  font-weight: bold;
}

}



@media (max-width:490px){
  .dashbord-label-size {
    font-size: 10px !important;
    color: white;
    font-weight: lighter;
    line-height: 12px !important;
    margin-top: 4px;
  }
  .content-wrapper .box-image {
    margin: 0% 0 0% 0;
    
    top: 0px;
}

  .dashboard-back {
    height: 100px !important;
    width: 100px !important;
    margin: 10px 0px 0px -8px !important;
}

/* .dashbord-admin-imag {
  width: 40px !important;
  padding: 10px 0 2px 0 !important;
} */
  .content-wrapper .cart-box-wrapper{
    margin-top: 17px;
  }

  .content-wrapper .box-circle-wrap:after{
        content: '';
    height: 320px;
    position: absolute;
    top: 90px;
  }
.content-wrapper .box-circle-wrap .optiphy-database-box{
      right: 0;
    top: 160px;
  }  
  .content-wrapper .box-circle-wrap .veteriphy-database-box{
        right: 0;
    top: 280px;
  }
  .content-wrapper .box-circle-wrap .identiphy-website-box{
    top: 400px;
  }
  .content-wrapper .box-circle-wrap .pendigree-website-box{
        top: 280px;
  }
  .content-wrapper .box-circle-wrap .clubdata-box{
    top: 160px;
  }
  .content-wrapper .box-circle-wrap .center-box{
    top: 250px;
  }
  .content-wrapper .box-circle-wrap .logo-wrap{height: 100px;width: 90px;}
}

@media (max-width:460px){


  .footer {
    margin-top: 0 !important;
    margin-bottom:25%;
  }
  .dashboard-back {
    height: 90px!important;
    width: 90px !important;
    margin: 10px 0px 0px -8px !important;
}
.color-chnage-h1 {
  padding: unset !important;
  font-size: 17px!important;
  line-height: 24px !important;
  max-height: 80px !important;
  min-height: 80px !important;
  padding-top: 11px !important;
  /* margin-left: 25%; */
}

.logo-header {
  margin-left: 0px !important;
  width: 50%;
    margin-top: -14px;
}
.banner-pedi {
 
  margin-right: -40px;
  margin-top: 23px;
}
.dashbord-label-size1 {
  font-size: 11px !important;
  color: white;
  font-weight: lighter;
  line-height: 15px;
  margin-top: -4px;
}
.content-wrapper .box-image {
  margin: 0% 0 -3% 0;
  top: 0px;
}
/* div.cookies {
  position: relative !important;
  bottom: -30px !important;
  left: 0;
  z-index: 999;
  width: 100%;
  padding: 10px 0;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgb(153 117 59);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} */

/* .dashbord-admin-imag {
  width: 35px !important;
  padding: 8px 0 2px 0 !important;
} */
.dashbord-label-size {
  font-size: 10px !important;
  color: white;
  font-weight: lighter;
  line-height: 15px;
}
.img-living{
  width:35px !important;
}

}

@media (max-width:420px){

  .footer {
    margin-top: 0 !important;
    margin-bottom:28%;
  }

  .color-chnage-h1 {
    padding: unset !important;
    font-size: 18px!important;
    line-height: 22px !important;
    max-height: 65px !important;
    min-height: 59px !important;
    padding-top: 0px !important;
    margin-left: 0%;
    width: 100%;
}

  .dashboard-back {
    height: 90px!important;
    width: 90px !important;
    margin: 10px 0px 0px -11px !important;
}
.dashbord-label-size1 {
  font-size: 10px !important;
  color: white;
  font-weight: lighter;
  line-height: 15px;
  margin-top: -6px
}
.dashbord-label-size {
  font-size: 9px !important;
    color: white;
    font-weight: lighter;
    line-height: 11px !important
}

}

@media only screen
and (device-height :736px) 

{
  div.cookies {
    /* top:94px !important; */
 
  }
  .content-wrapper .cart-box-wrapper ul li a img {
    width: 39px;
}

}


@media only screen
and (min-width:411px)

and (device-height :731px) 

{
  .content-wrapper .cart-box-wrapper {
    /* margin-top: 10px; */
}

  .content-wrapper .cart-box-wrapper ul li a img {
    width: 40px;
}
  div.cookies {
    /* top:86px !important; */
 
  }

}

@media only screen
and (min-width:411px)

and (device-height :823px) 

{
  .content-wrapper .cart-box-wrapper {
    /* margin-top: 30px; */
}

  .content-wrapper .cart-box-wrapper ul li a img {
    width: 60px;
}
  div.cookies {
    /* top: 136px !important; */
 
  }

}
@media (max-width:400px){

  .dashboard-back {
    height: 80px!important;
    width: 80px !important;
 
}
/* .dashbord-admin-imag {
  width: 30px !important;
  padding: 8px 0 2px 0 !important;
} */
.dashbord-label-size {
  font-size: 8px !important;
  color: white;
  font-weight: lighter;
  line-height: 8px !important;
}

}

@media (max-width:380px){

  .dashboard-back {
    height: 80px!important;
    width: 80px !important;
  }
    /* .dashbord-admin-imag {
      width: 30px !important;
      padding: 6px 0 1px 0 !important;
  } */
  .dashbord-label-size {
    font-size: 8px !important;
    color: white;
    font-weight: lighter;
    line-height: 10px !important;;
  }
  
 

}

@media (max-width:360px){

  .dashboard-back {
    height: 75px !important;
    width: 75px !important;
    margin: 10px 0px 0px -10px !important;
}
.dashbord-label-size {
  font-size: 8px !important;
  color: white;
  font-weight: lighter;
  line-height: 8px !important;
}
div.cookies {
  /* top: 83px !important;
  margin-top: unset;
  padding: 4px 0px !important; */
}


}

@media (max-width:340px){

  .dashboard-back {
    height: 67px !important;
    width: 65px !important;
}
/* .dashbord-admin-imag {
  width:23px !important;
  padding:5px 0 1px 0 !important;
} */
.dashbord-label-size {
  font-size: 11px;
  color: white;
  font-weight: lighter;
  line-height: 15px;
}
}

@media (max-width:320px){

  .dashboard-back {
    height: 64px !important;
    width: 64px !important;
}
/* .dashbord-admin-imag {
  width:23px !important;
  padding:5px 0 1px 0 !important;
} */
.dashbord-label-size {
  font-size:6px !important;
  color: white;
  font-weight: lighter;
  line-height: 15px;
}
}
@media only screen 
   
and (device-height :731px) 
and (-webkit-device-pixel-ratio : 2) {
  div.cookies {
    /* top: 84px !important; */
}
 }


@media only screen 

and (device-height : 823px) 
and (-webkit-device-pixel-ratio : 3) {
  div.cookies {
    /* top:200px !important; */
}
}

@media only screen and (min-height: 892px) { 

  .content-wrapper .cart-box-wrapper ul li a img {
    width: 60px;
}
.content-wrapper .cart-box-wrapper {
  /* margin-top: 49px;
  margin-bottom: 42px; */
}
.footer{
  /* margin-top: 73px !important; */
}

}




@media only screen 

and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) {

  .footer{
    margin-top: 8px !important; 
  }

  div.cookies{
    /* top: 152px !important; */
  }
  .dashboard-back {
    height: 85px!important;
    width: 80px !important;
}
  .content-wrapper .cart-box-wrapper {
    margin-top: 74px;
    margin-bottom: 48px;
}
.content-wrapper .cart-box-wrapper ul li a img {
  width: 60px;
}
 }


 
 @media screen 
  and (device-width: 412px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: landscape) {



}

 
 @media only screen 
   
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) {
      div.cookies {
        /* top: 84px; */
    }
     }
     @media only screen 
   
     and (device-height : 640px) 
     and (-webkit-device-pixel-ratio : 2) {
      div.cookies {
        /* top: 2px ; */
    }
      }
 

 

     
     @media only screen 
   
     and (device-height :568px) 
     and (-webkit-device-pixel-ratio : 2) {
      .content-wrapper .cart-box-wrapper ul li a img {
        width: 33px;
    }
    .content-wrapper .cart-box-wrapper ul li a span {
      font-size: 12px;
      margin: 1px 0;
  }
  div.cookies {
    /* top: 59px !important;
    padding: 5px 0 !important; */
}
.content-wrapper .cart-box-wrapper {
  margin-top: 10px;
  margin-bottom: 26px;
}
      }

     @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
  div.cookies {
    font-size: 20px !important;
    padding: 8px 0 !important;
    line-height: 33px !important;
}

.content-wrapper .cart-box-wrapper ul li a img {
  width: 50px;
}

.content-wrapper .cart-box-wrapper {
  margin-top: 53px;
  margin-bottom: 25px;
}
}





.dashboard-back {
  height:115px;
  width: 115px;    
  text-align: center;
  border-radius:10px !important;
  box-shadow: 1px 0px 4px #000000a6;
  /* box-shadow: 2px 2px #000000c2; */
  /* box-shadow: 0 0px 20px #000000c2; */
  /* box-shadow: 0 0px 15px #252222; */
  margin-top:22px;
}
.dashboard-back:hover {
/* 
  box-shadow: 0 0px 35px #000000c2; */   
   /* box-shadow: 10px 11px 4px #252222; */
   box-shadow: 4px 4px 4px #00000099;

}

.dashboard-back.admin{
  background-color:  #946610;
}
.dashboard-back.pet{
  background-color: #606062;
}
.dashboard-back.animal{
  /* background-color: #dfa909; */
  background-color:#0a6903;
}
.dashboard-back.club{
  /* background-color: #000000; */
  background-color: #3B6BAD;
}
.dashboard-back.optiphy{
  background-color: #BB8354;
  /* background-color: #C28754; */
}
.dashboard-back.veriphy{
  background-color:#109CCF;
}
.dashboard-back.pedigree{
  background-color: #a7080d;
}
.dashboard-back.website{
  background-color: #310459;
}
.dashboard-back.ai{
  background-color: #FFF;
}


.label-header-bac{
  width: 100%;
  height:auto;
  position: relative; 
   display: flex;
  
}
.logo-header{
  /* width:31%;
    padding: 32px 0px 26px 0px;
    margin-left: 30px; */
    /* -webkit-filter: drop-shadow(4px 4px 2px #00000099); */
    /* -webkit-filter: drop-shadow(1px 0px 4px  rgba(0,0,0,0.6)); */
     /* box-shadow: 1px 0px 4px   ; */
  }
  
  .logo-header:hover{
         /* -webkit-filter: drop-shadow(4px  4px rgba(0.5,0.5,0.5,0.5)); */
    }

@font-face {
  font-family: CastleT;
  src: url(CastleT.ttf);
}



.color-chnage-h1{
  /* color: white;
  line-height: 1;
  padding: 98px 0px 2px 30px;
  font-family: CastleT;
  font-size: 3rem; */
  color: white;
    line-height: 28px;
    padding: 10px 0px 2px 0px;
    font-family: CastleT;
    font-size: 26px;
    
}
.label-header-bac::before {  
  content: "";
  background: rgba(0, 0, 0, 0.48);
  border-radius: 24px;
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.7;
}

.logo-img{
  z-index: 1;
}
.img-living{
  width:75px;
  padding: 12px 0 10px 0;
}
.dashbord-admin-imag{
  /* width: 40px;
    padding: 17px 0 10px 0; */
    width: 50%;
    height: 50%;
    margin: 6px 0px 3px 0px;
}
.dashbord-label-size-click{
  font-size: 15px;
    color: white;
    font-weight: lighter;
    line-height: 20px;
    font-weight: bold;
}
.dashbord-label-size{
  font-size: 12px;
    color: white;
    font-weight: lighter;
    line-height: 15px;
    font-weight: bold;
}
.dashbord-label-size1{
  font-size: 14px;
    color: white;
    font-weight: lighter;
    line-height: 15px;
}
.optiphy-label{
  padding: 15px 0 4px 0;
  width: 40px;
}
/* .slider-back-color{
  height: 350px;
  background-color: #8a5f08;
  background-image: linear-gradient(to right, #886724,#845a0d87); 
} */
/* .slider-label-align{
  position: absolute;
  right: 4% !important;
  bottom: 20px !important;
  left: 4% !important;
  z-index: 10;
  padding-top: 0 !important; 
  padding-bottom: 0 !important;
  color: #fff;
  text-align: center;
} */

.carousel-caption {
  position: absolute;
  right: 4% !important;
    bottom: 0% !important;
  left: 15%;
  z-index: 10;
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
  color: #fff;
  text-align: center;
}
.slider-border-radi .w-100{
  border-radius: 15px;
}


div.cookies {
  
    position: relative !important;
    bottom:-23px;
    left: 0;
    top:0;
    z-index: 999;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgb(153 117 59);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
}
div.cookies .container {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  div.cookies .container {
    height: 40px;
  }
}
div.cookies .container div {
  padding-left: 60px;
  padding-right:10px;
}
div.cookies a {
  color: #fff;
  text-decoration:underline;
  border:none;
}
div.cookies a.close-cookie-warning {
  position: absolute;
  left: 15px;
  top: 0;
  display: block;
  background-color: rgb(0,74,151);
  color: #fff;
  padding: 9px 5px;
  cursor: pointer;
  font-size: 4rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border:none;
  text-decoration: none;
}
div.cookies a.close-cookie-warning:hover {
  background-color: #fff;
  color:rgb(47,153,205);
  border-bottom:none;
}
@media only screen and (max-width: 768px) {
.mobile-hidden {
  display:none;
  }
}
.dashboard-bottom-align{
  display: inline-block;
  margin-bottom: .5rem;
  width: 80%;
  line-height: 24px;
  font-size: 16px;
  margin-left: 10%;
  text-align: center;
}
.dashboard-bottom-align sup {
  font-size: 8px;
}
.banner-cen-align{
  margin-right: -18%;
  margin-top: 31px;
}
@media (max-width: 768px){
  .banner-admin{
  margin-right: unset !important;
}
.banner-pedi{
  margin-right: -5px;
  margin-top: 0px;
  width: 36% !important;
}
.banner-club{
  margin-right: -6px;
  margin-top: 23px;
  width: 33% !important;
}
}
.banner-admin{
  width: 82% !important;
  margin-right: -22px;
  margin-top: 22px;
}
.banner-club{
  margin-right: -6px;
  margin-top: 23px;
 
}
.banner-ver-opti{
  margin-right: -34px;
  margin-top: 24px;
}
.banner-pedi{
  margin-right: -5px;
  margin-top: 0px;
}
sup{
  font-size: 7px !important;
}
/* div.cookies{
  margin-top:70px;
} */
.height-wraper{
  height:auto;
}
.das-adv-mob{
  display:flex;
  margin-top:23px;
}
/* .sel-but-heig{
  margin-top: 12px;
  padding: unset !important;
} */
.das-ad-width-heigh{
  padding-right: 5px !important;
  padding-left: 9px !important;
}
.footer{
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 30px 5px 30px;
  background-color:rgb(153 117 59);
  text-align: center;
  color: #ffffff;
    font-size: 16px;
    box-shadow: 0 0px 15px #252222;
}
/* @media (orientation: landscape) {
  .content-wrapper{
    height: auto;
  }
}

@media (orientation: portrait) {
  .content-wrapper{
    height: 100%;
  }
} */



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .content-wrapper{
      height: auto;
    }

}




@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 992px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .content-wrapper{
      height: auto;
    }

}


@media only screen 
  and (min-device-width:375px) 
  and (max-device-width:1500px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .content-wrapper{
      height: auto;
    }

}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .content-wrapper{
      height: auto;
    }
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .content-wrapper{
      height: auto;
    }

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    .content-wrapper{
      height: auto;
    }

}

@media only screen 
  and (min-device-width: 480px) 
  and (max-device-width:854px)
  and (-webkit-min-device-pixel-ratio:2)
  and (orientation: landscape) {

    .content-wrapper{
      height: auto;
    }

}

@media only screen 
  and (min-device-width: 480px) 
  and (max-device-width:854px)
  and (-webkit-min-device-pixel-ratio:2)
  and (orientation: landscape) {

    .content-wrapper{
      height: auto;
    }

}

@media only screen and (max-width: 320px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}

@media only screen and (max-width: 480px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}
@media only screen and (max-width: 540px) and (orientation : landscape) {

  .content-wrapper{
    height: auto;
  }
}

@media only screen and (max-width: 600px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }

}


@media only screen and (max-width: 640px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}

@media only screen and (max-width: 691px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}
@media only screen and (max-width: 802px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}

@media only screen and (max-width: 980px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}

@media only screen and (max-width: 1024px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}

@media only screen and (max-width: 1130px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}


@media only screen and (max-width: 1280px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}
@media only screen and (max-width: 1366px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}

@media only screen and (max-width: 1920px) and (orientation : landscape) {
  .content-wrapper{
    height: auto;
  }
}
@media screen and (max-width: 481px) and (min-width: 479px){
  .content-wrapper{
    height: auto;
  }
}


@media only screen and (min-width: 480px) and (orientation : portrait) {
  .footer{
    /* margin-top: 32px !important; */
  }
}
@media only screen and (min-width:375px) and (orientation : portrait) {
  /* .footer{
    margin-top: 6px !important;
  } */
}

/* @media only screen and (min-height: 892px) { 
  .footer{
    position: fixed;
  }
 }
 @media only screen and (min-height: 812px) { 
  .footer{
    position: fixed;
  }
 }   */


 /* @media only screen and (min-width: 412px) and (max-width: 767px) { 
  .footer{
    margin-top: 32px !important;
  }
  } */

  .logo-header.banner-pedi{
    width: 50%;
  }


  .advertisement-wrapper.tap-view.top{
    margin-bottom: 15px;
    padding: unset !important;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    top: 8px;
    width: 93%;
    margin: 0 auto;
    height: 75px;
   
  }

  
  .advertisement-wrapper.tap-view.bottom{
    margin-bottom: 15px;
    padding: unset !important;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 4%;
    width: 93%;
    margin: 0 auto;
    height: 75px;
   
    
  }

  .tap-view.bottom{
    display: none;
  }
  .tap-view.top img{
    display: none;
  }

  /* .ad-fixed{
    margin-top: 8%;
  }

  .footer{
    margin-bottom: 9%;
  } */