@media screen and (min-width: 1300px) and (max-width: 1464px) { 
    .why_choose_section .custom-container {
        max-width: fit-content;
        margin: 0 auto;
    }
    .why_choose_section .why_choose_steps-grid_boxes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: 0 0 0;
        row-gap: 50px;
        column-gap: 30px;
    }
    .why_choose_section .why_choose_steps-grid_boxes .why_choose_steps-grid_box .content-box {
        width: 100%;         
    }
    .why_choose_section .why_choose_box_top_image img {
        left: 140px;
    }
    .shop-product-grids.common-style.sections-tb-m {
        margin-top: 80px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .fresh-food-image-grid-section .heading-container .handwritten.hit {
        right: -80px;
    }
    body{
        width: -webkit-fill-available;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
    .why_choose_section .custom-container {
        max-width: fit-content;
        margin: 0 auto;
    }
    .why_choose_box_top_image img {
        left: 130px;
    }
    .shop-product-grids.common-style.sections-tb-m {
        margin-top: 80px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .hero-content-col-blogs span.title-sub-heading {
        margin-right: 10px;
    }
 }
 @media screen and (min-width: 821px) and (max-width: 1024px) {
    .why_choose_section .custom-container {
        max-width: fit-content;
        margin: 0 auto;
    }
    .product-card .product-content-box .price{
        font-size: 24px;
    }
    .why_choose_section .why_choose_steps-grid_boxes {
        grid-template-columns: repeat(2, 1fr);
    }
    .why_choose_box_top_image img {
        left: 155px;
    }
    .why_choose_section .heading-container-main .cust-heding{
        font-size: 60px;
    }
    .shop-product-grids.common-style.sections-tb-m {
        margin-top: 10px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .hero-content-col-blogs h1.title {
        font-size: 120px;
    }
    .hero-content-col-blogs span.title-sub-heading {
        font-size: 44px;
        margin-right: 90px;
        margin-top: -60px;
        text-align: left;
    }
    .steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-grid {
        display: grid ;
        grid-template-columns: repeat(2, 1fr);
    }
 }
 @media screen and (min-width: 768px) and (max-width: 820px) {
    .why_choose_section .custom-container {
        max-width: fit-content;
        margin: 0 auto;
    }
    .why_choose_section .why_choose_steps-grid_boxes {
        grid-template-columns: repeat(2, 1fr);
    }
    .why_choose_box_top_image img {
        left: 100px;
    }
    .why_choose_section .heading-container-main .cust-heding{
        font-size: 60px;
    }
    .shop-product-grids.common-style.sections-tb-m {
        margin-top: 10px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .hero-content-col-blogs h1.title {
        font-size: 120px;
    }
    .hero-content-col-blogs span.title-sub-heading {
        font-size: 44px;
        margin-right: 0px;
        margin-top: -60px;
        text-align: left;
    }
    .product-grid {
        display: grid ;
        grid-template-columns: repeat(2, 1fr);
    }
    .steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-card .product-content-box .price{
        font-size: 24px;
    }
 }
@media only screen and (max-width: 767px) {
    html {
        overflow-x: hidden;
    }
    .why_choose_section .custom-container {
        max-width: fit-content;
        margin: 0 auto;
    }
    .why_choose_section .section-common-pad-lr {
        padding-left: 25px;
        padding-right: 25px;
    }
    .why_choose_steps-grid_boxes {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 50px;
        margin: 0 0 0;
    }
    .why_choose_section .section-common-pad-lr {
        padding-left: 25px;
        padding-right: 25px;
    }
    .common-style h2, .common-style .h2, .why_choose_section .heading-container-main .cust-heding {
        font-size: 44px;
        line-height: 44px;
    }
    section.why_choose_section.common-style.section-common-pad-lr {
        padding: 25px;
    }
    .custom-container.bg-common.image-border-common.inner-common-pad, .faq-section .faq-container .faq-item-col {
        padding: 25px 20px;
    }
    .why_choose_box_top_image img {
        left: 30vw;
    }
    .shop-product-grids.common-style.sections-tb-m {
        margin-top: 10px;
        padding-left: 35px;
        padding-right: 35px;
    }
    .hero-content-col-blogs span.title-sub-heading {
        font-size: 20px;
        margin-right: 5px;
        margin-top: -5px;
    }
    .hero-content-col-blogs h1.title {
        font-size: 48px;
        margin-left: -20px;
        letter-spacing: 1px;
    }
    .shop-product-grids .woocommerce-result-count, .shop-product-grids form.woocommerce-ordering {
        margin-left: -15px;
    }
    .shop-product-grids .common-style.product-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .happy-pup-happy-parents-section .content-col-heading , .faq-section .content-col-heading{
        display: block;
    }
    .shop-product-grids .common-style.product-grid {
        margin: 0 -15px 0 -15px;
    }
    .sections-tb-m {
        margin: 10px 0 40px;
    }
    .section-common-pad-lr {
        padding-left: 25px;
        padding-right: 25px;
    }
    .steps-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .product-card .product-content-box .price{
        font-size: 24px;
    }
    .home-hero-section .title-one {
        margin-bottom: 20px;
    }
    .common-style h1, .common-style .h1 {
        font-size: 44px;
    }
    .home-hero-section .hero-content-col .title-sub-heading {
        font-size: 40px;
    }
    .product-grid {
        grid-template-columns: repeat(1, 1fr);}
}
@media only screen and (max-width: 360px) {
.why_choose_box_top_image img {
    left: 95px;
}

}



@media (max-width: 1024px) {
    .home-hero-section .hero-content-col .title{
            
    }
}


@media (max-width: 991.98px) {
    
}