@media only screen and ( min-width: 1400px ) and ( max-width: 1599px ) {

    .hero_banner_wrapp {
        padding: 160px 0;
        background-position: bottom right; 
    }
    .banner_imgs1 {
        left: -100px;
        top: 117px;
    }
    .banner_imgs2 {
        top: 100px;
        right: 360px;
    }

}

@media only screen and ( min-width: 1200px ) and ( max-width: 1399px ) {

    .about_content h2 {
        font-size: 48px;
    }
    .sale_offer_desic h6 {
        white-space: nowrap;
    }
    .hero_banner_wrapp {
        padding: 140px 0;
        background-position: bottom right; 
    }
    .banner_imgs1 {
        left: -100px;
        top: 97px;
    }
    .banner_imgs2 {
        top: 80px;
        right: 280px;
    }
    .inner_banner_heading h1 {
        font-size: 36px;
    }

}


@media only screen and  (max-width: 1199px ) {

    br {
        display: none;
    }
    .sale_offer_text h4 br, 
    .sale_offer_text h6 br {
        display: block;
    }

}


@media only screen and ( min-width: 992px ) and ( max-width: 1199px ) {

    .about_content h2, 
    .main_heading h2 {
        font-size: 40px;
    }
    .footer_info br {
        display: block;
    }
    .hero_banner_wrapp {
        padding: 120px 0;
        background-position: bottom right; 
    }
    .hero_banner_content h1 {
        font-size: 60px;
    }
    .banner_imgs1 {
        left: -180px;
        top: 68px;
    }
    .banner_imgs2 {
        top: 50px;
        right: 250px;
    }
    .about_content {
        padding-left: 20px;
        padding-bottom: 30px;
    }
    .sale_price_icon  {
        font-size: 40px;
    }
    .sale_offer_text h4 {
        font-size: 24px;
    }
    .sale_offer_text h2 {
        font-size: 64px;
    }
    .sale_offer_img img {
        max-width: 120px;
    }
    .sale_offer_desic h6 {
        white-space: nowrap;
        font-size: 18px;
    }
    .sale_offer_desicrs {
        gap: 10px;
    }
    .tab_menu_imgs {
        display: none;
    }
    .tab_menu_wrapp {
        grid-template-columns: 250px 1fr;
    }
    .tab_menu_item_wrapp {
        border-right: none;
    }
    .shop_main {
        grid-template-columns: 1fr 2fr;
    }
    .product_single h2, 
    .contact_info h2, 
    .blog_left_part h2 {
        font-size: 30px;
    }
    .contact_info_box ul li {
        padding: 0 30px;
    }
    .contact_heading h3 {
        font-size: 28px;
    }
    .inner_banner_heading h1 {
        font-size: 34px;
    }
    .inner_pages_card h3 {
        font-size: 28px;
    }
    .bard_logo a img {
        width: 120px;
    }

}


@media only screen and ( max-width: 991px ) {

    .mainheader {
        display: none;
    }
    .search_wrapp {
        display: block !important;
    }
    .mobile_header {
        padding: 15px 0 10px;
    }
    .submenu {
        display: none;
    }
    .header_right_bg {
        width: 300px !important;
    }
    .header_menu li a {
        font-size: 20px;
        padding: 10px;
        border-bottom: 1px solid;
        width: 100%;
    }
    .header_menu li a {
        font-size: 20px;
        padding: 10px;
        border-bottom: 1px solid var(--border-color);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header_menu li a.active {
        background-color: var(--section-bg-color);
    }
    .header_menu li a.active span {
        transform: rotate(-90deg);
    }
    .header_menu {
        height: 100%;
        overflow-x: scroll;
    }
    .offcanvas-backdrop {
        width: 100% !important;
        height: 100% !important;
    }
    .header_right_bg .btnclose {
        text-align: right;
        padding: 10px;
        position: absolute;
        right: 0;
        background-color: var(--body-white-color);
    }
    .header_menu li .submenu li a {
        font-size: 18px;
        padding: 10px 20px;
    }
    .header_menu li .submenu li .submenu li a {
        padding: 10px 30px;
    }
    .header_menu li .submenu li .submenu li .submenu li a {
        padding: 10px 40px;
    }
    .contact_info_box ul {
        flex-direction: column;
        align-items: center;
    }
    .contact_info_box ul li {
        border-right: none;
    }
    .faq_wrapp {
        padding-right: 0;
    }

    .cart_main {
        display: flex;
        flex-direction: column;
    }
    .shipping_detail_wrapp {
        padding: 15px;
    }
   

}


@media only screen and ( min-width: 768px ) and ( max-width: 991px ) {

    .about_content h2, 
    .main_heading h2 {
        font-size: 30px;
    }
    .hero_banner_wrapp {
        padding: 80px 0;
        background-position: center right;
    }
    .hero_banner_content h1 {
        font-size: 48px;
    }
    .hero_banner_content p {
        font-size: 22px;
    }
    .banner_imgs2 {
        top: 20px;
    }
    .banner_imgs1 {
        left: -220px;
        top: 54px;
    }
    .about_content {
        padding-left: 0;
    }
    .section_white_bg.about_sect_wrapp .about_content {
        padding-bottom: 60px;
    }
    .sale_price_icon {
        font-size: 30px;
    }
    .sale_offer_text h4 {
        font-size: 18px;
    }
    .sale_offer_text h2 {
        font-size: 44px;
    }
    .sale_offer_text h6 {
        font-size: 18px;
    }
    .sale_offer_img img {
        max-width: 90px;
    }
    .sale_offer_btns a {
        padding: 10px 20px;
    }
    .sale_offer_desic h6 {
        white-space: nowrap;
        font-size: 13px;
    }
    .sale_offer_desic p {
        font-size: 12px;
    }
    .sale_offer_desicrs {
        gap: 15px;
    }
    .footer_imgs img {
        width: 140px;
    }
    .shop_main {
        grid-template-columns: 1fr 2fr;
    } 
    .product_single h2 {
        font-size: 30px;
    }
    .contact_heading h3 {
        margin-top: 50px;
    }
    .contact_heading span {
        top: -75px;
    }
    .contact_heading h3 {
        font-size: 26px;
    }
    .contact_info h2, 
    .blog_left_part h2 {
        font-size: 28px;
    }
    .inner_banner_heading h1 {
        font-size: 32px;
    }
    .feature_imgs img {
        height: 35vh;
    }
    .inner_pages_card h3 {
        font-size: 26px;
    }


}


@media only screen and ( max-width: 767px ) {

    .hero_banner_content {
        padding-right: 0;
    }
    .hero_banner_imgs {
        height: 40vh;
    }
    .about_sect_wrapp .about_content {
        padding-left: 0;
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .main_heading .heading_icon {
        display: none;
    }
    .sale_offer_bg {
        padding: 20px;
        border-radius: 15px;
        grid-template-columns: 1fr;
        justify-content: center;
    }
    .sale_price_icon {
        display: none;
    }
    .sale_offer_content, 
    .sale_offer_desicrs {
        grid-template-columns: 1fr;
        align-items: center;
        justify-content: center;
    }
    .sale_offer_img {
        display: none;
    }
    .sale_offer_text {
        justify-content: center;
    }
    .sale_offer_desic {
        text-align: center;
        padding: 10px 0;
    }
    .sale_offer_btns {
        text-align: center;
    }
    .faq_wrapp {
        padding-right: 0;
    }
    .footer_imgs {
        display: none;
    }
    .footer_started {
        margin-top: 20px;
    }
    .footer_started h3 {
        font-size: 22px;
    }
    .started_main {
        margin: 20px auto 30px;
        gap: 20px;
    }
    .footer_info p {
        text-align: center;
    }
    .owl-theme .owl-nav button.owl-prev {
        left: 0;
    }
    .owl-theme .owl-nav button.owl-next {
        right: 0 !important;
    }
    .shop_main {
        grid-template-columns: 1fr;
    }

    .filter_box .filter_card {
        display: none;
        margin-top: 20px;
    }
    .filter_heading {
        margin: 0;
    }
    .filter_box {
        padding-bottom: 20px;
    }
    .shop_sidebar .row_grid {
        gap: 20px 0;
    }
    .contact_heading span {
        display: none;
    }
    .about_content {
        padding-left: 0;
    }
    
    

}


@media only screen and ( min-width: 577px ) and ( max-width: 767px ) {

    .hero_banner_wrapp {
        padding: 80px 0 0;
    }
    .hero_banner_content h1 {
        font-size: 40px;
    }
    .hero_banner_content p {
        font-size: 20px;
        margin: 25px 0;
    }
    .hero_banner_wrapp {
        background-position: 40px bottom;
        background-size: 250px;
    }
    .banner_imgs1 {
        left: 200px;
        top: 144px;
        width: 250px;
    }
    .banner_imgs2 {
        top: 100px;
        right: -20px;
    }
    section {
        padding: 60px 0;
    }

    .about_content h2, 
    .main_heading h2 {
        font-size: 30px;
    }

    .started_main {
        grid-template-columns: 1fr 1fr;
    }
    .started_btns {
        position: relative;
        top: 30px;
    }
    .product_single h2, 
    .contact_info h2, 
    .blog_left_part h2 {
        font-size: 28px;
    }

    .contact_heading h3 {
        font-size: 24px;
    }

    .inner_banner_heading h1 {
        font-size: 30px;
    }
    .inner_pages_card h3 {
        font-size: 24px;
    }

}


@media only screen and ( max-width: 576px ) {

    .started_main {
        display: flex;
        flex-direction: column;
    }
    .hero_banner_wrapp {
        padding: 60px 0 0;
    }
    .hero_banner_content h1 {
        font-size: 36px;
    }
    .hero_banner_content p {
        font-size: 18px;
        margin: 25px 0;
    }
    .banner_imgs1, 
    .banner_imgs2 {
        display: none;
    }
    .hero_banner_wrapp {
        background-position: bottom center;
        background-size: 250px;
    }
    section {
        padding: 50px 0;
    }

    .main_heading h2,
    .about_content h2 {
        font-size: 26px;
    }
     
    .product_single h2, 
    .contact_info h2,
    .blog_left_part h2 { 
        font-size: 24px;
    }
    .contact_heading h3 {
        font-size: 22px;
    }
    .inner_banner_heading h1 {
        font-size: 28px;
    }
    .inner_pages_card h3 {
        font-size: 22px;
    }
    


}

@media only screen and ( min-width: 481px ) and ( max-width: 767px ) {

    .shop_animal_list ul, 
    .product_delivery_main {
        grid-template-columns: 1fr 1fr 1fr;
    }

}

@media only screen and ( max-width: 480px ) {

    .shop_animal_list ul, 
    .product_delivery_main {
        grid-template-columns: 1fr 1fr;
    }
    .bard_logo a img {
        width: 130px;
    }

}
 
@media only screen and ( min-width: 375px ) and ( max-width: 480px ) {

    

}



@media only screen and ( max-width: 389px ) {
    
    .header_right ul, 
    .header_main {
        gap: 0 15px;
    }
    .header_right ul li ul li a {
        font-size: 30px;
    }
    .bard_logo a img {
        width: 100px;
    }
    .booking_indicators_tabs .booking_indicators:first-child {
        padding: 0;
        border: none;
    }
    .booking_indicators_tabs {
        gap: 10px 20px;
    }
    

}



@media only screen and ( min-width: 992px ) {

    .mene_bar ul li .submenu {
        background-color: var(--body-white-color);
        border-top: 1px solid var(--body-default-color);
        display: block;
        left: 0;
        padding: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: center top 0;
        -ms-transform-origin: center top 0;
        transform-origin: center top 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        visibility: hidden;
        width: 200px;
        z-index: 999999;
    }
    .mene_bar ul li:hover>.submenu {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        visibility: visible;
    }
    .mene_bar ul li .submenu li a {
        padding: 10px 15px;
        border-bottom: 1px solid var(--body-default-color);
        font-size: 15px;
        font-weight: 500;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0 10px;
    }
    .mene_bar ul li:hover>.submenu li ul.submenu {
        left: 101%;
        top: -1px;
    }
    .mene_bar ul li .submenu li:hover>a, 
    .mene_bar ul li .submenu li.active a {
        background-color: var(--section-bg-color);
    }
    
    .mobile_header {
        display: none;
    }

}


@media only screen and ( min-width: 768px ) {

    .filter_heading span {
        display: none;
    }

}