/** tablet query **/

@media only screen and (max-device-width: 480px) {
    .collapse:not(.show) {
        display: none !important;
    }
}


/** Mobile query **/

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

    .m-font-12 {
        font-size: 12px !important;
    }

    .m-font-14 {
        font-size: 14px !important;
    }

    .m-font-16 {
        font-size: 16px !important;
    }

    .m-font-18 {
        font-size: 18px !important;
    }

    .m-font-20 {
        font-size: 20px !important;
    }

    .m-font-22 {
        font-size: 22px !important;
    }

    .m-font-24 {
        font-size: 24px !important;
    }

    .m-font-30 {
        font-size: 30px !important;
    }

    body {
        overflow-x: hidden;
    }

    .create-listing-save-continue {
        border: none;
        font-size: 14px;
    }

    #listingTipModal {
        width: 90%;
        margin-left: 5%;
    }

    .navigation-block {
        padding: 22.5px 15px !important;
        padding-top: 30px !important;
    }

    .navigation-block .active {
        /* border-bottom: solid 1.5px #666666; */
        border-bottom: none !important;
        max-width: 100px;
    }

    .navigation-block .nav-item {
        margin-top: 5px;
        max-width: 100% !important;
    }

    .navbar-nav {
        margin-top: 20px !important;
    }

    .mobile-only {
        display: block !important;
    }

    .mobile-only-inline {
        display: inline !important;
    }

    .mobile-only-flex {
        display: flex !important;
    }

    #navigation-profile-image .image-circle {
        margin-top: 12px;
    }

    .nav-profile-img {
        background: none !important;
    }

    .desktop-only {
        display: none;
    }

    .mobile-center {
        text-align: center!important;
    }

    .desktop-only-inline {
        display: none;
    }

    .desktop-only-flex {
        display: none;
    }


    .create-listing .left-side {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        min-height: 300px;
        max-height: unset;
        overflow-y: unset;
        float: none;
        padding-bottom: 300px;
        padding-top: 50px;
    }

    .create-listing .pricing-form {
        padding-bottom: 170px !important;
    }

    .create-listing .right-side {
        width: 100%;
        float: none;
        padding-top: 32px;
        padding-left: 20px;
        padding-right: 20px;
        min-height: 600px;
        /* background-color: white;  */
    }

    .create-listing .left-side .form-section-location {
        padding-right: 15px;
    }

    .create-listing .left-side .form-section-full {
        padding-right: 15px;
    }

    .create-listing .right-side .listing-examples-box {
        margin-top: 10px;
    }

    .create-listing .left-side .btn-section {
        width: 100%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: 70px;
        z-index: 100;
        border-top: solid 1px #D4DDDC !important;
        padding-top: 10px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        background-color: white;
    }

    .create-listing .left-side .listing_progress_section {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 70px;
        top: unset;
    }

    .manage-listing-box .btn-section {
        width: 100%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: 70px;
        z-index: 100;
        border-top: solid 1px #D4DDDC !important;
        padding-top: 10px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        background-color: white;
    }

    .create-listing .left-side .btn-section .left {
        text-align: left;
    }

    .create-listing .left-side .btn-section .left .btn {
        text-align: left;
    }

    .create-listing .left-side .btn-section .right {
        float: right;
    }

    .right-side .padding-left-half {
        padding-left: 15px;
    }

    .right-side .padding-right-half {
        padding-right: 15px;
    }

    .example-item {
        margin-bottom: 15px;
    }

    .help-listing-title-col {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .create-listing .left-side .form-section {
        padding-right: 0px;
        max-height: none;
        max-width: 100%;
    }

    .dropzone {
        border-radius: 0px;
    }

    #dropzone {
        padding-left: 0;
        padding-right: 0;
    }

    .tip-box {
        padding: 0;
        box-shadow: none;
        border: none;
        margin-top: 0;
    }

    .tip-box .title {
        margin-bottom: 20px;
    }

    .images-preview-container {
        width: unset;
    }

    .create-listing .left-side .btn {
        width: 100%;
    }

    .create-listing .left-side .publish-form .btn {
        width: 127px;
    }

    .m-publish {
        width: 127px !important;
    }

    .listing-checklist {
        margin-top: 40px;
    }

    .listing-checklist .item {
        margin-bottom: 20px;
    }

    .publish-form {
        /* padding-bottom: 50px; */
    }

    .preview-box {
        margin-left: 0;
        bottom: unset;
        margin-top: 50px;
    }

    .create-listing .left-side .form-section-full {
        max-height: unset;
    }

    .images-preview-container .listing-photo-item {
        margin-bottom: 30px;
    }

    .m-white-background {
        background-color: white !important;
    }

    .pricing-section {
        margin-bottom: 36px;
    }

    .listing-dashboard-item,
    .listings-display {
        border-bottom: none;
        border: none;
    }

    .listing-dashboard-item {
        height: auto;
    }

    .inspection-dashboard-item {
        height: auto;
    }

    .listing-dashboard-item .listing-image {
        width: 100%;
        height: 191px;
    }

    .dashboard-listing .listing-count {
        text-align: left;
    }

    .dashboard-listing {
        padding-bottom: 100px;
    }

    .dashboard-listing .top {
        margin-bottom: 10px;
    }

    .dashboard-inspection .top {
        margin-bottom: 10px;
    }

    .inspection_thumbnail {
        height: auto;
        border: none;
    }

    .inspection_thumbnail .inspection_listing_details {
        width: 100%;
        border-right: none;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        border-left: solid 1px #DEE2E1;
        border-right: solid 1px #DEE2E1;
    }

    .inspection_thumbnail .inspection_listing_call_to_action {
        border-left: solid 1px #DEE2E1;
        border-right: solid 1px #DEE2E1;
        border-bottom: solid 1px #DEE2E1;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .inspection_thumbnail .inspection_listing_details .listing_name_price {
        margin-right: 0px;
    }

    .inspection_thumbnail .inspection_listing_details .listing_name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .inspection_thumbnail .inspection_cta_container {
        padding-top: 20px;
        padding: 20px;
    }

    .inspection_thumbnail .inspection_cta_container button {
        width: 100%;
    }

    .inspection-status-pill.Pending {
        width: 50% !important;
    }

    .inspection-status-pill.Pending-width {
        width: 70% !important;
    }

    .inspection-status-pill.payment-width {
        width: 70% !important;
    }

    .inspection-status-pill {
        width: 50% !important;
    }

    .inspection-status-pill.Accepted {
        width: 50% !important;
    }

    .inspection-view-back h3 {
        font-size: 24px;
    }

    .inspection_thumbnail .inspection_listing_image {
        border-top-right-radius: 8px;
    }

    .welcome-to-roomscout {
        text-align: center;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    #continue-button,
    #login-button {
        margin-top: 35px;
    }

    .view-listing .top .preview-btn {
        text-align: left;
        margin-top: 20px;
    }

    .view-listing .tab-content {
        width: 100%;
    }

    .dashboard-listing-photo-count {
        position: unset;
        padding-left: 15px;
        padding-top: 15px;
    }

    .images-preview-container .preview-image {
        height: 64px;
    }

    .edit-listing {
        max-height: 80vh;
        padding-bottom: 300px;
    }

    .edit-listing .btn-section {
        width: 100%;
    }

    .edit-listing .btn-section .btn-primary {
        width: 80%;
        height: 45px;
    }

    .edit-listing .edit-section .title {
        margin-bottom: 15px;
    }

    .edit-listing .btn-section .cancel {
        height: 45px;
    }

    .edit-listing .btn-section a {
        padding-top: 10px;
    }

    .price-breakdown .price-item .cost {
        text-align: right;
    }

    .complete-profile #upload-image {
        width: 80%;
    }

    .complete-profile {
        padding-bottom: 0px !important;
    }

    .create-listing {
        overflow-y: scroll !important;
    }

    .navbar-collapse {
        background-color: white;
    }

    .listing-dashboard-item .column {
        text-align: left;
    }

    .listing-dashboard-item .listing-title-address {
        margin-top: 0;
    }

    .listing-dashboard-item .listing-bed-bath-type {
        margin-top: 0;
    }

    .listing-dashboard-item .listing-to-do {
        /* margin-top: 20px; */
        margin-bottom: 20px;
    }

    .listing-to-do button {
        width: 100%;
    }

    .navbar-light .navbar-toggler {
        border: none;
    }

    .create-listing-nav {
        display: none;
    }

    .full-height .title {
        font-size: 60px;
    }

    .mobile-no-padding {
        padding: 0 !important;
    }

    .mobile-no-padding-right {
        padding-right: 0 !important;
    }

    .mobile-no-padding-left {
        padding-left: 0 !important;
    }

    .mobile-no-padding-top {
        padding-top: 0 !important;
    }

    .mobile-no-padding-bottom {
        padding-bottom: 0 !important;
    }

    .mobile-no-margin {
        margin: 0 !important;
    }

    .mobile-no-margin-bottom {
        margin-bottom: 0 !important;
    }

    .mobile-no-margin-top {
        margin-top: 0 !important;
    }

    .availability-hour-boxes label {
        font-size: 14px;
    }

    .availability-day-boxes .day-checkbox input {
        margin-right: 5px;
    }

    .navbar-brand {
        margin-right: 5px;
    }

    .navbar-brand img {
        margin-top: -10px;
        height: 40px;
    }

    .navbar-light .navbar-toggler-icon {
        margin-top: 4px;
    }

    .navbar {
        height: 13vh;
    }

    .progress {
        top: 13vh !important;
    }

    .price-slider-container .progress {
        top: 0 !important;
    }

    .preview-box {
        position: inherit;
    }

    .listing-dashboard-item-inspection .listing-bed-bath-type {
        text-align: right;
    }

    .inspection-profile-box {
        margin-bottom: 15px;
    }

    .mobile-left {
        text-align: left !important;
    }

    .inspection-status {
        margin-top: 10px !important;
    }

    .dashboard-inspection .modal.right.fade .modal-dialog {
        right: unset;
        position: unset;
        margin: 0.5rem;
        width: auto;
        margin-top: 15%;
    }

    .dashboard-inspection .modal.right .modal-body {
        padding-bottom: 24px;
    }

    .dashboard-inspection .modal.right .modal-content {
        height: unset;
    }

    .wait-list-hero-image {
        width: 100%;
    }

    .wait-list-banner img {
        display: none;
    }

    .wait-list-banner h1 {
        font-size: 28px;
    }

    .wait-list-banner {
        height: 300px;
    }

    .wait-list-banner .banner-title {
        padding-left: 30px;
        margin-top: 80px;
    }

    .mobile-text-left {
        text-align: left !important;
    }

    footer .container .copy-right-text {
        padding-left: 30px;
        margin-bottom: 20px;
    }

    .logo-footer {
        padding-left: 30px;
    }

    .address-footer {
        padding-left: 18px;
    }

    .waitlist .hero {
        background: url(../images/hero-bg-mobile.png);
        min-height: 70vh;
    }

    .referral-page .hero {
        background: unset!important;
    }

    .waitlist .hero .hero-left {
        width: 100%;
        padding: 20px;
    }

    .waitlist .hero .hero-right {
        width: 100%;
        height: auto;
        background-size: cover !important;
    }

    .waitlist .hero .hero-left {
        height: auto;
    }

    .hero-right img {
        width: 100%;
        height: unset;
        /* background: url(../images/hero-bg-mobile.png); */
        background-position: bottom center;
    }

    .making-money img {
        width: 100%;
        height: unset;
        padding-left: 35px !important;
    }

    .hero-left h2 {
        font-size: 28px;
        font-weight: bold;
        padding-top: 70px;
        line-height: 32.2px;
        margin-bottom: 10px;
    }
    .navbar-info-text{
	    color: #0C413980!important;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .accept-invite-form-section{
        background-color: transparent!important;
    }

    .waitlist .hero .hero-full h2 {
        font-size: 36px;
        line-height: 44px;
        padding-top: 20px;
        width: 90%;
        margin: auto;
         margin-bottom: 25px;
    }

    .waitlist .hero .hero-full img{
	    width: 70%!important;
        margin-top: 30px;
    }

    #accept-invite-form .form-image img{
        width: 80.35px;
        transform: rotate(45deg);
        right: 20px;
        top: 100px;
    }

    .hero-left p {
        font-size: 18px;
    }

    .invite-hero .hero-left p{
        width: 90%;
        margin: auto;
        margin-bottom: 30px;
    }

    .waitlist_info {
        height: auto;
        min-height: 50px;
        width: 90%;
        margin: auto;
    }

    .waitlist_info input {
        width: 61%;
        font-size: 14px;
    }

    .waitlist_info button {
        height: auto;
        min-height: 40px;
        margin-bottom: 5px;
        margin-top: 5px;
        width: 38%;
        font-size: 14px;
    }

    .why-roomscout .why-item-box {
        width: 250px;
        margin: auto;
        height: 200px;
    }

    .why-roomscout .why-item-box img {
        width: 100%;
        height: unset;
    }

    .why-roomscout .why-item-text h4 {
        text-align: center;
    }

    .why-roomscout .why-item-text p {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }

    .why-roomscout h2 {
        font-size: 33px;
    }

    .why-roomscout .header p {
        width: 100%;
    }

    .why-roomscout .why-item-text {
        padding-top: 35px;
        padding-bottom: 50px;
    }

    .why-roomscout .revamped-why-box {
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
    }

    .why-roomscout .revamped-why-box .image-column {
        padding-top: 5px;
        margin-bottom: 50px;
    }

    .with-without .with {
        margin-bottom: 30px;
        margin-top: 40px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .with-without {
        /* height: auto; */
        height: 1500px;
        margin-top: 10px;
        padding-bottom: 0;
    }

    .with-without-header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ready-to-join {
        margin-top: 0px;
    }

    .the-faqs .questions-box .mdi {
        font-size: 20px;
    }

    .the-faqs .more-questions-box-container {
        border-left: solid 15px white;
        border-right: solid 15px white;
    }

    .more-questions-box img {
        height: 105px;
    }

    .more-questions-box button {
        margin-bottom: 100px;
        height: 40px;
    }

    .with-without .comparison-box .no-padding-left {
        padding-left: 15px !important;
    }

    .with-without .globe {
        /* margin-top: 317%; */
    }

    .making-money img {
        margin-top: -50px !important;
    }

    .making-money {
        background-size: cover !important;
    }

    #make-money-bg {
        /* background: url(../images/making-money-bg-mobile.png); */
        /* background: url(../images/making-money-bg-vertical-mobile.png); */
        background-repeat: no-repeat;
        background-size: cover;
    }

    .making-money-text {
        padding-top: 70px;
    }

    .making-money button {
        margin-bottom: 50px;
    }

    .making-money h2 {
        font-size: 28px;
    }

    .waitlist-footer-image {
        background-image: url(../images/footer-illustration-abj-lag-mobile.png);
        min-height: 600px;
    }

    .why-roomscout .conduct-inspections img {
        margin-top: 25px;
    }

    .why-roomscout .get-paid img {
        margin-top: 25px;
    }

    .logo-footer img {
        width: 100% !important;
    }

    .money-side-hustle .curve-ball {
        width: 70px;
        margin-top: -20px;
        padding-left: 10px;
    }

    .money-side-hustle .ellipse {
        width: 55%;
    }

    .trusted-gold:after {
        height: 9px;
    }

    .trusted-gold:before {
        height: 18px;
    }

    .with-without h2 {
        font-size: 24px;
        line-height: 26.95px;
        margin-bottom: 30px;
    }

    .with-without .without {
        margin-top: 30px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .with-without .ready-to-join h2 {
        font-size: 24px;
    }

    .with-without .comparison-box div {
        font-size: 18px;
    }

    .the-faqs .questions-box .question {
        font-size: 16px;
        line-height: 21.6px;
    }

    .the-faqs .questions-box .answer {
        font-size: 14px;
    }

    .the-faqs .header p {
        font-size: 14px;
        line-height: 17.07px;
    }

    .the-faqs .faq-footer-pattern {
        padding-bottom: 40px;
    }

    .more-questions-box h3 {
        font-size: 18px;
    }

    .waitlist-footer-image h2 {
        font-size: 28px;
        line-height: 27.72px;
    }

    .with-without .ready-to-join .top-layer {
        max-width: 100% !important;
    }

    .making-money p {
        font-size: 14px;
        padding-right: 15px;
    }

    .terms-text {
        width: 100%;
    }

    .verify-email-container h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .create-listing .left-side .title-sub {
        width: 100%;
    }

    .account-type-item {
        width: 100%;
    }

    .account-type-leftside .submit-btn {
        width: 100% !important;
    }

    #create-save-exit {
        padding-top: 10px;
    }

    .complete-profile .phone-code input {
        width: 55px;
        height: 55px;
        margin-right: 5px;
    }

    .mobile-padding-right {
        padding-right: 15px !important;
    }

    .mobile-padding-left {
        padding-left: 15px !important;
    }

    .requesting-identity-option .form-check .row {
        margin-right: 15px;
    }

    .identification-media-box {
        width: 100%;
    }

    .availability-day-boxes .col {
        padding-right: 0px;
    }

    .create-listing .left-side .form-section .form-group {
        margin-bottom: 20px;
    }

    .dropzone {
        border-radius: 8px !important;
    }

    .mobile-publishing-container {
        background-color: #E9F7F5;
        height: 200px;
        width: 100%;
        background-image: url(../images/publish-bg-2.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .mobile-no-border {
        border: none !important;
    }

    .published-countdown {
        background-color: #E9F7F5 !important;
        padding: 10px;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .dashboard-guide {
        border-radius: 8px;
    }

    .dashboard-guide .side-image img {
        position: relative;
    }

    .dashboard-guide .side-image {
        width: 50%;
        float: right;
    }

    .performance-stats {
        margin-bottom: 32px;
    }

    .dashboard-to-dos-container .row {
        flex-wrap: wrap;
    }

    .dashboard-to-dos-container .row .col-12 {
        margin-bottom: 20px;
    }

    .calendar-days {
        border: 1px solid #EDEDED;
        border-radius: 8px;
        height: 135px;
    }

    .dashboard-view-all-inspection {
        border: solid 1px #E4E7EB;
        border-radius: 8px;
        padding: 10px;
    }

    .mplr-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .listing-quick-details {
        line-height: 2;
    }

    .dashboard-listing .nav-tabs {
        white-space: nowrap;
        overflow-x: auto;
        flex-wrap: unset;
    }

    .dashboard-listing .nav-tabs::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .dashboard-listing .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .dashboard-inspection .nav-tabs {
        white-space: nowrap;
        overflow-x: auto;
        flex-wrap: unset;
    }

    .dashboard-inspection .nav-tabs::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .dashboard-inspection .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .confirmation-modal .modal-content {
        max-width: 100%;
    }

    .view-listing .top .preview-btn button {
        border: none;
        box-shadow: none;
        text-decoration: underline;
    }

    .manage-listing-box .top {
        margin-top: 0 !important;
    }

    .user-account .profile-image-box .image-circle {
        width: 100px;
        height: 100px;
    }

    .inspection-profile-box .profile-image-box .image-circle {
        width: 50px;
        height: 50px;
    }

    .profile-image-box .abbreviation-display {
        padding-top: 30px !important;
    }

    .legal-name-section {
        margin-top: 20px !important;
    }

    .manage-listing-nav .listing-title {
        font-size: 18px !important;
        padding-top: 10px;
    }

    .manage-listing-slot-header {
        display: none;
    }

    .manage-listing-nav .nav-item-box {
        display: inline-block;
        margin-right: 30px;
        height: 40px;
        background-color: #E9F7F5;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 8px;
        border-radius: 8px;
        margin-bottom: 30px !important;
    }

    .manage-listing-box .nav-items .active a {
        font-size: 16px !important;
    }

    .manage-listing-box .nav-items a {
        font-size: 16px !important;
    }

    .manage-listing-box .nav-items {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: unset;
        padding-left: 15px !important;
    }

    .manage-listing-box .nav-items::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .manage-listing-box .nav-items::-webkit-scrollbar {
        display: none;
    }

    .dashboard-listing-inspection-thumbnail {
        padding-left: 0 !important;
    }

    .Pending-request-count,
    .Accepted-request-count,
    .Completed-request-count {
        padding-top: 7px;
    }

    .Pending-request-count {
        /* padding-top: 10px; */
    }

    .inspection-list-container .inspections-category-pill {
        height: 36px;
        border-radius: 6px;
        padding-top: 10px;
    }

    .inspection-box-actions-container .desktop-only {
        display: none !important;
    }

    .inspection-box-actions-container button {
        height: 36px !important;
    }

    .inspection-summary-date-label {
        padding-top: 20px;
        display: inline-block;
    }

    .inspection-summary-date-time {
        display: inline-block;
        /* padding-left: 5px; */
    }

    .copy-custom-link-cta {
        display: block;
        float: right;
        position: absolute;
        right: 20px;
        top: 10px;
    }


    /* Styling to convert inspection div to bottom sheet  */

    .inspection-list-container {
        background-color: white;
        height: 82vh;
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        /* overflow-y: auto; */
        z-index: 10001;
        display: none;
    }

    .custom-overlay {
        position: absolute;
        width: 100%;
        height: auto;
        top: -100px;
        bottom: 0;
        background: rgba(39, 26, 26, 0.47);
        left: 0;
        z-index: 10000;
        display: none;
    }

    .indexed-inspection-modal {
        z-index: 10002;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .indexed-inspection-modal .modal-dialog {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        min-height: unset;
        margin: 0 !important;
    }

    .indexed-inspection-modal .modal-dialog {
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .indexed-inspection-modal .modal-dialog .modal-content {
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .indexed-inspection-modal .modal-dialog .modal-content .modal-body {
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }


    /* End styling to convert inspection div to bottom sheet  */

    .home-hero {
        width: 95%;
    }

    .home_search {
        height: 60px;
        padding-left: 15px;
        padding-top: 0;
    }

    .home .hero {
        min-height: 100vh;
    }

    .home-hero h2 {
        font-size: 28px;
        line-height: 40.5px;
    }

    .home-hero img {
        max-width: 100%;
    }

    .budget-popover,
    .property-type-popover {
        width: 100%;
    }

    .budget-popover {
        margin-top: 65px;
    }

    .inspection-request-container-block {
        height: 600px;
        padding-bottom: 250px;
    }

    .listings-index {
        /* padding-top: 50px; */
        margin-top: 82px;
    }

    .listings-index .top-section {
        /* margin-left: -15px;
        margin-right: -15px; */
        position: fixed;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: white;
        border: solid 1px #D8D8D8;
    }

    .listing-results {
        padding-top: 200px;
    }

    .listings-index .top-section .top-content {
        background: linear-gradient(181.09deg, rgba(227, 241, 226, 0) 50%, rgba(106, 193, 180, 0.7) 125.5%);
        padding-bottom: 15px;
        /* background-image: url('../images/listing-result-bg.png'), linear-gradient(181.09deg, rgba(227, 241, 226, 0) 50%, rgba(106, 193, 180, 0.7) 125.5%); */
        /* min-height: 250px; */
        background-repeat: no-repeat;
        background-position-y: bottom;
    }

    .listings-index .result-title-and-count {
        text-align: center;
        margin-top: 30px;
    }

    .listings-index .result-title {
        font-size: 22px;
    }

    .listings-index .listing-count {
        font-size: 14px;
    }

    .location-option .hero-where .form-control {
        background-color: transparent;
    }

    .hero-where .input-group-prepend .input-group-text {
        background-color: transparent;
    }

    .no_listings_display img {
        width: 70%;
    }

    .room-filter-modal-section .filter-label {
        font-size: 14px;
    }

    .filter-pill {
        font-size: 14px;
    }

    .property-type-filter-pill {
        height: 52px;
        width: 45%;
        border-radius: 8px;
        padding-top: 15px;
    }

    .property-type-filter-pill {
        height: 52px;
        width: 45%;
        border-radius: 8px;
        padding-top: 15px;
    }

    .listing_back {
        width: 20px;
        border: none;
    }

    .listing_detail_container {
        margin-top: 85px;
        padding-top: 45px;
    }

    .listing_detail_container.showing_images {
        background-color: #2E2E2E;
        color: #FFFFFF;
    }

    .share_like_listing .share_box {
        border-right: none;
    }

    .share_like_listing {
        border: none;
    }

    .listing_detail_container .quick-details {
        font-size: 15px;
    }

    .listing_detail_container .quick-details .column {
        margin-bottom: 15px;
    }

    .about-listing p {
        font-size: 14px;
    }

    .listing_detail_container .listing_date {
        font-size: 14px;
    }

    .pricing-box .pricing-title {
        font-size: 18px;
    }

    .pricing-box .pricing-breakdown-row {
        font-size: 14px;
    }

    .detail-section .agent_avatar {
        width: 70px;
        height: 70px;
    }

    .listing_details_images .photo_navigation_thumbnails {
        padding-right: 0;
    }

    .photo_navigation_thumbnails .navigiation_display {
        height: 75px;
    }

    .photo_projector .photo_display {
        height: 260px;
    }

    .listing_back.back_to_listing {
        width: 20px;
    }

    .photo_thumbnail_row {
        padding-top: 25px;
    }

    #photo_caption {
        font-size: 14px;
    }

    .view-listing-inspection-modal .modal-dialog {
        height: 82vh;
        position: fixed;
    }

    .view-listing-inspection-modal .modal-dialog .modal-body {
        height: 85vh;
        overflow: scroll;
    }

    #inspection-form-experience {
        padding-bottom: 120px
    }

    .agent-profile {
        margin-top: 100px;
    }

    .inspection_listing_summary_info .description strong {
        font-size: 17px;
    }

    .rescheduled_date_info {
        font-size: 12px;
    }

    .text-right-desktop {
        text-align: left;
    }

    .discount_form_item {
        padding-top: 21px;
    }

    .notification-modal .modal-dialog {
        width: 96%;
        /* bottom: 50px; */
    }

    .notification-modal .modal-dialog .modal-content {
        border-top-right-radius: 8px;
    }

    .notification-item .notification-additional-info {
        font-size: 12px;
    }

    .bottom-flash {
        min-width: 90%;
    }

    #min-price-filter,
    #max-price-filter,
    .price-range-item {
        font-size: 12px;
    }

    .home_search input {
        height: unset;
    }

    .home_search .hero-where .input-group-prepend .input-group-text {
        padding-left: 0 !important;
    }

    .power-form-check {
        padding-right: 0 !important;
    }

    .listing_detail_container .listing_photos {
        margin-left: -15px;
        margin-right: -15px;
    }

    .footer-copy-right {
        height: 270px;
    }

    .footer-copy-right .col-10 {
        margin-bottom: 25px;
        text-align: left !important;
    }

    .footer-copy-right img {
        max-width: 100%;
    }

    .listingSearchModal .modal-content {
        min-height: 100vh;
        background-color: #F5F5F5 !important;
    }

    .complete-profile .image-holder {
        height: 115px;
        width: 115px;
    }

    .dashboard-identiti-card .todo-box{
        border: solid 1px #EDEDED;
        background-color: transparent;
        background-image: url('../images/accent-pattern-bg.png');
    }

    .todo-box {
        background-position-x: 191px;
    }

    .priority-todo {
        background-position-x: 233px !important;
        min-height: 156px !important;
    }

    .dashboard-profile-todo-item .profile-todo-title {
        color: #525866;
    }

    .dashboard-profile-todo-item .profile-todo-description {
        font-size: 12px;
        color: #868C98;
    }

    .dashboard-profile-todo-item .profile-tod-cta a {
        font-size: 12px;
        height: 28px;
        padding-top: 5px;
    }

    .dashboard-business-manager-container .stat-label {
        font-size: 14px;
    }

    .dashboard-business-manager-container .dashboard-stat-box {
        padding-left: 30px;
        padding-right: 30px;
    }

    .dashboard-business-manager-container .stat-figure{
	    padding-top: 5px;
    }

    #tip-box-modal-content .ml-60 {
        margin-left: 0 !important;
    }

    .price-breakdown-tip-modal .modal-content {
        background-color: unset;
    }

    .price-breakdown-tip-modal .modal-content .modal-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .price-breakdown-tip-modal .modal-content .modal-body .tip-box {
        max-width: unset;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .ready-to-join-form-container .form-field .input-error-icon {
        right: 16%;
    }

    .why-roomscout{
        margin-top: 150px;
    }

    .why-item-paragraph{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px;
    }

    .renter-how-it-works{
        margin-top: 50px;
        padding-bottom: 50px;
    }
    .ready-to-request{
        margin-bottom: 30px;
    }
    .key-feature-item{
        height: 411px;
        margin-bottom: 30px;
    }
    .key-feature-image{
        height: 49%;
        background-position: center bottom;
        background-size: contain;
    }
    .key-feature-info{
        height: 51%;
    }
    .how-it-works-step-trail{
        width: 64px;
        margin: auto;
        height: 550px;
        margin-bottom: 20px;
    }
    .how-it-works-step-trail .step{
        height: 90px;
    }
    .how-it-works-step-trail .step img{
        width: 85%;
        margin: auto;
    }
    .step-arrow{
        width: 15px!important;
    }
    .schedule-inspections-image{
        background-image: url('../images/schedule-inspections-mobile.svg');
    }
    .schedule-inspections{
        border-top-left-radius: 0;
        border-bottom-right-radius: 22px;
        padding-top: 30px;
    }
    .how-it-works-step-column{
        padding-left: 15px!important;
    }
    .how-it-works-steps{
        margin-left: 0;
    }
    .how-it-works-steps .step{
        margin-bottom: 30px;
        height: 300px;
    }
    .renter-request-form{
	    width: 100%;
	    margin-left: 0%;
    }
    .renter-request-form-cta button{
        width: 100%;
        margin-top: 30px;
    }
    .landing_page .form-wizard-progress-container img{
        display: none!important;
    }
    #previous-cta{
        display: none!important;
    }
    .budget-range-box{
        padding: 10px 10px;
    }
    .why-roomscout-items{
        margin-top: 50px;
    }
    .ready-to-join-form-container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .ready-to-join-form-container h3{
        font-size: 36px;
        font-weight: bold;
        width: 95%;
    }
    #waitlistModal #wait-list-confirmation h4{
        font-size: 36px;
    }

    .agent_landing_page .hero-left{
	width: 100%!important;
    padding-top: 20px!important;
}

.agent_landing_page .hero-right{
	width: 100%!important;
    padding-top: 50px!important;
}

.agent-preview-section{
    margin-bottom: 50px;
}

.agent-key-feature-item .agent-key-feature-image{
    height: 340px;
    background-size: auto 90%;
}

.the-faqs .faq-footer-pattern img{
    height: 63px;
}

.agent-key-feature-item .key-feature-paragraph{
    font-size: 16px;
}

.renter-making-money{
    width: 100%;
}

.why-roomscout .header{
    padding-top: 20px;
}

.landing_page .box{
    width: 100%;
}
.landing_page .box .listing-info{
    width: 95%;
    padding-top: 10px;
}

}

/** Mobile query end **/