@media (max-width: 1370px){
 /*   header .form-group .form-control {
        max-width: 170px;
    }*/
    header .navbar-light .navbar-nav .nav-link {
        padding: 17px 10px 17px 10px !important;
    }
}

@media (max-width: 1305px) {
    header .form-group .form-control {
        max-width: 250px;
    }

}
    @media (max-width: 1199px) {
        .top-slider-div {
            width: 170px !important;
        }
            .top-slider-div .slider.slider-horizontal {
                max-width: 75px !important;
            }
            button#btnClearSearchDeals {
                padding: 9px 10px;
            }
        .hidden-1190 {
            display: none;
        }

        header .form-group {
            padding: 6px 8px;
        }

            header .form-group .form-control {
                margin-left: 5px;
                max-width: 110px;
                font-size: 12px;
            }
        input#txtDealName {
            max-width: 250px;
        }

        header .form-group.search-btn {
            padding: 0;
        }

            header .form-group label {
                font-size: 12px;
            }

        header .navbar-light .navbar-nav .nav-link {
            padding: 17px 10px !important;
        }

        header .dropdown-toggle:after {
            display: none;
        }

        .btn-location {
            padding: 0;
        }

        header .material-icons {
            font-size: 18px;
        }

        .deal-listing-block {
            max-width: 430px;
            height: calc(100vh - 45px);
        }

        .deal-map-block {
            position: absolute;
            width: calc(100vw - 430px);
            height: calc(100vh - 45px);
            left: 430px;
            top: 45px;
            overflow: hidden;
        }

        .deal-detail-block {
            z-index: 3;
            left: 50%;
            margin-left: -315px;
        }
    }
    @media (max-width: 960px){
        header .form-group .form-control {
            max-width: 90px;
        }
        .top-slider-div {
            width: 155px !important;
        }

            .top-slider-div .slider.slider-horizontal {
                max-width: 60px !important;
            }
        input#txtDealName {
            max-width: 205px;
        }
        .deal-detail-block {
            z-index: 3;
            left: 15px;
            margin-left: 0px;
        }
    }
@media (max-width: 860px) {
    .top-slider-div .slider.slider-horizontal {
        max-width: 55px !important;
    }

    .top-slider-div {
        width: 150px !important;
    }

    button#btnSearchDeals {
        line-height: 60px !important;
        padding: 5px 5px !important;
    }
    header .navbar-light .navbar-nav .nav-link {
        padding: 17px 6px !important;
    }
}
@media (max-width: 880px) {
    input#txtDealName {
        max-width: 150px;
    }
}

    @media (max-width: 799px) {
        header .form-group .form-control {
            max-width: 120px !important;
        }

        input#txtDealName {
            max-width: 90px;
        }

        .top-slider-div {
            width: 140px !important;
        }

            .top-slider-div .slider.slider-horizontal {
                max-width: 50px !important;
            }
    }
    @media (max-width: 767px){
/*        div#DealRate{
            position: relative !important;
            left: 40% !important;
        }*/
    }
    @media (max-width: 991px) {
        .nav-tabs1 .nav-link {
            padding: 1rem 1rem;
        }

            .nav-tabs1 .nav-link .material-icons {
                font-size: 20px;
            }

        .deal-map-block {
            position: relative;
            width: 100%;
            height: 450px;
            left: 0;
            top: 0;
            overflow: hidden;
        }

        .deal-listing-block {
            max-width: 100%;
            height: auto;
        }

        .filter-heading {
            padding: 15px;
            display: block;
            color: #fff;
            background-color: #2C3E50;
            font-weight: bold;
        }

        /* .filter-form {
            opacity: 0;
            height: 0;
        }
*/
        .overhide .filter-heading {
            padding: 15px;
            display: block;
            color: #fff;
            background-color: #2C3E50;
            font-weight: bold;
        }

        .overhide .filter-form {
            opacity: 1;
            height: 575px;
        }
    }


    @media (max-width: 767px) {
        .top-slider-div {
            width: 100% !important;
        }

            .top-slider-div .slider.slider-horizontal {
                max-width: 85% !important;
            }

        header .form-group.new_search input[type="text"].form-control {
            max-width: 100% !important;
            width: 100% !important;
            background: #fff;
            margin: 0;
            padding: 0 5px;
        }

        button#btnClearSearchDeals:after {
            content: 'Reset';
        }

        #navbarSupportedContent .form-group {
            display: inline-grid;
        }

        button#btnSearchDeals {
            line-height: 34px !important;
            margin: 0px 5px;
        }

        header .material-icons {
            line-height: 30px;
        }

        .mob-only {
            display: inline-block;
        }

        .navbar-expand .navbar-collapse.desktop-only {
            display: none !important;
        }

            .navbar-expand .navbar-collapse.desktop-only.shows {
                display: block !important;
                position: absolute;
                background: #fff;
                top: 62px;
                left: 0;
                width: 100%;
                padding-left: 15px;
                padding-right: 15px;
                border: 1px solid #efefef;
            }

        header .form-group {
            border: none;
            width: 100%;
        }

        .location-icon {
            position: relative;
        }

            .location-icon button {
                position: absolute;
                right: 0;
            }

        .top-slider-div .slider.slider-horizontal {
            max-width: calc(100% - 97px);
        }

        .top-slider-div {
            width: 100%;
        }

        #btnSearchDeals:after {
            content: 'Search';
        }

        .search-btn button {
            line-height: 30px;
            margin-top: 5px;
        }

        .ml-auto-mobile {
            margin-left: auto;
        }

        .mobile-only-header.shows {
            display: block;
        }

        header .form-group.new_search input[type="text"].form-control {
            max-width: 100%;
            width: 100%;
            border-bottom: solid 1px #eeeeee;
        }

        .mobile-only-header {
            padding-bottom: 10px;
            padding-top: 10px;
        }

        .search-btn button {
            color: #fff;
        }

        .wh-box {
            padding: 30px 15px;
        }

        .navbar-brand img {
            max-width: 100%;
        }

        .deal-detail-block {
            left: 0;
            margin-left: 0;
        }
        /*40-05-2021*/
        i.fa.fa-refresh {
            margin-right: 8px;
        }

        header label.location {
            margin-left: 5px;
        }
    }

    @media (max-width: 625px) {
        .top-slider-div .slider.slider-horizontal {
            max-width: 83% !important;
        }
    }

    @media (max-width: 575px) {
        .top-slider-div .slider.slider-horizontal {
            max-width: 80% !important;
        }
    }

    @media (max-width: 475px) {
        .top-slider-div .slider.slider-horizontal {
            max-width: 75% !important;
        }

        .toggleSidePanel {
            left: 0;
            display: none;
        }
        
    }
@media (max-width: 400px) {
    .dealm-main-text > .media.first_media .media-body h3{width:265px;}
}
    @media (max-width: 390px) {
        .top-slider-div .slider.slider-horizontal {
            max-width: 72% !important;
        }
    }

@media (max-width: 350px) {
    .dealm-main-text > .media.first_media .media-body h3 {
        width: 220px;
    }
    .mfilterContent{width: 300px !important;}
    .discount .media-body span.text {
        font-size: 16px;
        max-width: 257px;
    }
}