/*================================================================================================*/
/*=================[                                                            ]=================*/
/*=================[    !!!!!!!!   CSS CREATED BY RAJODIYA INFOTECH  !!!!!!!!   ]=================*/
/*=================[                                                            ]=================*/
/*================================================================================================*/

@media (min-width:992px) {


  .desk-only {
    display: block !important;
  }

  .mobile-only {
    display: none !important;
  }

}


@media screen and (max-width:1199px) {
  :root {
    --h1: normal 700 40px/1 var(--first-font);
    --h2: normal 700 32px/1 var(--first-font);
    --h3: normal 700 26px/1 var(--first-font);
    --h4: normal 700 20px/1 var(--first-font);
    --h5: normal 700 18px/1 var(--first-font);
    --h6: normal 700 16px/1 var(--first-font);
  }
  #view_theme22 .health-content-inner .sus-card,
  #view_theme22 .pet-content .sus-card 
  {
    gap:10px;
  }
  #view_theme22 .health-content-inner .sus-card div,
  #view_theme22 .pet-content .sus-card div  
  {
    max-width: 49%;
    width: 45%;
  }

  #view_theme22 .health-content-inner span, #view_theme22 .pet-content span {
      font-size: 16px;
  }
  #view_theme22 .health-content-inner p, #view_theme22 .pet-content p {
    font-size: 16px;
  }
  #view_theme22 .health-content, #view_theme22 .medicine-content, #view_theme22 .pet-content
  {
    padding: 15px 0px;
  }
}

@media screen and (max-width:991px) {
  :root {
    --h1: normal 700 36px/1 var(--first-font);
    --common-text: normal 400 14px/1.4 var(--first-font);
  }
  #view_theme22 .pathology-section{
    padding: 40px 15px 60px;
  }
  #view_theme22 .pathology-section ul li a.btn{
    padding: 10px 14px;
  }
}



@media screen and (max-width:575px) {
  :root {
    --h2: normal 700 28px/1 var(--first-font);
    --h3: normal 700 24px/1 var(--first-font);
    --h4: normal 700 22px/1 var(--first-font);
    --h5: normal 700 20px/1 var(--first-font);
  }


}

@media screen and (max-width:420px) {
  #view_theme22 .greetings-desk .user-text-avatar img{
    width: 240px;
    height: 240px;
  }
  #view_theme22 .social-list li a{
    width: 45px;
    height: 45px;
  }
  #view_theme22 .social-list li a svg{
    width: 20px;
    height: 20px;
  }
  #view_theme22 .social-list li a img{
    width: 20px;
    height: 20px;
  }
  #view_theme22 .detail-section .btn {
    font-size: 12px;
  }
}