@media (min-width: 576px) {
    .SecondaryMenu .memberBtn svg {
        margin-left: 0.35rem;
    }

    .SecondaryMenu .memberBtn svg {
        height: 20px;
    }

    .SecondaryMenu .memberBtn {
        padding: 0.375rem 0.5rem;
    }

    .newHomeHero h1 {
        font-size: 3.5rem;
    }

    .productsSectionWithFilters__title {
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .navSearch, .navSearch nav {
        width: 100%;
        margin-top: 0.2rem;
        margin-bottom: 0.75rem;
    }

        .navSearch nav > .collapse {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }


    .nav-link {
        aspect-ratio: 1/1;
        background-image: url(/img/navItemBg.svg);
        background-size: contain;
        background-position: center;
        width: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        font-weight: 700 !important;
        text-align: center;
    }

        .nav-link i {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            font-size: 0.8rem;
            margin: 0;
        }

        .nav-link:after {
            display: none;
        }


    .SecondaryMenu .memberBtn svg {
        height: 22px;
    }

    .SecondaryMenu .memberBtn {
        padding: 0.5rem 0.75rem;
    }

    .headerSearch {
        margin-left: 0.5rem;
    }

    .branchPageHero {
        transform: translateY(-1rem);
    }

    .new3columnbanner .inner {
        transform: translateY(-6rem);
    }

    .new3columnbanner .decoration__1 {
        width: 49%;
        height: 100%;
    }

    .new3columnbanner {
        padding-bottom: 0;
    }

    .drchi .leftBody {
        max-width: 470px;
    }

    .branchPageDirections .decoration__1 {
        display: block;
    }

    .branchPageDetails {
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        gap: 0;
    }
}

@media (min-width: 1024px) /* Tablet Wide */ {
    html {
        font-size: 15px;
    }

    .SecondaryMenu a.headerPhone {
        font-weight: 500;
        padding: 15px 20px;
    }

    .halfHero > .row {
        width: 100%;
    }

    .speechBubble {
        border-radius: 30px;
        padding: 15px 15px 15px 60px;
        font-size: 1.2rem;
        width: auto;
    }

    .chatFloatingLink {
        bottom: 30px;
    }

        .chatFloatingLink img {
            position: absolute;
            left: 0;
            bottom: -15px;
            width: auto;
        }

    .newHomeHero {
        margin-bottom: 3rem;
    }

    .productsSectionWithFilters__title {
        margin-bottom: 5rem;
    }

    .homeHeroSection .sliderTitle {
        font-size: 80px;
        line-height: 1.5;
    }

    .activeHalf .petBanner:before {
        font-size: 355px;
        bottom: -120px;
    }

    .passiveHalf .petBanner:before {
        font-size: 250px;
        bottom: -67px;
    }

    .homeHeroSection .form-group {
        width: 80%;
        margin: auto;
    }

    .newLatter.SectionHome .dogsN {
        max-width: 100%;
    }

    .shop > .col-md-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .shop > .col-md-9 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .navbar-nav {
        column-gap: 30px;
    }

    #mainNav a {
        font-size: 18px;
    }


    .SecondaryMenu .memberBtn svg {
        height: 28px;
    }

    .SecondaryMenu .memberBtn {
        padding: 0.5rem 1.5rem;
    }

    .floatingCart {
        width: 123px;
        height: 123px;
        padding: 1rem;
        z-index: 101;
    }

        .floatingCart a {
            padding-top: 1.375rem;
            font-size: 16px;
        }

    .branchPageHero .decoration__1 {
        top: -15%;
        right: 0;
        width: 50%;
        height: 130%;
    }

    .newHomeHero h1 {
        font-size: 6.25rem;
        margin-bottom: 2.5rem;
    }

    .newHomeHero .newHomeHero__intro {
        max-width: none;
    }

    .new3columnbanner .decoration__1 {
        width: 35%;
    }

    .new3columnbanner .decoration__3 {
        display: block;
    }


    .drchi .drchi__inner > .drchi__container {
        flex-direction: row;
    }

    .drchi h2 {
        margin-bottom: 1.5rem;
    }

    .drchi .drchi__iner__title {
        width: 40%;
    }

    .drchi .leadText {
        font-size: 24px;
    }

    .drchi .drchi__iner__content {
        width: 320px;
        margin-right: auto;
        padding-top: 2rem;
        padding-bottom: 0;
    }

    .drchi .leftBody {
        margin-bottom: 4rem;
        max-width: unset;
    }

    .drchi h2 .line2 {
        font-size: 175%;
    }

    .drchi .drchi__dog {
        left: 48%;
    }

    .drchi .drchi__dogPattern {
        top: 3%;
        left: 50%;
        height: 75%;
    }

    .branchPageDirections {
        padding: 3rem;
    }

    .branchPageDirections__outer .decoration__2 {
        display: block;
    }

    .branchPageDirections .decoration__1 {
        left: -8%;
    }

    .branchPageDirections__bus img {
        width: 71px;
        height: 71px;
    }

    .branchPageDirections__bus {
        gap: 30px;
        max-width: 650px;
    }

    .branchPageServices__items {
        margin-top: 3rem;
    }

    .branchPageDirections__bus p {
        margin: 0;
        font-size: 20px;
    }

    .branchPageDetails > div {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }

        .branchPageDetails > div img {
            max-width: 67px;
        }
}

@media (min-width: 1280px) /* Small Laptops */ {
    html {
        font-size: 16px;
    }

    .form-control {
        padding: 10px;
    }

    .filterIcon i {
        font-size: 60px;
    }


    .halfHero .iconicBtn {
        height: 170px;
    }

        .halfHero .iconicBtn .filterIcon {
            height: 90px;
            padding-top: 10px;
        }

        .halfHero .iconicBtn h5 {
            font-size: 30px;
        }

        .halfHero .iconicBtn .bgIcon {
            font-size: 155px;
        }

    .passiveHalf button {
        font-size: 30px;
    }

    .doctorT:before {
        right: -70px;
        font-size: 420px;
    }

    .doctorT .container:before {
        width: 450px;
        height: 380px;
    }

    .doctorT .container:after {
        width: 426px;
        height: 406px;
    }

    .navbar-nav {
        column-gap: 60px;
    }

    .nav-link {
        width: 97px;
    }

        .nav-link i {
            font-size: 1.6rem
        }
    .headerSearch #searchCategoryId {
        max-width: 140px;
    }
    .headerSearchWrap {
        max-width: 360px;
    }
    .Services h2,
    .newLatter h2,
    .homeBranchBanner h2,
    .drchi h2,
    .productsSectionWithFilters__title h2,
    .branchPageHero h1 {
        font-size: 64px;
    }

    .newHomeHero h1 {
        font-size: 113px;
        margin-bottom: 4rem;
    }

        .newHomeHero h1 .line2 {
            font-size: 150px;
        }

        .newHomeHero h1 .line3 {
            font-size: 135px;
            line-height: 0.55;
        }

    .newHomeHero .decoration__1 {
        background-size: contain;
        background-position: center bottom;
        height: 115%;
        width: 50%;
    }


    .drchi h2 .line2 {
        font-size: 93px;
    }

    .drchi .leadText {
        font-size: 28px;
    }

    .drchi .drchi__iner__content {
        width: 400px;
    }

    .branchPageDirections h2 {
        font-size: 40px;
    }

    .floatingCart {
        left: 40px;
    }

    .headerTop {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        padding-top: 0.5rem;
    }

    .product h4 {
        padding: 0 1.5rem;
    }


    .branchPageServices__items {
        justify-content: space-between;
        gap: 0;
    }

        .branchPageServices__items .branchShapeBackdrop {
            width: 200px;
            height: 200px;
        }

        .branchPageServices__items .branchShapeBackdrop {
            gap: 16px;
        }

            .branchPageServices__items .branchShapeBackdrop img {
                max-height: 61px;
            }
}

@media (min-width: 1440px) /* Standard Laptop */ {
    html {
        font-size: 17px;
    }

    #mainNav a {
        font-size: 20px;
        padding: 10px
    }

    .product .addToCart {
        line-height: initial;
    }

    .branchPageDirections__bus {
        max-width: unset;
    }

    .nav-link {
        width: 97px;
    }

    .navbar-nav {
        column-gap: 79px;
    }

    .branchPageDetails .btn {
        min-width: 200px;
    }
}

@media (min-width: 1600px) /* HighRes & Desktops */ {
    html {
        font-size: 18px;
    }

    .main:after {
        right: -100px;
        font-size: 200px;
    }

    .page-hero:before {
        right: -200px;
    }

    .drchi h2 .line2 {
        font-size: 110px;
    }

    .newHomeHero .decoration__1 {
        width: 58%;
    }

    .branchPageDetails {
        padding-left: 4rem;
    }
}


@media (max-width: 1023px) /* Tablet Tall*/ {
}

@media (max-width: 768px) {
    .navCollapser {
        border-color: transparent !important;
    }

    .secnavcontainer {
        padding-left: 50px;
    }

    button.navCollapser {
        position: absolute;
        top: 7px;
        left: 7px;
    }

    #header .header-logo img {
        max-height: 48px;
    }

    header {
        background: white;
    }
    .navSearch {
        width: 100%;
    }
        .navSearch .dropdown-menu {
            padding: .5rem 1rem;
        }
        #mainNav a {
            width: 100%;
        }
    #mainNav .dropdown-toggle::after {
        float: inline-end;
    }
    .branchPageHero {
        margin-top: calc(100vw / 13);
        margin-bottom: calc(100vw / 13);
    }
    .branchPageDetails > div {
        flex-direction: row;
        align-items: center;
        gap: 15px;
        font-size: 18px;
        margin: 0 -10px;
        margin-bottom: 8px;
    }
    .branchPageDetails p {
        font-size: 16px;
        text-align: start;
    }
    .floatingCart {
        top: 56px;
    }
}

@media (max-width: 500px) /* Big Mobiles */ {
    html {
        font-size: 16px;
    }

    body {
        padding-top: 56px;
    }

    h2 {
        font-size: 2rem;
        line-height: 2.3rem;
    }

    header {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        background-color: #fff;
    }

    #header .header-logo img {
        max-width: 130px;
    }

    .headerSearch {
        padding: 10px;
    }

    .breadcrumb {
        padding: 5px 0;
    }

        .breadcrumb li {
            font-size: .8rem;
            padding-left: 3px;
        }

            .breadcrumb li:not(:last-child):after {
                padding: 0 3px;
            }

    .petButton {
        width: 32px;
        top: -6px;
    }

    .passiveHalf img {
        max-width: 100px;
    }

    .passiveHalf {
        max-width: 36%;
    }

    .activeHalf .petBanner:before {
        bottom: -45px;
    }

    .activeHalf img,
    .passiveHalf img {
        max-width: 60%;
        margin-bottom: 15px;
    }

    .doctorT {
        padding-bottom: 120px;
    }

        .doctorT .container:after {
            width: 130px;
            height: 130px;
            bottom: 10px;
        }

        .doctorT .container:before {
            width: 130px;
            height: 130px;
            bottom: -10px;
        }

        .doctorT:before {
            font-size: 140px;
            bottom: -50px;
            right: -30px;
        }

    .yoezTzuna {
        min-height: 60vh;
    }

        .yoezTzuna h5 {
            margin-top: 0;
        }

    .heroYoez1 {
        top: auto;
        bottom: 0;
        right: 0;
        width: 100px;
        opacity: .5;
        z-index: -1;
    }

    .heroYoez2 {
        top: auto;
        bottom: 0;
        left: 0;
        width: 150px;
        opacity: .5;
        z-index: -1;
    }

    .iconicBtn {
        height: 100% !important;
    }

    .yoezTzuna .iconicBtn .bgIcon {
        z-index: -1;
        font-size: 90px;
    }

    .yoezTzuna .iconicBtn:hover .bgIcon {
        font-size: 100px;
        color: #9d438e;
    }

    .products .col-6 {
        padding: 0 5px;
    }

    .product {
        border-radius: 30px;
    }

        .product h4 {
            font-size: 1.2rem;
            line-height: 1.4rem;
        }

    .productsSectionWithFilters__title {
        text-align: center;
    }

        .productsSectionWithFilters__title .newBtn {
            width: fit-content;
            margin: 0 auto;
        }
    .product .addToCart {
        padding: 0.7rem 1rem;
        font-size: 18px;
    }
        .page-hero:before, .main:after, .main:before {
        display: none;
    }

    .page-hero {
        padding: 40px 30px 20px 30px;
    }

        .page-hero h1 {
            display: inline-block;
            font-size: 2.3rem;
        }

    .onsale {
        background-color: transparent;
        font-weight: 500;
        margin-right: 5px;
        height: 34px;
        width: 40px;
        font-size: 1rem;
    }

        .onsale:before {
            font-size: 50px;
            top: -22px;
            left: -5px;
        }

    .Services .col-4 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .Services ~ .Services:before {
        height: 130px;
        width: 78px;
    }

    .Services .simpleGridItems.iconItem {
        min-height: 100px;
    }

        .Services .simpleGridItems.iconItem .textPart h4 {
            font-size: 1.1rem;
        }


    .Services ~ .Services {
        padding: 4px 0 50px 0;
    }

    .simpleGridItems.iconItem i {
        font-size: 60px;
    }

    .newLatter.SectionHome .dogsN {
        width: 70px;
        bottom: -48px;
    }

    .form-group select {
        border-radius: 30px;
    }

    .newLatter.SectionHome:after {
        left: 0;
        width: 184px;
    }

    #RegisterNewsletterFormSubmit {
        margin: 30px 0;
        max-width: 50vw;
    }

    #cartSummaryModal .modal-dialog {
        max-width: 90vw;
    }

    #cartSummaryModal .modal-body .sideCartItems {
        max-height: calc(100vh - 170px);
    }

    @supports (-webkit-touch-callout: none) {
        #cartSummaryModal .modal-body .sideCartItems {
            max-height: calc(100vh - 270px);
        }
    }

    #cartSummaryModal .modal-header .close {
        top: 19px;
        padding: 10px 20px;
    }

    .sideCartItem .price {
        width: 120px;
    }

    *:not(.show) > .sidebarToggler {
        position: fixed;
        right: 0;
        top: 60px;
        z-index: 99;
        background-color: #500f45;
        border-radius: 30px 0 0 30px;
        padding: 4px 5px 5px 10px;
        width: 60px;
        height: 49px;
        font-size: 15px;
        line-height: 17px;
    }

    #sideBarCategsFilters {
        position: fixed;
        background-color: #fff;
        z-index: 99;
        /*top: 59px;*/
        top: 0;
        height: calc(100vh /*- 59px*/ );
        left: 100%;
        width: 100vw;
        overflow-y: scroll;
        padding: 10px;
        transition: all .1s ease-in-out;
    }

        #sideBarCategsFilters.show {
            left: 0;
        }

        #sideBarCategsFilters .sidebarToggler {
            position: absolute;
            left: 10px;
            top: 10px;
            padding: 10px 16.5px;
            text-align: center;
        }

            #sideBarCategsFilters .sidebarToggler i {
                margin-left: 0;
            }

    .sidebarToggler.mb-3 {
        margin-right: 50%;
        transform: translateX(calc(50% + 7.5px));
    }

    .toastify {
        bottom: 0 !important;
    }

    .productShare {
        position: relative;
        margin-top: 0;
        margin-bottom: 15px;
        text-align: left;
    }

    .productOrVariationTitle {
        font-size: 1.7rem;
    }

    .contactIcons .iconBox:before {
        font-size: 49vw;
    }

    .imgMap {
        display: none;
    }

    .Orders ul {
        display: flex;
    }

    .Orders li {
        flex-direction: column;
    }

        .Orders li > div {
            padding: 3px 0;
            text-align: center;
        }

    .ordersHeader {
        display: none;
    }

    .modal-content .modal-body {
        padding: 15px;
    }

    .modal-content .close {
        padding: 5px 10px;
    }

    .modal-content h4 {
        padding-right: 15px;
    }

    .secnavcontainer {
        display: none !important;
    }

    .branchPageDirections__ctas {
        display: flex;
        justify-content: center;
    }

    .newHomeHero .decoration__1 {
        display: none;
    }

    .productsSectionWithFilters__ctaContainer {
        padding-left: 1.5rem;
    }
    #checkCityForShippingModal .modal-content {
        border-radius: 20px;
    }
    .checkCityPopup {
        padding: 3rem 1rem;
    }
        .checkCityPopup:after{
            display: none;
        }
        .checkCityPopup .input-group-append .newBtn {
            padding: 10px 10px 10px 30px;
            font-size: 1rem;
        }
        .checkCityPopup #dropArim {
            padding: 20px 20px 20px 0;
        }
        .checkCityPopup .newBtn-primary {
            padding: 15px 19px;
            font-size: 18px;
        }
        .checkCityPopup .newBtn-secondary {
            padding: 15px 20px;
            font-size: 18px;
        }
    .headerTop {
        padding-bottom: 10px;
    }
}

@media (max-width: 360px) /* Mobile */ {
}