@media (min-width: 1200px) {
     .container {
          max-width: 1184px;
     }
}

@media (max-width: 1300px) {
     .review-box {
          padding: 20px;
     }

     .review-box .text-box p {
          font-size: 16px;
     }

     .swiper-slider {
          max-width: 74vw;
     }

     .about-banner-sec .image-holder img {
          max-width: inherit;
          width: 580px;
     }

     .product-tag {
          left: 6px;
     }

     .products-sec .products-box .image-holder span {
          right: 15px;
          top: 21px;
     }
}


@media (max-width: 1199px) {
     .navbar-nav {
          gap: 20px;
          margin-left: 25px;
     }

     .navbar-collapse {
          padding: 18px 0;
     }

     .btn-default {
          border-radius: 10px;
          font-size: 13px;
          height: 49px;
          width: 160px;
     }

     .header-right {
          gap: 10px;
     }

     .header-right .text-inner a {
          font-size: 14px;
     }

     .navbar-nav .nav-item .nav-link {
          font-size: 14px;
     }

     .hero-sec {
          padding: 80px 0;
     }

     .hero-box h1 {
          font-size: 50px;
          line-height: 62px;
          max-width: 500px;
     }

     .hero-box p {
          font-size: 14px;
          line-height: 150%;
          max-width: 440px;
          margin: 15px 0;
          width: 100%;
     }

     .puffins-sec {
          padding: 80px 0;
     }

     .puffins-sec .text-box h4 {
          font-size: 34px;
     }

     .puffins-sec .text-box p {
          font-size: 16px;
          margin: 20px 0;
     }

     .puffins-box h4 {
          font-size: 16px;
          line-height: 18px;
          margin: 10px 0;
     }

     .prepare-food-sec .title h2 {
          font-size: 36px;
     }

     .prepare-food-box .text-box {
          padding: 20px;
     }

     .prepare-food-box .text-box h4 {
          font-size: 22px;
          margin-bottom: 10px;
     }

     .prepare-food-box .text-box p {
          font-size: 16px;
     }

     .products-inner {
          margin: 30px 0 0 0;
     }

     .review-sec .title h2 {
          font-size: 36px;
     }

     .review-box .media {
          gap: 10px;
     }

     .review-box .media span {
          max-width: 42px;
     }

     .review-box .media h4 {
          font-size: 15px;
     }

     .review-box .text-box {
          margin: 10px 0 0 0;
     }

     .review-box .text-box ul {
          margin-bottom: 10px;
     }

     .review-box .text-box p {
          font-size: 14px;
     }

     .swiper-pagination {
          margin: 50px 0 0 0;
     }

     .puffins-prepare-right .image-holder p {
          font-size: 16px;
          padding: 15px 15px;
          line-height: 20px;
     }

     .about-banner-sec .hero-box p {
          margin: 0 0 8px 0;
     }

     .about-banner-sec .hero-box h1 {
          margin-bottom: 16px;
     }

     .title-second h2 {
          font-size: 32px;
          line-height: 44px;
     }

     .peet-left {
          top: 26px;
          left: 20px;
     }

     .peet-bottom {
          bottom: 10px;
          left: 10px;
     }

     .puffins-prepare-sec {
          padding: 50px 0;
     }

     .puffins-prepare-sec .text-box {
          margin-bottom: 30px;
     }

     .puffins-prepare-sec .text-box p {
          max-width: 100%;
     }

     .puffins-prepare-right .image-holder img {
          width: 100%;
     }

     .puffins-prepare-right .image-holder p {
          font-size: 20px;
          padding: 20px;
          line-height: 28px;
     }

     .about-banner-sec .image-holder img {
          max-width: inherit;
          width: 380px;
     }

     .adult-dogs h4 {
          font-size: 16px;
          line-height: 24px;
     }

     .detail-foot {
          bottom: -50px;
          right: 20px;
     }

     .detail-foot img {
          height: 160px;
     }

     .product-category-inner .products-box .image-holder span {
          top: 15px;
          right: 30px;
     }

     .product-category-inner .products-box .image-holder span img {
          height: 60px;
     }
}

@media (max-width: 991px) {
     .header-top {
          position: relative;
          z-index: 10;
     }

     .navbar {
          align-items: center;
     }

     .navbar-toggler {
          width: 50px;
          height: 50px;
          border-radius: 16px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #F2F2F2;
          padding: 0;
          border: 1px solid transparent;
     }

     .navbar-toggler:hover {
          border-color: #F98133;
     }

     .navbar-toggler:focus {
          box-shadow: none;
     }

     .navbar-brand {
          padding: 0;
          margin: 0 0 -11px 0;
     }

     .navbar-collapse {
          background-color: #F98133;
          position: fixed;
          top: 0;
          right: -100%;
          width: 100%;
          height: 100%;
          z-index: 1000;
          padding: 0;
          transition: all 0.5s ease-in-out;
          z-index: 10000;
     }

     .navbar-collapse.active {
          right: 0;
          transition: all 0.5s ease-in-out;
     }

     .menuclose-btn {
          display: flex;
     }

     .collapse:not(.show) {
          display: block;
     }

     .navbar-nav {
          gap: 30px;
          margin-left: 0;
          text-align: center;
          padding: 90px 0 0;
     }

     .navbar-nav .nav-item .nav-link {
          font-size: 24px;
          color: #fff;
          line-height: 1;
     }

     .navbar-nav .nav-item .nav-link:hover,
     .navbar-nav .nav-item .nav-link.active {
          color: #000000;
     }

     .header-right {
          gap: 0;
          justify-content: center;
          flex-direction: column;
          margin: 36px 0 0 0;
     }

     .header-right .text-box {
          margin-bottom: 34px;
     }

     .header-right .text-inner p {
          color: #fff;
     }

     .header-right .text-inner a {
          font-size: 16px;
          color: #fff;
     }

     .btn-default {
          border-radius: 16px;
          font-size: 14px;
          height: 56px;
          width: 194px;
          color: #fff;
          border-color: #fff;
     }

     .btn-default:hover {
          color: #fff;
          background-color: #000;
          border-color: #000;
     }

     .hero-sec {
          padding: 50px 0;
     }

     .hero-box h1 {
          font-size: 40px;
          line-height: 50px;
          max-width: 500px;
     }

     .hero-box p {
          max-width: 360px;
     }

     .products-box .image-holder a {
          padding: 30px 0;
     }

     .products-box .text-box h4 {
          font-size: 16px;
          margin: 10px 0;
     }

     .swiper-slider {
          max-width: 87vw;
     }

     .products-sec {
          padding: 50px 0;
     }

     .prepare-food-box .text-box p {
          font-size: 14px;
     }

     .prepare-food-box .text-box h4 {
          font-size: 18px;
          margin-bottom: 10px;
     }

     .foot-pet {
          z-index: -1;
     }

     .foot-pet img {
          height: 190px;
     }

     .review-sec .swiper-slider {
          max-width: 94vw;
     }

     .puffins-sec {
          padding: 50px 0;
     }

     .puffins-sec .text-box h4 {
          font-size: 42px;
     }

     .puffins-sec .text-box p {
          max-width: 100%;
          font-size: 18px;
          margin: 16px 0;
     }

     .puffins-box h4 {
          font-size: 20px;
          line-height: 22px;
          margin: 14px 0;
     }

     .puffins-sec .image-holder {
          margin: 30px 0 0 0;
     }

     .footer-inner {
          padding: 50px 0;
     }

     .footer-left {
          gap: 14px;
     }

     .footer-left p {
          font-size: 18px;
     }

     .footer-link ol li a {
          font-size: 14px;
     }

     .product-detail-right h3 {
          font-size: 36px;
          margin: 20px 0;
     }

     .product-detail-right p {
          font-size: 14px;
     }

     .adult-dogs {
          margin: 20px 0;
     }

     .adult-dogs h4 {
          font-size: 14px;
          line-height: 24px;
     }

     .product-tag {
          left: -26px;
     }

     .composition-box p {
          font-size: 14px;
     }

     .composition-box ul li {
          font-size: 13px;
     }

     .conatct-sec {
          padding: 50px 0;
     }

     .conatct-sec h3 {
          font-size: 40px;
          line-height: 50px;
     }

     .contact-inner {
          margin: 30px 0 0 0;
     }

     .contact-right {
          padding: 30px;
     }

     .contact-right h4 {
          font-size: 22px;
     }

     .contact-info .text-box p {
          font-size: 14px;
          line-height: 20px;
     }

     .contact-info .text-box ol li a {
          font-size: 14px;
     }

     .contact-right form .form-control {
          height: 50px;
     }

     .contact-text p {
          font-size: 12px;
          line-height: 18px;
     }

     .contact-right form textarea.form-control {
          height: 100px;
     }

     .product-category-inner .products-box .image-holder span {
          top: 5px;
     }

     .products-box .image-holder a img {
          height: 160px;
     }

     .products-sec .products-box .image-holder span {
          right: 15px;
          top: 10px;
     }

     .products-sec .products-box .image-holder span img {
          height: 70px;
     }
}

@media (max-width: 767px) {
     .container {
          max-width: 100%;
     }

     .header-top {
          padding: 8px 0px;
     }

     .header-top p {
          font-size: 10px;
          padding: 0;
     }

     .swiper-slider-main {
          padding: 0 14px;
     }

     .swiper-slider {
          max-width: 100%;
     }

     .prepare-food-sec {
          padding: 50px 0 0;
     }

     .prepare-food-inner {
          margin: 30px 0 0 0;
     }

     .prepare-food-sec .title h2 {
          font-size: 28px;
     }

     .prepare-food-box {
          margin-bottom: 14px;
      }

     .prepare-food-box .image-holder img {
          width: 100%;
     }
     .foot-pet{
          display: none;
     }

     .prepare-food-box .text-box {
          padding: 26px;
          margin-bottom: 14px;
          height: auto;
     }

     .prepare-food-box .text-box h4 {
          font-size: 20px;
          margin-bottom: 14px;
     }

     .prepare-food-box .text-box p {
          font-size: 16px;
     }

     .review-sec {
          padding: 45px 0 50px;
     }

     .review-sec .products-slider {
          padding: 0 14px;
     }

     .review-sec .swiper-slider {
          max-width: 100%;
     }

     .swiper-slider-main {
          padding: 0 8px;
     }

     .footer-inner {
          padding: 40px 0 0;
     }

     .footer-left {
          gap: 0;
          flex-direction: column;
          align-items: center;
     }

     .footer-link {
          text-align: center;
          margin-bottom: 40px;
     }

     .footer-link ol li {
          justify-content: center;
     }

     .footer-left {
          margin-bottom: 44px;
     }

     .footer-left p {
          margin: 10px 0 0 0;
     }

     .footer-link h4 {
          margin-bottom: 18px;
     }

     .footer-link ul li {
          margin-bottom: 18px;
     }

     .copyright {
          padding: 23px 0;
     }

     .copyright p {
          font-size: 12px;
     }

     .about-banner-sec .hero-box p {
          max-width: 100%;
     }

     .puffins-box {
          margin: 15px 0;
     }

     .about-banner-sec .hero-box {
          height: auto;
          padding: 62px 0 0;
     }

     .about-banner-sec .image-holder {
          margin-top: 0;
          text-align: right;
     }

     .about-banner-sec .image-holder img {
          max-width: 100%;
          width: auto;
     }

     .product-category h3 {
          font-size: 44px;
          line-height: 50px;
          margin-bottom: 0;
     }

     .product-tag {
          left: 0;
     }

     .product-detail-left .image-holder {
          max-width: 430px;
          width: 100%;
          margin: 0 auto;
     }

     .detail-foot img {
          height: 100px;
     }

     .composition-box ul li {
          font-size: 11px;
     }

     .contact-left {
          max-width: 100%;
          width: 100%;
          margin-bottom: 30px;
     }

     .contact-left .image-holder img {
          width: 100%;
     }

     .contact-info .text-box {
          margin-bottom: 30px;
     }

     .product-category-inner .products-box .image-holder span {
          top: 16px;
          right: 55px;
     }
}

@media (max-width: 575px) {
     .hero-sec {
          background: url(../images/banner-mobile-bg.png) no-repeat;
          background-position: top center;
          background-size: cover;
          padding: 241px 0 52px;
     }

     .hero-box h1 {
          font-size: 30px;
          line-height: 37px;
          max-width: 100%;
          text-align: center;
     }

     .wave-img {
          bottom: -5px;
     }

     .hero-box p {
          max-width: 293px;
          font-size: 12px;
          text-align: center;
          margin: 8px auto 18px;
     }

     .find-btn span {
          width: 26px;
          height: 26px;
     }

     .find-btn {
          height: 50px;
          max-width: 160px;
          width: 100%;
          font-size: 12px;
          margin: 0 auto;
     }

     .title h2 {
          font-size: 22px;
          line-height: 28px;
     }

     .swiper-button-next,
     .swiper-button-prev {
          width: 27px;
          height: 27px;
     }

     .swiper-button-next img,
     .swiper-button-prev img {
          height: 9px;
     }

     .products-slider {
          padding: 0 14px;
     }

     .products-box .image-holder a {
          padding: 23px 0;
     }

     .products-box .image-holder img {
          height: 125px;
     }

     .products-box .text-box {
          padding: 11px 0 0 0;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
     }

     .products-box .text-box span {
          font-size: 10px;
          height: 20px;
     }

     .products-box .text-box h4 {
          font-size: 14px;
          margin: 6px 0 16px;
     }

     .products-box .text-box a {
          font-size: 10px;
     }

     .products-box .text-box a img {
          height: 16px;
     }

     .products-sec {
          padding: 38px 0 46px;
     }

     .swiper-pagination {
          margin: 30px 0 0 0;
          display: flex;
          align-items: center;
          justify-content: center;
     }

     .swiper-pagination-bullet {
          width: 4px;
          height: 4px;
          margin: 0 2.5px !important;
     }

     .puffins-sec {
          padding: 46px 0 55px;
          background: url(../images/puffins-bg-mobile.png) no-repeat;
          background-position: center center;
          background-size: cover;
     }

     .puffins-sec .text-box {
          text-align: center;
     }

     .puffins-sec .text-box h4 {
          font-size: 22px;
     }

     .puffins-sec .text-box p {
          font-size: 12px;
          margin: 14px 0 23px;
          line-height: 127%;
     }

     .puffins-sec .image-holder {
          margin: 40px 0 0 0;
     }

     .puffins-sec .image-holder img {
          height: 113px;
     }

     .puffins-box {
          text-align: center;
          max-width: 260px;
          margin: 0 auto;
     }

     .puffins-box span {
          margin: 0 auto;
     }

     .puffins-box h4 {
          font-size: 16px;
          line-height: 1;
          margin: 12px 0 10px;
     }

     .puffins-box p {
          font-size: 12px;
     }

     .prepare-food-sec .title h2 {
          font-size: 22px;
          line-height: 28px;
     }

     .prepare-food-sec .title h2 span::after {
          height: 7px;
     }

     .prepare-food-inner {
          margin: 20px 0 0 0;
     }

     .prepare-food-box .text-box h4 {
          font-size: 16px;
          margin-bottom: 8px;
          line-height: 1;
     }

     .prepare-food-box .text-box p {
          font-size: 12px;
          line-height: 150%;
     }

     .prepare-food-box .text-box {
          padding: 23px 20px 21px;
          margin-bottom: 14px;
          height: auto;
     }

     .review-sec .title h2 {
          font-size: 22px;
     }

     .review-box {
          text-align: center;
     }

     .review-box .media {
          gap: 12px;
          justify-content: center;
     }

     .review-box .media span {
          max-width: 41px;
     }

     .review-box .media h4 {
          font-size: 12px;
     }

     .review-box .text-box ul li img {
          height: 13px;
     }

     .review-box .text-box ul {
          margin-bottom: 10px;
          gap: 4px;
          justify-content: center;
     }

     .review-box .text-box ul li {
          display: flex;
          align-items: center;
          justify-content: center;
     }

     .review-box .text-box {
          margin: 26px 0 0 0;
     }

     .review-box .text-box p {
          font-size: 12px;
          max-width: 253px;
          margin: 0 auto;
     }

     .products-inner {
          margin: 22px 0 0 0;
     }

     .about-banner-sec {
          background: url(../images/aboutbg-mobile.svg) no-repeat;
          background-position: center center;
          background-size: cover;
          padding: 0 !important;
     }

     .about-banner-sec .hero-box p {
          margin: 0 0 20px 0;
     }

     .about-banner-sec .image-holder {
          margin: 0 -12px;
     }

     .about-banner-sec .image-holder img {
          max-width: inherit;
          width: 430px;
     }

     .title-second h2 {
          font-size: 22px;
          line-height: 30px;
     }

     .products-pets-inner .puffins-box {
          margin: 11px 0;
          padding: 0 16px;
          max-width: 100%;
     }

     .puffins-box span {
          width: 45px;
          height: 45px;
     }

     .products-pets-inner .puffins-box .text-box {
          text-align: left;
     }

     .products-pets-inner .puffins-box .text-box h4 {
          font-size: 14px;
          max-width: 100%;
     }

     .products-pets-inner {
          margin: 14px 0 0 0;
     }

     .products-pets-sec {
          padding: 38px 0 44px;
     }

     .peet-img,
     .peet-left,
     .peet-bottom {
          display: none;
     }

     .puffins-prepare-sec .title-second h2 {
          text-align: center;
     }

     .puffins-prepare-sec .title-second h2 br {
          display: none;
     }

     .puffins-prepare-sec .text-box p {
          font-size: 12px;
          margin-top: 17px;
          text-align: center;
     }

     .puffins-prepare-right ul {
          display: grid;
          grid-template-columns: 6fr 6fr;
          gap: 6px;
     }

     .puffins-prepare-right .image-holder p {
          font-size: 12px;
          padding: 10px;
          line-height: 16px;
     }

     .puffins-prepare-sec {
          padding: 42px 0 0;
     }

     .product-category h3 {
          font-size: 30px;
          line-height: 37px;
          margin-bottom: 14px;
     }

     .product-category {
          padding: 50px 0 60px;
     }

     .product-category-inner .row {
          margin: 0 -3.5px;
     }

     .product-category .products-box {
          padding: 12px 0;
     }

     .product-category-inner [class*="col-"] {
          padding: 0 3.5px;
     }

     .product-tag ul li img {
          height: 56px;
     }

     .product-detail-left .image-holder {
          max-width: 245px;
          width: 100%;
          margin: 0 auto;
     }

     .product-detail-sec {
          padding: 35px 0 0;
     }

     .sensitive {
          font-size: 12px;
          height: 24px;
          max-width: 153px;
     }

     .product-detail-right h3 {
          font-size: 24px;
          margin: 13px 0;
     }

     .product-detail-right p {
          font-size: 12px;
     }

     .adult-dogs h4 {
          font-size: 12px;
          line-height: 16px;
     }

     .adult-dogs strong {
          width: 45px;
          height: 45px;
     }

     .adult-dogs strong img {
          height: 20px;
     }

     .product-detail-right .find-btn {
          font-size: 14px;
          max-width: 100%;
     }

     .detail-foot {
          display: none;
     }

     .product-detail-left {
          margin-bottom: 18px;
     }

     .adult-dogs {
          margin: 20px 0 26px;
     }

     .composition-title h3 {
          font-size: 12px;
          padding-bottom: 12px;
          padding-left: 10px;
          padding-right: 10px;
     }

     .product-composition-sec {
          padding: 30px 0;
     }

     .composition-title {
          margin-bottom: 27px;
     }

     .composition-box h4 {
          font-size: 12px;
          margin-bottom: 15px;
     }

     .composition-box p {
          font-size: 8px;
     }

     .composition-box ul {
          padding: 8px 0;
     }

     .border-b {
          border: none !important;
     }

     .conatct-sec h3 {
          font-size: 30px;
          line-height: 37px;
     }

     .contact-inner {
          margin: 22px 0 0 0;
     }

     .contact-info .text-box p {
          line-height: 21px;
     }

     .contact-info .text-box ol li a {
          font-size: 16px;
     }

     .contact-info .text-box h4 {
          margin-bottom: 18px;
     }

     .contact-text h4 {
          font-size: 20px;
          margin: 0 0 13px 0;
     }

     .contact-info {
          margin: 54px 0 50px 0;
     }

     .contact-right {
          padding: 37px 28px;
          border-radius: 0;
          margin: 0 -12px;
     }

     .contact-right h4 {
          font-size: 20px;
     }

     .contact-right form .form-control {
          height: 42px;
          font-size: 12px;
          padding-left: 21px;
     }

     .contact-right form label {
          font-size: 10px;
          margin: 0 0 10px 0;
     }

     .contact-right form .form-group {
          margin-bottom: 5px;
     }

     .contact-right form textarea.form-control {
          height: 128px;
     }

     .contact-right form .find-btn {
          margin-top: 20px;
     }

     .conatct-sec {
          padding: 50px 0 0;
     }

     .product-category-inner .products-box .image-holder span {
          top: 10px;
          right: 33px;
     }

     .product-category-inner .products-box .image-holder a img {
          height: 110px;
     }

     .product-category-inner .products-box .image-holder span img {
          height: 45px;
     }
     .foot-pet{
          display: none;
     }
}

@media (max-width: 374px) {
     .about-banner-sec .image-holder img {
          max-width: inherit;
          width: 350px;
     }

     .puffins-prepare-right .image-holder p {
          font-size: 10px;
          padding: 10px;
          line-height: 12px;
     }
}