@media (max-width:1460px) {
  .container{max-width: 1287px;}
  h2{font-size: 32px; line-height: 44px;}
  header .header-main .header-bottom-part .logo{width: 200px;}
  header .header-main .header-bottom-part .rightside ul.main-menu li a{font-size: 16px; padding: 27px 10px;}
  header .header-main .header-bottom-part .rightside .btn-read .text{padding: 13px 25px; font-size: 16px;}


.top-hero-banner::after { width: 432px; height: 300px;    transform: rotate(4deg);}
.top-hero-banner .container .content { width: 46%;}
.top-hero-banner .container .content h1 {font-size: 40px; line-height: 50px;}
.top-hero-banner .container .photo1 img { margin-bottom: -13%;}

  

}

@media(max-width:1260px){
  .providing-best .inner-flex .providing-img .img-block { position: relative; width: 48%;}
  .providing-best::before { width: 400px; height: 400px; right: 0; }
  .providing-best .inner-flex .providing-img .img-block:nth-child(3) { left: 188px;}
  .providing-best .inner-flex .providing-img .img-block:nth-child(3) { left: 142px; width: fit-content;}

  .top-hero-banner .photo1 { width: 43.7%; margin-right: -47.5%;}

}

@media (max-width: 1024px) {
    
   
  .main-wapper {padding: 0px 0 0 0; }
  .container{padding: 0 40px;}
  h2 {font-size: 26px; line-height: 36px;}
  header .header-main .header-bottom-part{padding: 0 15px 0 0; align-items: center;}
  header .header-main .header-btn { display: none;}
  header .header-main .main-menu-area.show {   right: 0;  visibility: visible;}
  header .header-main .main-menu-area { display: block; visibility: hidden; position: fixed;  top: 100px; background: #fff;  right: -100%;  width: 100%; height: fit-content; padding: 15px 0 15px 30px; transition: right 0.3s ease-in-out; }
  header .header-main .main-menu-area .main-menu  { margin: 0 0 15px 0; margin: 0 0 15px 0;  gap: 15px; flex-direction: column;}
  header .header-main .main-menu-area .header-btn.m-header-btn { display: block;}
  header .header-main .header-bottom-part .logo{width: 140px;}
  header .header-main .leftside .pipe { display: none;}
  header .header-main .rightside ul li a {font-size: 14px; line-height: 20px;margin-left: 6px; }
  header .header-main .rightside ul li img {width: 18px; height: 18px;}


  .btn-menu{display: block;}
  header.fixed{top: 0px;}
  header.fixed .header-main .header-bottom-part .logo{width: 140px;}
  header .header-main .main-menu-area .main-menu li a {font-size: 16px; line-height: 19.78px;}
  header .header-main .header-btn a {padding: 10px 20px; font-size: 16px; line-height: 19.78px; }

  h2 { font-size: 24px; line-height: 34px;}
    
  .top-hero-banner .container .photo1 { width: 47.3%; height: 81%;}
  .top-hero-banner .container .content {width: 55%;}
  .top-hero-banner .container .content h1 { font-size: 35px; line-height: 45px;}
  .top-hero-banner::after {width: 332px; height: 252px; transform: rotate(8deg);}

  .providing-best .inner-flex .providing-img .img-block {width: 50%; }
  .providing-best .inner-flex .providing-img .img-block:nth-child(2) {left: 15px; }
  .providing-best .inner-flex .providing-img .img-block:nth-child(3) { left: 117px;  top: 150px;}
  .providing-best .inner-flex .providing-img .img-block:nth-child(3) img { min-width: 250px; height: 250px}
  .providing-best .inner-flex .content-block>p { font-size: 18px; line-height: 28px;  margin-bottom: 10px;}


  .our-services .inner-grid .our-services-col {gap: 10px;padding: 20px 15px 20px 20px;}
  .our-services .inner-grid { row-gap: 15px; column-gap: 20px;margin-bottom: 15px;}

  .our-blog::after {  width: 600px;  height: 600px; margin-left: -300px; margin-top: -300px;}
  .our-blog .inner-flex .our-blog-left .our-blog-block { padding: 15px; margin-bottom: 30px;}
  .our-blog .inner-flex .our-blog-right .our-blog-block { margin-bottom: 30px; padding: 15px;}
  .our-blog .inner-flex .our-blog-center .img-area { margin: 0 0 0 -200px; width: 400px; height: 400px;}
  .our-blog .inner-flex .our-blog-left, .our-blog .inner-flex .our-blog-right { width: 35%;}
  .our-blog .inner-flex .our-blog-right .our-blog-block h3 {  font-size: 22px; line-height: 27.05px; padding-left: 0%;}
  .our-blog .inner-flex .our-blog-left .our-blog-block h3 { font-size: 22px; line-height: 27.05px;  padding-right: 0%;}
  .our-blog .inner-flex .our-blog-left .our-blog-block h3 { font-size: 19px; line-height: 24.05px; margin-bottom: 10px;}
  .our-blog .inner-flex .our-blog-left .our-blog-block p { font-size: 14px; line-height: 22px;}
  .our-blog .inner-flex .our-blog-right .our-blog-block h3 { font-size: 19px;  line-height: 22.05px;; margin-bottom: 10px;}
  .our-blog .inner-flex .our-blog-right .our-blog-block p { font-size: 14px; line-height: 22px;}

  .why-you-choose .inner-flex .choose-left { height: fit-content;}
  .why-you-choose .inner-flex .choose-left .choose-img  img{ width: 100%; height:fit-content; object-fit: cover; }
  .why-you-choose .inner-flex .choose-right {  width: 54%; padding-left: 30px;}
  .why-you-choose .inner-flex .choose-right ul { grid-template-columns: repeat(2, 1fr); gap: 15px;} 
  .why-you-choose .inner-flex .choose-right .sub { margin-bottom: 15px;}
  .why-you-choose .inner-flex .choose-right ul li { padding: 15px 10px; gap: 15px;}
  .why-you-choose .inner-flex .choose-right ul li h4 a { font-size: 18px; line-height: 18px;}
  .why-you-choose::after { width: 300px; height: 400px;}


  .our-pets .our-pets-img img { height: auto;}
  .our-pets::after {  width: 225px; height: 350px;}


  footer .newsletter-area{padding: 20px 0;}
  footer .newsletter-area .d-flex{display: block !important;}
  footer .newsletter-area .leftside{width: 100%;}
  footer .newsletter-area .leftside h2{font-size: 20px;}
  footer .newsletter-area .form-area{width: 100%; margin-top: 20px;}
  footer .footer-area .d-flex{flex-wrap: wrap; gap: 20px; justify-content: space-between;}
  footer .footer-area .usefull-support-block.support { width: 48.9% !important;}
  footer .footer-area .usefull-support-block { width: 34%;}
  footer .footer-area .usefull-support-block.support {     width: 48.9% !important;}
  footer .footer-area .about-info { width: 100%; padding-right: 0;}
  footer .footer-area .get-in-touch { width: 100%;}

  
  .contact-us .inner-flex {flex-direction: column; gap: 30px;}
  .contact-us .inner-flex .get-in-touch {width: 100%; padding: 0;}
  .contact-us .inner-flex .contact-form { width: 100%;}

  .contact-us .contact-us-title { width: 100%;}
  .contact-us::after  { width: 250px; height: 400px;}


  .top-hero-banner .photo1 { width: 53.7%; margin-right: -49.5%;}

}


@media(max-width:991px) { 
  .providing-best .inner-flex .providing-img .img-block:nth-child(3) img { min-width: 150px; height: 200px;}
  .providing-best .inner-flex .content-block { padding-left: 30px;}
  .providing-best .content-block-accordion .accordion-button { font-size: 16px; padding: 8px 0px; line-height: 26px;}
  .providing-best .content-block-accordion .accordion-body p {font-size: 14px; line-height: 18px; }
}


@media (max-width: 767px) {
 .sticky-area { display: none;}

  .main-wapper {padding: 0 0 0 0; }
  .container{padding: 0 20px;}
  header .header-main .rightside ul { display: none;}
  header .header-main { margin: 0px; padding: 0px 20px;}
  header .header-main .inner-flex { padding: 12px 0;}
  header.fixed .header-main {padding: 0px 20px; }
  header .header-main .logo { width: 140px;}
  header.fixed .header-main .logo { width: 140px;}
  header.fixed .header-main .inner-flex { padding: 10px 0; border: 0;}
  header.fixed .header-main { padding: 0px 15px;}
  header.fixed .header-main .main-menu-area {top: 53px;}
  header .header-main .main-menu-area { top: 63px; padding: 15px 30px;} 

  .top-hero-banner { padding-top: 100px; clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 50% 100%, 0 95%);}
  .top-hero-banner .container { flex-direction: column;}
  .top-hero-banner .container .content { width: 100%;}
  .top-hero-banner .photo1 { width: 85%; margin-right: -41.5%;}
  .top-hero-banner .container .content h1 { font-size: 22px; line-height: 32px; margin-bottom: 10px;  }
  .top-hero-banner .container .content p { font-size: 16px; line-height: 26px; margin-bottom: 15px;}
  .top-hero-banner .container .content .btn-area a { padding: 10px 15px; font-size: 15px; line-height: 18.78px;}
  .top-hero-banner::after { width: 250px; height: 250px; transform: rotate(0deg); top: 20px; left: 11%;         z-index: -1;}
    

  h2 { font-size: 20px; line-height: 30px; margin: 0 0 10px 0;}
  .providing-best { padding: 40px 0;}
  .providing-best .inner-flex { flex-direction: column;}
  .providing-best .inner-flex .providing-img {width: 100%; margin-bottom: 30px; min-height: 348px; }
  .providing-best .inner-flex .content-block { width: 100%; padding-left: 0; }
  .providing-best .inner-flex .content-block>p { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
  .providing-best::before { width: 250px; height: 250px; right: 20px; bottom: 20px;}
  .providing-best .content-block-accordion .accordion-body {padding: 0 0px 15px 0px;}
  .providing-best .inner-flex .providing-img .img-block:nth-child(3) {left: 64px; top: 126px; }

  .our-services {padding: 50px 0;}
  .our-services .inner-grid {grid-template-columns: repeat(1, 1fr);}
  .our-services .inner-grid .our-services-col { gap: 6px; padding: 15px 10px 15px 15px;}
  .our-services .inner-grid .our-services-col .our-services-left h4 {padding-bottom: 5px;}
  .our-services .inner-grid .our-services-col .our-services-left h4 a {font-size: 18px;line-height: 22px;}
  .our-services .inner-grid .our-services-col .our-services-left p {font-size: 15px;line-height: 20px;}
  .our-services .inner-grid .our-services-col .our-services-right a img {width: 22px; height: 22px; top: -6px;} 
  .our-services .our-services-title p {font-size: 16px; line-height: 20px; margin-bottom: 15px;}
  .our-services .our-services-bottom p {font-size: 16px; line-height: 20px;}
  .our-services::after {content: ""; width: 240px; height: 565px;}


  .our-blog { padding: 50px 0;}
  .our-blog .inner-flex { flex-direction: column; gap: 30px;}
  .our-blog .inner-flex .our-blog-left, .our-blog .inner-flex .our-blog-right { width: 100%;}
  .our-blog .inner-flex .our-blog-center { width: 100%;}
  .our-blog .inner-flex .our-blog-left { order: 1;}
  .our-blog .inner-flex .our-blog-right { order: 2;}
  .our-blog .inner-flex .our-blog-center{ order: 3;}
  .our-blog .inner-flex .our-blog-center .img-area { margin: 0; width: 100%; left: 0; height: 100%; top: 50px; position: relative;}
  .our-blog::after {width: 96%; height: 96%; margin-left: 0; margin-top: 0; top: 38%;  left: 2%;  bottom: 0;}
  .our-blog .inner-flex .our-blog-right .our-blog-block { box-shadow: 10px 10px 0px 0px #F8EBDD;}
  .our-blog .inner-flex .our-blog-right .our-blog-block h3 { text-align: start;}
  .our-blog .inner-flex .our-blog-right .our-blog-block p { text-align: start;}
  .our-blog .container h2 { padding-bottom: 10px;}
  
  .why-you-choose { padding: 50px 0; }
  .why-you-choose .inner-flex .choose-right h2 { margin-bottom: 15px; }
  .why-you-choose .inner-flex {  flex-direction: column-reverse; gap: 30px;}
  .why-you-choose .inner-flex .choose-left { width: 100%;}
  .why-you-choose .inner-flex .choose-right { width: 100%; padding-left: 0;}
  .why-you-choose .inner-flex .choose-right p { font-size: 16px;  line-height: 26px; margin-bottom: 20px;}
  .why-you-choose .inner-flex .choose-right ul li h4 a { font-size: 16px; line-height: 16px;}
  .why-you-choose::after { width: 199px; height: 300px; } 

  .faq-page { padding: 50px 0;}
  .faq-page .faq-page-title h2 {margin-bottom: 20px;}
  .faq-page::after {     height: 357px;}
  .faq-page .accordion .accordion-button { gap: 7px;}
  .faq-page .accordion .accordion-item { margin-bottom: 15px;}
  .faq-page .accordion .accordion-button { font-size: 16px; padding: 8px 12px; line-height: 20px; }
  .faq-page .accordion .accordion-body { padding: 0 14px 14px 14px; }
  .faq-page .accordion .accordion-body p {font-size: 14px; line-height: 20px;}
  .faq-page .accordion .accordion-button.collapsed::before { right: 21px;}

  .our-testimonials { padding: 50px 0;}
  .our-testimonials .our-testimonials-title .sub { margin-bottom: 15px;}
  .our-testimonials .our-testimonials-title {  max-width: 232px;}
  .our-testimonials .owl-testimonials .owl-nav { top: -140px; gap: 8px;}
  .our-testimonials .owl-testimonials .owl-nav .owl-prev, .our-testimonials .owl-testimonials .owl-nav .owl-next { width: 38px; height: 38px;}
  .our-testimonials .owl-testimonials-items { padding: 20px;}
  .our-testimonials .owl-testimonials-items .owl-testimonials-top .owl-testimonials-img a img { width: 60px; height: 60px;}
  .our-testimonials .owl-testimonials-items .owl-testimonials-top {  margin-bottom: 10px;}
  .our-testimonials .owl-testimonials-items .owl-testimonials-top .owl-testimonials-text h4 { padding: 0;}
  .our-testimonials .owl-testimonials-items .owl-testimonials-top .owl-testimonials-text h4 a { font-size: 18px; line-height: 24px; }
  .our-testimonials .owl-testimonials-items .owl-testimonials-top .owl-testimonials-text span { font-size: 14px; line-height: 18px;}
  .our-testimonials .owl-testimonials-items>p {  font-size: 14px; line-height: 22px; margin-bottom: 10px;}
  .our-testimonials .owl-testimonials-items .owl-testimonials-top::before { width: 80px; height: 60px;}  

  .our-pets { padding: 50px 0 0 0;}
  .our-pets .our-pets-title .our-pets-btn a { padding: 10px 15px;font-size: 15px;}
  .our-pets .our-pets-title .our-pets-btn { gap: 10px; margin-bottom: 20px; flex-wrap: wrap;}
  .our-pets::after { width:127px; height: 200px;}
  .our-pets .our-pets-title h3 { font-size:18px; line-height: 26px; margin-bottom:10px;}
  .our-pets .our-pets-title p { font-size: 16px; line-height: 22px; margin-bottom: 20px;}

  .why-you-choose .inner-flex .choose-right ul { grid-template-columns: repeat(1, 1fr); gap: 15px;} 

  footer .newsletter-area{padding: 20px 0;}
  footer .newsletter-area .d-flex{display: block !important;}
  footer .newsletter-area .leftside{width: 100%;}
  footer .newsletter-area .leftside h2{font-size: 20px;}
  footer .newsletter-area .form-area{width: 100%; margin-top: 20px;}
  footer .footer-area .d-flex {  gap: 10px;}  
  footer .footer-area .usefull-support-block { width: 100%;}
  footer .footer-area .usefull-support-block.support { width: 100% !important;}
  footer .footer-area .about-info .logo { width: 200px; height: 60px; margin-bottom: 25px;}
  footer .footer-area .about-info p { font-size: 14px; line-height: 22px;}
  footer .footer-area .usefull-support-block h2 { font-size: 18px; line-height: 18px; margin: 0 0 4px 0;}
  footer .footer-area .usefull-support-block ul li a { font-size: 14px; line-height: 24px;}
  footer .footer-area .get-in-touch ul li { font-size: 14px; line-height: 24px; margin-bottom: 8px;}


  .contact-us .contact-us-title {padding-bottom: 20px; } 
  .contact-us .contact-us-title h3 {font-size: 18px; line-height: 22px;margin-bottom: 6px;}
  .contact-us .contact-us-title p {font-size: 16px; line-height: 20px;}
  .contact-us .inner-flex .get-in-touch h3 {font-size: 18px; line-height: 20px; }
  .contact-us .inner-flex .get-in-touch p { font-size: 14px; line-height: 18px; padding-bottom: 15px;}
  .contact-us .inner-flex .get-in-touch ul li::after { width: 20px; height: 20px;}
  .contact-us .inner-flex .get-in-touch ul li{ padding-left: 26px;}
  .contact-us .inner-flex .get-in-touch ul li span { font-size: 14px;}
  .contact-us .inner-flex .get-in-touch ul li:last-child { padding: 0 0 0 30px;}
  .contact-us .inner-flex .get-in-touch ul { margin:  0 0 20px 0;}
  .contact-us .schedule-consultation a {border-radius: 6px; padding: 8px 20px; font-size: 16px; line-height: 19.78px;}
  .contact-us .inner-flex { gap: 20px;}
  .contact-us .inner-flex .contact-form .form-group input {font-size: 14px;line-height: 14px; padding: 23px 8px 8px 14px;}
  .contact-us .inner-flex .contact-form .form-group textarea {font-size: 14px;line-height: 14px; padding: 23px 8px 8px 14px;}
  .contact-us .inner-flex .contact-form .form-group label { top: 9px;}
  .contact-us .inner-flex .contact-form .form-group { margin-bottom: 10px;}
  .contact-us .inner-flex .contact-form .contact-form-btn a {border-radius: 6px; padding: 8px 20px; font-size: 16px; line-height: 19.78px;}
  

  .contact-us { padding: 50px 0 50px 0; position: relative;}

  .content-top-banner{clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 50% 100%, 0 95%);}
  .content-top-banner .d-flex{display: block !important;}
  .content-top-banner .content-area{width: 100%;}
  .content-top-banner .content-area h1 { font-size: 30px; line-height: 32px; margin-bottom: 10px;  }
  .content-top-banner .content-area h3 { font-size: 20px; line-height: 30px;}
  .content-top-banner .img-area{width: 280px; margin: 0 auto;}
  .content-top-banner .img-area::before {width: 300px; height: 300px; border-radius: 250px 250px 0 0; margin-left: -150px;}
  .contact-us .inner-flex .get-in-touch h2{font-size: 24px; line-height: 28px;}
}