/* Start - Responsiveness using min-width */
@media screen and (min-width:401px) {
	#type, #newtrans\:type, #trans-compl\:type, #image-view\:type {
		min-width: 300px !important;
	}
}

@media screen and (min-width:381px) {
	.respoDefaultInput, .respoDefaultMenu {
		width: 300px !important;
	}
}

@media screen and (min-width:201px) {
	.respo-up-att {
		width: 100% !important;
		min-width: 100% !important;
	}
}
/* End - Responsiveness using min-width */

/* Start - Responsiveness using max-width */
@media screen and (max-width:1350px) {
	#submit-trans\:submit-prompt.ui-dialog .ui-dialog-content {
		height: 400px !important;
	}
}

@media screen and (max-width:1200px) {
	.respoTinInput, .respoTin {
		width: 100% !important;
	}
	.respoAdmins table {
		table-layout: auto;
	}
	.middle_inner_trans {
		max-width: 98%;
		margin-left: 10px;
	}
	.guest-prof-container, .guest-attach-container,
		.respo_middle_inner_trans {
		overflow: auto !important;
		width: 100% !important;
	}
	.respo-new-gt {
		float: right;
		margin-left: 0px;
		width: 180px;
		height: 38px;
		padding: 6px 20px;
	}
	#view-trans-dl\:view-trans {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
	#view-trans-dl\:transactions-table.ui-datatable table {
		overflow: auto !important;
		table-layout: auto;
	}
}

@media screen and (max-width: 1190px) {
	.middle_inner {
		margin-left: 50px;
		padding-right: 50px;
	}
}

@media screen and (max-width: 1150px) {
	.middle_inner {
		padding-right: 50px;
	}
}

@media screen and (max-width: 1128px) {
	.middle_inner {
		margin-left: 50px;
		padding-right: 50px;
	}
}

@media screen and (max-width: 1120px) {
	.middle_inner {
		margin-left: 50px;
		padding-right: 85px;
	}
}

@media screen and (max-width: 1119px) {
	.middle_inner {
		max-width: 100%;
		margin: 0;
		padding: 20px;
	}
}

@media screen and (max-width: 1100px) {
	.respoTenants table {
		table-layout: auto;
	}
	.respo-change-pwd {
		overflow-y: auto !important;
	}
	.respo-dis {
		float: right;
		position: unset;
	}
	.auto-complete-guest-search .ui-inputfield {
		width: auto !important;
	}
}

@media screen and (max-width: 1061px) {
	.merge-select .not-verified-label, .merge-select .verified-label {
		width: 127px !important;
	}
}

@media screen and (max-width: 1050px) {
	#non-native-void-txn {
		width: 900px !important;
	}
}

@media screen and (max-width:1000px) {
	.respoNav .div-back-icon {
		width: 3.5%;
	}
	.respoNav .div-other-icon {
		width: 95.5%;
	}
	.respoDes {
		width: 400px !important;
	}
	.ttap-settings {
		width: 45% !important;;
	}
	.respo-change-pin {
		overflow-y: auto !important;
	}
}

@media screen and (max-width: 980px) {
	.uniondetails {
		margin-left: -236px;
	}
}

@media screen and (max-width:970px) {
	#header-new .respoMenu {
		width: 94% !important;
	}
	#header-new .respoLogout {
		width: 6% !important;
	}
	#header-new .trans-header {
		height: 125px !important;
		padding: 10px;
		border-bottom: 1px solid #E1E1E1;
	}
}

@media screen and (max-width:950px) {
	.respoguestIdBox {
		display: inline-block;
		margin-top: 10px;
	}
	#non-native-void-txn {
		width: 800px !important;
	}
}

@media screen and (max-width:900px) {
	.respoNav .div-back-icon {
		width: 4%;
	}
	.respoNav .div-other-icon {
		width: 95%;
	}
	.div-trans-home-link {
		width: 60%;
	}
	#page.ssnPage .display-flex {
		flex-direction: column;
	}
	#page.ssnPage #ssn-guest>div {
		width: 100% !important;
		height: auto !important;
	}
	#page.ssnPage .margin-left-150, #page.ssnPage .margin-top-40 {
		margin-left: 0 !important;
	}
	#page.ssnPage .ui-datatable, #page.ssnPage .ui-datatable-tablewrapper {
		width: 100% !important;
		max-width: 100% !important;
	}
	#page.ssnPage .ui-datatable-tablewrapper {
		display: block !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		padding-right: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
	#page.ssnPage .ui-datatable table {
		width: max-content !important;
		min-width: 860px !important;
	}
}

@media screen and (max-width:870px) {
	#gameDay .tgs-time, #gameDay .start-time {
		display: inline-grid;
		margin-bottom: 10px;
	}
	.respoAdmins {
		overflow-x: auto;
	}
}

@media screen and (max-width:860px) {
	.respo-div-prof {
		display: grid;
	}
	.respo-div-ln {
		margin-left: 0px !important;
		margin-top: 10px
	}
	#topAttire, #hair {
		width: auto !important;
	}
}

@media screen and (max-width: 850px) {
	#non-native-void-txn {
		width: 700px !important;
	}
	.imp-msg-icon-margin {
		margin-top: 5px;
	}
}

@media screen and (max-width:830px) {
	.respoAdmins table {
		table-layout: fixed;
	}
	.respoAdmins {
		width: 700px;
	}
}

@media screen and (max-width:820px) {
	#header-new .respoMenu {
		width: 90% !important;
	}
	#header-new .respoLogout {
		width: 8% !important;
	}
}

@media screen and (max-width:800px) {
	.respoNav .div-back-icon {
		width: 4.5%;
	}
	.respoNav .div-other-icon {
		width: 94.5%;
	}
	.middle_inner_trans {
		max-width: 96%;
		margin-left: 15px;
	}
	#newtrans\:view-ano-trans {
		width: 700px !important;
	}
}

@media screen and (max-width: 790px) {
	.imp-msg-icon-margin1 {
		margin-top: 5px;
	}
}

@media screen and (max-width: 770px) {
	.middle_inner {
		max-width: 100%;
		margin: 0;
		padding: 20px;
	}
	.respoTenants {
		overflow-x: auto;
	}
	.respoAdmins {
		width: 650px;
	}
}

@media screen and (max-width: 768px) {
	#page.ssnPage .ssn-verification-section {
		padding-right: 20px !important;
	}
	#page.ssnPage .discard-icon {
		position: static !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		margin-top: 10px;
		display: inline-flex !important;
	}
}

@media screen and (max-width: 750px) {
	#non-native-void-txn {
		width: 600px !important;
		height: auto !important;
		overflow: auto !important;
	}
	#newtrans\:agent-note {
		margin-top: 10px;
	}
	.guest-type-dropdown-new, .auto-complete-guest-search .ui-inputfield,
		.guest-search-btn {
		width: 100% !important;
	}
	.new-profile-container {
		margin-top: 20px;
	}
	.respo-inputgroup {
		display: grid;
	}
}

@media screen and (max-width:730px) {
	.respoTenants table {
		table-layout: fixed;
	}
	.respoTenants {
		width: 620px;
	}
}

@media screen and (max-width: 721px) {
	.div-guest-profile-details {
		overflow-x: hidden;
		position: relative;
	}
	.profile-deatils-div {
		clear: both;
		width: 100%;
		display: block;
	}
	.div-guest-profile-details .mr-25, .div-guest-profile-details .mr-15 {
		margin: 7px 10px 0 0;
	}
	.new-profile-title {
		display: block;
		font-size: 20px !important;
		line-height: 1.2;
		word-break: break-word;
		box-sizing: border-box;
	}
	.gt-plno-respo {
		position: absolute !important;
		top: 12px;
		right: 12px;
		z-index: 10;
		float: none !important;
		margin: 0 !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
		max-width: none !important;
	}
	.profile-deatils-div .ui-tabs, .profile-deatils-div .ui-tabs-panels,
		.profile-deatils-div .ui-tabs-panel {
		max-width: 100%;
		box-sizing: border-box;
	}
	.profile-deatils-div .ui-toolbar, .profile-deatils-div .ui-datatable-header,
		.profile-deatils-div .ui-datatable .ui-datatable-header {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px;
		flex-wrap: nowrap !important;
	}
	.profile-deatils-div .ui-toolbar>*, .profile-deatils-div .ui-datatable-header>*
		{
		flex: 0 0 auto !important;
		width: auto !important;
	}
	.profile-deatils-div .ui-commandlink, .profile-deatils-div .ui-button {
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
	}
	#mtllog\:messages3 td.guest-log-column-header>span.position-relative {
		top: 0 !important;
	}
}

@media screen and (max-width:720px) {
	#home .home-portal-links, #home .mtl-log-dash {
		height: auto;
	}
	#home .home-client-heading {
		gap: 15px;
	}
	.respoAdmins {
		width: 600px;
	}
}

@media screen and (max-width:715px) {
	#header-new .respoMenu.ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem {
		display: inline-flex;
	}
	#view-trans-dl\:view-trans {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media screen and (max-width:700px) {
	.respoNav .div-back-icon {
		width: 5%;
	}
	.respoNav .div-other-icon {
		width: 94%;
	}
	.ttap-settings {
		width: 75% !important;;
	}
	.respoTenants {
		width: 570px;
	}
	.div-trans-home-link {
		width: 70%;
	}
	#tincheck, #ofaccheck {
		width: 550px !important;
		height: 200px !important;
	}
	#upload-attach, #newtrans\:upload-attach, #trans-compl\:upload-attach,
		#image-view\:upload-attachement {
		width: 550px !important;
		height: 250px !important;
		overflow: auto !important;
	}
	.respo-atta-btns {
		display: grid;
		align-items: center;
		gap: 10px;
		justify-content: center;
	}
	.respo-atta-btn {
		margin-left: 0px !important;
		margin-bottom: 20px !important;
	}
	.respo-div-att {
		display: grid;
	}
	#type, #att-file, #newtrans\:type, #trans-compl\:type, #image-view\:type,
		#newtrans\:att-file, #trans-compl\:att-file, #image-view\:att-file {
		width: 100% !important;
	}
	#att-file .ui-fileupload-buttonbar .ui-button, #newtrans\:att-file .ui-fileupload-buttonbar .ui-button,
		#trans-compl\:att-file .ui-fileupload-buttonbar .ui-button,
		#image-view\:att-file .ui-fileupload-buttonbar .ui-button {
		width: 40% !important;
		padding: 0px;
	}
	#att-file .ui-fileupload-buttonbar .ui-button .ui-button-text,
		#newtrans\:att-file .ui-fileupload-buttonbar .ui-button .ui-button-text,
		#trans-compl\:att-file .ui-fileupload-buttonbar .ui-button .ui-button-text,
		#image-view\:att-file .ui-fileupload-buttonbar .ui-button .ui-button-text
		{
		display: inline-flex;
	}
	#att-file .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon,
		#newtrans\:att-file .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon,
		#trans-compl\:att-file .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon,
		#image-view\:att-file .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon
		{
		left: 20% !important;
	}
	#att-file .ui-fileupload-buttonbar .ui-button, #newtrans\:att-file .ui-fileupload-buttonbar .ui-button,
		#trans-compl\:att-file .ui-fileupload-buttonbar .ui-button,
		#image-view\:att-file .ui-fileupload-buttonbar .ui-button {
		width: 50% !important;
	}
	#newtrans\:view-ano-trans {
		width: 600px !important;
	}
}

@media screen and (max-width: 697px) {
	#ssn-form .newTransaction-subtext {
		margin-top: 43px !important;
	}
}

@media screen and (max-width: 688px) {
	.report-header-row {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 6px;
	}
	.report-title, .report-right-block {
		float: none !important;
		width: auto;
	}
	.report-title {
		flex: 1 1 100%;
		font-size: 18px !important;
		margin: 0;
	}
	.report-right-block {
		flex: 1 1 100%;
		margin: 0;
	}
	.report-daytime {
		font-size: 15px !important;
		top: 0 !important;
		margin: 0 0 4px 0;
		line-height: 1.3;
		white-space: normal;
		word-break: break-word;
	}
	.report-header-row+br, .report-header-row+br+br {
		display: none;
	}
}

@media screen and (max-width:670px) {
	.respoAdmins {
		width: 550px;
	}
}

@media screen and (max-width: 650px) {
	.respo-div {
		display: grid;
	}
	#non-native-void-txn {
		width: 500px !important;
	}
}

@media screen and (max-width: 640px) {
	.respoTenants {
		width: 520px;
	}
	.merge-grid-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.merge-grid-scroll .ui-panelgrid, .merge-grid-scroll table {
		min-width: 640px;
	}
	.merge-grid-scroll .margin-left-30px {
		white-space: nowrap;
	}
	#bottom-btns-container .next-btn-container {
		display: flex;
		justify-content: center;
		gap: 12px;
		flex-wrap: wrap;
		padding: 12px 10px;
		height: 105px;
	}
	#bottom-btns-container .float-right, #bottom-btns-container .float-left
		{
		float: none !important;
	}
	#bottom-btns-container .cancel-merge-btn, #bottom-btns-container .merge-profiles-btn
		{
		position: static !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		top: auto !important;
		margin: 0 !important;
	}
	#bottom-btns-container .next-btn-container a, #bottom-btns-container .next-btn-container .ui-commandlink
		{
		display: inline-block;
	}
	#mtllog\:edit-imp-note, 
	#mtllog\:bar-dialog,
	#merge-dialog\:merge-prompt  {
	 	width: 95vw !important;
	 	height: auto !important;
	}
	#mtllog\:bar-dialog .edit-attach-dropDown {
		width: 100% !important;
	}
	#mtllog\:verifyGuest {
	 	width: 95vw !important;
	}
	#mtllog\:addGuestNote1{
		width: 100% !important;
		box-sizing: border-box !important;
	}
}

@media screen and (max-width: 625px) {
	#page.ssnPage .total-score-container {
		width: 398px;
	}
}

@media screen and (max-width:620px) {
	.respoAdmins {
		width: 500px;
	}
	.uniondetails {
		margin-left: -420px;
		width: 50%;
	}
}

@media screen and (max-width:600px) {
	.respoNav .div-back-icon {
		width: 6%;
	}
	.respoNav .div-other-icon {
		width: 93%;
	}
	.respo-newUser, .respo-remove, .respo-delete-email {
		width: 500px !important;
	}
	.respo-change-pwd {
		width: 500px !important;
		height: 400px !important;
	}
	.respo-change-pwd-btns, .respo-timer-btns {
		display: grid;
		align-items: center;
		gap: 10px;
		justify-content: center;
	}
	.respo-change-btn, .respo-del-btns, .respo-up-att-btns {
		margin-left: 0px !important;
	}
	.timer-dialog {
		width: 500px !important;
		height: auto !important;
	}
	.respo-keep-btn {
		padding: 7px 10px !important;
		margin-left: 20px;
	}
	.middle_inner_trans {
		max-width: 94%;
	}
	#void-txn, #newtrans\:view-ano-trans {
		overflow-y: auto !important;
		width: 500px !important;
		height: 300px !important;
	}
	#tincheck, #ofaccheck, #upload-attach, #newtrans\:upload-attach,
		#trans-compl\:upload-attach, #image-view\:upload-attachement {
		width: 450px !important;
	}
	.respo-dis {
		margin-top: 10px;
	}
	.respo-new-div {
		display: inline-grid;
	}
	#discard-dialog\:discard-prompt, #attachProcess\:delete-attach,
		#update-attchment\:edit-attach, #update-attchment\:edit-attach,
		#mtllog\:guesttab\:edit-attach, #attachProcess\:delete-attach,
		#mtllog\:guesttab\:delete-attach {
		width: 500px !important;
	}
	.trans-amount-input {
		width: 300px !important;
	}
}

@media screen and (max-width:590px) {
	#header-new .trans-header {
		height: 170px !important;
	}
	.respoTenants {
		width: 470px;
	}
}

@media screen and (max-width:570px) {
	#gameDay .tgs-time, #gameDay .start-time {
		display: inline-flex;
	}
	#gameDay .div-start-time-margin {
		margin: 0px 25px 0 5px;
	}
	#gameDay .margin-timezone-act, #gameDay .margin-timezone-dis {
		margin: 3px 0px 0px 0px;
	}
	.respoAdmins {
		width: 450px;
	}
	.respo-gt-pno {
		margin: 10px;
	}
}

@media screen and (max-width:550px) {
	#home .respoIcon {
		display: grid;
	}
	.div-trans-home-link {
		width: 100%;
	}
	#non-native-void-txn {
		width: 400px !important;
	}
	.respo-non-btns {
		display: grid;
		align-items: center;
		gap: 10px;
		justify-content: center;
	}
	.respo-non-btn {
		margin-left: 0px !important;
		margin-bottom: 20px !important;
	}
	.exp-csv-btns {
		flex-wrap: wrap;
	}
	.exp-csv-btns .exp-btn {
		flex-basis: 200px;
	}
}

@media screen and (max-width: 542px) {
	.respo-font-32 {
		font-size: 25px !important;
	}
}

@media screen and (max-width: 540px) {
	.respoTenants {
		width: 430px;
	}
}

@media screen and (max-width:530px) {
	#footer .footer_nav>li {
		display: table-footer-group;
	}
}

@media screen and (max-width:520px) {
	.respoAdmins {
		width: 400px;
	}
}

@media screen and (max-width: 515px){
  .respo-info-grid,
  .respo-info-grid tbody,
  .respo-info-grid tr,
  .respo-info-grid td {
    display: block;
    width: 100%;
    border: none;
  }
}

@media screen and (max-width:500px) {
	.respoNav .div-back-icon {
		width: 7%;
	}
	.respoNav .div-other-icon {
		width: 92%;
	}
	#dialogs\:add-admin, #add-user, #userRole {
		width: 100vw !important;
	}
	#dialogs\:add-admin .content, #add-user .content, #userRole .content {
		padding: 8px;
	}
	.ttap-settings {
		width: 90% !important;;
	}
	.respoTenants {
		width: 400px;
	}
	.respo-newUser, .respo-remove, .respo-delete-email {
		width: 400px !important;
	}
	.respo-delete-email {
		height: auto !important;
	}
	.respo-delete-email-btn {
		display: grid;
		gap: 10px;
		align-items: center;
		float: none;
	}
	.respo-change-pwd, .timer-dialog, #void-txn,
		#discard-dialog\:discard-prompt, #attachProcess\:delete-attach,
		#update-attchment\:edit-attach, #newtrans\:view-ano-trans,
		#update-attchment\:edit-attach, #mtllog\:guesttab\:edit-attach,
		#attachProcess\:delete-attach, #mtllog\:guesttab\:delete-attach {
		width: 400px !important;
	}
	#tincheck, #ofaccheck {
		width: 380px !important;
		height: 250px !important;
	}
	#upload-attach, #newtrans\:upload-attach, #trans-compl\:upload-attach,
		#image-view\:upload-attachement {
		width: 350px !important;
	}
	#att-file .ui-fileupload-buttonbar .ui-button, #newtrans\:att-file .ui-fileupload-buttonbar .ui-button,
		#trans-compl\:att-file .ui-fileupload-buttonbar .ui-button,
		#image-view\:att-file .ui-fileupload-buttonbar .ui-button {
		width: 70% !important;
	}
}

@media screen and (max-width: 497px) {
	#page.ssnPage .total-score-container {
		width: 286px;
	}
	#page.ssnPage .totalscore-lbl-margin {
		margin-left: 13px;
	}
}

@media screen and (max-width: 480px) {
	.new-profile-title {
		font-size: 18px !important;
	}
	.gt-plno-respo {
		font-size: 13px;
		padding: 4px 10px;
	}
}

@media screen and (max-width: 470px) {
	.respoTenants, .respoAdmins {
		width: 350px;
	}
	#header .trans-header {
		height: 125px !important;
		padding: 10px;
		border-bottom: 1px solid #E1E1E1;
	}
	#header .respoMenu {
		width: 85% !important;
	}
	#header .respoLogout {
		width: 10% !important;
	}
}

@media screen and (max-width:460px) {
	.loc-input, .respo-drop {
		width: 80% !important;
		min-width: 80% !important;
	}
	.respo-dt .ui-inputfield {
		width: 70% !important;
	}
	.respo-btn-can {
		margin-top: 20px !important;
	}
}

@media screen and (max-width:450px) {
	#header-new .respoLogout {
		width: 10% !important;
	}
	.respoNav .div-back-icon {
		width: 8%;
	}
	.respoNav .div-other-icon {
		width: 90%;
	}
	.respoTinHead, .respoguestIdHead {
		display: inline-grid;
	}
	.respoTinBtn, .respoguestIdBtn {
		margin-top: 10px;
	}
	.respo-new-gt {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 440px) {
	#page.ssnPage .ssn-option-container {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		height: auto !important;
		padding: 10px 12px !important;
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
	}
	#page.ssnPage .ssn-options-icon {
		position: static !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		font-size: 28px !important;
		flex: 0 0 auto !important;
	}
	#page.ssnPage .ssn-options-text {
		position: static !important;
		left: auto !important;
		right: auto !important;
		font-size: 14px !important;
		line-height: 18px !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		white-space: normal !important;
	}
	#page.ssnPage .ssn-tin-verified-label-font-size {
		font-size: 20px !important;
	}
}

@media ( max-width : 435px) {
	#ssn-form #ssn-header .new-transaction-title {
		font-size: 20px;
	}
	#ssn-form #ssn-header {
		flex-direction: column;
		align-items: flex-start;
	}
	#ssn-form #ssn-actions {
		width: 100%;
		justify-content: flex-start;
	}
	#ssn-form .ssn-input {
		margin-top: 3px;
	}
}

@media screen and (max-width: 433px) {
	.reports-home-tab-width {
		width: 156%;
	}
}

@media screen and (max-width: 420px) {
	.respoTenants, .respoAdmins, #non-native-void-txn {
		width: 300px;
	}
}

@media screen and (max-width:410px) {
	.respo-mb-15 {
		margin-bottom: 15px;
	}
	.add-cancel-admin-btns {
		flex-direction: column;
	}
	.add-cancel-admin-btns>.col-add-edit {
		width: 100%;
	}
	.add-cancel-admin-btns>.col-cancel {
		width: 100%;
		margin-top: 10px;
	}
	.respo-font-32 {
		font-size: 22px !important;
	}
}

@media screen and (max-width: 402px) {
	.respo-font-32 {
		font-size: 18px !important;
	}
}

@media screen and (max-width:400px) {
	.login-tab {
		width: 340px;
	}
	.respo-login-cont {
		width: 370px !important;
	}
	.respoNav .div-back-icon {
		width: 9%;
	}
	.respoNav .div-other-icon {
		width: 89%;
	}
	.respo-newUser, .respo-remove, .respo-delete-email {
		width: 300px !important;
	}
	.respo-Btn {
		display: grid;
	}
	.respo-change-pwd, .respo-change-pin, .timer-dialog, #void-txn,
		#upload-attach, #newtrans\:view-ano-trans, #newtrans\:upload-attach,
		#trans-compl\:upload-attach, #image-view\:upload-attachement {
		width: 300px !important;
	}
	.respo-change-pin-btns, .respo-void-btns, .respo-tin-btns,
		.respo-ofac-btns, .respo-dis-btns, .respo-del-btns, .respo-up-att-btns,
		.respo-ann-btns {
		display: grid;
		align-items: center;
		gap: 10px;
		justify-content: center;
	}
	.respo-change-btn, .respo-void-btn, .respo-dis-btn, .respo-del-btn,
		.respo-up-att-btn, .respo-ann-btn {
		margin-left: 0px !important;
	}
	.respo-ann-btn {
		left: 0px;
	}
	.middle_inner_trans {
		max-width: 92%;
	}
	#tincheck, #ofaccheck {
		width: 300px !important;
		height: 300px !important;
	}
	.respo-tin-btn, .respo-ofac-btn {
		margin-left: 0px !important;
		margin-bottom: 20px !important;
	}
	#type, #newtrans\:type, #trans-compl\:type, #image-view\:type {
		min-width: 200px !important;
	}
	#att-file .ui-fileupload-buttonbar .ui-button, #newtrans\:att-file .ui-fileupload-buttonbar .ui-button,
		#trans-compl\:att-file .ui-fileupload-buttonbar .ui-button,
		#image-view\:att-file .ui-fileupload-buttonbar .ui-button {
		width: 80% !important;
	}
	#discard-dialog\:discard-prompt {
		width: 300px !important;
		height: 200px !important;
	}
	.trans-amount-input, .trans-amount-input input {
		width: 200px !important;
	}
	.respo-trans-date .ui-inputfield {
		width: 165px !important;
	}
	.uniondetails {
		margin-left: -489px;
		width: 64%;
	}
	#page #mgrReviewFormArea .display-flex {
		max-width: 100% !important;
		padding: 0 10px;
	}
	#page #mgrReviewFormArea .mgr-field {
		max-width: 100% !important;
	}
	#page #mgrReviewFormArea .mgr-field .ui-selectonemenu, #page #mgrReviewFormArea input,
		#page #mgrReviewFormArea .ui-inputfield {
		width: 100% !important;
	}
	#discard-dialog\:discard-prompt .discard-dialog-actions {
		justify-content: center;
	}
	#discard-dialog\:discard-prompt .discard-dialog-actions .ui-button {
		width: 100%;
	}
	#attachProcess\:delete-attach, #update-attchment\:edit-attach,
		#update-attchment\:edit-attach, #mtllog\:guesttab\:edit-attach,
		#attachProcess\:delete-attach, #mtllog\:guesttab\:delete-attach {
		width: 300px !important;
		height: 200px !important;
		overflow-y: auto !important;
	}
	#page.ssnPage .guest-info-header-font-size {
		font-size: 16px !important;
	}
	#page.ssnPage .guestinfo-value-font-size {
		font-size: 14px !important;
	}
	#page.ssnPage .ui-datatable.ssnVerificationTable th {
		font-size: 13px;
	}
	#page.ssnPage .ui-datatable.ssnVerificationTable .ui-outputlabel .ui-outputlabel-label
		{
		font-size: 14px;
	}
}

@media screen and (max-width:390px) {
	#header-new .trans-header {
		height: 200px !important;
	}
	.respobtn {
		display: grid;
	}
	#quickNotes .cancel-changes-btn, #miscellaneous .cancel-changes-btn,
		#gameDay .cancel-changes-btn, #guestIdPrompts .cancel-changes-btn,
		#defaultSearch .cancel-changes-btn, #attachmentType .cancel-changes-btn,
		#tin-override .cancel-changes-btn {
		margin: 10px 0px !important;
	}
}

@media screen and (max-width: 384px) {
	#page.ssnPage .total-score-container {
		width: 206px;
	}
}

@media screen and (max-width:380px) {
	.respoDefaultHead, .respoNotesHead, .respoAttachHead {
		display: inline-grid;
	}
	.respoDefaultBtn, .respoAttachBtn, .respoNotesBtn {
		margin-top: 10px;
	}
	.respoDefault {
		width: 250px !important;
	}
	.respoDefaultInput, .respoDefaultMenu {
		width: 100% !important;
	}
	.ui-selectonemenu-panel {
		width: 220px !important;
	}
}

@media screen and (max-width: 373px) {
	.new-profile-title {
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
		hyphens: none !important;
	}
}

@media screen and (max-width: 370px) {
	.respoTenants, .respoAdmins {
		width: 250px;
	}
	.respo-login-cont {
		width: 360px !important;
	}
	.login-tab {
		width: 330px;
	}
}

@media screen and (max-width:360px) {
	.login-tab {
		width: 320px;
	}
	.respo-login-cont {
		width: 350px !important;
	}
	#home .home-portal-links, #home .mtl-log-dash {
		width: 90%;
	}
	.respoNav .div-back-icon {
		width: 10%;
	}
	.respoNav .div-other-icon {
		width: 87%;
	}
	.respoDayHead {
		display: inline-grid;
	}
	.respoDayBtn {
		margin-top: 10px;
	}
	.div-guest-profile-details .gp-summary-row>.float-left.mr-25,
		.div-guest-profile-details .gp-summary-row>.float-right.mr-25 {
		float: none !important;
		white-space: normal !important;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.div-guest-profile-details .gp-summary-row .float-left,
		.div-guest-profile-details .gp-summary-row .float-right {
		float: none !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: break-word;
	}
	#ssn-form #ssn-actions {
		flex-direction: column;
		align-items: center;
	}
	#ssn-form .ssn-input {
		margin-top: 3px;
	}
	#ssn-form .newTransaction-subtext {
		margin-top: 14px !important;
	}
}

@media screen and (max-width:350px) {
	#header-new .respoLogout {
		right: 10px !important;
	}
	.login-tab {
		width: 310px;
	}
	.respo-login-cont {
		width: 340px !important;
	}
	#loginButton {
		width: 260px;
		min-width: 260px;
	}
	#page #mgrReviewFormArea .display-flex {
		max-width: 100% !important;
		padding: 0 10px;
	}
	#page #mgrReviewFormArea .manager-name-box {
		width: 46px !important;
		height: 40px !important;
	}
	#page #mgrReviewFormArea .manager-name-box em {
		font-size: 18px !important;
		top: 10px !important;
		left: 15px !important;
	}
	#page #mgrReviewFormArea .mgr-field .ui-selectonemenu.manager-dd {
		width: 100% !important;
		height: 40px !important;
	}
	#page #mgrReviewFormArea .mgr-field .ui-selectonemenu.manager-dd .ui-selectonemenu-label
		{
		font-size: 13px !important;
		line-height: 8px !important;
	}
	#page #mgrReviewFormArea .mgr-field .ui-selectonemenu.manager-dd .ui-selectonemenu-trigger
		{
		height: 44px !important;
	}
	#page #mgrReviewFormArea input, #page #mgrReviewFormArea .ui-inputfield
		{
		width: 100% !important;
		height: 40px !important;
		font-size: 13px !important;
		padding: 10px 12px !important;
	}
	#page #mgrReviewFormArea .review-btn {
		max-width: 100% !important;
		height: 44px !important;
		font-size: 13px !important;
		padding: 0 !important;
	}
	.respo-dt .ui-inputfield {
		width: 65% !important;
	}
	.newGuestProfile-section {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

@media screen and (max-width:340px) {
	.respoNav .div-other-icon {
		display: inline-flex;
	}
	.respoNav .div-back-icon, .respoNav .div-other-icon {
		margin-bottom: 10px;
	}
	.login-tab {
		width: 300px;
	}
	.respo-login-cont {
		width: 330px !important;
	}
}

@media screen and (max-width:333px) {
	.respoNav .div-back-icon {
		width: 11%;
		padding: 17px 10px;
	}
}

@media screen and (max-width:330px) {
	.respo-login-cont {
		width: 320px !important;
	}
	.login-align {
		padding: 10px;
	}
	#page.ssnPage .ssn-options-icon {
		top: auto !important;
		right: auto !important;
		left: auto !important;
		font-size: 28px !important;
		padding: 0px 0px 0px 25px;
	}
	#page.ssnPage .ssn-tin-verified-label-font-size {
		font-size: 15px !important;
	}
}

@media screen and (max-width:320px) {
	.respo-login-cont {
		width: 310px !important;
	}
	.login-align {
		padding: 5px;
	}
	.respoNav .div-back-icon {
		width: 12%;
	}
	.respoNav .div-other-icon {
		width: 85%;
	}
	.respoDefault {
		width: 200px !important;
	}
	.ui-selectonemenu-panel {
		width: auto !important;
	}
	.respoTenants, .respoAdmins {
		width: 200px;
	}
	#non-native-void-txn, #tincheck, #ofaccheck, #upload-attach,
		#newtrans\:upload-attach, #trans-compl\:upload-attach,
		#image-view\:upload-attachement {
		width: 250px !important;
	}
	#att-file .ui-fileupload-buttonbar .ui-button, #newtrans\:att-file .ui-fileupload-buttonbar .ui-button,
		#trans-compl\:att-file .ui-fileupload-buttonbar .ui-button,
		#image-view\:att-file .ui-fileupload-buttonbar .ui-button {
		width: 70% !important;
	}
	.respo-font-32 {
		font-size: 16px !important;
	}
}

@media screen and (max-width:310px) {
	#home .home-portal-links, #home .mtl-log-dash {
		width: 85%;
	}
	.respo-login-cont {
		width: 300px !important;
	}
	.login-form {
		padding: 10px;
	}
	.login-tab {
		width: 290px;
	}
}

@media screen and (max-width:300px) {
	.respo-login-cont {
		width: 290px !important;
	}
	.login-tab {
		width: 280px;
	}
	#header-new .respoLogout {
		top: 140px !important;
	}
	.respo-newUser, .respo-remove, .respo-delete-email, .respo-change-pwd,
		.respo-change-pin, .timer-dialog, #void-txn,
		#attachProcess\:delete-attach, #update-attchment\:edit-attach,
		#update-attchment\:edit-attach, #mtllog\:guesttab\:edit-attach,
		#attachProcess\:delete-attach, #mtllog\:guesttab\:delete-attach {
		width: 250px !important;
	}
	#header .respoLogout {
		top: 70px !important;
	}
	.middle_inner_trans {
		max-width: 90%;
	}
	.newTransaction-section {
		padding: 10px;
	}
	#discard-dialog\:discard-prompt, #newtrans\:view-ano-trans {
		width: 270px !important;
	}
	.guest-type-dropdown-new, .auto-complete-guest-search .ui-inputfield,
		.guest-search-btn {
		width: 90% !important;
	}
}

@media screen and (max-width:295px) {
	#home .home-portal-links, #home .mtl-log-dash {
		width: 80%;
	}
}

@media screen and (max-width:290px) {
	.respo-mt-20{
		margin-top: 20px;
	}
}

@media screen and (max-width:290px) {
	.login-tab {
		width: 280px;
	}
	.login-form {
		padding: 5px;
	}
	.respoNav .div-back-icon {
		width: 13%;
	}
	.respoNav .div-other-icon {
		width: 84%;
	}
}
/* End - Responsiveness using max-width */