@media(max-width:1199px) {
    .navbar-nav .nav-item .nav-link,
    header .right-links li a {
        font-size: 12px;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 0 8px;
    }
    .right-links .cta-outline-grey {
        min-width: 108px;
    }
    .bg-hero {
        min-height: 460px;
    }
    .hero-text h1 {
        font-size: 52px;
        line-height: 72px;
    }
    .hero-text h1 {
        margin-bottom: 26px;
    }
    .waggin-about,
    .products-main,
    .get-furniture {
        padding: 70px 0;
    }
    .footer-links li a {
        font-size: 12px;
    }
    .get-furniture h3 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 30px;
    }
}

@media(max-width:991px) {
    .menu-links .brand-name img {
        height: 20px;
    }
    .menu-links .brand-name {
        margin-left: 28px;
    }
    .hero-text h1 {
        font-size: 50px;
        line-height: 64px;
        margin-bottom: 72px;
    }
    .bg-hero {
        min-height: 400px;
    }
    .card-flow {
        text-align: center;
        max-width: 314px;
        padding: 0 30px;
        margin-top: 32px;
    }
    .workflow-holder {
        padding-bottom: 40px;
    }
    .maecenas .img-holder {
        display: none;
    }
    .maecenas .content,
    .maecenas .content h3 {
        max-width: 100%;
        text-align: center;
    }
    .maecenas .divider-content {
        text-align: left;
        column-count: 2;
    }
    .maecenas .content h3 {
        margin-bottom: 26px;
    }
    .maecenas {
        padding: 80px 0 0;
    }
    .waggin-about {
        padding-bottom: 72px;
    }
    .card-news {
        margin-top: 30px;
    }
    .insta-feeds {
        margin-top: 30px;
    }
    .get-furniture h3 {
        font-size: 38px;
        line-height: 46px;
        max-width: 424px;
        margin: 0 auto 40px;
    }
    .newsletter p {
        max-width: 256px;
    }
    .footer-links .footer-logo {
        display: none;
    }
    .footer-links li a {
        font-size: 14px;
    }
    .footer-links {
        padding: 48px 0;
    }
    .copy-main p {
        padding: 0 0;
    }
    .copy-main ul.social {
        padding: 0;
    }
    .privacy-links {
        margin-left: auto;
    }
    header .navbar-nav {
        position: fixed;
        background-color: #fff;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        height: calc(100vh - 136px);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header .navbar-nav.set-menu {
        height: calc(100vh - 104px);
    }
    .navbar-nav .nav-item .nav-link,
    header .right-links li a {
        font-size: 14px;
    }
    .navbar-nav .nav-item .nav-link {
        margin-bottom: 60px;
    }
    body.overflow {
        overflow: hidden;
    }
    .privacy-links {
        margin: 0;
    }
    .copy-main,
    .copy-main ul {
        justify-content: space-between;
    }
    .copy-main .privacy-links a {
        padding: 0;
        padding-left: 40px;
    }
    .hero-text a {
        margin: 0 0 20px;
    }
    .menu-links .brand-name.active {
        visibility: visible;
        opacity: 1;
        display: block;
    }
    .slider-holder {
        padding: 0;
    }
    .about-banner .bg-hero,
    .care-banner .bg-hero {
        padding: 32px 0;
    }
    .about-banner .bg-hero,
    .care-banner .bg-hero {
        min-height: 414px;
    }
    .about-banner .bg-hero .banner-text h1 {
        margin-bottom: 8px;
    }
    .newway {
        padding: 48px 0;
    }
    .about-workflow .card-flow {
        padding-top: 0;
        padding-bottom: 0;
    }
    .pawfect {
        padding: 48px 0;
    }
    .pawfect .img-holder,
    .pawfect .content {
        margin-top: 60px;
    }
    .pawfect .content p {
        margin-top: 16px;
    }
    .pack-leader {
        padding: 40px 0;
    }
    .pet-mian {
        max-width: 492px;
        margin: 0 auto;
        display: flex;
    }
    .card-pet {
        margin-bottom: 60px;
        padding: 0 15px;
        text-align: center;
        width: 100%;
        height: 270px;
    }
    .card-pet img {
        height: 100%;
        width: 100%;
    }
    .letter {
        margin: 40px auto 0;
    }
    .pack-leader .caption {
        margin-bottom: 40px;
    }
    .faqs {
        padding: 64px 0;
    }
    .faqs-list .card .card-header a {
        padding: 17px 0 19px;
    }
    .faqs-list .card-body {
        padding: 0 0 32px;
    }
    .info-address {
        padding: 52px 0;
    }
    .info-address .media {
        margin-top: 24px;
    }
    .info-address .heading1 {
        margin-bottom: 52px;
    }
    .wrapper {
        padding: 52px 0;
    }
    .content.desc .heading1 {
        font-size: 36px;
    }
    .care-banner .bg-hero {
        background-image: url(../images/care2.png);
    }
    .care-banner .bg-hero .banner-text {
        display: none;
    }
    .content figure {
        padding: 37px 0;
    }
    .wrapper-care .container {
        max-width: 585px;
    }
    .care--holder {
        background: #F1F3F5;
        padding: 35px;
        margin-bottom: 56px;
    }
    .care-main {
        padding: 0 0;
    }
    .select-design li {
        width: 33.3%;
    }
    .color-design li {
        width: 16.6%;
    }
    .price-box {
        justify-content: center;
    }
    .footer-review {
        display: flex;
    }
    .footer-review a {
        margin: 0 15px;
        width: 100%;
    }
}

@media(max-width:767px) {
    .bg-hero {
        min-height: 435px;
    }
    .hero-text h1 {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 28px;
    }
    .hero-text {
        padding: 0 15px;
    }
    .maecenas .divider-content {
        text-align: left;
        column-count: 1;
    }
    .maecenas .divider-content p {
        margin-bottom: 10px;
    }
    .banner {
        padding: 0 0;
    }
    .card-flow {
        display: flex;
        max-width: 100%;
        padding: 0;
    }
    .card-flow p {
        flex: 1;
        text-align: left;
        margin-left: 20px;
        margin-top: 0;
    }
    .card-flow p br {
        display: none;
    }
    .product-slider .swiper-button-next,
    .product-slider .swiper-button-prev {
        display: none;
    }
    .newsletter form {
        max-width: 100%;
        margin-top: 32px;
    }
    .newsletter h4,
    .newsletter p {
        max-width: 100%;
        text-align: center;
    }
    .copy-main {
        flex-wrap: wrap;
    }
    .copy-main p {
        width: 100%;
        order: 3;
        margin-top: 18px;
        text-align: center;
    }
    .copyrights {
        padding: 18px 0;
    }
    .footer-links {
        flex-direction: column;
    }
    .footer-links li {
        margin-bottom: 20px;
    }
    .footer-links .footer-logo {
        display: inline-flex;
        order: 6;
        margin-top: 10px;
    }
    .footer-links {
        padding: 34px 0 16px;
    }
    .products-main .container {
        max-width: 100%;
        padding: 0;
    }
    .menu-links .brand-name {
        margin-left: 0;
    }
    .menu-links .brand-name img {
        height: 13px;
    }
    .maecenas {
        padding: 29px 0 0;
    }
    .about-workflow .card-flow {
        flex-direction: column;
    }
    .about-workflow .card-flow p {
        text-align: center;
    }
    .pawfect .img-holder img {
        width: 100%;
    }
    .pawfect .img-holder,
    .pawfect .content {
        margin-top: 32px;
    }
    .card-flow p {
        margin-left: 0;
    }
    .about-workflow .card-flow img {
        height: auto;
        object-fit: none;
    }
    .about-workflow .card-flow {
        padding: 0 0;
    }
    .letter {
        padding: 28px;
    }
    .faqs {
        padding: 40px 0;
    }
    .faqs .caption h3 {
        font-size: 18px;
    }
    .faqs-list {
        margin-top: 0;
    }
    p.note {
        margin-bottom: 15px;
    }
    .bark-form {
        padding: 40px 0 40px;
    }
    .confirmation-card {
        padding: 60px 0;
    }
}

@media(max-width:575px) {
    header .navbar-nav.set-menu {
        height: calc(100vh - 62px);
    }
    header .alert-note p {
        display: flex;
        flex-direction: column;
        max-width: 213px;
        margin: 0 auto;
    }
    .right-links li a.cart {
        min-width: 40px;
        height: 40px;
    }
    header .alert-note p span {
        margin: 0;
    }
    .container {
        padding: 0 20px;
    }
    header .right-links li:first-child {
        display: none;
    }
    header .text-humburger {
        display: none;
    }
    .navbar-btn img {
        margin-right: 0;
    }
    .menu-links .brand-name img {
        height: 16px;
    }
    .right-links li a.cart {
        margin: 0;
    }
    .navbar-btn {
        min-width: auto;
    }
    .menu-main {
        min-height: 64px;
        display: flex;
        align-items: center;
    }
    header .navbar-nav {
        height: calc(100vh - 126px);
    }
    .navbar-nav .nav-item .nav-link {
        margin-bottom: 40px;
    }
    .hero-text {
        max-width: 250px;
        padding: 0;
    }
    .content h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 0;
    }
    .maecenas .content h3 {
        max-width: 300px;
        margin: 0 auto 10px;
    }
    .content p,
    .content ul li,
    .content ul ol {
        font-size: 15px;
        line-height: 26px;
    }
    .content a.cta-link {
        margin-top: 8px;
    }
    .waggin-about,
    .products-main,
    .get-furniture,
    .instagram {
        padding: 33px 0;
    }
    .product-slider {
        padding: 0 40px;
    }
    .get-furniture h3 {
        font-size: 26px;
        line-height: 40px;
        max-width: 424px;
        margin: 0 auto 30px;
    }
    .newsletter .news-main {
        padding: 24px 0;
    }
    .newsletter h4,
    .newsletter p {
        max-width: 256px;
        margin: 0 auto;
        text-align: center;
    }
    .newsletter h4 {
        margin-bottom: 4px;
    }
    .footer-links li {
        margin-bottom: 16px;
    }
    .copy-main .privacy-links a {
        padding: 0;
        padding-left: 24px;
    }
    .news-slider {
        padding-right: 40px;
    }
    .navbar-nav .nav-item .btn {
        min-width: 240px;
        height: 48px;
    }
    .card-flow img {
        height: 45px;
    }
    .copy-main ul.social li {
        padding: 0 5px;
    }
    .about-banner .bg-hero .banner-text h1,
    .care-banner .bg-hero .banner-text h1 {
        font-size: 32px;
        line-height: 48px;
    }
    .about-banner .bg-hero .banner-text p,
    .care-banner .bg-hero .banner-text p {
        font-size: 15px;
        padding: 0 20px;
    }
    .about-banner .bg-hero,
    .care-banner .bg-hero {
        padding: 27px 0;
    }
    .about-banner .bg-hero {
        background-image: url(../images/bg-about-mobile.png);
    }
    .newway {
        padding: 33px 0;
    }
    .pawfect .content {
        padding: 0;
    }
    .newway .content p {
        font-style: normal;
        text-align: left;
    }
    .pawfect .caption h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .pawfect .img-holder,
    .pawfect .content {
        margin-top: 28px;
    }
    .pawfect .content h3 {
        margin-bottom: 10px;
    }
    .pawfect {
        padding: 40px 0;
    }
    .pack-leader .caption h3 {
        font-size: 26px;
        line-height: 32px;
        text-transform: uppercase;
    }
    .caption p {
        margin-top: 16px;
    }
    .card-pet {
        height: 198px;
        padding: 0 10px;
    }
    .pet-mian {
        max-width: 100%;
        margin: 0 -10px;
    }
    .signature-by {
        flex-direction: column;
    }
    .letter.content h4 {
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        color: #99613F;
        margin-top: 0;
    }
    .faqs-list .card .card-header a {
        line-height: 20px;
    }
    .faqs-list .card .card-header a {
        padding: 12px 0;
    }
    .info-address .media .media-body a,
    .info-address .media .media-body {
        font-size: 16px;
        line-height: 19px;
    }
    .heading1 {
        font-size: 32px;
        line-height: 38px;
    }
    .info-address {
        padding: 27px 0;
    }
    .info-address .heading1 {
        margin-bottom: 0;
    }
    .info-address .media {
        max-width: 246px;
        margin: 24px auto 0;
    }
    .caption h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .bark-form .caption {
        padding: 0;
        margin-bottom: 0;
    }
    .form-control {
        font-size: 14px;
    }
    .confirmation-card h3 {
        font-size: 32px;
        line-height: 48px;
    }
    .confirmation-card {
        padding: 27px 0;
    }
    .confirmation-card h4,
    .support a {
        font-size: 16px;
        line-height: 19px;
    }
    .confirmation-card h4 {
        max-width: 200px;
        margin: 0 auto 12px;
    }
    .support img {
        display: none;
    }
    .page-message h2 {
        font-size: 128px;
        line-height: 154px;
        margin-bottom: 12px;
    }
    .wrapper {
        padding: 27px 0;
    }
    .wrapper .heading1 {
        margin-bottom: 0;
    }
    .content .blockquote p {
        font-size: 17px;
        line-height: 28px;
    }
    .content.desc .img-divider {
        margin: 17px auto;
    }
    .content.desc h4 {
        font-size: 16px;
        line-height: 29px;
        padding-left: 24px;
    }
    .content.desc .heading1 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 0;
    }
    .content.desc {
        padding-top: 30px;
    }
    .care-banner .bg-hero {
        min-height: 229px;
    }
    .care-main h3 {
        font-size: 26px;
        line-height: 32px;
    }
    .care--holder {
        padding: 17px;
    }
    .care-main h3 {
        text-transform: uppercase;
    }
    .care-list p {
        font-size: 15px;
        line-height: 26px;
    }
    .care-list li {
        margin-top: 17px;
    }
    .select-design li {
        width: 50%;
    }
    .select-design {
        margin-bottom: 16px;
    }
    .select-design li {
        width: 25%;
    }
    .footer-review {
        display: flex;
        flex-direction: column;
    }
    .footer-review a {
        margin: 15px 0 0;
        width: 100%;
    }
    .review-card .heading2,
    .review-card .info-final {
        padding-left: 0;
        padding-right: 0;
    }
    .wizar5 {
        border: none
    }
    .review-card .heading2 {
        padding: 0;
    }
    .price-box span {
        margin-right: 8px;
    }
    .footer-review,
    .share-card {
        padding: 0;
    }
    .share-card h3,
    .review-card .heading2 {
        text-align: center;
    }
    .review-card .heading2 {
        margin-bottom: 16px;
    }
    .dimention-box {
        padding-bottom: 0;
    }
}

@media(max-width:374px) {
    .copy-main .privacy-links a {
        padding: 0;
        padding-left: 8px;
    }
    .title-text {
        font-size: 32px;
    }
    .get-furniture h3 {
        font-size: 24px;
        line-height: 38px;
    }
    .page-message h2 {
        font-size: 78px;
    }
}