@media screen and (min-width:1200px) {}

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

@media screen and (min-width:992px) {
    .filter_offcanvas .offcanvas-start {
        position: relative !important;
        transform: none !important;
    }

    .filter_offcanvas .offcanvas {
        position: relative !important;
        visibility: visible;
        z-index: 1;
        opacity: 1;
        background-color: transparent !important;
        border: none !important;
    }

    .border_end {
        border-right: 1px solid #ececec;
    }

    .border_start {
        border-left: 1px solid #ececec;
    }

    .dashboard_wrapper.border_start {
        min-height: 418px;
    }

    .reset_password {
        padding: 120px 0px;
    }

    .header_sec .nav-link {
        margin-right: 20px;
    }
}

@media screen and (max-width:991px) {
    .mobile_nav .nav-link {
        font-size: 15px;
        color: #111111;
        padding: 16px 0px;
        border-bottom: 1px solid #f3f3f3;
        font-weight: 500;
    }

    .listing_sidebar {
        border: none !important;
    }

    .tabs_desk {
        display: none;
    }

    .showLocalArea {
        display: none;
    }

    .dashboard_wrapper {
        border-top: 1px solid #ececec;
    }

    .LocalArea {
        display: none;
    }

    .banner_sec {
        padding: 150px 0px;
    }

    .franchises_list ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .franchise_categories ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .business_step li {
        margin: 0px 15px;
        font-size: 18px;
        padding: 0px 20px;
    }

    .dropdown-menu.show {
        display: block;
        left: 0 !important;
    }

}

@media screen and (max-width:775px) {
    .custom_modal .accordion-button {
        background: transparent;
        padding: 10px 10px;
        font-size: 16px;
        color: var(--primary);
        box-shadow: none !important;
        border-radius: 0px !important;
        border-bottom: 1px solid #EEE;
    }

    .custom_modal .accordion-button img {
        width: 24px;
        margin-right: 5px;
    }

    .custom_modal .accordion-button:not(.collapsed) {
        background: #f3f6f5 !important;
    }

    .custom_modal .accordion-body {
        background: #f3f6f5 !important;
    }

    .mb-6 {
        margin-bottom: 20px;
    }

    .mt-6 {
        margin-top: 0px;
    }

    .banner_search .form-control,
    .banner_search .input-group-text {
        border-radius: 6px !important;
    }

    .banner_sec {
        padding: 100px 0px;
    }

    .franchises_list ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .business_step li {
        margin: 0px 20px;
        font-size: 15px;
        padding: 0px 5px;
    }

}

@media screen and (max-width:575px) {
    .membership_section .pricing-item {
        padding: 40px 15px;
    }

    .custom_heading {
        font-size: 18px;
    }

    .category_section .border-end {
        border-right: none !important;
    }


    .banner_sec {
        padding: 80px 0px;
    }

    .franchise_search_form {
        padding: 10px;
    }

    .business_step {
        display: block !important;
    }

    .business_step li {
        margin-bottom: 30px;
        padding: 3px 0px;
    }

    .business_step:before {
        height: 100%;
        width: 1px !important;
        top: 0;
    }

}

@media screen and (max-width:480px) {
    .listing_img {
        margin-bottom: 12px;
    }

    .listing_item .d-flex {
        display: block !important;
        text-align: center;
    }

    .carousel_listings .carousel-caption {
        bottom: 0;
    }

    .listing_pagination .page-link {
        padding: 0px 6px;
    }
}

@media screen and (max-width:430px) {
    .header_sec { 
        border-color: #e7e7e7 !important;
        padding: 60px 0px 14px 0px;
    }
.header_sec .navbar-brand {
        position: absolute;
        top: -52px;
        right: 0;
        left: 0;
        text-align: center;
    }
}

@media screen and (min-width: 776px) {
    .min_height {
        height: 500px;
    }

}