.sidebarmob {height: 100vh;background-color: #ffffff;color: #000;padding: 20px;position: fixed;top: 0;left: -250px;width: 250px;transition: all 0.3s ease-in-out;z-index: 999;padding-top: 23%;
box-shadow: 2px 1px 9px #ccc;}
.sidebarmob.open {left: 0;}
.sidebarmob a {color: #000;text-decoration: none;display: block;margin: 2px 0;}
.sidebarmob a:hover {text-decoration: none;color: #eb2a25;}
button#sidebarToggle {position: fixed;right: 12px;top: 26px;z-index: 9999;border: solid 1px #eb2a25;border-radius: 5px;line-height: 14px;}
button#sidebarToggle i {font-size: 22px;top: 5px;}
.modal { z-index: 9999!important;}




@media only screen and (min-width:1024px) and (max-width: 1280px)  {
.table-responsive {display: block;width: 100%;overflow-x: scroll !important;}

}



@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.gallery-right {display: none !important;}    
 .text-wrap {white-space:nowrap!important;}   
.facilitytable td .text-wrap { white-space: nowrap !important;width: auto !important;}
.table-bordered td .text-wrap { white-space: nowrap !important;width: auto !important;}
#facility .table-bordered td{ white-space: nowrap !important;}
.editmain form {padding: 20px 20px!important;}
.table-responsive {display: block;width: 100%;overflow-x: scroll !important;} 
 button#sidebarToggle{ display: none;}
.profilepicbox {margin-bottom: 35px !important;}
.payment-methods {display: block;}
.payment-form .form-row {flex-direction: column;}
.payment-form .form-row input {width: 100%;}
.payment-methods span {padding: 0 !important;}
.payment-methods img {width: 100%;}
.column select {margin-bottom: 20px;}
.table-responsive {display: block;width: 100%;overflow-x: scroll !important;}
.modal-dialog.filter-blogs {max-width: 85%;}
.thank-you-section {border: none !important;margin: 0px !important;padding: 0px !important;width: 100% !important;}
.box-inner-bx { height: auto;margin-bottom: 26px;width: 100%;float: left;}
.inputblock {width: 47%;float: left;margin-right: 10px;}
.addpd {margin-top: 2px !important;float: right;margin-bottom: 18px;}
.removebutsec {width: 94%;margin-bottom: 20px;}
.addpd2 {margin-top: 2px !important;float: right;margin-bottom: 18px;}
.facility-inner-bxx span.hotal-img {height: auto;}
.morephotos {margin-bottom: 36px;}

.main-section.message-host2 {margin: 0 auto;max-width: 100%;width: 90%;}
.sticky-top {top: 74px !important;}
.profileinfotab .nav-tabs .nav-link:focus, .nav-tabs .nav-link {padding: 10px 28px!important;}
.hostpnl .profildetails, .hostpnl .profilepicbox {height: auto;}
.main-image {height: auto!important;}
.gallerybox .gallery-right img {height: auto!important;}
.property-info {padding: 20px 0 40px 0;}
.stat-box {margin-bottom: 15px!important;}
.iconbox {width: 44px!important;height: 44px!important;font-size: 23px!important;padding-top: 4px!important;}
.stat-box p {margin-bottom: 0!important;}
.selectavailability {width: 40%;padding-top: 18px;}
.facilitytable .text-wrap { white-space: nowrap !important;}
.more-photos button {padding: 6px 13px;font-size: 13px;}
.more-photos {bottom: 16px!important;right: 20px!important;}
}



@media (min-width: 480px) and (max-width: 767px)  {
 .table-striped td.text-wrap { white-space: nowrap !important;}
.table-bordered td .text-wrap { white-space: nowrap !important;}
#facility .table-bordered td{ white-space: nowrap !important;}
.facilitytable .table-bordered td.text-wrap { white-space: nowrap !important;}
.editmain form {padding: 20px 20px!important;}   
.stat-box {margin-bottom: 15px!important;}
.modal-dialog.filter-blogs {max-width: 85%;}.thank-you-section {border: none !important;margin: 0px !important;padding: 0px !important;width: 100% !important;}
.box-inner-bx { height: auto;margin-bottom: 26px;width: 100%;float: left;}
.column.profile-photo {max-width: 100%;}
.main-section.message-host2 {margin: 0 auto;max-width: 100%;width: 90%;}
.payment-methods {display: block;}
.payment-form .form-row {flex-direction: column;}
.payment-form .form-row input {width: 100%;}
.payment-methods span {padding: 0 !important;}
.payment-methods img {width: 100%;}
.row.fchng-row {flex-direction: column;gap: 2px;}
.morephotos {margin-bottom: 36px;}
.sidebar {display: none;}
button#sidebarToggle {display: block !important;top: 19px;padding: 6px;} 
.user-info { margin-right:25px;}
.logo img {width: 80%;}
.inputblock select {margin-bottom: 13px;}
.inputblock {width: 100%;float: left;margin-right: 0;}
#rent-per-hour-container {margin-left: 0;padding: 0px 15px;}
.addpd {margin-top: 2px !important;float: right;margin-bottom: 18px;}
.removebutsec {width: 94%;margin-bottom: 20px;}
.addpd2 {margin-top: 2px !important;float: right;margin-bottom: 18px;}
.headindtab h3 {font-size: 16px;}
.headindtab button { font-size: 12px;}
.facility-inner-bxx span.hotal-img {height: auto;}
.profilepicbox {margin-bottom: 34px !important;}
.thank-you-section {padding-top: 20px;padding-left: 10px;padding-right: 10px;border-radius: 10px;padding-bottom: 50px;margin-bottom: 50px; width: 100%;}
.box-inner-bx {margin-bottom: 25px;}
.thank-you-section h2 {font-size: 22px;line-height: 33px;}
.row.add-line {flex-direction: column;}
.row.chng-row{flex-direction: column;}
.column select { margin-bottom: 20px;}
.addnewfacility select {margin-bottom: 16px;}
.up-row {display: flex;justify-content: center;}
.dashbord h1 {font-size: 22px;text-align: center;line-height: 30px;}
.profileinfotab .nav-tabs .nav-link:focus, .nav-tabs .nav-link {padding: 6px 9px;}
.hostpnl .profildetails, .hostpnl .profilepicbox {height: auto;}
.main-image {height: auto!important;}
.gallerybox .gallery-right img {height: auto!important;}
.property-info {padding: 20px 0 40px 0;}
.iconbox {width: 44px!important;height: 44px!important;font-size: 23px!important;padding-top: 4px!important;}
.stat-box p {margin-bottom: 0!important;}
.summary-blok .lablename {width: 100%!important;}
.summary-blok .lablevelue {width: 100%!important;}
.selectavailability {width: 40%;padding-top: 18px;}
.gallery-right {display: none !important;}
.more-photos button {padding: 6px 13px;font-size: 13px;}
.more-photos {bottom: 16px!important;right: 20px!important;}
.propertyinfo-top .leftpart {margin-bottom: 13px;margin-right: 0px;}

}


@media (min-width: 320px) and (max-width: 480px)  {
    .table-striped td.text-wrap { white-space: nowrap !important;}
#facility .table-bordered td{ white-space:nowrap!important;}
.facilitytable .table-bordered td.text-wrap { white-space: nowrap !important;}
.selectavailability {width: 40%;padding-top: 18px;}
.table-bordered td .text-wrap { white-space: nowrap!important;width: auto!important;}
.editmain form {padding: 20px 20px!important;}  
.stat-box {margin-bottom: 15px!important;}
.modal-dialog.filter-blogs {max-width:100%;}
.thank-you-section {border: none !important;margin: 0px !important;padding: 0px !important;width: 100% !important;}
.box-inner-bx { height: auto!important;margin-bottom: 26px;width: 100%;float: left;}
.summary-blok .lablename {width: 100%;}.summary-blok .lablevelue {width: 100%;}
.column.profile-photo {max-width: 100%;}
.payment-methods {display: block;}
.payment-form .form-row {flex-direction: column;}
.payment-form .form-row input {width: 100%;}
.payment-methods span {padding: 0 !important;}
.payment-methods img {width: 100%;}
.main-section.message-host2 {margin: 0 auto;max-width: 100%;width: 90%;}

.column select { margin-bottom: 20px;}
.addnewfacility select {margin-bottom: 16px;}
.sidebar {display: none;}
button#sidebarToggle {display: block !important;top: 19px;padding: 6px;} 
.user-info { margin-right: 19px;white-space: nowrap;}
.logo img {width: 80%;}
.inputblock select {margin-bottom: 13px;}
.inputblock {width: 100%;float: left;margin-right: 0;}
#rent-per-hour-container {margin-left: 0;padding: 0px 15px;}
.addpd {margin-top: 2px !important;float: right;margin-bottom: 18px;}
.removebutsec {width: 94%;margin-bottom: 20px;}
.addpd2 {margin-top: 2px !important;float: right;margin-bottom: 18px;}
.headindtab h3 {font-size: 16px!important;}
.headindtab button { font-size: 12px;}
.facility-inner-bxx span.hotal-img {height: auto;}
.profilepicbox {margin-bottom: 34px !important;}
.thank-you-section {padding-top: 20px;padding-left: 10px;padding-right: 10px;border-radius: 10px;padding-bottom: 50px;margin-bottom: 50px;width: 100%;}
.box-inner-bx {margin-bottom: 25px;}
.thank-you-section h2 {font-size: 22px;line-height: 33px;}
.row.add-line {flex-direction: column;gap: 3px;}
.morephotos {margin-bottom: 36px;}
.dashbord h1 {font-size: 22px!important;text-align: center;line-height: 30px;}
.profileinfotab .nav-tabs .nav-link:focus, .nav-tabs .nav-link {padding: 6px 9px;}
.hostpnl .profildetails, .hostpnl .profilepicbox {height: auto;}
.main-image {height: auto!important;}
.gallerybox .gallery-right img {height: auto!important;}
.property-info {padding: 20px 0 40px 0!important;}
.iconbox {width: 44px!important;height: 44px!important;font-size: 23px!important;padding-top: 4px!important;}
.stat-box p {margin-bottom: 0!important;}
.summary-blok .lablename {width: 100%!important;}
.summary-blok .lablevelue {width: 100%!important;}
.gallery-right {display: none !important;}
.more-photos button {padding: 6px 13px;font-size: 13px;}
.more-photos {bottom: 16px!important;right: 20px!important;}
.propertyinfo-top .leftpart {margin-bottom: 13px;margin-right: 0px;}

}