@media only screen and (max-width: 1024px) {
  .padtb-50{padding-top: 20px;padding-bottom: 20px;}
  .top-part{padding: 0 15px;overflow-y: auto;max-height: calc(100vh - 260px);}
  .container{max-width: 100%;}
  .pad-top-50{padding-top: 20px;}
  .tab_section .nav.nav-tabs{background: transparent;border-radius: 0;display: flex;flex-wrap: wrap;}
.tab_section .nav-tabs .nav-item{border: none;margin-bottom: 10px;}
.tab_section .nav-tabs .nav-link{background: #fff;border-radius: 25px;box-shadow: 0 0 5px rgba(0,0,0,0.2);padding: 7px 0.5rem;}
.tab_section .nav-tabs .nav-item:first-child .nav-link,.tab_section .nav-tabs .nav-item:last-child .nav-link{border-radius: 25px;}
.tab_1,.tab_2,.tab_3,.tab_4,.tab_5,.tab_6{width: 24%;margin-right: 1%;}
.modal-xl{max-width: 90%;}
.Rental_success{width: 96%;}
.scroll_outer {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.large_scroll_inner {
  width: 1430px;
}

}

@media only screen and (max-width: 991px) {
.tab_section .nav-tabs .nav-link{font-size: 14px;}
.btn-primary,.btn-outline-primary{min-width: 100px;font-size: 13px;font-weight: 500;}
.total-details{margin: 0;}
.multi_tenant_table{height: 700px;}
.scroll_sec{max-height: calc(100vh - 161px);}
.table_outer, .scroll_outer {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
}
  
  
@media only screen and (max-width: 768px) {
.row-with-padding {padding-top: 15px;padding-bottom: 15px;font-size: 12px;box-shadow:0px 0px 5px rgba(0,0,0,0.3);margin: 15px 0;border-radius: 8px;}
.button-active,.button-inactive{height: auto;width: 33.3%;border-radius: 5px;}
.inventory-Head-webrate {display:none !important;}
.inventory-Head-instore {display: none !important;}
.total-details{margin:5px 0;width: 100%;}
.unitsize-label label{font-size:12px;}
.my-nav-link-contactinfo {padding: 18px;}
.tab_section .nav.nav-tabs{background: transparent;border-radius: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.tab_1,.tab_2,.tab_3,.tab_4,.tab_5,.tab_6{width: 32%;}
.tab_section .nav-tabs .nav-item{border: none;margin-bottom: 10px;}
.tab_section .nav-tabs .nav-link{background: #fff;border-radius: 25px;box-shadow: 0 0 5px rgba(0,0,0,0.2);padding: 7px 0.5rem;}
.tab_section .nav-tabs .nav-item:first-child .nav-link,.tab_section .nav-tabs .nav-item:last-child .nav-link{border-radius: 25px;}
.top-header-add{padding: 15px 20px;}
.form-control,.unitsize-label {height: calc(1.85em + .75rem + 2px);font-weight: 500;font-size: 13px;}
.has-float-label label, .has-float-label > span{font-size: 11px;}
.form-group-pad-top {margin-top: 15px;}
.pure-material-checkbox span{font-size: 14px;}
.btn_qty{width: 38px;height: 38px;}
.table td, .table th{padding: 5px .75rem;}
.fg-padding {padding-top: 7px;padding-bottom: 7px;}
.has-float-label .form-control:placeholder-shown:not(:focus) + * {font-size: 14px;top: 13px;margin: 0;}
#accordionUserdetails .card .card-header .btn-link.collapsed {padding: 10px 15px;font-size: 16px;}
#accordionUserdetails .card .card-header .btn-link {color: #000;padding: 10px 15px;font-size: 16px;}
.market_list h1{font-size: 16px;}
.pad-top-50 {padding-top: 20px;}
.padtb-50{padding: 20px 0;}
.Esignature_out {padding: 20px 0px;display: inline-block;}
.signature_steps i{font-size: 40px;}
.pay_det{padding: 0;}
.Rental_success h2{font-size: 30px;}
.successcol{padding-top: 25px;padding-bottom: 25px;}
.tab-body{padding-bottom: 15px;}
.thumbnail h4{font-size: 18px;padding: 5px;}
.top-part{margin: 10px 0 0 0;max-height: calc(100vh - 290px);}
.unitsize-label{margin-top: 25px;}
input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    height: 38px !important;font-size: 13px;}
.bottom_button_section {justify-content: flex-end;}
.thumbnail{margin-bottom: 20px;}
.btn-block.add_merchandise{width: auto;}
.modal-xl{max-width: 94%;}
.Rental_success .col-lg-9 p{margin-bottom: 10px !important;}
.detail_pay ul li p, .detail_pay ul li b{width: 50%;}
.logo{
  width: 100%;
} 
.logo .logo{max-width: 95%;}
#accordionUserdetails .card .card-header .btn-link.collapsed,#accordionUserdetails .card .card-header .btn-link{display: inline-block;}
.third_party_payment{display: inline-block;height: 275px !important;}
.temp-signature-box-with-padding{padding: 0;}
.confirmbox{margin-top: 20px}
.phone-resp{margin: 9px 0px 0px 0px;padding: 0}
.follow-item-container{padding: 20px 0px 8px;}
.temp-signature-box canvas{width: 100%;height: 159px;}
.signature_header_rgt{display: flex;}
.scroll_sec {min-height: calc(100vh - 275px);}
.top_table{display: none;}
/* Force table to not be like tables anymore */
.bottom_table,.bottom_table thead,.bottom_table tbody,.bottom_table th,.bottom_table td,.bottom_table tr {display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
.bottom_table thead tr {position: absolute;top: -9999px;left: -9999px;}
.bottom_table tr { border: 1px solid #ccc !important;margin-bottom: 10px;box-shadow: none !important; }
.bottom_table td {border: none;border-bottom: 1px solid #ccc;position: relative;padding-left: 50%;min-height: 49px;text-align: left !important;}
.bottom_table td:before {position: absolute;top: 9px;left: 15px;width: 45%;padding-right: 15px;white-space: nowrap;font-weight: bold;}
.bottom_table td::after{position: absolute;content: ":";left: 47%;top: 10px;}
/*Label the data*/
.bottom_table td:nth-of-type(1):before { content: "Account #"; }
.bottom_table td:nth-of-type(2):before { content: "Customer Name"; }
.bottom_table td:nth-of-type(3):before { content: "Address"; }
.bottom_table td:nth-of-type(4):before { content: "Phone #"; }
.bottom_table td:nth-of-type(5):before { content: "City"; }
.bottom_table td:nth-of-type(6):before { content: "State"; }
.multi_tenant_table{height: auto;margin: 0px 0px 0px 0px;}
}
  
  
@media only screen and (max-width: 736px) {
.bottom_button_section,.flex_button{justify-content: space-between;display: flex;}    
.total-details{padding: 5px;}
.Rental_success{width: 100%;}
.Rental_success img{max-height: 60px;}
.Rental_success h2{font-size: 22px;}
.top-part{max-height: inherit;padding: 0;}
.flex_button .btn-primary,.bottom_button_section .btn-primary,.bottom_button_section .btn-outline-primary{width: 48%;margin: 0;}
.scroll_outer{overflow-x: auto;}
.scroll_inner_small{width: 700px;}
#accordionUserdetails .card .card-header .btn-link.collapsed,#accordionUserdetails .card .card-header .btn-link,.demographic_list h6{font-size: 14px;}
.selectbox_option,.checkbox_option{width: 100%;margin: 0;}
.modal_600, .modal_900{max-width: 94%;}
#CPNIFrame h1{margin: 0;font-size: 20px;padding-bottom: 10px;}
.modal-title{font-size: 16px;}
#responseCodeLabel,#requestAmountLabel,#approvedAmountLabel,#orderIdLabel,#transactionTypeLabel,#bankApprovalCodeLabel,#responseCodeTextLabel{display: inline-block;width: 175px;font-weight: bold;}
span.labelColon {float: right;margin: 0 3px;}
.temp-signature-box,canvas{width: 100%;height: 159px;}
.bottom_button_section.signature_sec_but{justify-content: flex-end;}
.top-header-add{padding: 10px 20px;}
.logo .logo{max-width: 190px;}
.tab_section .nav-tabs .nav-link{padding: 5px 0.5rem;}
.scroll_sec {max-height: calc(100vh - 173px);}
.bottom_table td, .unit_bot_table td{padding-left: 42%;padding-top: 5px;padding-bottom: 5px;min-height: 32px;font-size: 13px;text-align: left !important;}
.bottom_table td:before, .unit_bot_table td:before{width: 40%;top: 6px;}
.bottom_table td::after, .unit_bot_table td::after{left: 40%;top: 5px;}
.table_outer, .scroll_outer {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

}
  
@media only screen and (max-width: 420px) {
.bottom_button_section,.flex_button{justify-content: space-between;}
.flex_button .btn-primary,.bottom_button_section .btn-primary,.bottom_button_section .btn-outline-primary,.bottom_button_section .btn{width: 49%;margin:0;}
.tab_1,.tab_2,.tab_3,.tab_4,.tab_5,.tab_6{width: 49%;}
.logo i{font-size: 40px;}
.logo h1 {font-size: 16px;line-height: 20px;}
.top-header-add {padding: 10px 15px;border-radius: 15px;}
.thumbnail h4{font-size: 16px;}
.button-active,.button-inactive{width: 100%;border-radius: 0;}
.btn-block.add_merchandise{width: 100%;}
.scroll_sec {min-height: calc(100vh - 230px);}
.bottom_table td, .unit_bot_table td{padding-left: 50%;text-align: left !important;}
.bottom_table td:before, .unit_bot_table td:before{left: 8px;}
.bottom_table td::after, .unit_bot_table td::after{left: 45%;}
}


@media only screen and (max-width: 359px) {
  .diverLicenlabel {
    top: -1.1em !important;
  }
}

  @media only screen and (max-width: 320px) {
    .tab_section .nav-tabs .nav-link {font-size: 12px;}
  }