/** tablet query **/

@media only screen and (max-device-width: 1024px) {
    .hero-left h2 {
        font-size: 30px;
        line-height: 33.5px;
    }

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

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

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

    .waitlist_info button{
        font-size: 18px;
    }
}

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

    .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;
        max-width: 100px;
    }

    .navigation-block .nav-item {
        margin-top: 5px;
    }

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

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

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

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

    .desktop-only {
        display: none;
    }


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

    .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;
    }

    .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;
    }

    .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; */
    }

    .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;
    }

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

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

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

    .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);
    }

    .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: 60px;
    }

    .hero-left h2 {
        font-size: 28px;
        font-weight: bold;
        padding-top: 70px;
        line-height: 32.2px;
        margin-bottom: 10px;
    }

    .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;
    }

    .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: left;
    }

    .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;
    }

    .why-roomscout h2 {
        font-size: 33px;
        /* padding-top: 50px; */
    }

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

    .why-roomscout .why-item-text {
        padding-top: 35px;
        padding-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;
    }
    .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: -250px;
    }

    .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: 50%;
    }

    .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{
        padding-top: 40px;
        max-width: 93%;
    }

    .making-money .container {
        max-width: 100%;
    }

    #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;
    }

    #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;
    }

    .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;
    }
    .how-it-works-steps{
        margin-left: 0;
    }
    .ready-to-request{
        margin-bottom: 30px;
    }
    .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;
    }
    #waitlistModal #wait-list-confirmation h4{
        font-size: 36px;
    }

}

/** Tablet query end **/