@media only screen and  (max-width: 900px) {
    .booking-modal-content {
        padding-right:0;
    }
    .booking-modal-info  {
        position:relative;
        float:left;
        width:100%;
        padding:50px 20px;
    }
    }
    /*------Responsive------------------------------------------------*/
    @media only screen and  (max-width: 1524px) {
    .cs-wrapper {
        padding:120px 50px 100px;
    }
    }
    @media only screen and  (max-width: 1324px) {
    .show-search-button  {
        display:block;
    }
    .vis-header-search {
        display:none;
        position:absolute;
        left:20px;
        top:100px;
        border-radius:30px;
        box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.2);
    }
    .slider-container-wrap .sw-btn{
        margin-top:0;
        top:10%;
    }
    .slider-container-wrap {
        padding: 250px 0 400px;
    }
    }
    @media only screen and  (max-width: 1064px) {
    .nav-button-wrap , .mob-bg{
        display:block;
        background: #3b66c9 !important;
        margin-top: -5px;
    }
    .fixed-footer {
        position:relative !important;
        float:left;
    }
    .main-menu nav ul , video.bgvid , .height-emulator , .back-to-filters {
        display:none;
    }
    .col-list-wrap {
        overflow:hidden;
    }
    .main-menu{
        position: absolute  ;
        top:80px;
        right:-20px;
        width:300px;
        z-index:50;
         padding:15px 10px ;
         background:#fff;
        border-bottom-left-radius:6px;
        border-left:1px solid #eee;
        border-bottom:1px solid #eee;
        visibility:hidden;
        opacity:0;
        -webkit-transition: all 0.4s  ease-in-out;
        transition: all 0.4s  ease-in-out;
    }
    .vismobmenu {
        opacity:1;
        right:0;
        visibility:visible;
    }
    .menusb {
        display:block;
        float:left;
        position:relative;
        width:100%;
        overflow:hidden;
    }
    .main-menu .menusb ul  {
        display:block;
        float:left;
        position:relative;
        width:100%;
    }
    .menusb li {
        margin: 0;
        float: left;
        width:100%;
        position:relative;
        overflow:hidden;
        padding:0 20px;
    }
    .menusb   li i {
        position:absolute;
        right:18px;
        top:12px;
    }
    .menusb  a {
        float:left;
        width:100%;
        padding:8px 5px;
        position:relative;
        font-weight: 700;
        color: #566985;
        line-height:20px;
        text-align:left;
    }
    .menusb  a i{
        transform: rotate(-90deg);
    }
    .menusb a.back{
        padding-left:24px;
    }
    .menusb a.back:before{
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        content: "\f177";
        font-size:14px;
    }
    .process-wrap li {
        padding: 25px 20px;
    }
    .footer-widget , .video-box  , .user-profile-menu-wrap{
        margin-bottom:20px;
    }
    .images-collage {
        margin-bottom:70px;
    }
    .listing-item-grid .listing-item-cat h3{
        font-size:16px;
    }
    .about-wrap .list-single-main-item-title h3 {
        padding-top:30px;
    }
    .team-box  {
        width:50%;
    }
    .join-wrap-btn {
        display:block;
        float:left;
    }
    .color-bg-text {
        padding-left: 0;
    }
    section.list-single-section {
        padding-top:100px;
    }
    .list-single-header-column .viewed-counter, .list-single-header-column .custom-scroll-link  {
        float:left;
    }
    .share-holder.hid-share {
        position: relative;
        margin-left:0;
        float:left;
        margin-right:30px;
    }
    .share-holder.hid-share .share-container {
        right:inherit;
        left:0;
    }
    .share-holder.hid-share .share-container:after, .share-holder.hid-share .share-container:before {
        right:inherit;
        left:20px;
    }
    .col-list-wrap {
        width:100%;
    }
    .map-container.column-map {
        width: 100%;
        position: relative;
        float:left;
        height:500px;
        top:0;
    }
    .absolute-main-search-input {
        margin-left: -300px;
        width: 600px;
    }
    .edit-profile-photo {
        margin-top:40px;
    }
    .edit-profile-photo img {
        width:100px;
        float:left;
        margin-left:30px;
    }
    .change-photo-btn {
        margin-top:0;
    }
    .copyright {
        display:block;
        text-align: left;
        float:left;
        width:100%;
        margin:15px 0;
        top:15px;
    }
    .view-land  {
        margin-bottom: 5px;
    }
    .slider-container-wrap.fs-slider .hero-section-wrap {
        top:15%;
        padding-top:0;
    }
    .slider-container-wrap.fs-slider .sw-btn {
        margin-top: 0;
        top: 90%;
    }
    .main-search-input-item .nice-select {
        background:#fff;
    }
    .booking-modal-container {
        margin: 50px auto 70px;
        padding:0 20px;
    }
 }
@media only screen and  (max-width: 768px) {
    .menusb  a {
        font-size: 18px !important;
    }
    .gallery-item , #progressbar li {
        width:50%;
    }
    #progressbar li {
        margin-bottom:16px;
    }
    .process-wrap li , .price-item   , .time-line-box , .listing-item ,  .list-search-input-item  , .center-col-list-wrap .listing-item , .dashboard-listing-table-text , .dashboard-listing-table-image{
        width:50%;
    }
    .list-search-input-item  , .box-cat , .dashboard-listing-table-image {
        margin-bottom:10px;
    }
    .dashboard-listing-table-image {
        padding:0;
    }
    .price-item  , .tl-text {
        margin-bottom:30px;
    }
    .best-price {
        top: 0;
        transform: scale(1.0);
    }
    .footer-social {
        float:left;
        margin-top:15px;
    }
    .footer-social li {
        margin-left:0;
        margin-right:23px;
    }
    
    .main-search-input {
        background:rgba(255,255,255,0.2);
        padding: 14px 20px 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.0);
    }
    .main-search-input-item {
        width: 100%;
        border: 1px solid #eee;
        height: 50px;
        border:none;
        margin-bottom:10px;
    }
    .main-search-input-item .selectbox {
        background:#fff;
        border-radius: 6px !important ;
    }
    .main-search-input-item input {
        border-radius: 6px !important ;
        background:#fff;
    }
    .main-search-button {
        position:relative;
        float:left;
        border-radius:20px;
    }
    
    .main-search-button:active {
        border: 0 !important;
    }
    .listing-item-grid .listing-counter , .time-line-container:before , .time-line-container:after , .scroll-nav-wrapper  , .cs-countdown-item:before , .show-search-button span , .show-reg-form:before , .listing-view-layout{
        display:none;
    }
    .single-facts .inline-facts-wrap , .cs-countdown-item  , .statistic-item-wrap  {
        width:50%;
    }
    .cs-wrapper {
        padding: 100px 20px 50px;
    }
    .cs-countdown-item span {
        font-size:54px;
    }
    .add-list {
        padding: 8px 16px;
        top: 26px;
        font-size:10px;
    }
    .fs-header {
        padding: 0px 20px;
    }
    .reviews-comments-item {
        padding: 0 0 30px 0;
    }
    .review-comments-avatar {
        position: relative;
        left: 20px;
        float:left;
        margin-bottom:20px;
    }
    .show-reg-form {
        margin-right:20px;
        
    }
    .main-register-holder {
        padding:0 20px;
    }
    .header-search-input-item input {
        width: 90px;
    }
    .vis-header-search {
        margin-left:0;
    }
    .absolute-main-search-input {
        margin-left: -150px;
        width: 300px;
    }
    .header-user-menu {
        position:fixed;
        right:0;
        top:100px;
        z-index:30;
    }
    .header-user-name {
        background: #2F3B59;
        padding:15px 20px;
        border-radius: 4px;
    }
    .header-user-name span {
        top:4px;
        left:-30px;
    }
    .header-user-name span img {
        width:100%;
        height:100%;
    }
    .header-user-name:before {
        bottom:16px;
        right:-16px;
    }
    .box-cat {
        min-width:80px;
        padding:10px 0;
    }
    .logo-holder {
        margin: 0;
    }
    .success-table-header a {
        float: left;
        top: 0;
    }
    .success-table-header p{
        width:100%;
    }
    .logo-holder img {
        height: 39px !important;
    }
    .show-reg-form {
        display: none;
    }
    .show-mobile {
        display: block;
    }
    .main-sub-menu a {
        font-size: 14px;
    }
    .main-filter-button {
        display: block;
    }
    .listing-item-footer {
        border-top: 1px solid #dee7ed;
        padding-top: 5px;
        padding-bottom: 10px;
        background: #ebf1f3;
    }
    .card-listing .sell-category-img img {
        float: left;
        width: 100%;
        z-index: 1;
        max-height: 300px !important;
        height: 300px !important;
    }
    .inline-facts-wrap-mobile {
        width: 100% !important;
        padding: 0 !important;
        margin-top: 20px;
        border-top: 1px solid #3cb6f4;
        border-radius: 0 !important;
    }
    .share-holder {
        float: right;
        width: 33.3%;
        margin-top: 15px;
    }
    .share-holder-mobile {
        width: 100% !important;
        padding-right: 15px;
        margin-top: 0px;
    }
    .showshare-mobile {
        padding: 3px 20px !important;
        white-space: nowrap !important;
    }
    .list-single-facts .inline-facts-wrap, .tags-stylwrap a {
        margin-bottom: 15px !important;
    }
    .box-widget.widget-posts .widget-posts-descr {
        float: left;
        width: 69%;
        margin-left: 3%;
        text-align: left;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
        margin-top: -5px;
    }
    .box-widget.widget-posts .widget-posts-img img {
        border-radius: 4px;
        width: 100%;
        height: 65px;
    }
    .real-estate-other-mobile {
        display: none;
    }
    .main-search-input-item .nice-select .list li {
        font-size: 15px;
    }

    .listing-geodir-category-home {
        margin-top: -280px;
    }
    .listing-item.list-layout .listing-geodir-category {
        left: -2%;
        top: -280px;
    }
}
@media only screen and  (max-width: 540px) {
    .gallery-item  , .single-facts .inline-facts-wrap , .team-box   , .cs-countdown-item , .list-single-header-contacts li   , .list-single-facts .inline-facts-wrap , .listing-features li , .listing-item , .statistic-item-wrap , #progressbar li{
        width:50%;
    }
    #progressbar {
        padding: 20px 20px 0;
    }
    .list-single-header-contacts li  {
        text-align:left;
        margin-bottom:10px;
    }
    .list-single-facts .inline-facts-wrap  , .tags-stylwrap a {
        margin-bottom:10px;
    }
    .hero-section .intro-item h2  , .parallax-section .section-title h2  , .soon-title , .list-single-header-item h2 , .list-single-header-inside .list-single-header-item h2{
        font-size:30px;
    }
    .cs-social li {
        margin: 0 5px;
    }
    .error-wrap h2 {
        font-size:94px;
    }
    .list-single-carousel-wrap {
        height:300px;
    }
    
    .list-single-facts .inline-facts-wrap:before {
        display:none;
    }
    .add-list {
        display:none;
    }
    header.main-header {
        padding:0 10px;
    }
    .show-reg-form {
        margin-right:5px;
    }
    .slider-container-wrap.fs-slider .hero-section-wrap {
        top:15%;
        padding-top:0;
    }
    .inline-facts-wrap-mobile {
        width: 100% !important;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .bg {
        background-attachment: scroll !important;
        -webkit-background-size:cover;
        background-position:center;
    }
}


.home-search-mobile {
    display: none;
}
.hide-mobile {
    display: block;
}

@media (max-width: 768px) {
   .home-search-web {
        display: none;
   }
   .home-search-mobile {
        display: block;
    }
    .home-seach .btn-search-home {
        width: 100%;
        border-radius: 10px !important;
    }
    
    .view-land-img img {
        height: auto;
        max-height: 300px;
        max-width: 100%;
    }
    .list-search-input-wrap {
        height: auto !important;
        padding: 0 5px !important;
        
    }
    /***Trang detail****/
    .listing-item.list-layout .sell-category-img {
        width: 100%;
    }
    .listing-item.list-layout .sell-category-content {
        width: 100%;
    }
    /*Search*/
    .hide-mobile {
        display: none;
    }
    .inline-facts-wrap {
        width: 50%;
    }
}