/* Normal desktop :1300px. */
@media (min-width: 1371px) and (max-width: 1600) {
  .about-serction .hero-animation {
    right: 600px;
}
}

/* Mediam desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1370px) {
  .logo a img {
    width: 100%;
  }
  .healtip_menu > ul > li > a {
    padding: 0px 11px;
    margin: 16px 0px;
  }

  /* Start Inner Page Section */

  .breatcome-section {
    background-size: cover;
  }

  .single-services-box {
    padding: 38px 25px 32px;
  }

  .services-title h3 {
    font-size: 22px;
  }

  .services-desc p {
    font-size: 16px;
  }

  .healtip-icons {
    float: inherit;

    margin-bottom: 30px;
  }

  /* Blog section */

  .blog-content {
    padding: 23px 12px 0 0;
  }

  .blog-title h2 a {
    font-size: 20px;
  }

  /*  */
}

/* Mediam desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
  .logo a img {
    width: 100%;
  }
  nav.healtip_menu {
    text-align: left;
  }
  ul.nav_scroll {
    padding: 0 22px 0 28px;
  }
  .healtip_menu > ul > li > a {
    font-size: 14px;
    padding: 0px 8px;
    margin: 15px 0px;
  }
  .hero-section {
      margin-top: 0px;
  }
  .header-button a img {
    padding-left: 0;
  }

  .header-button a {
    padding: 14px 18px;
    font-size: 14px;
  }

  .search-box-btn.search-box-outer {
    display: none;
  }

  .nav-btn.navSidebar-button span i {
    font-size: 18px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  /* Hero Section */

  .hero-content h1 {
    font-size: 55px;
  }
  .hero-shape {
    top: -122px;
  }
  .hero-section {
    margin-top: 0px;
  }
  .hero-section .healtip-btn a {
    padding: 18px 25px;
    font-size: 17px;
  }
  .about-serction .hero-animation {
    right: 425px;
}
.service-serction .hero-animation {
    left: -200px;
}
.team-content h2 {
    font-size: 22px;
}
.healtip-section-title2 h4 {
    font-size: 22px;
    line-height: 32px;
}
  /* Counter section */

  .counter-serction {
    margin-top: -36px;
  }

  .counter-title h2 {
    font-size: 25px;
    line-height: 25px;
    padding: 11px 0 0 20px;
  }

  .odometer-wrapper.counter-box-title h1 {
    font-size: 45px;
  }
  .counter-desc p {
    font-size: 18px;
  }

  /* About Section */

  .about-thumb img {
    width: 98%;
  }

  .thumbs-bxs {
    right: 12px;
    width: 174px;
    height: 174px;
    line-height: 174px;
  }

  .icon img {
    width: auto;
  }
  .text-circle svg {
    width: 117px;
  }

  .about-service-list ul li {
    display: inline-flex;
  }

  /* Section Title */

  .healtip-section-title h1 {
    font-size: 55px;
    line-height: 60px;
  }

  .healtip-section-title2 h3 {
    font-size: 29px;
  }

  /* healtip Top Section */

  .healtip-top-section {
    padding: 110px 50px 0px 20px;
  }

  .healtip-section-title h1 {
    font-size: 40px;
  }
  .healtip-top-section .top-healtip-section {
    display: inherit;
    text-align: center;
  }

  .healtip-desc {
    width: 100%;
    padding: 22px 0 18px;
  }

  /* Service Section */

  .service-section {
    padding: 30px 50px 120px 20px;
  }

  .service-content h2 a {
    font-size: 25px;
  }
  .service-thumb:before {
    right: -188px;
  }

  .service-thumb img {
    border-radius: 20px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 32%) !important;
  }
  .service-section .swiper {
    height: 405px;
  }
  /* Appointment */

  .healtip-appoinment {
    background-size: cover;
  }
  .healtip-shape-2 {
    left: 326px;
  }

  /* Blog Section */

  .blogs-category ul li {
    margin: 0 15px 0 15px;
  }

  .blog-title h2 a {
    font-size: 22px;
  }
  /* Subscribe Section */

  .subscribe-title h1 {
    font-size: 28px;
  }

  .footer-thumb {
    display: none;
  }

  .footer-thumb1 {
    display: none;
  }

  /* ************************** *
    <--Inner Page Section-->
* **************************** */
.breatcome-section {
    margin-top: 0px;
}
 .breatcome-content h1 {
    font-size: 40px;
}
.healtip-title h2 {
    font-size: 28px;
}
.healtip-category-box {
    padding: 20px 14px 24px;
}
h3.category-title {
    font-size: 25px;
}
.category-content h4 a {
    font-size: 16px;
}
  
  /*  */
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .sticky {
    position: absolute !important;
  }

  .healtip_nav_manu {
    display: none;
  }
  .hero-section {
    margin-top: 0px;
  }
  /* Hero Section */

.hero-content h1 {
    font-size: 40px;
    line-height: 50px;
}

  .healtip-hero-content p {
    color: #fff;
  }

.hero-shape2 {
    right: 30px;
}
.hero-shape {
    left: 15px;
}
.hero-content h4 {
    font-size: 20px;
}
.hero-content p {
    width: 100%;
}
.hero-section .hero-animation {
    right: 370px;
    bottom: -530px;
}
  /* Counter Section */

  .counter-serction {
    background-size: cover;
    margin-top: 0;
  }

  .counter-items {
    display: inherit;
  }

  .counter-right-side {
    padding-top: 50px;
  }
  .odometer-wrapper.counter-box-title span {
    font-size: 40px;
}

  /* About Section */
.healtip-section-title h1 {
    font-size: 32px;
}
.about-thumb {
    margin-left: 0px;
    margin-top: 20px;
}
.about-serction .hero-animation {
    right: 350px;
    bottom: -520px;
}
  /* Service Section */

  .service-section {
    padding: 30px 20px 120px 20px;
  }
.service-serction .hero-animation {
    display: none;
}
  .service-section .swiper {
    height: 480px;
  }
.schedule-box.bg2 {
    margin-right: 0px;
}
  .swiper-button-next,
  .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 41%) !important;
  }

  .service-thumb:before {
    right: -247px;
  }

  /* Appointment */

  .healtip-appoinment {
    background-size: cover;
    background-position: right;
  }

  .healtip-shape-2 {
    top: -70px;
  }

  /* Blog Section */

  .blog-title h2 a {
    font-size: 22px;
  }

  .blog-section .healtip-btn {
    margin-top: 20px;
  }

  /* Footer Section */
.footer-section {
    padding: 100px 0 30px;
}
  .footer-thumb {
    display: none;
  }

  .footer-thumb1 {
    display: none;
  }

  /******************************
  <--Inner Page Section-->  
  ********************************/

 .breatcome-content h1 {
    font-size: 40px;
}
.healtip-title h2 {
    font-size: 28px;
}

  /* Appoinment Section */

  .style-1 .testi-single-box {
    margin-bottom: 35px;
  }

  /* Blog Inner Page Section */

  .blog-content {
    padding: 23px 5px 0 0;
  }

  .blogs-category ul li {
    font-size: 14px;
    margin: 0 10px 0 22px;
  }

  .healtip-thumb img {
    width: 100%;
  }

  /*  */
}

/* small mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .sticky {
    position: absolute !important;
  }
 .hero-section {
    margin-top: 0px;
}
  .healtip_nav_manu {
    display: none;
  }

  /* Hero Section */

  .hero-section {
    margin-top: 63px;
  }
.hero-content h4 {
    font-size: 18px;
}
 .hero-content h1 {
    font-size: 32px;
    line-height: 45px;
}
.hero-shape2{
  display: none;
}
 .hero-content p {
    width: 100%;
}
  .healtip-hero-content p {
    color: #fff !important;
  }

.healtip-btn a {
    padding: 12px 30px;
}
.hero-shape3{
  display: none;
}
  .hero-shape {
    display: none;
  }
.hero-section .hero-animation{
  display: none;
}
  span.team-mbr {
    padding: 14px 17px;
    font-size: 14px;
  }

  span.team-mbr img {
    padding: 0 10px 0 0;
    width: 50%;
  }

  /* Counter Section */

  .counter-serction {
    background-size: cover;
    margin-top: 0;
  }

  .counter-items {
    display: inherit;
  }

  .counter-right-side {
    padding-top: 50px;
  }

  .counter-title h2 {
    font-size: 24px;
    line-height: 14px;
    padding: 20px 0 0 25px;
  }
.odometer-wrapper.counter-box-title span {
    font-size: 40px;
}
  p.counter-desc {
    font-size: 15px;
    line-height: 25px;
    width: 30%;
    margin: 0 0 0 7px;
  }

  /* about Section */
.healtip-section-title h4 {
    font-size: 18px;
}
  .healtip-section-title h1 {
    font-size: 28px;
  }
.about-thumb {
    margin-left: 0px;
    margin-top: 20px;
}
.about-serction .hero-animation{
  display: none;
}

  /* Service Section */

  .service-section {
    padding: 30px 20px 120px 20px;
  }
.team-single-box {
    padding: 10px 10px 20px;
}
.service-serction .hero-animation{
  display: none;
}
  .service-content {
    left: 20px;
  }

  .service-content h2 a {
    font-size: 22px;
  }

  .service-content h6 {
    font-size: 15px;
  }

  .service-section .swiper {
    height: 370px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 41%) !important;
  }

  .service-thumb:before {
    right: -162px;
  }

  /* Team Section */
.team-content h5 {
    font-size: 15px;
}
  .team-content h2 {
    font-size: 20px;
  }

  /* Appointment */
.schedule-box .box-title {
    font-size: 25px;
}
  .healtip-shape-2 {
    top: -70px;
  }
  .appoint-single-box {
    margin-left: 0px;
}
.healtip-section-title2 h4 {
    font-size: 23px;
}
button.submit-btn {
    padding: 12px 30px;
    font-size: 16px;
}
  /* Footer Section */

  .footer-section {
    padding: 100px 0 70px;
  }

  .row.footer-btm {
    text-align: center;
  }

  .healtip-company-desc p {
    font-size: 17px;
    padding: 10px 0 0;
  }

  .footer-thumb {
    display: none;
  }

  .footer-thumb1 {
    display: none;
  }
  /******************************
  <--Inner Page Section-->  
  ********************************/

.breatcome-content h1 {
    font-size: 40px;
}

.healtip-title h2 {
    font-size: 25px;
}
  /*  */
}

/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .sticky {
    position: absolute !important;
  }
  .hero-section {
    margin-top: 0px;
}
  .healtip_nav_manu {
    display: none;
  }
.hero-content h4 {
    font-size: 20px;
}
.hero-content h1 {
    font-size: 26px;
    line-height: 45px;
}
.hero-content p {
    width: 100%;
}
  /* Hero Section */

  .hero-section {
    margin-top: 0px;
  }

  .hero-btm-boxs {
    display: inherit;
  }

  .healtip-btn {
    text-align: left;
    padding: 10px 0 0;
  }

  .healtip-hero-content p {
    color: #fff;
  }

  .healtip-btn a {
    font-size: 16px;
    padding: 12px 30px;
}
.hero-shape3{
  display: none;
}
.hero-shape2 {
    display: none;
}
  .hero-shape {
    display: none;
  }
.hero-section .hero-animation{
  display: none;
}

  span.team-mbr {
    padding: 14px 17px;
    font-size: 14px;
  }

  span.team-mbr img {
    padding: 0 10px 0 0;
    width: 50%;
  }

 
  /* Counter Section */

  .odometer-wrapper.counter-box-title span {
    font-size: 35px;
}

  .counter-title h2 {
    font-size: 17px;
    line-height: 26px;
  }

  .odometer-wrapper.counter-box-title h1 {
    font-size: 40px;
  }

  p.counter-desc {
    font-size: 15px;
    line-height: 25px;
    width: 30%;
    margin: 0 0 0 7px;
  }

  /* Section Title */

 .healtip-section-title h1 {
    font-size: 26px;
    line-height: 36px;
}

  .healtip-section-title2 h3 {
    font-size: 26px;
  }

  /* About Section */
.about-thumb {
    margin-left: 0px;
    margin-top: 20px;
}
  .healtip-section-title h4 {
    font-size: 16px;
}
.about-serction .hero-animation {
    display: none;
}

  /* Top Section */

  .healtip-top-section {
    padding: 110px 50px 0px 20px;
  }

  .top-healtip-section {
    display: inherit;
  }

  .healtip-desc {
    width: 100%;
    padding: 15px 0 5px;
  }

  /* Service Section */

  .service-section {
    padding: 30px 20px 120px 20px;
  }
.service-single-box .head-title h2 {
    font-size: 22px;
}
.service-serction .hero-animation {
    display: none;
}
  .service-content {
    left: 20px;
  }

  .service-content h2 a {
    font-size: 22px;
  }

  .service-content h6 {
    font-size: 15px;
  }

  .service-section .swiper {
    height: 575px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 41%) !important;
  }

  .service-thumb:before {
    right: -328px;
  }

  /* Team Section */

  .team-section .swiper {
    padding: 50px 20px 55px;
  }
.team-content h2 {
    font-size: 21px;
}
  /* Blog Section */

  .blog-section .healtip-btn {
    padding: 30px 0 0;
  }
.blog-title h2 a {
    font-size: 21px;
}

/* Appoinment Section */

.schedule-box .box-title {
    font-size: 22px;
}
.healtip-section-title2 h4 {
    font-size: 22px;
    line-height: 35px;
}
button.submit-btn {
    padding: 10px 30px;
    font-size: 16px;
}

/* Footer Section */

  .footer-section {
    padding: 120px 0 55px;
  }

  .row.footer-btm {
    text-align: center;
  }

  .healtip-company-desc p {
    padding: 10px 0 0;
    text-align: center;
  }

  .footer-thumb {
    display: none;
  }

  .footer-thumb1 {
    display: none;
  }

  /******************************
  <--Inner Page Section-->  
  ********************************/
  .breatcome-section {
    background-size: cover;
    margin-top: 0;
  }

.breatcome-content h1 {
    font-size: 35px;
}

  /* Details Page  */

.healtip-title h2 {
    font-size: 22px;
}
h3.category-title {
    font-size: 23px;
}
  .healtip-blog {
    padding: 30px 30px 14px;
  }

  .blog-desc p {
    font-size: 17px;
    padding: 0;
  }

  .accordion li a {
    font-size: 17px;
    padding: 16px 16px 16px 20px;
  }

  .accordion li a span {
    font-size: 18px;
    padding: 0 7px 0 0px;
  }

  /*  */
}

/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sticky {
    position: absolute !important;
  }
  .hero-section {
    margin-top: 0px;
  }
  .healtip_nav_manu {
    display: none;
  }

  /* Hero Section */

  .hero-section {
    margin-top: 63px;
  }

  .hero-content h4 {
    font-size: 20px;
}
.hero-content h1 {
    font-size: 26px;
    line-height: 45px;
}
.hero-content p {
    width: 100%;
}

  .hero-content h1 span img {
    width: 18%;
  }

  .hero-btm-boxs {
    display: inherit;
  }

  .healtip-btn {
    text-align: left;
    padding: 10px 0 0;
  }
.healtip-btn a {
    padding: 12px 30px;
}
.hero-shape2 {
    display: none;
}
.hero-shape3{
  display: none;
}
  .hero-shape {
    display: none;
  }
.hero-section .hero-animation{
  display: none;
}
  .healtip-hero-content p {
    color: #fff !important;
    font-size: 15px;
    width: 100%;
  }

  .healtip-btn a {
    padding: 12px 30px;
    font-size: 15px;
  }

  .hero-shape {
    display: none;
  }

  span.team-mbr {
    padding: 14px 15px;
    font-size: 13px;
    margin-right: 10px;
  }

  span.team-mbr img {
    padding: 0 10px 0 0;
    width: 50%;
  }

  /* Counter Section */

  .odometer-wrapper.counter-box-title span {
    font-size: 30px;
}
.counter-desc p {
    font-size: 18px;
}
  /* About Section */
  .about-thumb {
    margin-left: 0px;
    margin-top: 20px;
}
.healtip-section-title h1 {
    font-size: 25px;
}
.healtip-section-title h4 {
    font-size: 18px;
}
span.list-pd {
    padding: 0 0 0 20px;
}
.about-serction .hero-animation {
    display: none;
}
  /* Service Section */

  .service-section {
    padding: 30px 20px 120px 20px;
  }
.service-single-box .head-title h2 {
    font-size: 22px;
}
.service-serction .hero-animation {
    display: none;
}
  .service-content h2 a {
    font-size: 22px;
  }

  .service-content h6 {
    font-size: 15px;
  }

  .service-section .swiper {
    height: 360px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 41%) !important;
  }

  .service-thumb:before {
    right: -168px;
  }

  /* Team Section */

  .team-section .swiper {
    padding: 50px 20px 55px;
  }
.team-content h2 {
    font-size: 21px;
}
  .team-content h2 {
    font-size: 20px;
  }

  .social-icon ul li i {
    font-size: 15px;
    width: 32px;
    line-height: 32px;
    height: 32px;
  }

  /* Blog Section */

  .blog-title h2 a {
    font-size: 20px;
  }

  .blogs-category ul li {
    font-size: 15px;
    margin: 0 10px 0 23px;
  }

  .company-info-desc p {
    font-size: 18px;
  }

  /* Appoinment Section */

.schedule-box.bg2 {
    padding: 30px 20px;
    margin-right: 0px;
}
.schedule-box .box-title {
    font-size: 22px;
}
.appoint-single-box {
    padding: 30px 20px;
    margin-left: 0px;
}
.healtip-section-title2 h4 {
    font-size: 21px;
    line-height: 32px;
}
button.submit-btn {
    padding: 12px 30px;
    font-size: 16px;
}

  /* Footer Section */

  .footer-section {
    padding: 120px 0 55px;
  }

  .row.footer-btm {
    text-align: center;
  }

  .healtip-company-desc p {
    padding: 10px 0 0;
    text-align: center;
  }

  .footer-thumb {
    display: none;
  }

  .footer-thumb1 {
    display: none;
  }

  /******************************
  <--Inner Page Section-->  
  ********************************/
  .breatcome-section {
    background-size: cover;
    margin-top: 0;
  }

  .breatcome-content h1 {
    font-size: 30px;
  }

  /* Details Page  */

.healtip-category-box {
    padding: 20px 10px 24px;
}
h3.category-title {
    font-size: 20px;
}
.healtip-title h2 {
    font-size: 22px;
}
.category-content h4 a {
    font-size: 16px;
}

  /* Appoinment Section */

  .style-1 .testi-single-box {
    margin-bottom: 35px;
    padding: 60px 30px 60px;
  }

}