/* styles for mobile media  */
@media only screen and  (max-width : 767px) {
	.initialLoader {
    	width: 99vw;
	}
	
    .header {
		width: auto;
		height: 60px;
	}
	
	.headerWeb {
		width: 980px !important;
		height: auto;
	}
	
	.rotorBodyWeb {
		width: 980px !important;
		height: auto;
	}
	
	.headerCalculatorWeb {
		width: 970px !important;
		height: auto;
	}
	
	.footerCalculatorWeb{
		width: 960px !important;
		height: auto;
	}
	
	.header .contact_container {
		width: auto;
		float: none;
		margin-top: 20px;
    	margin-right: 0px;
	}
		
	.header .contact_container #contact_times {
		display: none;
	}
		
		
	input.logout_button {
		display: none;
	}
	
	.tab_nav {
		width: auto;
	}
	
	.navigation_container {
		width: auto;
		display: none;
	}	
	
	.anz_container {
		width: auto;
	}
	
	.header_container {
		width: auto;
	}

	.body_container_mobile {
		width:auto !important;
		margin: 0px 5px;
	}	
	
	.main_container {
		width: auto;
		float: none;
	}
	
	.sidebar_container {
		width: auto;
		float: none;
	}	

	.ui-dialog {
		width: 100%;
	}
	
	.large-device {
		display: none;
	}
	
	#tfnInputDiv .Input1 {
    	width: 100% !important;
	}
	
	.product_container  div {
		display: inline-block;
	}
	
	.product_container .product_value_container {
		float:none;
		text-align: left;
		padding-top: 10px;
	}
	
	.snap_shot .investment_smartchoice {
		width: calc(86vw);
	}
	
	.snap_shot .smartchoice_table .firstcoloumn {
    	width: calc(50vw);
	}
	
	.snap_shot .balance_container tr {
		display: flex;
		justify-content: center;
		width: auto;
		align-content: flex-start;
		flex-wrap: wrap;
	}
	
	.snap_shot .balance_container .investment_graph	{
		padding-left: 45px;
	}
	
	.snap_shot .balance_container table.smartchoice_table  tr {
		display: table-row;
	}
	
 	#pension-details {
		width: -webkit-fill-available;	
	}
	
	.ui-tooltip-content {
		width: auto;
	}
	.view-breakdown-tooltip {
		width: auto;
	}
	.view-breakdown-table {
		width: 140px;
		width: calc(100vw - 120px) !important;
	}
	
	.infofooter_container {
		padding-left: 25px;
		padding-right: 25px;
		
	}
	
	.infofooter_container_transactions {
    	width: auto;
    	text-align: left;
	}
	
	.contact_container_dropdown{
		width: 40%;
	    float: right;
	    overflow: hidden;
	    height: 60px;
	}
	
	.contact_container_dropdown .buttonDiv{
		height: 60px;
		margin-right: 8px;
	}
	
	.contact_container_dropdown .dropbtn {
	  	cursor: pointer;
	    font-size: 16px;
	    border: none;
	    outline: none;
	    color: white;
	    padding: 14px 16px;
	    background-color: #007dda;
	    width: 36px !important;
	    height: 36px;
	    float: right;
	    border-radius: 4px;
	    margin: 12px 0px;

	}
	
	.contact_container_dropdown .contact_container_image{
		background-image: url(../images/icon_arrow_down_filled-white.png);
	  	background-repeat: no-repeat;
	  	background-position: center;
	  	background-size: 12px;
	}
	
	.contact_container_dropdown .contact_container_image.ibmenu_show{
		background-image: url(../images/icon_arrow_up_filled-oceanblue.png) !important;
		background-color: #ffffff !important;
	}
	
	.contact_container_ibmenu .ibmenu_content{
		display: flex;
    	justify-content: flex-end;
    	margin-right: 8px;
	}
	
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  min-width: 160px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	  padding: 0px 8px;
	}
	
	.dropdown-content a {
	  float: none;
	  color: #0072ac;
	  padding: 12px 24px;
	  text-decoration: none;
	  display: block;
	  text-align: left;
	  border-bottom: 1px solid #007dba !important;
	}
	
	.dropdown-content a.contactLink {
		background-image:url(../images/icon-generic-phone-16.png) !important;
		background-repeat: no-repeat;
	  	background-position: 6px 14px;
	  	background-size: 12px;
	}
	
	.dropdown-content a.logoutLink {
		background-image:url(../images/icon-generic-login-security-16.png) !important;
		background-repeat: no-repeat;
	  	background-position: 6px;
	  	background-size: 10px;
	}
	
	.dropdown-content a:hover {
	  background-color: #ddd;
	}
	
	.ibmenu_show {
	  display: block;
	  margin-top: -16px;
	  transition: all .35s;
	}
	
	/* use absolute position for tooltips */
	div[id^='ui-tooltip-'] {
    	left: 12px !important;
    	width: auto !important;
    	width: calc(96vw) !important
	}
	
    div[class='ui-tooltip-content'] {
       width: auto !important;
       width: calc(80vw) !important;
   }
	
	.supersearchtip {
	    padding-top: 4px;
	    padding-left: 8px;
	    padding-right: 8px;
	    padding-bottom: 12px;
	}
	
	/* hide the tip */
	.ui-tooltip-tip {
    	width: 0px !important;
	}
	
	.ui-tooltip, .qtip {
    	max-width: calc(90vw) !important;
	}
	
	/*-- Notification Banner ---*/
	#notification-banner .notification-banner-message {
		width: auto;
		margin-bottom: 10px;
	}
	
	#notification-banner .notification-banner-button-group {
	    width: -webkit-fill-available;
	}
	
	/*-- No TFN interstatial --*/
	#tfn-panel .Text5 {
		width: auto;
		margin: 0 auto;
	}

	#tfn-panel .subheader {
		width: auto;
		margin: 0 auto;
	}

	#tfn-panel .subtext {
		padding-left: 0px; 
	}

	#tfn-panel .tandc {
		padding: 0px;	
	}
	
	.notification-banner-button-group .button {
		width: -webkit-fill-available;
    	margin: 8px auto 0px;
	}
	
	/*-- Manage my account --*/
	.manage_my_account .manage_sidebar_container {
		display: none;
	}
	
	.manage_my_account .manage_content_container {
		width: -webkit-fill-available;
	}
	.manage_my_account .borderradius_lefttop_off {
    	border-top-left-radius: 8px;
	}	
	
	.manage_my_account .manage_details_row  {
		display: inline-flex;
    	align-content: start;
    	justify-content: start;
    	align-items: start;
    	flex-wrap: wrap;
    	flex-direction: column;
    	width: 100%;
	}
	
	#editDetailsDiv .myDetailsInput{
		width: 100% !important;
	}
	
	#editDetailsDiv .myDetailsInput.my-details-postcode{
		width: 40% !important;
		margin-right: 0;
	}
	
	#editDetailsDiv .myDetailsInput.my-details-statecode{
		width: 30% !important;
	}

	.manage_my_account .manage_details_row div  {
		width: auto;
		text-align: initial;
	}
	
	.manage_my_account .manage_details_row .manage_details_secondcol  {
		margin-left: 4px;
	}
	
	.manage_details_secondcol .manage_details_info {
    	width: 100% !important;
	}
	
	.manage_my_account .manage_details_row .manage_details_secondcol_email{
		width: 100%; 
		width: -webkit-fill-available;
	}
	

	.manage_my_account	h3.manage_myaccount {
		display: inline;
	}
	
	.manage_my_account	.smart_choice {
		margin-top: 15px;
		width: 100%;
	}
	
	.manage_my_account td.contribution_type {
    	width: 65%;
	}
	
	.manage_my_account td.biller_code {
    	border-bottom: 1px solid #DBDBDB !important;
	}
	
	.manage_my_account .increase_insurance {
		width: auto;
		padding: 14px 0px;
	}
	
	.manage_my_account .my_insurance_occupation_text_box_valid .ui-inputfield {
		width: 100%;
    	width: -webkit-fill-available;	
	}
	
	
	.manage_my_account td.Compare-Cell2, .manage_my_account td.Compare-Cell1 {
	    text-align: left;
	    padding: 0px 5px;
	}
	
	.manage_my_account .my_insurance_icon_alerts {
		margin-left: 0px;
	}
	
	table.my_insurance_factor_table_data tr {
		border-bottom: 0.4px solid grey;
	}
	
	table.my_insurance_factor_table_data tr:last-child {
		border-bottom: 0px;
	}
	
	.supersearchModal.quick-quote {
	   padding: 15px 15px 0px 15px;
	}
	
	.quickQuoteInput {
    	width: 170px
    }
    	
	.Quick-Quote-Header {
		width: 90%;
	}

	.quotePanelPadding.pension_false div {
		display: inline-block;
	}
	.quotePanelPadding {
		padding: 0;
	}
	
	.quotePanelPadding2 {
    padding: 15px 0;
	}
	
	.getQuoteImg, .applyCoverImg, .insInfoImg {
		background-position: 0px 10px;
		margin-left: 8px;
	}
	
	table#quotetable.quickQuoteTable {
    	border-radius: 0px; 
	}
	
	table#quotetable thead {
    	display: none;	
	}
	
	table#quotetable td, table#quick-quote-occupation-table td {
    	display: block;
		width:auto;
	}
	table#quotetable td:nth-child(2), table#quick-quote-occupation-table td:nth-child(2),table#quick-quote-occupation-table td:nth-child(4) {
    	display: none;
	}	
	table#quotetable td:nth-child(5), table#quick-quote-occupation-table td:nth-child(3) {
		margin-bottom:16px;
	}
	
	table#quick-quote-button td:nth-child(1) {
		display:none;
	}
	
	table#quotetable tr#total {
    	display: flex;
    	width: -webkit-fill-available;
	}
	
	table#quotetable tr#total td:nth-child(2) {
	    display: inline;
    	margin-left: auto;
	}
	
	.transferTerms {
		padding: 0px 15px;
	}
	
	.quickQuoteInput {
		width: -webkit-fill-available;
	}
	
	.quickQuoteCoverFont {
     	padding-left: 13px !important; 
	}

	.superSearchInfo.small-device, .superSearchInfo.small-device:hover {
	    display: inline;
	    padding-top: 0px;
	    padding-left: 30px;
	}
	.optoutSubBody{
		width: auto;
	    line-height: 22px !important;
	    padding-top: 7px;
	    margin-left: 7px !important;
	}
	
	.inline_row{
		flex-direction: row !important;
		flex-wrap: nowrap !important;
	}
	
	.footer_container {
		padding: 14px;
	}

	.footer_text {
		padding: 2px 0 0 0;
	}
	
	.updateMyCoverModalStyle{
		width: auto;
		padding-bottom: 120px;
	}
	
	.my_insurance_occupation_text_box .ui-inputfield {
    	width: auto;
    }
    
    .alert-soft-body, .alert-strong-body {
	    width: 90%;
	}
	
	.quotePanelPadding.pension_true{
		display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    align-content: space-evenly;
	    align-items: start;
	}
	
	.quotePanelPadding.pension_true .Quick-Quote-Header {
	    width: auto;
	    height: auto;
	}
	
	.quotePanelPadding.pension_true .applyCoverStyle{
		height: auto;
	}
	
	.quotePanelPadding.pension_true .getQuoteOnCall {
    	padding-left: 20%;
    	height: auto;
	}
	
	.quotePanelPadding.pension_true .applyCoverImg{
		padding-left: 20%;
		height:auto;
	}
	
	.quotePanelPadding.pension_true .insInfoImg{
		padding-left: 20%;
		height: auto;
	}
	
	.manage_details_name_tooltip{
		width: 110px !important;
	}
	
	.mybeneficiaries .table_data td, .mybeneficiaries .table_data th {
	    padding: 16px 8px;
	}
	
	.mybeneficiaries ul.dtr-details {
	    margin: 0px 8px !important;
	   	width: 90%;
	}
		
	.mybeneficiaries ul.dtr-details	 span.dtr-title {
		float:left !important;
		display: contents !important;
	}
		
	.mybeneficiaries ul.dtr-details span.dtr-data {
		float:right !important;
	}
	
	#editBeneficiariesTable table {
    	width: 100%;
	}
	
	.mybeneficiariesEdit  table thead {
	    border: none;
	    clip: rect(0 0 0 0);
	    height: 1px;
	    margin: -1px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    width: 1px;
  	}
  
  	.mybeneficiariesEdit table tr {
	    display: block;
	    margin-bottom: 8px;
	}
  
  	.mybeneficiariesEdit table td {
	    border-bottom: 0px solid #ddd;
	    display: block;
	    font-size: .8em;
	    text-align: right;
	}
  
  	.mybeneficiariesEdit table td::before {
    	content: attr(data-label);
    	float: left;
    	font-weight: bold;
    	height: 16px;
    	font-size: 14px;
    	margin: 6px 0px;
  	}
  	
  	.mybeneficiariesEdit .table_data_edit td.first_column, .mybeneficiariesEdit .table_data_edit th.first_column {
    	padding-left: 8px;
    	width: auto;
	}
	
	.mybeneficiariesEdit a.button_delete {
	    background: none;
	    display: block;
	    width: 52px;
	    height: 20px;
	    margin: 0px 16px 0px auto;
	    font-size: 14px;
	    font-weight: normal;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: 1.43;
	    letter-spacing: normal;
	    color: #d73b33;
	}
	
	.mybeneficiariesEdit a.button_delete:after {
	    content: attr(title);
	}
	
	.mybeneficiariesEdit .table_data input.edit_fname,
	.mybeneficiariesEdit .table_data input.edit_date {
    	width: 90%;
    	width: -webkit-fill-available;
    	height: 16px;
  		margin: 6px 0 0;
  		padding: 8px 12px 8px 16px;
  		border-radius: 2px;
  		border: solid 1px #b8b8b9;
  		background-color: #fff;
  		text-align: left;
	}
	
	.mybeneficiariesEdit .table_data input.edit_percentage,
	.mybeneficiariesEdit .table_data select {
		width: 88%;
    	width: -webkit-fill-available;
	    height: 16px;
	    margin: 6px 0 0;
	    padding: 8px 12px 8px 16px;
	    border-radius: 2px;
	    border: solid 1px #b8b8b9;
	    background-color: #fff;
	    text-align: left;
	}
	
	.mybeneficiariesEdit .edit_percentage_div{
		width: 100%;
	}
	
	.mybeneficiariesEdit .edit_percentage_inputdiv{
		width: 100%;
	}
	
	.mybeneficiariesEdit #select_relationship_list .sbHolder, 
	.mybeneficiariesEdit #select_relationship_list .sbOptions, 
	.mybeneficiariesEdit #select_relationship_list .sbSelector,
	.mybeneficiariesEdit #select_relationship_listEven .sbHolder, 
	.mybeneficiariesEdit #select_relationship_listEven .sbOptions, 
	.mybeneficiariesEdit #select_relationship_listEven .sbSelector {
    	width: inherit;
    	width: -webkit-fill-available;
    	padding-left: 16px;
	}
	
	.mybeneficiariesEdit #select_relationship_list .sbHolder,
	.mybeneficiariesEdit #select_relationship_listEven .sbHolder {
		width: 88%;
    	width: -webkit-fill-available;
    	height: 16px !important;
  		margin: 6px 0 0 !important;
  		padding: 8px 12px 8px 16px;
  		border-radius: 2px;
  		border: solid 1px #b8b8b9;
  		background-color: #fff;
  		text-align: left;
	}
	
	.mybeneficiariesEdit .table_data span.edit_amount {
		display: inline-flex;
		width: 90%;
		height: 16px;
		margin: 6px 0 0;
		padding: 10px 12px 10px 16px;
	}
  
  	table td:last-child {
    	border-bottom: 0;
  	}
	
	table.dataTable.dtr-column>tbody>tr>td.dtr-control:before, 
	table.dataTable.dtr-column>tbody>tr>th.dtr-control:before, 
	table.dataTable.dtr-column>tbody>tr>td.control:before, 
	table.dataTable.dtr-column>tbody>tr>th.control:before {
    height: 16px !important;
    width: 16px  !important;
    color: white  !important;
    font-family: myriad-pro, Helvetica, Arial, sans-serif !important;
    background-color: #31b131;
}
	
	/*-- Consolidate Super ---*/	
	
	.transferWidth {
		width: auto;
	}
	.transferPage {
		margin: 0px 5px;
		padding: 10px;
	}

	#explicit_consent_btn {
		float: none;
	}

	#addAccount_table_content  table, div#addAccount_content table {
    	display: inline-grid;
	}
	#addAccount_table_content  th, div#addAccount_content th {
    	display: none;
	}	
	#addAccount_table_content  tr, div#addAccount_content tr {
    	display: grid;
	}	

/*	#addAccount_table_content  input,  div#addAccount_content input {
    	width: -webkit-fill-available;
	}		
	*/
	#addAccount_content {
		padding: 15px 0px;
	}
	
	input.ui-autocomplete-input.autpdropdownInput {
		width: 80%;
	}
	
	.personalDetailInp.addAccCont, .personalDetailInp2.addAccCont {
    	width: -webkit-fill-available;
	}
	
	.manualAddMain {
		width: 100%;
	}
	
	.manualAddMain #footer-table tr {
		display: grid;
	}
	
	.manualAddMain #footer-table td {
		width: auto;
	}
	
	.addAccount_table_content, .addAccount_content{
		text-align: left;
		padding: 15px 0px;
	}
	
	#add-more td {
		padding: 0px 15px 15px 15px !important;
	}
	
	.small-device {
		display:inline-block;
	}
	
	.title h1 {
		margin: 0px 0px 14px 0px;
		font-weight: 600;
	}
	
	.padding-cells {
		display: none !important;
	}

	
	.input-label {
		padding: 8px 0;
	}
	
	.addSuperButton {
		left: 0px;	
	}
	

	#modal-search-for-super {
		width: auto;
	}
	
	#transfer-submit-table tr {
		display: grid;
	}
	
	.superExistingCustomerLeft, .super_no_mobile_row .super_no_mobile_secondcol {
		width: 100%;
	}
	
	.tfnResultsTable {
		display: inline-grid;
		width: fit-content;
	}

	.tfnResultsTable td, .tfnResultsTable th {
		font-size: 12px;
	}	
	
	.tfnResultsTable td {
		padding: 15px 0;
	}
	
	.confirmationRollOver .tfnResultsTable {
		display: inline-grid;
		width: 100%;
	}
	
	.sm-results-tool-tip {	
	  position: absolute;
	  top: -9999px;
	  left: -9999px;
	}
	
	.sm-add-account-table {
		display: inline-grid;
	}
	
	.sm-add-account-table-header {
		display: none;
	}
	
	.manageSuperPanel .addFundContCorrection input {
		width: auto 
	}
	
	tr#applyInsRow {
		display: inline-grid;
	}

	td#applyInsLeftPanel, td#applyInsRightPanel {
		width: auto !important;
	}

	td#applyInsDivider {
		display: none;
	}
	
	.applyNewInsurancePanel{
		padding-bottom: 0px;
	}
	
	div#insHighlight {
		padding:0px;
	}
	
	div#manageSuperFaqId {
    	margin: 0;
	}

	.autodropdownul {
		width: 75% ;
	}
	
	.autodropdownli a {
		width: auto;
		word-break: all;
	}
	
	.ui-autocomplete-panel .ui-autocomplete-list {
		width: auto;
	}
	.ui-autocomplete-panel {
		width: auto !important;
		max-height: 350px;
	}
	
	.superExistingCustomerRight {
	    float: none;
	    width: auto;
	    margin-top: 10px;
	}
	
	.manualSuperRefresh {
		display: flex;
    	flex-direction: column;
    	flex-wrap: wrap;
	}
	
	.manualSuperRefreshLinkDiv{
		padding-left: 0px;
	}
	
	.tfnAccordian{
		width: 96%;
	}
	
	/*--- Others ---*/

	button:not(.close_button), input[type="button"]:not(.close_button),.button, .func_button, .primary-button, .secondary-button, .tertiary-button {
		width: 100% !important;
	}
	
	 /* LivePerson button styles  */
	button.lpc_desktop, button.lpc_mobile{
		width: auto !important;
	}
	
	.primary-button, .secondary-button, .tertiary-button {
	 	margin-top: 12px;
	 }
	 
	 .small-button {
	 	padding-top: 6px;
	 	padding-bottom: 6px;
	 }
	

	.chart_footertxt .button {
		margin-left: 0px;
	}
	
	/*----- modals ---*/
	.modal-bottom {
		display: inline-block;
		width: 100%;
	}
	
	.modal-bottom button, .modal-bottom button:hover, 	.modal-bottom .button2.button2-modal, .newbutton2.newbutton2-modal, .explicitnewbutton2.explicitnewbutton2-modal {
		width: 100%;
		margin: 8px auto;
	}
	
	.button_align2.modal-small {
		float: none;
	}
	
	
	.supersearchModal, .inner {
		width: auto !important;
	}
	
	.supersearchModal .insuranceModalContent{
		width: auto !important;
		height: auto !important;
	}
	
	.supersearchModal .insuranceModalContent .investmentPortfolioOptionTable,
	.supersearchModal .insuranceModalContent .view-breakdown-table{
		width: 96% !important;
	}
	
	.supersearchModal .invCancelBtn{
		margin: 0px !important;
	}
	
	.tnc-panel .header_container {
	    padding: 0px 10px;
	}
	
	.tnc-panel .tnc_content_wrap .tnc_content {
		padding: 10px 14px;
		overflow-wrap: break-word;
	}
	
	.tnc-panel  input.close_button {
		width: 100%;
	}
	
	.hidemobile{
		display:none;
	}
	
	.otp_superSearchModal_2 {
		width: 280px !important; 
	}
	.otp_superSearchModal_2 div, .otp_superSearchModal_2 label, .otp_superSearchModal_2 p ,  .otp_superSearchModal_2 h2 {
		width: auto;
		height: auto;
	}
	
	.otp_superSearchModal_2 input {
		width: -webkit-fill-available; 
	}
	
	.otp_RectangleBox {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	}

	.otp_modal-copy, .tfnInputDiv {
		display: inline-block;
	}
	
	.otp_modal-copy  button {
		margin-top: 14px;
	}
	
	.otp_modal-copy .tfinErrorStyle {
		width: auto;
    	position: relative;
    	left: auto;	
	}
	
	.otp_modal-footer{
		display: inline-flex;
		flex-direction: column;
	}
	
	.otp_modal-footer .button_align {
    	padding: 10px;
    	left: 20px;
	}
	
	.otp_modal-footer .otpsubmitbutton1{
		margin: 2px;
	}
	
	.prevInsPanelPadding {
    	padding: 20px 0px;
	}

	.prevInsAccordionPadding {
    	padding: 0px;
	}
	
	.prevInsAccordionPadding h2 {
		display: flex;
		padding-bottom: 40px;
	}
	
	.supersearchModal p,.supersearchModal li {
		text-align: left;
	}
	
	.twoFaModal {
		top: 40px !important;
	}
	
	.otp_Text5 {
		font-size: 24px !important;
	}
	
	/*-- Tools and resources  --*/
	.tools .manage_sidebar_container {
		display: none;
	}
	
	.tools .manage_content_container {
		width: -webkit-fill-available;
	}
	.tools .borderradius_lefttop_off {
    	border-top-left-radius: 8px;
	}		

	/* menu */
	.anz_logo {
		float: left;
		padding: 12px 0px 0px 50px;
	}
	.anz_logo_without_menu {
		float: left;
		padding: 12px 20px !important;
	}
	img.mobileAnzLogo{
		width: 100px;
	}
	img.contactNumber {
		display: initial;
	    background: url(../images/mobile-phone-icon3.png) 0px 0px no-repeat;
	    background-size: 20px;
	    width: 20px;
	    height: 20px;
	    margin-right: 24px;
	    margin-top: 4px;
	}
	
	img.globalContactNumber {
        display: initial;
        background: url(../images/icon_global_international_line_white.png) 0px 0px no-repeat;
        background-size: 20px;
        width: 20px;
        height: 20px;
        margin-right: 24px;
        margin-top: 4px;
    }
    
	.navcontainer {
	  overflow: hidden;
	  display: block;
	}
	
	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		transition: opacity .35s, visibility .35s, height .35s;
		overflow: hidden;
		background: black;
		z-index: -1;
	}
	#hamburger-input {
		/* display: none; */
	}
	#hamburger-menu {
		position: absolute;
		top: 4px;
		left: 16px;
		width: 20px;
		height: 20px;
		display: none;
		border: none;
		padding: 0px;
		margin: 0px;
		margin-top: 20px;
		background: linear-gradient(to bottom, #ffffff, #ffffff 20%, #004165 20%, #004165
			40%, #ffffff 40%, #ffffff 60%, #004165 60%, #004165 80%, #ffffff 80%,
			#ffffff 100%);
	}
	#hamburger-menu #sidebar-menu {
		visibility: hidden;
		position: fixed;
		top: 0px;
		left: -290px;
		width: 280px !important;
		height: auto;
		background-color: #004165;
		transition: 0.35s;
		padding: 0px 10px;
		box-sizing: border-box;
		z-index: 1001;
		background: rgb(5, 68, 104);
    	height: 100%;
    	transition: all 0.35s ease;
		display: flex;
	    flex-direction: column;
	    align-content: center;
	    justify-content: flex-start;
	    align-items: stretch;
	    overflow-x: hidden;
    	overflow-y: visible;
    	background: #ffffff;
    	color: #0072ac;
	}
	
	#hamburger-menu .close-icon .close-icon-svg  {
		color: #007DBA;
    	float: right;
	}
	
	#hamburger-menu h3 {
		color: #B9FAF8;
    	font-size: 2.2rem;
    	float: right;
	}
	#hamburger-menu ul {
		padding-left: 0px;
	}
	#hamburger-menu li {
		list-style-type: none;
		line-height: 3rem;
		border-bottom: 1px solid #e0e0e0;
    	margin-top: -1px;
	}
	#hamburger-menu a {
		color: #0072AC;
		font-size: 16px !important;
		text-decoration: none;
	}
	#hamburger-menu a.current {
	    text-decoration: underline;
	}
	#hamburger-menu a:hover {
		text-decoration: underline;
	}
	#hamburger-input:checked+#hamburger-menu #sidebar-menu {
		visibility: visible;
		left: 0;
	}
	#hamburger-input:checked ~ .overlay {
		visibility: visible;
		opacity: 0.4;
	}
	
	#hamburger-menu {
		display: inline;
	}
	
	.hamburgertoggle{
		width: calc(100% - 280px) !important;
	    margin-left: 280px;
	    transition: all 0.35s ease;
	}
	
	.overlaytoggle {
	    background: #000;
	    opacity: .4;
	    -ms-filter: 'alpha(Opacity=50)';
	    position: fixed;
	    z-index: -1;
	}
	
	.menu-bottom-container {
	    margin: 10px;
	    margin-top: auto;
	}
	
	.menu_contact_container {
	    color: #0072ac;
	    font-size: 1.05em;
	    font-weight: bold;
	    padding-top: 8px;
	}
	
	/* submenu styles */
	.mobile-submenu-panel ul li{
		list-style-type: none;
    	background: #f3f6f8;
    	padding-left: 15px;
    	border-bottom: 1px solid #e0e0e0;
    	border-top: 1px solid #e0e0e0;
    	margin-top: -1px;
	}
	.mobile-submenu-panel ul li a{
    	color: #0072ac !important;
    	text-decoration: none;
    	cursor: pointer;	
	}
	
	#mobile-submenu-m4-slider-content {
		display: none;
	}
	
	#mobile-submenu-m5-slider-content {
		display: none;
	}
	
	a#mobile-submenu-m5-slider {
    	padding-right: 120px !important;
	}
	
	a.menu_important_information {
		background-image: url(../images/down-arrow.png);
		background-repeat: no-repeat;
		background-position: right center;
    	padding-right: 100px;
    	background-size: 16px;
	}
	
	a.menu_important_information_up {
		background-image: url(../images/up-arrow.png);
		background-repeat: no-repeat;
		background-position: right center;
    	padding-right: 100px;
    	background-size: 16px;
	}
	
	a.header_contact_number{
		color: #fff;
    	text-decoration: none;
	}
	
	a.menu_footer_contact_number{
    	text-decoration: none;
	}
	
	.menu-bottom-container a.logoutLink {
		background-image:url(../images/icon-generic-login-security-16.png) !important;
		background-repeat: no-repeat;
	  	background-position: 0px center;
	  	padding-left: 16px;
	}
		
	/* consolidate super */
	.super_no_mobile_row {
	    width: 100%;
	    display: flex;
	    align-items: baseline;
	    justify-content: space-around;
	    flex-direction: column;
	}
	
	.super_no_mobile_row .super_no_mobile_firstcol {
		width: auto;
	    text-align: left;
	    font-weight: bold;
	}
	
	.super_no_mobile_row .super_no_mobile_secondcol {
	    width: 100%;
	    margin-left: 0px;
	    min-height: 35px;
	    line-height: 34px;
	}
	
	.manualAddMain{
		float:left;
		width:auto;
		clear:both
	}
	
	.manualSuperTransferFaq{
		float: left;
	    width: auto;
	    padding-top: 10px;
	}
	
	.rolloverConfirmationAccount{
		margin-right: 10px !important;
		margin-left: 0px !important;
	}
	
	.rolloverConfirmationAmount{
		margin-right: 10px !important;
		margin-left: 0px !important;
	}
	
	.rolloverConfirmationFundName{
		width: 40% !important;
	}
	
	.welldoneStyleNewConfirmation {
		height:30px;
	}
	
	.confirmationRollOver {
	    border-radius: 8px;
	    width: 92%;
	    height: inherit;
	    background-color: #f6f6f6;
	    margin-left: 5px;
	    margin-top: 24px;
	}
	
	.fundTipCorrection {
    	width: 250px !important;
    	max-width: calc(88vw) !important;
	}
	
	/* Manage my account */
	
	.tooltip-new .tooltip-newtext-factor {
    	width: 228px;
    	right: 8% !important;
    	bottom: 42px !important;
	}
	
	.tooltip-new .tooltip-newtext-reduce-button {
    	left: 25% !important;
    	bottom: 11px !important;
    	width: auto;
	}
	
	.tooltip-new .tooltip-newtext-cancel-button {
    	bottom: 11px !important;
    	width: auto;
	}
	
	ul.insurance_menu li a {
	    margin-top: 10px;
	    width: 100%;
	    width: -webkit-fill-available;
	}
	
	table.expanded {
	    font-size: 0.95em;
	    width: auto;
	    empty-cells: show;
	    table-layout: fixed;
	}
	
	div.preferencesButtonContainer {
		display:flex;
		justify-content: space-between;
		padding: 10px;
		margin: 20px 0px;
		flex-direction: column-reverse;
	}
	
	.errormessage {
		color: #df7a00;
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 15px;
		padding-top: 5px;
		font-style: italic;
		margin-left: 0px;
		width: auto
	}
	
	.insurance_details {
    	padding: 14px 0px;
    	line-height: 24px;
	}
	
	.insurance_cover_change .insurance_details {
    	padding: 14px 0px;
    	line-height: 24px;
    	width: 95%;
    	margin: auto;
	}
	
	.insurance_cover_change .insurance_value {
	    padding: 14px 0px;
	    line-height: 24px;
	    width: 95%;
	    margin: auto;
	}

	
	.mobileHidden {
		display:none !important;
	}
	
	.webHidden {
		display:initial;
	}
	
	.invest_ments .balance_container tr {
	    display: flex;
	    justify-content: center;
	    width: auto;
	    align-content: flex-start;
	    flex-wrap: wrap;
	}
	
	.invest_ments .balance_container .investment_graph	{
		padding-left: 45px;
	}
	
	.invest_ments .balance_container table.smartchoice_table  tr {
		display: table-row;
	}
	
	div#editBeneficiariesTable{
		overflow: scroll !important;
	}
	
	div#editBeneficiariesRelationShip{
		position:relative;
    	display: inline-flex;
    	width: 100%;
    	height: 36px;
	}
	
	/* tfn confirmation screen */
	
	.Well-done-Your-Tax {
	    width: auto;
	    height: auto;
	    font-size: 30px;
	    font-weight: normal;
	    font-style: normal;
	    font-stretch: normal;
	    line-height: 1.07;
	    letter-spacing: normal;
	    text-align: center;
	    color: #004165;
	}
	
	.Well-done-Your-Tax-padding {
		padding: 10px;
	}
	
	.displayFlexStyle{
		display: flex;
    	flex-direction: column;
    	justify-content: space-between;
	}

	.displayFlexMobileReverse{
		display: flex;
    	flex-direction: column-reverse !important;
    	justify-content: space-between;
	}
	
	/* tools and resources */
	
	.tools_and_resources .manage_sidebar_container {
		display: none;
	}
	
	.tools_and_resources .manage_content_container {
		width: 100%;
		width: -webkit-fill-available;
	}
	.tools_and_resources .borderradius_lefttop_off {
    	border-top-left-radius: 8px;
	}	
	
	.tools_and_resources .content_bottom.background_gradient.clear_block{
		height: 12px;
	}
	
	.tools_and_resources .content_bottom.clear_block{
		height: 12px;
	}
	
	ul.insurance_menu li a {
	    margin-top: 10px;
	    width: 100%;
	    width: -webkit-fill-available;
	}
	
	.brochure_info {
    	display: flex;
    	flex-direction: column;
	}
	
	.brochure_info .left_pane {
	    width: 100%;
	}
	
	.brochure_info .right_pane {
	    width: 100%;
	    padding-left: 0px;
	}
	
	.contribution-calculator-width {
		width: 100%;
	}
	
	.contribution-calculator .assumptions .asumptions-header .title {
	    width: 80%;
	}
	
	.contribution-calculator .additional-contribution .co-contribution-amount {
	    margin: 0px !important;
    	width: 96% !important;
    	padding: 0px 16px;
	}
	
	.contribution-calculator .content-panel .standard-label {
		line-height: normal !important;
	    padding-left: 4px !important;
	    padding-bottom: 8px !important;
	    width: auto !important;
	}
	
	.contribution-calculator .content-panel .control {
    	display: flex !important;
	    float: none !important;
	    align-items: stretch;
	    flex-direction: column;
	}
	
	.contribution-calculator .content-panel .range.standard-input{
		width: 98%;
	    padding: 4px 0px;
	    padding-right: 2%;
	    margin: 8px 0px;
	}
	
	.content .top-content .manage-separator-left {
    	margin: 18px 0px;
    	margin-left: 40%;
	}
	
	/* Transactions */
	
	#transactionsummary {
		width: 100% !important; /*all browsers*/
	}
	
	.transactions span.small_font, 
	.trans_history span.small_font{
	    display: block;
	    padding-left: 8px;
	}
	
	#transactionsHistoryTable ul.dtr-details>li {
	    width: 90%;
	}
	
	h2.manage_accounts_title {
		font-size: 24px !important;
	}
	
	/* Investments */
	
	.investment_smartchoice {
    	width: 100%;
    	margin-left: 0px;
	}
	
	.investmentSummaryTable tr{
		display: flex;
		justify-content: center;
		width: auto;
		align-content: flex-start;
		flex-wrap: wrap;
	}
	
	.investmentSummaryDetailsTable tr{
		display: table-row;
		width: auto;
	}
	
	.investmentSummaryPanel .compare, .compare_link {
	    display: inline-flex;
	    flex-direction: column;
	    align-content: space-between;
	    justify-content: space-between;
	    float: none;
	    text-align: start;
	    width: 100%;
	    align-items: stretch;
	    flex-wrap: wrap;
	}
	
	.changeInvestmentsModalcontent {
		width: auto !important;
	}
	
	.changeInvestmentsInsuranceModalcontent {
		width: auto !important;
	}
	.changeInvestmentsModalList {
		width: auto !important;
	}
	
	.view_transactions {
    	display: flex;
	    flex-direction: column;
	    width: 100%;
	    padding-bottom: 12px;
	}
	
	.statements_selection {
    	float: left;
	    padding: 4px;
	    border-left: 0px solid #DFDFDF;
	    margin-left: 0px;
	}
	
	#investmentSummaryDetailsTable .firstcoloumn {
	text-align: left;
	padding-left: 15px;
	width: auto;
	}
	
	#investmentSummaryDetailsTable .secondcoloumn,
	#investmentSummaryDetailsTable .thirdcoloumn,
	#investmentSummaryDetailsTable .fourthcoloumn,
	#investmentSummaryDetailsTable .fifthcolumn {
		width: auto;
	}
	
	#investmentSummaryDetailsTable th.lastcolumn {
		width: auto;
		text-align:right;
		padding-right:10px;
	}
	
	#investmentSummaryDetailsTable td.lastcolumn {
		width: auto;
		text-align:right !important;
		padding-right:20px;
	}
	
	.investmentSummaryTableDiv {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: stretch;
		flex-wrap: nowrap;
	}
	
	/* IB OLA style changes */
	.content {
		-moz-box-shadow: 0px 1px 1px #B6B6B6;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.content_container {
		padding: 4px 12px;
		box-shadow: none;
	}
	#applyNowPanel .add_roundedborder_extra, #originationFlowPanel .add_roundedborder_extra{
		border: none;
	}
	
	.superPanelPadding {
		padding: 12px 8px !important;
	}
	
	.anz_logo_ibuser {
    	float: left;
    	padding: 4px 16px !important;
	}
	
	#superSearchSlider, #carouselHeader, #personalInfoDivId {
		display: none;
	}
	
	.apply_wrap {
		background: none;
		background-color: #F7F7F7;
	}
	
	.embedded-video {
		height: 150px; 
		width: 250px;
		margin: 0 auto;
	}
	
	#applyNowContent {
		width: auto !important;
	}
	
	#sc-benefits {
		display: block;
		padding-left: 16px;
		padding-right: 16px;
		font-size: 12px;
	}

    #sc-benefits img {
		width: 100% !important;
		height: auto;
	}
	#sc-benefits  section {
		padding-bottom: 12px;
	}
	
	#selection {
		display: flex;
		/* justify-content: space-between; */
		padding-top: 4px;
	}

	
	#sc-benefits .subheader {
		color: #004165;
		font-size: 20px;
	}
	
	#sc-benefits #index .subheader {
		font-size: 14px;
		font-weight: 600;
		padding-top: 8px;
	}
	#applyNowContent .Text1 {
		font-size: 18px !important;
	}
	
	#applyNowContent .Text2 {
		font-size: 14px !important;
		padding-top: 4px !important;
    	padding-bottom: 4px !important;
	}
	#online-anytime .Text5 {
		font-size: 16px !important;
		text-align: initial;
	}
	h2.Text5 {
		font-size: 18px !important;
	}

	table.rotor_pers_det {
		width: 100%;
	}
	
	table.rotor_pers_det tr {
	    display: flex;
    	flex-direction: column;
		height: auto;
    	margin-bottom: 16px;
	}
	
	table.rotor_pers_det td {
		padding-left: 0!important;
		padding-top: 8px !important;
		padding-bottom: 4px !important;
		height: auto !important;

	}
	
	table.rotor_pers_det td select, .rotor_pers_det td input {
		width: -webkit-fill-available !important;
	}

	table.rotor_pers_det tr td {
		text-align: left !important;
		width: auto !important;
	}

	table.rotor_pers_det td:nth-child(3) {
		display:none;
	}

	.superSearchInfo.small-device {
		padding-bottom:4px;
	}
	
	.originate-progress1-panel, .originate-progress2-panel,
	.originate-progress3-panel, .originate-progress4-panel, 
	.originate-progress5-panel {
		display: flex;
		flex-direction: column;
	}
	
	#originate-progress1-slider, #originate-progress2-slider,
	#originate-progress3-slider, #originate-progress4-slider,
	#originate-progress5-slider {
		font-size: 16px;
		margin-left: auto;
    	margin-right: 8px;
    	padding: 8px 16px;
    	text-decoration: none;
    	background-position: right;
	}
	
	.originate_progress_indicator {
		width: auto !important;
    	background: #ffffff;
    	border-radius: 6px 6px 0px 0px;
    	box-shadow: 0px 0px 4px #b6b6b6;
    	margin: 8px 2px;
	}
	.originate_progress_indicator ul {
		height: auto !important;
		border: none;
	}
	.originate_progress_indicator ul li{
		height: 40px;
	}
	.originate_progress_indicator ul .step {
		background: none;
	}
	
	.originate_progress_indicator ul .openAccOrgSearchPos {
    	background-position: 6% 40% !important
	}
	.originate_progress_indicator ul .persDetOrgSearchPos {
    	background-position: 6% 40% !important
	}
	.originate_progress_indicator ul .invOrgSearchPos {
		background-position: 6% 40% !important
	}
	
	.originate_progress_indicator ul .insOrgSearchPos {
		background-position: 6% 40% !important
	}
	
	.originate_progress_indicator ul .openAccOrgSearchPos2 {
    	background-position: 6% 40% !important
	}
	.originate_progress_indicator ul .persDetOrgSearchPos2 {
    	background-position: 6% 40% !important
	}
	.originate_progress_indicator ul .invOrgSearchPos2 {
		background-position: 6% 40% !important
	}
	
	.originate_progress_indicator ul .insOrgSearchPos2 {
		background-position: 6% 40% !important
	}
	
	.originate_progress_indicator ul .supOrgSearchPos{
		background-position: 6% 40% !important
	}
	
	.originate_progress_indicator ul .supOrgSearchPos2{
		background-position: 6% 40% !important
	}
	
	.originate_progress_indicator ul .complete {
    	
    }
    
    .originate_progress_indicator ul .completeEnabled {
    	width: 200px !important;
	}
    
    .originate_progress_indicator ul .step{
    	text-align: initial;
    	padding-left: 32px;
    	line-height: 36px;
    }
    
    #selectInsuranceDiv .insuranceDiv {
	    height: 272px !important; 
	    margin: 4px; 
	    padding: 5px; 
	}
    
    #selectInsuranceDiv .insuranceDiv .insuranceDivCheckBox {
    	float: left; 
    	width: auto; 
    	Padding: 5px
    }
    
    #selectInsuranceDiv .insuranceDiv .insMonthlyFeeMsg {
    	padding-left: 16px !important;
    }
    
    #selectInsuranceDiv .insuranceDiv .superSearchInfo {
    	position: relative; 
    	left: 4px; 
    	bottom: 4px;
    	top: 8px;
    }
    
	#selectInvestmentsDiv .two-col {
		width:auto;
	}    
    
    #selectInvestmentsDiv .two-col .right-col {
		width:auto;
		padding-top: 0;
	}
	
	#selectInvestmentsDiv .superRadioBox{
		flex-direction: column;
	}
	
    .superInv .ui-selectoneradio label {
    	padding-right: 0px;
    	text-align: left;
    	max-width: 90%;
    	font-size:16px;
	}
	
	.superCheckbox td {
    	vertical-align: top;
 	}
	
	.superCheckbox td:nth-child(odd) {
    	padding-top: 4px;
	}	
	.superInvWeSelText {
    	margin-left: 0px !important;
	}
	
	.superInvSelfSelText {
    	margin-left: 0px !important; 
    	text-align: left;
    	padding-top: 10px;
    	padding-left: 0px; 
    	padding-bottom: 4px;
	}
	
	.superInvSelfSelHeader1.superInvSelfSelMobileHeader1, .superInvSelfSelHeader2.superInvSelfSelMobileHeader2  {
		color: #004165 !important;
	    font-weight: 600;
	    background: #ffffff;
	    border-bottom: 1px solid #efefef;
	    height: 32px !important;
	    font-size: 16px !important;
	    padding-left: 8px;
	    padding-right: 4px;
	}
	
	.mobileTextCenter{
		text-align: center !important;
	}
	
	.mobileTextRight{
		text-align: right !important;
	}
	
	.superInvSelfSelMobileSubHeader{
		text-align: left !important;
    	background-color: #f7f7f7 !important;
    	padding-left: 10% !important;
    	height: 32px !important;
	}
	
	.superInvSelfSelMobileFooter{
    	height: 32px !important;
    	font-size: 16px !important;
    	background-color: #f7f7f7 !important;
	}
	
	.superInvSelfSelInvWarning{
		padding-bottom: 4px;
	    padding-top: 4px;
	    padding-right: 12px;
	    padding-left: 4px;
	    text-align: left;
	}
	
	#invWarning .invWarningPadding{
		padding-left: 8px !important;
	}
	
	.superInvSelfSelMandatoryWarning{
		padding-bottom:4px;
		padding-top:4px;
		clear:both
	}
	
	.invpaneltip1, .invpaneltip1:hover, 
	.invpaneltip2, .invpaneltip2:hover {
    	margin-right: 0px;
		float: right;
	}
	
	.superInvVerticalLine {
    	display: none;
	}
	#inv_slider_mobile {
		padding-left:10px;
		font-size:14px;	
		float:left;
	}	
	#inv_slider_content_mobile {
		padding-left:10px;	
	}
	#inv_slider_content_mobile table {
		width: -webkit-fill-available;
	}

    #invOptTable span.Text5 {
    	font-size: 16px !important;
    }

	.superCheckbox.superInv.superRadio tbody{
        display: table-row-group;
        width: 100%;
    }
    
    div.originatecommonbuttoncontainer {
		display: flex;
    	justify-content: space-between;
    	padding: 6px 12px;
    	margin: 4px 0px;
    	flex-direction: column-reverse;
	}
	
	.originateMobileText, .originateMobileTextHeader, .originateMobileTextOceanBlue {
		font-size: 16px !important;
    	font-weight: normal !important;
    	line-height: 20px !important;
	}
	
	.originateMobileTextOceanBlue{
		color: #004165 !important;
	}
	
	.originateMobileTextHeader {
    	font-weight: 600 !important;
	}
	
	.originateMobileText2{
		line-height: 20px !important;
	}
	
	table.rotor_invOpt input{
		height: 32px;
    	width: 80%;
	}
	table.rotor_invOpt td{
		padding-top: 4px;
    	padding-bottom: 4px;
	}
	.originateMobileParagraph {
		color: #494949;
		font-size: 14px;
		text-align: left;
		line-height: 20px;
	}
	
	.originationConfPadding{
		padding-top: 0px;
		padding-bottom:16px
	}
	
	#sc-benefits #selection .supercontentLink{
		text-decoration: underline;
    	font-weight: 600;
    	color: #0072AC !important;
	}
	
	#sc-benefits .lowFees, #sc-benefits .onlineAnytime, #sc-benefits .smartInvestments{
    	background-position: 2px;
    	background-repeat: no-repeat;
    	padding-left: 24px;
	}
	
	#sc-benefits .subheader.lowFees{
		background-image: url(../images/icon_savings_filled.png);
	}
	
	#sc-benefits .subheader.onlineAnytime{
		background-image: url(../images/icon_online_filled.png);
	}
	
	#sc-benefits .subheader.smartInvestments{
		background-image: url(../images/icon_investments_filled.png);
	}
	
	.tableCellBorderBottom {
		border-bottom: 1px solid #dbdbdb !important;
	}

	/* retirement estimate */
	
	.retirementConsentModal {
		width: auto !important;
	}
	
	.page_header {
	    width: auto;
	}
	
	.super-calculator .assumptions-view .assumptionsArrow, .super-calculator .super-fees-and-premiums-view .assumptionsArrow {
		width: 18px !important;
	}
	
	.super-calculator .summary-view .desired{
		margin-top: 16px !important;
	}
	
	.super-calculator .nav-buttons .prev {
		margin-bottom: 8px;
	}
	
	.superCalculatorHeader {
		height: 44px !important;
	}
	
	.breadcrumb ul{
		margin: 8px 4px;
	} 
	
	.super-calculator .nav-buttons .prev, 
	.super-calculator .nav-buttons .next, 
	.super-calculator .nav-buttons .print {
	 	margin-top: 4px;
	 }
	 
	 /* compare performance panel */
	 .investment_performance {
	    width: 100% !important;
	    width: calc(100vw - 60px) !important;
	}
	
	.self_select_panel .self_select_table {
	    width: 100% !important;
	    margin-left: 0px;
	    
	}
	
	.comparePerf_PercentageTable {
	    width: 98% !important;
	}
	
	.comparePerf_TableDiv {
	    width: 100% !important;
	}
	
	
	#compareSelfSelectTable ul.dtr-details,
	#compareWeSelectTable ul.dtr-details {
	    margin: 0px 8px !important;
	   	width: 80%;
	}
	
	#compareSelfSelectTable ul.dtr-details>li,
	#compareWeSelectTable ul.dtr-details>li {
	    border-bottom: 1px solid #efefef;
	    padding: 0.5em;
	    width: auto;
	    margin-right: auto;
	    display: flex;
	    flex-direction: row;
	    align-content: space-around;
	    align-items: center;
	    justify-content: space-between;
	}
	
	.investment_graph {
		width: calc(100vw - 80px) !important;
    	padding-left: 4px !important;
	}
	
	.notification_msg {
    	margin: 12px 20px 4px 4px;
	}
	
	.lp_contactus{
	    margin-right: 16px;
	    background-size: 24px;
	    height: 28px;
	    padding-left: 28px;
	}
	
	.ibmenu_show .lp_contactus {
	    margin-right: 16px;
	    background-size: 14px;
	    height: 16px;
	}
	
	.ibmenu_show .lp_contactus {
	    background-image: url(../images/icon_contact_us32.png);
	    background-position-x: 4px;
	}
	
	.ibmenu_show .lp_contactus .mobileHidden{
	    display: block !important;
	}
	
	
	.tooltip-new .tooltip-newtext-pysInsurance {
        width: 228px;
        right: 8% !important;
        bottom: 42px !important;
    }
    
    .tooltip-new .tooltip-newtext-pysInsurance::after {
	    right: 0%;
	}
	
	.transactionSummaryClass {
		min-width:95vw;
	}


	.addFundFirst .addFundFirstDropdown{
		width: calc(100vw - 80px) !important;
	}
	
	.dialogFixedTop{
		top: 2% !important;
	}
	
	.investmentToolTipClass {
		min-width: 56vw !important;
	}
	
	.invSuperSearchWeSelectInfo,
	.invSuperSearchWeSelectInfo:hover{
		margin-top: -32px; 
		margin-left: auto;
        margin-right: 12px;
	}
    
    .invSuperSearchSelfSelectInfo, 
    .invSuperSearchSelfSelectInfo:hover {
	    margin-top: -32px;
		margin-left: auto;
        margin-right: 5px;
	}
	
	#inv_slider_content {
    	padding-left: 12px;
	}
	
	#inv_slider_content table {
    	width: calc(80vw) !important;
    	max-width: 380px !important;
	}
	
	.investments_header {
	    width: calc(96vw) !important;
	    max-width: 380px !important;
	}
	
	#inv_slider {
    	padding-left: 12px;
    }
    
    .transDetailsBreakDown {
		width: 100% !important;
		flex-direction: column !important;
    }
    
    .investment_performance .money_invested {
    	width: 96% !important;
    }
    
    .headerLogo{
    	align-items: flex-start !important;
    }
    
    .headerContact {
		width: auto; 
	}
	
	#pwa-install-banner{
		bottom: 100px !important;
		left: 16% !important;
        transform: translateX(-8%) !important;
	}
	
	#pwa-install-anchor{
		display:inherit !important;
		width: -webkit-fill-available;
	}
	
	.headerWeb #pwa-install-anchor {
    	width: 980px !important;
	}
	
	#pwa-ios-hint {
        position: fixed;
        left: 5%;
        background: #ffffff;
        color: #004165;
        padding: 14px 20px;
        border-radius: 16px;
        display: none;
        align-items: center;
        gap: 12px;
        z-index: 9999;
        box-shadow: 0 4px 24px rgba(0,0,0,.35);
        font-family: myriad-pro, sans-serif;
        font-size: 14px;
        width: 80vw;
        max-width: 720px;
        top:8%;
      }
      
      #pwa-ios-hint .ios_steps_image{
       width: min(
	    calc((100vh - 260px) * 0.678),
	    330px);
	   height: auto;
	 }
	
	#pwa-main-info-content{
	    align-items: center; 
    }

} /* End mobile media */

/* styles for tablet media  */
@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
	#pwa-install-anchor{
		display:inherit !important;
		width: -webkit-fill-available;
	}
	
	.headerWeb #pwa-install-anchor {
    	width: 980px !important;
	}
	
    #pwa-ios-hint {
        left: 10%;
        width: 90vw;
        top: 8%;
    }

}

@media only screen and (min-width: 650px) and (max-width: 767px){
	#pwa-main-install-btn {
    	margin-top: -16px !important;
    }
    
    #pwa-main-info-content {
	    align-items: flex-start !important; 
    }
}