@media(max-width: 1200px) and (min-width: 992px){
    .shop_type_icon{
        position: initial;
        margin-top: 15px;
    }
    .shop_type_icon button{
        margin: 0 15px 0 0;
    }
}
@media(max-width: 1199px){
    .header_search{
        margin-left: 20px;
    }
    .header_search .input-group{
        width: 415px;
    }
    .search_place{
        width: 150px;
    }
    .banner{
        padding: 100px 0;
    }
    .shop_thumb_img{
        width: 70%;
    }
}
@media(max-width: 991px){
    .banner_content h1{
        font-size: 55px;
        line-height: 65px;
    }
    .header_search{
        margin: 10px 0;
    }
    .header_search .input-group{
        width: 100%;
    }
    .space {
        padding: 70px 0;
    }
    .shop_list .nav-link{
        width: 120px;
    }
    .contact-section {
       margin-bottom: 70px;
    }
    .footer_top{
        padding: 44px 0 60px 0;
    }
    .f_link {
        margin-right: 20px;
    }
    .search_place {
        width: 67%;
    }
    .right-items {
        padding-left: 15px;
    }
    .left-items {
        padding-right: 15px;
    }
    .shop .shop_content{
        margin-top: 30px;
    }
    .shop {
        padding: 64px 0 0 0;
    }
    .review-section {
        padding: 60px 0 70px 0;
    }
    .modal-content {
        padding: 50px 30px;
    }
    .modal-content .btn-close{
        right: 15px;
        top: 15px;
        width: 20px;
        height: 20px;
    }
    .search-result {
        padding: 70px 0 70px 0;
    }
    .shop_page_list .shop_top{
        width: 30%;
    }
}
@media(max-width: 991px) and (min-width: 768px){
    .date{
        position: relative;
        margin-top: 15px;
    }
}

@media(max-width: 767px){
    .banner_content h1 {
        font-size: 40px;
        line-height: 55px;
    }
    .banner_content p{
        font-size: 20px;
        line-height: 30px;
    }
    .banner {
        padding: 60px 0;
    }
    .banner:before{
        width: 90%;
    }
    .shop-btn{
        padding: 12px 20px;
        margin-right: 15px;
    }
    .space {
        padding: 50px 0 30px 0;
    }
    .contact-section {
       margin-bottom: 50px;
    }
    .heading{
        font-size: 28px;
        line-height: 36px;
    }
    .short_filter{
        margin-bottom: 20px;
        float: none!important;
    }
    .shop_list {
        margin-top: 30px;
    }
    .shop_list .nav-link {
        width: fit-content;
        padding: 10px 23px;
        font-size: 18px;
    }
    .short_filter .form-select{
        padding: 8px 16px;
    }
    .shop_item{
        margin-bottom: 20px;
    }
    .sub-title{
        margin: 8px 0 30px 0;
    }
    .footer_top {
        padding: 30px 0 30px 0;
    }
    .social_icon{
        margin-top: 20px;
    }
    .social_icon li, .f_link{
        margin: 0 5px;
    }
    .f_link, .c_text{
        font-size: 16px;
    }
    .c_text{
        margin-top: 5px;
    }
    .shop {
        padding: 50px 0 0 0;
    }
    .bottom_thumb img{
        height: 80px;
        width: 80px;
        min-width: 80px;
    }
    #upload, .upload_img{
        width: 80px;
        height: 80px;
    }
    .shop .shop_title{
        font-size: 26px;
    }
    .shop .review .rating, .shop .shop_content p, .shop .shop_content p.s_location {
        font-size: 18px;
    }
    .shop .shop_content p , .shop .shop_content p.s_location{
        margin-top: 15px;
    }
    .s_links a{
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-right: 10px;
    }
    .shop_desc{
        font-size: 18px;
    }
    .edit_shop{
        font-size: 20px;
        line-height: 26px;
        margin-top: 10px;
    }
    .review-section {
        padding: 40px 0;
    }
    .review-section .shop_content{
        margin-top: 0;
    }
    .review_btn{
        float: none;
        margin-top: 20px;
        padding: 9px 20px;
    }
    .review-section .heading{
        margin-bottom: 15px!important;
    }
    .modal-content {
        padding: 40px 15px;
    }
    .modal_heading h5{
        font-size: 26px;
        margin-bottom: 10px;
        line-height: 30px;
    }
    .modal_heading p{
        font-size: 16px;
        line-height: 20px;
    }
    .rate:not(:checked) > label:before{
        font-size: 30px;
    }
    .rate:not(:checked) > label{
        width: 30px;
    }
    .select_review {
        margin: 0;
    }
    .login_form .modal_field,
    .form_link{
        margin-top: 15px;
    }
    .profile_bg{
        padding: 40px 15px;
    }
    .profile_bg p.pr_tag{
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .shop_type_icon{
        position: initial;
        margin-top: 15px;
    }
    .shop_type_icon button{
        margin: 0 15px 0 0;
        width: 50px;
        height: 50px;
    }
    .privacy-terms h3{
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 28px
    }
    .search-result {
        padding: 50px 0;
    }
}
@media(max-width: 575px){
    .banner_content h1{
        font-size: 30px;
        line-height: 40px;
    }
    .banner_content p{
        font-size: 18px;
        line-height: 26px;
    }
    .logo img {
        height: auto;
        min-width: 101px;
    }
    .shop-btn{
        padding: 7px 12px;
        margin-right: 5px;
        font-size: 16px;
    }
    .pr_img{
        width: 40px;
        height: 40px
    }
    .search_place {
        width: 100%;
    }
    .login-btn{
        padding: 7px 12px;
        font-size: 16px;
    }
    .date{
        position: relative;
        margin-top: 15px;
    }
    .shop_page_list > a{
        display: block;
    }
    .shop_page_list .shop_top{
        width: 100%;
        border-radius: 16px 16px 0px 0px;
    }
    .shop_page_list .shop_top .shop_img{
        height: 244px;
        border-radius: 16px 16px 0 0;
    }
  .shop_title{
    height: auto;
  }
}