#termsConditionsPopup2 #termCondContain .conditionTextCon {
       height: 320px;
    }

@media screen and (max-width: 320px) {

    .loginError{
    margin-left: 2px;
    width: 95.5%;
    }

}
@media screen and (max-width: 360px) {
    
    .dispNoneDesktop{
        display: block;
        /*margin-top: -12px;*/
    }

    .dispNone1{
        display: none;
    }

    .dateCont select{/*width: 75%;*/}
}


@media screen and (max-width: 420px) {
    /*.box-main {
        background-image: url("images/Login_Main_Image_320x767.jpg") !important;
        float: none;
    }*/
    
    /*.box-main {
        background-color: #fff;
        background-image: url("images/tfs-logo.jpg") !important;
        background-position: left 5px;
        float: none;
    }*/
    #termCondContain ol{margin: 0;
padding: 16px;}
#agree{width: 90%;}
    
    table.resTable {
        /*margin-top: 20px;*/
        width: 100%;
    }
    table.resTable td {
        display: block;
    }

    table.resTable_1 {
       /* margin-top: 20px;*/
        width: 100%;
    }
    table.resTable_1 td {
        display: block;
    }

    .box-login h1 {
        padding: 0px 0 0 10px;
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    #content h1 {
	    font-size: 192%;
        letter-spacing: 2px;
        line-height: 31px;
    }
    div.box-login table td {
        display: inline-table !important;
    }
    .loginButtonColumn {
        width: 100px;
    }
    .box-login {
        margin: 0 !important;
        min-height: 510px;
    }
    .box-login p {
        margin: 0 -30px 0px 0px;
    }
    .box-login table {
        background: #fff none repeat scroll 0 0;
        margin: 0px 0 0 3px;
        padding: 0 0 20px 2px;
        width: 304px;
    }
    .box-login table tr {
        line-height: 4px;
    }
    .box-login .LoginLinks table{
        padding-bottom:10px;
        margin-top: 0;
    } 
    .loginTextBoxColumn {
        background-image: none;
        background-position: center center;
        background-repeat: no-repeat;
        height: 37px;
        width: 100%;
        margin-left: -7px;
        padding-bottom: 5px;
    }
    .loginTextBox {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #c8c6c9;
        border-radius: 0px;
        height: 34px;
        margin: auto 4px auto 8px;
        padding: 0 5px;
        width: 100%;
    }
     .loginLabelColumn {
        text-align: left;
        width: 75% !important;
        line-height: 16px !important;
    }
    tr:first-child td.loginButtonColumn {
        display: flex;
    }
    .buttonLogin {
        margin-top: 6px;
    }
    #btnLogin{
        width: 105% !important;
    }
    .loginButtonColumn {
        margin: 0 0 0 0;
        width: 100% !important;
    }
    .box-login .LoginLinks table tr {
        line-height: 12px;
    }
    .LoginLinks {
    /*background: #eceeef none repeat scroll 0 0;*/
    margin: -19px 0 0 3px;
    width: 306px;
    height: auto;
    padding-top: 10px;
    padding-left: 0px;
}
    .LoginLinks table {
        height: auto;
        /*background: #eceeef !important;*/
        width: 302px;
    }
    .LoginLinks table td {
        display: block !important;
        width: 94%;
        padding-bottom: 0;
    }
    .LoginLinks td {
        padding-left: 0px;
    }
    .LoginLinkText {
        display: block;
    }
    .box-login {
        width: 310px;
        background-size: 100% auto;
        margin: 0 auto !important;
    }
	#nav li {
		width: 40% !important;
	}	

    .wid104{
        width:70px !important;
    }

    table.transactionTable input.button{
        float: left;
    }

    .bsbValue .wid48P {
        max-width: 188px;
    } 
    
    .tblHighlight select{
        width:93.5% !important;
    }

    .tblHighlight input[type="password"]{
        width:84% !important;
    }

    .fLeft{
        float: left !important;
        width: 100%;
    }

    td.btnRight{
        float: none !important;
    }
    
    #termsConditionsPopup2{
    	width:94%!important;
    	min-width:290px !important;
    } 
    
    #termsConditionsPopup{
    	width:94%!important;
    	min-width:290px !important;
    } 
    	
	.loginError {
		margin: -23px 0 0 10px;
		width: 86% !important;
        max-width: 308px;
		position: absolute;
		padding:0;
	}
	#loginSeparator{
        padding: 0px 0 3px 11px;
    }
    #loginSeparator hr{
        width: 100%;
    }
    #loginRegisterLink{
        text-align: center;
    }
	.responsiveCon #ConditionOfUse_PanelContent{
        top: 20px !important;
        /*left: 2px !important; */       
	}
	
	.responsiveCon #termsConditionsPopup2 #termCondContain{
	    max-width: 100%;
        padding: 10px !important;
        width: 100%;
        box-sizing: border-box;
	}
	
	.responsiveCon #termCondContain{
	    min-height:354px;
	}
	
	.responsiveCon #termCondContain .conditionTextCon{
	    height:230px;width: 94%;
	}
	    
	#agree #ConditionOfUse_UCheckAgree{
        font-size: 11px;
        margin-top: 10px;
        max-width: 275px;
        width: 100%;
    }
    
    .responsiveCon #agree #ConditionOfUse_UCheckAgree #ConditionOfUse_checkAgree input[type="checkbox"]{
        vertical-align: top;
    }
    
    table.Grid td {
        padding: 3% 0 3% 1% !important;
        /*padding-right: 1%;*/
    }
    table.Grid td span {
        padding: 3% !important;
        margin: -3% 0 !important;        
        width: 50% !important;
    }
    #billingScheduleContain span{width: 30% !important;}
    
    a.faqR {
        padding-left: 24px;
        padding-top: 0;
    }
    
    
}
@media screen and (min-width: 420px) and (max-width: 605px) {
    /*.box-main {
        background-image: url("images/Login_Main_Image_320x767.jpg") !important;
        float: none;
    }*/
    
    /*.box-main {
        background-color: #fff;
        background-image: url("images/tfs-logo.jpg") !important;
        background-position: left 5px;
        float: none;
    }*/

    table.transactionTable input.button{
        float: left;
    }
}
@media screen and (min-width: 545px) and (max-width: 767px) {
    /*.box-main {
        background-image: url("images/Login_Main_Image_605x767.jpg") !important;
        float: none;
    }*/
    
    table.resTable {
        margin-top: 0px !important;
        width: 100%;
    }
}
@media screen and (max-width: 604px){
    .selectBox{
        /*max-width: 306px;*/
         width: 98.8%;
    }
    .changePaymentDetail td{
        padding: 5px 0;
    }

    .changePaymentDetail td input[type="text"]{
        width: 96% !important;
    }

    .accordionHeader + div div .changePaymentDetail td input[type="text"]{
        width: 97.8%;
    }

    /*.Ldescription span,*/ 
    
    /*.accordionHeader + div > div */
    
    .changePaymentDetail td.bsbValue input[type="text"].wid48P {
        max-width: 180px;
        width: 44.5% !important;
    } 

    .ChangePersonalDetails td{
        padding: 5px 0;
        width: 100% !important;
    }

    .ChangePersonalDetails td input[type="text"]{
        width: 94% !important;
    }

    .ChangePersonalDetails td select{
        width: 95% !important;
    }

    .ChangePersonalDetails td.radiobtnPersonal{
        width: 97% !important;
    }
}
@media screen and (min-width: 605px){
    table.transactionTable td{
        display: table-cell !important;
    }

    table.changePaymentDetail td{
        display: table-cell !important;
    }

    table.ChangePersonalDetails td{
        display: table-cell !important;
    }
}
@media screen and (max-width: 479px) {
    .box-section {
        width: 100%;
        max-width: 650px;
    }
	table.Grid {
		/*border: 0;*/
        border: 1px dotted #ccc;
	}
	table.Grid thead {
		display: none;
	}
	table.Grid tr {
		/*margin-bottom: 10px;*/
		display: block;
		border-bottom: 2px solid #999;
	}

    table.Grid tr:last-child{
        border-bottom: 0px solid #ddd; 
        margin-bottom: 0px;
    }

	/*table.Grid td {
		display: block;
		text-align: right;
		font-size: 13px;
		border-bottom: 1px dotted #ccc;
		width: 96% !important;
        padding-right: 1%;
	}
	table.Grid td span {
		display: inline-block;
		text-align: left;
		width: 60%;
	}*/
	
	
	
	table.Grid td {
		display: block;
		text-align: right;
		font-size: 13px;
		border-bottom: 1px dotted #dddddd;
		width: 99% !important;
        padding: 2% 0 2% 1% ;
        /*padding-right: 1%;*/
	}
	table.Grid td span {
		display: inline-block;
		text-align: left;
		width: 56%;
        padding: 2%;
        margin: -2% 0;        
	}
	
	table.Grid td a{
		display: inline-block;
		text-align: left;
		width: 56%;
        padding: 2%;
        margin: -3% 0;        
	}
	
    td.GridItem, 
    td.GridItemCurrency
    {
        background-color: #f5f5f5;
    }

    td.GridItem span, td.GridItemCurrency span, td.GridItem a{
        background-color: #ffffff;
    }
    
    table.Grid td:last-child {
		border-bottom: 0;
	}
	table.Grid td:before {
		content: attr(data-label);
		float: left;
		/*text-transform: uppercase;*/
		font-weight: bold;
		font-size: 12px;
	}

    a.printPDF {
        background-image: url("/App_Themes/Common/images/pdf.gif");
        background-repeat: no-repeat;
        display: block;
        float: none;
        font-weight: normal;
        margin-left: 0px;
        padding-bottom: 0px;
        width: auto;
    }

    .marT30{margin-top:30px;}

    tr.results-pagination table td{
        display: table-cell;
    }
    
    tr.results-pagination table td span{
        padding:3px 5px !important;
        margin: 0;
    }

    tr.results-pagination td
    {
        padding: 0px;
    }

    .results-pagination td{
        border-bottom: 0px !important;
    }

    .dobTable td:first-child {
        padding: 5px 0;
        width: 35% !important;
    } 
    
    #termCondContain table.Grid td
    {
        background-color: #f5f5f5;
        height: 30px;
    }
    
    #termCondContain table.Grid td::before {
        width: 105px;
        text-align:left;
    }

    #termCondContain table.Grid td span {
		background-color: #fff;
        display: inline-block;
        height: 30px;
        text-align: left;
        width: 50%;
    }
    
    #termsConditionsPopup2{
    	width:94%!important;
    	min-width:450px;
    }
    
    #termsConditionsPopup{
    	width:94%!important;
    	min-width:450px;
    }

    .marketingText {
        min-height: 50px;
    }
    
    .printRequestpopup, 
    .printStatementPopup,
    .annualInterestPopup,
    .billingSchedulePopup,
    .ChangePersonalDetailsPopup{
        top: 10px !important;
        bottom: 10px !important;
        overflow: scroll !important;
     }
     
     /*table.resTable_1 td {
        display: block !important;
    }*/
    
}

@media screen and (min-width:651px) and (max-width:720px) 
{
     #termsConditionsPopup2{
    	width:94%;
    	min-width:620px;
    }
    
    #termsConditionsPopup{
    	width:94%;
    	min-width:620px;
    }
    
    .printRequestpopup, 
    .printStatementPopup, 
    .annualInterestPopup, 
    .billingSchedulePopup, 
    .ChangePersonalDetailsPopup {
        bottom: 10px !important;
        overflow: scroll !important;
        top: 10px !important;
    }

}

@media screen and (max-width: 767px) {
	
	#search {
        background-position: 98% 50%;
    }
    
    #tabMenu{
        display: none !important;
    }
    .menuList
    {
        width: 100%;
        margin-top: 15px;
        height: 35px;
        font-size: 15px;
        text-align-last: center;
        background: #777;
        color: #f5f5f5;
        font-weight: bold;
        max-width: none !important;
        display: block;
    }

    .h4dynamic{
            display: none;
        }
    
    .box-main {
        background-color: #fff;
        background-image: none !important;
        background-position: left 5px;
        float: none;
    }
    
    table.resTable {
        /*margin-top: 10px;*/
        width: 100%;
    }
    .accordionHeader + table.resTable {
        /*margin-top: 20px;*/
        width: 98%;
    }

    table.resTable td {
        display: block;
    }

    table.resTable_1 {
        margin-top: 20px;
        width: 100%;
    }
    table.resTable_1 td {
        display: table-cell;
    }
    
    .resTable .MyCalendar .ajax__calendar_days table td
    {
        display:table-cell !important;
    }

    .resTable .MyCalendar table td,
    .resTable .MyCalendar + table td
    {
	    width:auto;	
    }

    .box-login {
        margin: 0px auto 0;max-width: 421px;
    }
    div.box-login table td {
        display: table-cell;
	}

    /* inner Page */
	
	#copy {
		float: none;
		width: 100%;
		max-width:767px;
	}
	
	.resTable .MyCalendar .ajax__calendar_days table td
    {
        display:table-cell !important;
    }

    .resTable .MyCalendar table td,
    .resTable .MyCalendar + table td
    {
	    display: inline-block;
		width: 40px;
		padding: 0;
    }
    .ajax__calendar_months table 
    {
       width: 100%;
    }
    #ctl00_ctl00_MainPageContent_ChildMainPageContent_CalendarFromDateExtn_monthsTable tr 
    {
        display:inline-block !important;
        width: 100%;   
    }
    #ctl00_ctl00_MainPageContent_ChildMainPageContent_CalendarFromDateExtn_monthsTable tr td 
    {
        width: 40px;
        height: 44px;
        display:inline-block !important;
    }
    
    .ajax__calendar_years table
    {
        width: 100%;
    }
    #ctl00_ctl00_MainPageContent_ChildMainPageContent_CalendarFromDateExtn_yearsTable tr 
    {
        display:inline-block !important;
        width: 100%; 
    }
    #ctl00_ctl00_MainPageContent_ChildMainPageContent_CalendarFromDateExtn_yearsTable tr td 
    {
        width: 40px;
        height: 44px;
        display:inline-block !important;
    }
	
	#rightToolBar {
		margin-top: 30px;
		float: none;
		width: 100%;
		max-width: 767px;
        min-height: 210px;
        background: #f5f5f5;
	}
	#likeTwo, #helpRB{
		float: left;
		width: 48%;
	}
	#likeTwo dl {
		width: 100%;
		max-width: 395px;
	}
	#FAQL{
		float: right;
		width: 48%;
	}
	#helpRB {
		max-width:767px;
		clear:both;
        margin-top: -15px;
        min-height: 110px !important;
        
	}
    #helpRB dl{
		border: 1px solid #dddddd;
        background: #fafafa;
        margin: 0 10px 20px 10px;
	}

    .misplaced{
        float: right !important;
        margin-top: 10px !important;
        clear: none !important;
        margin-right: 0;
    }

	#likeTwo dl,
	#FAQL dl,
	.paymentOptions,
    #faqsRB dl{
		max-width: 480px;
		width: 100% !important;
	}

    .helpContent{
        max-width: 480px;
        width: 100%;
    }

    #time dl {
        width: 100% !important;
        max-width: 767px;
        margin-left:0;
        margin-right:0; 
    }

    #time span span{
        display: none;
    }

   .helpContent{
        float: right !important;
        width: 48%;
        margin-right: 0px;
        clear:none !important;
        margin-top:10px !important;
        min-height: 80px !important;
    }

    #faqsRB{
        float: left;
        width: 48%;
    }
    
    #faqsRB dl
    {
        min-height: 140px !important;
    }

    .annualBillingTable{
        margin-top: 20px;
    }

    .annualBillingTable td{
        padding: 2%;
        width: 45%;
    }

    .marTminus{
        margin-top: -14px;
    }

    .marTminus td{
        width: 50%;
        padding: 2%;
    }

    .helpIcon{
        display: none;
    }

    .dobTable td:first-child {
        padding: 5px 0;
        width: auto;
    } 

    td.btnRight{
        float: right;
    }
       
    
    #termsConditionsPopup h1, #termsConditionsPopup2 h1{
    	line-height: 20px;
		padding: 10px;
		font-size: 120%;
		font-weight:bold;
    }
    
    #termsConditionsPopup h2, #termsConditionsPopup2 h2 {
		font-size: 110%;
	}

    input.textbox{
        width:86%;
    }

    .ConditionUse+div.helpContent
     {
         float:none !important; 
         width:100% !important;
     }
     
    #mainImage2{
        padding-top:0% !important;
        padding-bottom:0% !important;
        background-image: none !important;
        border-bottom:4px solid #ccc;
    }
    
    .billingPrintCon {
        height: 320px;
    }



    #termCondContain #Refagree {
        margin-top: 0;
        
    }

    /*.Ldescription strong span{
        float: right;
        display: block;
    }*/
}
@media screen and (max-width: 768px) {

    #content {
        padding: 2% !important;
        width:96% !important;
    }
    #medium {
        overflow: hidden !important;
    }
    .divNotificationMsg {
        width: 280px !important;
        margin-top: -10px; 
        color:Red; 
        margin-left:55px; 
        font-weight:bold;
        max-width:450px;
    }
    .box-bottom {
        padding: 15px 10px 0;
    }
    .box-section {
        margin-bottom:10px;
    }
    .marketingIconColumn {
        width: auto;
    }
    .marketingLabelColumn {
        width: auto;
    }
    #footer {
        width: 96%;
    }
	
	#mainImage2
	{
        padding-top:9%;
        padding-bottom:9%;
        background-image: url("images/mazda_banner_desktop.jpg");
    }
	
	h1 {
		padding: 5px 10px 5px 8px;
	}
    .LoginLinks {
        line-height:10.5px;
    }
    .box-login h1 {
    padding:0px 0px 0px 20px;
    letter-spacing:0px;
    }
	
	#likeTwo dl,
    #FAQL dl,
    .paymentOptions,
    .helpContent,
    #faqsRB  dl{
        width: 96%;
        margin-left: 0px;
        min-height: 200px;
        margin-bottom: -10px;
    }

    .misplaced{
        margin-left: 0;
        width: 96%;
    }
    
    #time dl {
        width: 96%;
        margin-left: 0;
    }

    .paymentOptions {
        height: auto;
    } 

    .topText{
        padding-left: 10px;
        line-height: 20px;
        display: inline-block;
    } 

    .dobTable td:first-child {
        /*padding: 5px 0;*/
        width: 33%;
    } 
    
    #downloadPDF
    {
        display:none;
    }
    
    .payout-popup-mobile 
    {
       top:150px;
       left:150px;
       margin-right:10px;
    }
    #ctl00_ctl00_MainPageContent_ChildMainPageContent_UBillingSchedule
    {
        margin-top: -3px;
        margin-bottom: -4px;
    }
}
@media screen and (min-width: 768px) and (max-width:886px){
    #time span span{
        display: block;
        line-height: 0px;
    }
}
@media screen and (min-width: 769px) {
    .box-main {
        width: 100%;
    }
    .box-main .resTable {
        float: left;
        margin-right: 12px;
    }
    .resTable td {
        width: 50%;
    }
    
    .selectCat td {
        width: auto !important;
    }
    
    #termCondContain .resTable td {
        width: auto;
    }
    .mailResiAddress td {
        /*width: 100% !important;*/
    }
    .resTable table td {
        width: 38%;
    }

    .monthlyDueDate td:first-child {
        width: 40% !important;
    }

    .resTable_1 td{
        width:25%;
    }

    .logo{
        display: none;
    }
}
@media screen and (min-width: 887px){
    #time span span{
        display: none;
    }
}
@media screen and (max-width: 959px) {
    #medium {
        margin: 0px;
    }
    .box-main {
        background-image: url("images/Login_Main_768.jpg");
        float: none;
        min-height:1001px;
    }
	#ConditionOfUse_PanelContent
	{
	    top:142px !important;
	}
	/* inner Page */
	
	#toolNav {
        background: #404040 none repeat scroll 0 0;
        float: right;
        height: 0px;
        line-height: 24px;
        margin-top: -120px;
        top: 3px;
        width: 100%;
        padding-right: 0px;
	}
	
	.navIcon {
        display: block;
        margin: 25px 10px 0px;
    }
    .navWeb {
        display: none;
    }
	#nav {
		border: 1px solid #e3e3e3;
		border-bottom: 0px solid #e3e3e3;
		margin-top: 0 !important;
		margin-bottom: 15px;
	}
	#nav ul {
		margin-left: 0;
		padding: 10px 0;
		width: 100%;
	}
	#nav li {
		border-bottom: 1px solid #e3e3e3;
		float: left;
		margin: 0 2%;
		padding: 6px 8px;
		text-align: left;
		width: 42%;
	}
	#nav li:hover {
		background-image: none;
		background-color: #eceded;
	}
}

@media screen and (max-width: 480px) {
	#likeTwo {
		float: none;
		width: 100%;
	}
	#FAQL dl{
        min-height: 100px !important;
    }
    
	#FAQL {
		float: none;
		width: 100%;
        padding-bottom: 30px;
	}

    .helpContent{
        float: none;
        width: 100% !important;

    }
    .helpContent dl{
		border: 1px solid #dddddd;
        background: #fafafa;
        margin: 0 10px 20px 10px;
	}
     #faqsRB{
        float: none;
        width: 100%;
    }

    .misplaced{
        float: none !important;
        margin-top: 10px;
        width: 100% !important;
        margin-left: 0;
    }

    .bgNone table input[type="text"]{
    width: 90% !important;
    }

    .bgNone div {
        padding-top: 10px;
    }
    
    .bgNone input[type="submit"]{
        float:left;
        width: 100% !important;
    }

    .monthlyDueDate input[type="text"]{
        width: 90% !important;

    }

    .monthlyDueDate input[type="submit"]{
        float:left;
    }

    #termsC {
        float: none;
    }

    td.Ldescription, td.LData{
        width:97%;
        /*border-right: 1px solid #bbbbbb;
        border-left: 1px solid #bbbbbb;*/
        min-height: 15px;
    }
    
    table.Grid tr {
		/*margin-bottom: 10px;*/
		display: block;
		border-top: 0px solid #999;
		clear: both;
	}

    table.resTable_1 td {
        display: block;
        float: left;
        min-height: 30px;
        width: 46%;
        border-right:0px;
    }

    #copy .radiobtnPersonal input{
        margin-left:0;
    }
 #FooterText,.abn {
       
        position: relative;
        z-index: 9999;
     }
     #FooterText a,.abn a {
        z-index: -1 !important;
        position: relative;
     }
    .padBL{
        padding-left: 0;
    }
    
    .tblHighlight select{
        width:96.8%;
    }

    .tblHighlight input[type="password"]{
        width:94%;
    }

    .progressIcon{margin-left:0px; margin-right: 10px;}
    
    .fRight{float:left;}

    #FAQL dl{
        min-height: 100px !important;
    }

    .fLeft{
        float:none;
    }

    .dispNone{
        display: none !important;
    }
    
    #termsConditionsPopup2
    {
        width:420px;
    }
    .payout-popup-mobile 
   {
       top:100px;
       left:15px;
       margin-right:10px;
       }
    #termCondContain 
    {
        min-height:190px;
        }
    .termCondContainPayout table.Grid td span{
        background-color: #FFF;
        display: inline-block;
        height: 30px;
        width: 42% !important;
        text-align: right;
        float: right;
    }
    .paymentDetailSaveButton
    {
        float: none !important;
    }
    .personalDetailSaveButton
    {
        float: none !important;
    }
    /*.bgNone div{
        margin-top: 10px;
    }*/
}
@media screen and (min-width: 361px) and (max-width: 1980px){
    .dispNoneDesktop{
        display: none;
        
    }

    .dispNone1{
        display: block;
        margin: 4px 0 0;
    }
}
@media screen and (min-width: 481px) and (max-width: 960px){

    .resTable td.bgNone {
        display: table-cell;
    }

    .bgNone input.calendarWidth{
        width:79% !important;
    }

    .bgNone div {
        padding-top: 10px;
    }

    .monthlyDueDate td {
        display: table-cell !important;
    }
}
@media only screen and (max-width: 767px) {
    
    a.printPDF {
        width:auto!important;
        padding-left:22px !important;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }

     input[type="submit"]{
        -webkit-appearance: none;
        width: 100% !important;
     }

     input[type="image"]{
        -webkit-appearance: none;
        opacity: 1;
     }
     .MFlogo
     {
         margin: 20px 0px 15px 5px;
         height: 50px;
     }
     .logo 
     {
         background: url("images/Login_Main_Mobile.jpg");
         /*background-size: auto;*/
         background-repeat: no-repeat;
         margin-left:0px;
         height:232px;
         width:100%;
     }
     
#ctl00_ctl00_MainPageContent_ChildMainPageContent_BillingSchedule_btnPrint
	{
		display:none !important;
	}
	#ctl00_ctl00_MainPageContent_ChildMainPageContent_PrintTransactionContent_btnPrint
	{
	 display:none !important;
	}
    #ctl00_ctl00_MainPageContent_ChildMainPageContent_btnPrintSelectedTransaction {
        display:none!important;
    }
    #ctl00_ctl00_MainPageContent_ChildMainPageContent_btnCancel
    {
        width: 50% !important;
    }
    #agreeButtons {
        float: right;
        width: 266px;
    }
        #agreeButtons input[type="submit"] {
            width: 48% !important;
        }
}

@media screen and (max-width: 767px){

	#popoupBlockerNote {
		background-color: #eaeaea;
		float: none;
		margin-bottom: 15px;
		margin-top: 15px;
		padding: 15px;
		/*display:block !important;*/
	}
}
@media screen and (max-width: 1280px) {
    .printRequestpopup, .printStatementPopup, .annualInterestPopup, .billingSchedulePopup, .ChangePersonalDetailsPopup, #ConditionOfUse_PanelContent {
        margin: 0 auto !important;
        left: 0 !important;
        right: 0;
        top: 5% !important;
        width:84% !important;
        min-width: auto !important;
        overflow: inherit !important;
    }

    #termCondContain {
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    #termsConditionsPopup2 {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
    #termsConditionsPopup {
        width: 100% !important;
    }

    #ConditionOfUse_ConditionOfUseContent_couContent ol li {
        word-wrap: break-word;
        text-align: initial !important;
    }
    #ConditionOfUse_ConditionOfUseContent_couContent p {
        word-wrap: break-word;
        text-align: initial !important;
    }
    #ConditionOfUse_ConditionOfUseContent_couContent p font {
        word-wrap: break-word;
        text-align: initial !important;
    }
    #termsConditionsPopup2 #termCondContain .conditionTextCon {
       height: 320px;
    }
    #termsConditionsPopup2 #termCondContain #tblContents {
        height:auto !important;
    } 

    #termsConditionsPopup #termCondContain {
        height: auto;
        min-height:190px;
    }
    #termsConditionsPopup #termCondContain #ctl00_ctl00_MainPageContent_ChildMainPageContent_ReferralQuestions_UpnlReferralQuestions {
      /*  height:320px;*/
        overflow-y: auto;
    }
     #termsConditionsPopup2 #termCondContain #tblContents #ctl00_ctl00_MainPageContent_ChildMainPageContent_DirectDebitPopups_UpnlConfirmBox {
         height:320px;
         overflow-y: auto;
    } 
    #termsConditionsPopup2 #termCondContain #tblContents1 {
        height:320px!important;
     }
}

@media screen and (max-width: 767px) {
    .printRequestpopup, .printStatementPopup, .annualInterestPopup, .billingSchedulePopup, .ChangePersonalDetailsPopup, #ConditionOfUse_PanelContent {
        width: 93% !important;

    }

    .billingPrintCon {
        height: 220px;
    }
     #termsConditionsPopup2 #termCondContain  {
       min-height: 60px;
    }
    #termsConditionsPopup #termCondContain {
        height: auto;
        min-height:60px;
    }
    #termsConditionsPopup #termCondContain {
        height:auto !important;
    }
    #termsConditionsPopup2 #termCondContain #tblContents {
        height:auto !important;
    } 
    #ConditionOfUse_ConditionOfUseContent_couContent ol {
        padding-left:30px!important;
        word-wrap: break-word;
    }
}
@media screen and (max-width: 667px) {
    #termsConditionsPopup2 #termCondContain .conditionTextCon {
       height: 120px;
    }
    #termsConditionsPopup #termCondContain #ctl00_ctl00_MainPageContent_ChildMainPageContent_ReferralQuestions_UpnlReferralQuestions {
        height:140px;      
    }
     #termsConditionsPopup2 #termCondContain #tblContents #ctl00_ctl00_MainPageContent_ChildMainPageContent_DirectDebitPopups_UpnlConfirmBox {
         height:140px;
    }
    #termsConditionsPopup2 #termCondContain #tblContents1 {
        height:140px!important;
     }
}
@media screen and (max-width: 640px) {
    #termsConditionsPopup2 #termCondContain .conditionTextCon {
       height: 70px;
    }
    #termsConditionsPopup #termCondContain #ctl00_ctl00_MainPageContent_ChildMainPageContent_ReferralQuestions_UpnlReferralQuestions {
        height:70px;      
    } 
     #termsConditionsPopup2 #termCondContain #tblContents #ctl00_ctl00_MainPageContent_ChildMainPageContent_DirectDebitPopups_UpnlConfirmBox {
         height:80px;
    } 
    #termsConditionsPopup2 #termCondContain #tblContents1 {
        height:50px!important;
     } 
}
@media screen and (max-width: 620px) {
    .billingPrintCon {
        height: 165px;
    }
}
@media screen and (max-width: 568px) {
    #termsConditionsPopup #termCondContain #ctl00_ctl00_MainPageContent_ChildMainPageContent_ReferralQuestions_UpnlReferralQuestions {
        height:120px;      
    }
     #termsConditionsPopup2 #termCondContain #tblContents #ctl00_ctl00_MainPageContent_ChildMainPageContent_DirectDebitPopups_UpnlConfirmBox {
         height:120px;
    }
    #termsConditionsPopup2 #termCondContain #tblContents1 {
        height:65px!important;
     }
}
@media screen and (max-width: 480px) {
    .billingPrintCon {
        height: 320px;
    }
     #termsConditionsPopup2 #termCondContain .conditionTextCon {
        height: 280px;
    }
    #termsConditionsPopup #termCondContain #ctl00_ctl00_MainPageContent_ChildMainPageContent_ReferralQuestions_UpnlReferralQuestions {
        height:280px;      
    } 
     #termsConditionsPopup2 #termCondContain #tblContents #ctl00_ctl00_MainPageContent_ChildMainPageContent_DirectDebitPopups_UpnlConfirmBox {
         height:320px;
    }
    #termsConditionsPopup2 #termCondContain #tblContents1 {
        height:250px!important;
     }
}
@media screen and (max-width: 479px) {
    table.Grid td a {
        width: 52%;
    }
    table.resTable .selectBox {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    #termsConditionsPopup2 #termCondContain .conditionTextCon {
        height: 200px;
    }
    #termsConditionsPopup #termCondContain #ctl00_ctl00_MainPageContent_ChildMainPageContent_ReferralQuestions_UpnlReferralQuestions {
        height:200px;      
    }
    #termsConditionsPopup2 #termCondContain #tblContents #ctl00_ctl00_MainPageContent_ChildMainPageContent_DirectDebitPopups_UpnlConfirmBox {
         height:240px;
    }
     #termsConditionsPopup2 #termCondContain #tblContents1 {
        height:210px!important;
     }

}

@media screen and (max-width: 1024px){
.printbtnhide{
   display:none;
}
}

@media screen and (min-width: 735px) and (max-width: 736px) {

#termsConditionsPopup2 #termCondContain .conditionTextCon {
    height: 192px;
}

#termsConditionsPopup2 #termCondContain #tblContents #ctl00_ctl00_MainPageContent_ChildMainPageContent_DirectDebitPopups_UpnlConfirmBox
{ height: 198px;
}
#termsConditionsPopup2 #termCondContain #tblContents1
{ height: 152px!important;
}

}
@media screen and (min-width: 567px) and (max-width: 640px) {
#ctl00_ctl00_MainPageContent_ChildMainPageContent_ChangePersonalDetailsContent_UPopUp{height:134px;overflow:auto;}


}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For iPad portrait layouts only */
  .logo{
      display: none;
  }
  .box-main{
      height: auto;
      min-height: inherit !important;
  }
  .box-login{
      max-width:466px;
      margin: 28px 0px 0px -5px;
      height: 550px;
  }
  .LoginLinks{
      margin-top: -25px;
      line-height:12px;
  }
  .LoginLinks td{
      padding: 8px 8px 5px 0px;
  }
  .LoginLinks table{
      width: 87% !important;
  }
  #loginSeparator{
      width: 87%;
      padding: 30px 0 20px 11px;
  }
  .divNotificationMsg {
      margin-top: -165px;
      margin-left: 10px;
  }
  .hardshipText {
      margin-top: -4px !important;
  }
}
@media screen and (max-width: 768px) and (orientation:portrait) {
    .hardshipText {
        margin-top: -12px;
    }
    .hardshipText .myerrMsg{
        padding: 4px;
    }
}
@media screen and (max-width: 768px) and (orientation:landscape)
{
    .hardshipText{
        margin-top: -17px;
    }
    .divNotificationMsg {
        width: 365px !important;
        color:Red; 
        margin-left:172px;
        font-weight:bold;
    }
    .myerrMsg {
        padding:6px;
        line-height:12px;
    }

    input[type="submit"] {
        width: 170px !important;
    }
    #ctl00_ctl00_MainPageContent_ChildMainPageContent_UBillingSchedule
    {
        margin-top: -6px;
        margin-bottom: -6px;
    }
    #ctl00_ctl00_MainPageContent_ChildMainPageContent_btnCancel
    {
        width: 40% !important;
    }
    .logo 
     {
         background: url("images/Login_Mobile_Landscape.png");
         /*background-repeat: no-repeat;
         background:none;*/
         margin:0px;
         height:160px !important;
         width:100%;
     }
    .box-main{
        min-height: initial;
    }
    #rightToolBar{
        min-height: 280px;
    }
    #ctl00_ctl00_MainPageRightToolbar_ChildRightToolbar_Help_helpRBMazda, #faqsRB  dl{
        width: 46%;
        background: #fafafa;
        border: 1px solid #dddddd;
        min-height: 120px !important;
    }
    .helpContent{
        margin-right: 10px;
    }
    #helpRB{
        margin-top: 5px;
    }
    #ctl00_MainPageContent_btnLogBack{
        width: 250px !important;
    }
    #faqsRB{
        margin-left: 10px;
    }
    .logoOverlay {
        display: none !important;
    }
}

@media screen and (max-width: 825px) and (orientation:landscape) {
    .logo 
     {
         background: url("images/Login_Mobile_Landscape.png");
         /*background-repeat: no-repeat;
         background:none;*/
         margin:0px;
         height:160px !important;
         width:100%;
     }
    .box-main{
        min-height: initial;
    }
    #loginSeparator{
        padding: 28px 0px 0px 10px;
    }
    .logoOverlay {
        display: none !important;
    }
}

@media only screen and (device-height : 375px) and (device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation:landscape)
{ 
    /* iPhone X Resolution*/
    .box-main{
        height: 575px;
    }
    .box-login {
        margin: -20px 0px 0px -5px;
    }
    .LoginLinks td {
        padding: 10px 15px 5px 0px;
    }
    .logoOverlay {
        display: none !important;
    }

    #tabMenu{
        display: none !important;
    }
    .menuList
    {
        width: 100%;
        margin-top: 15px;
        height: 35px;
        font-size: 15px;
        text-align-last: center;
        background: #777;
        color: #f5f5f5;
        font-weight: bold;
        max-width: none !important;
        display: block;
    }

    .h4dynamic
    {
        display: none;
    }
}

@media only screen and (device-height : 411px) and (device-width : 823px) and (-webkit-device-pixel-ratio : 3.5) and (orientation:landscape)
{ 
    /* Pixel XL Resolution*/
    .box-main{
        height: 575px;
    }
    .logoOverlay {
        display: none !important;
    }
    #tabMenu{
        display: none !important;
    }
    .menuList
    {
        width: 100%;
        margin-top: 15px;
        height: 35px;
        font-size: 15px;
        text-align-last: center;
        background: #777;
        color: #f5f5f5;
        font-weight: bold;
        max-width: none !important;
        display: block;
    }

    .h4dynamic
    {
        display: none;
    }
}

.hardshipLink{
    line-height: 120%;
}
.hardshipText{
    text-align:center; 
}