/* CSS for serving the retina image to devices with a high "device-pixel-ratio" */

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {

}



/*  EXTRA-LARGE (XL) Grid: 1200px+

    ---------------- */

@media only screen and (min-width: 1200px) {
	.widget_form_button {
		margin:0 10% 0 35%;}
    #header .button.calc_your_loan {

        padding: 7px 13px 9px !important;

        width: 189px!important;

        text-align: center;

        height: 27px;

    }

    #navigation {

        margin-left: 0px;

    }



    .button.calc_your_loan, .button.sixty_sec_quote_button {

        margin-top: 10px;

    }

    .button.sixty_sec_quote_button {

        /*margin-left: 62px;*/

        margin-right: 5px;

    }

    .button.calc_your_loan {

        width: 166px!important;

        margin-left: 10px;

        text-align: center;

        height: 23px;

    }

    #mainNav > li > a {

        padding: 0 24px;

    }

    #mainNav li a {

        font-size: 14px;

    }

}



    /*  LARGE (L) Grid: 1024px - 1199px

        ---------------- */

@media only screen and (min-width: 1024px) and (max-width: 1199px) {





    #headerBanner .banner_heading_container {

        margin-top: 91px;

    }



    #enquiry_Section .enquiry_form .form_message_container input[type="submit"] {

        padding: 11px 27px !important;

    }

	#headerBanner {
		background-position: 60% 0 !important;}

	.button.calc_your_loan, .button.sixty_sec_quote_button {
		margin-top:10px;
		padding:0 10px !important;}



}



/*  MEDIUM (M) Grid: 768px - 1023px

    ---------------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) {



    /* Header */

    #header a.logo {

        height: 50px;
		margin-top:10px;

        width: 100%;

        background-size: contain;

    }
	.header_button_cta_container span {
		display:none;}

	.button.calc_your_loan, .button.sixty_sec_quote_button {
		margin-top:10px;}

    #mainNav > li > a {
        padding: 0 5px;
    }

    #mainNav li a {
        font-size: 12px;
    }




    .button.calc_your_loan {

        padding: 7px 9px 9px !important;

    }
	#headerBanner .gecko {
		height:400px;
		background-size:contain;
		padding-top:40px;
		right:0;
		width:265px;}


	#headerBanner .banner_text h2 {
		font-size:23px;}
	#headerBanner .banner_text p {
		width:70%;
		font-size:14px;}
	#headerBanner .banner_text .lenders {
		width:70%;
		background-size:contain;}


    #headerBanner {

        position: relative;

        height:   400px;

		background-size:auto 110%;
		background-position:80% 0 !important;

    }
	.banner_text p span {
		display:none;}



    #headerBanner .banner_heading_container {

        margin-top: 111px;

    }



    /* Car Finance */

    .second_section_panel .panel_content {

        width: 71%;

    }



    /* Testimonials */

    .testimonial_outter_container {

        width: 72%;

    }



    /*Why section */

    .why_reason_bg {

        background-size: 51% auto;

    }



    .why_reasons_container {

        width: 63%;

    }



    /*Calculator */

    .calculator_details_container {

        padding-top: 16px;

    }
	.widget_form_input {
		width:73% !important;}

	.apply_now_details_container {
		padding-top:30px;}



    .button.button_white.first {

        margin-bottom: 5px;

    }
	.testimonial_vert_align {
		height:450px;}
	.testimonial_outter_container {
		top:20%;}
	.why_reason_bg {
		background-size:45% auto;}
	.why_reasons_container {
		width:55%;
		top:15%;}




    /* Enquiry Section */

    #enquiry_Section .enquiry_cta_title p {

        font-size:   17px;

        line-height: 17px;

    }



    #enquiry_Section .enquiry_form h2 {

        margin-bottom: 17px;

        font-size:     22px;

        line-height:   33px;

    }


    #enquiry_Section .enquiry_form h2 span {

        font-size: 19px;

    }



    #enquiry_Section .enquiry_cta_title h2 {

        font-size: 22px;

    }



    #enquiry_Section .enquiry_form .form_message_container input[type="submit"] {

        padding:   12px 11px !important;

        font-size: 15px;

    }



    .calculator_form_container {

        height: 396px;

    }

    .calculator_details_container {

        height: 396px;

    }




.applyBox h2 {
	font-size:400;
	font-size:48px;
	color:#000;
	line-height:54px;
	margin-top:50px;
	margin-bottom:20px;}





}



/*  Phone - all mobile sizes < 767px

    ---------------- */

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

    html, body {

        font-size:   14px;

        line-height: 20px;

    }



    #homePage #menu_mobile {

        display: none;

    }



    .form_label {

        width:   auto;

        padding-top: 0;

    }



    .form_required {

        width:   5%;

        padding-top: 0;

    }



    .form_field {

        width:      100%;

        float:      none;

        margin-top: 0;

    }



    /* Header */

    #header {

        height:        60px;

        padding:       0;

        margin-bottom: 10px;

    }



    #header a.logo {

        height:          50px;
		margin-bottom:10px;

        width:           200px;

        background-size: auto 50px;

        float:           left;

    }
	.blue_alha {
		display:none;}
    #mobile_nav #mobile_nav_launch {

        display: block;

    }



    /*Banner */

    #headerBanner .banner_heading h1 span.line1 {

        font-size:   36px;

        line-height: 26px;

    }



    #headerBanner .banner_heading h1 span.line2 {

        font-size:   34px;

        line-height: 50px;

    }



    #headerBanner .banner_heading h1 span.line3 {

        font-size:   43px;

        line-height: 35px;

    }
	#headerBanner .gecko {
		display:none;}



    .button.sixty_sec_quote_button, .button.calc_your_loan {

        float:      none;

        width:      60% !important;

		margin:0 auto;

        margin-top: 10px;

		padding:6px 10px !important;

		border:none;

        height:     auto;

    }



    .sixty_sec_quote_button {

        padding:    9px 17px 11px !important;

        margin-top: 14px !important;

    }




    .button.sixty_sec_quote_button img, .button.calc_your_loan img {

        width: 100% !important;

    }



    #headerBanner .banner_text h2 {

        font-size:   28px;

        line-height: 33px;
		text-align:center;

    }
	#headerBanner .banner_text p {
		font-size:15px;
		text-align:center;}

	#headerBanner .banner_text .lenders {
		width:100%;
		background-size:contain;}

	#headerBanner .banner_heading h1 {
		color:#000;}
	#headerBanner .banner_heading, #headerBanner .banner_heading_container {
		background: none;}
	.header_button_cta_container.visible_phone .button {
		background:#0277bd;
		font-size:16px;}
	.header_button_cta_container.visible_phone .button.calc_your_loan {
		background:#7cb342;}



    #headerBanner {

        position: relative;
		text-align:center;
        height:   400px;
		background-size:auto 100% !important;
	background-position:25% 0 !important;

    }
	.header_button_cta_container {
		float:none;
		width:100%;
		display:inline-block;}



    #headerBanner .banner_heading_container {

        margin-top: 40px;

    }
	.applyBox {
		display:none;}




    /* Second section */

    #second_section {

        padding: 75px 0 0px;

    }



    #second_section h2 {

        font-size:     33px;

        line-height:   35px;

        margin-bottom: 44px;

    }



    .second_section_panel, .second_section_panel.center {

        width:      100%;

        margin:     0;

        margin-top: 50px;

    }



    .panel_row_random {

        margin-top: 50px;

    }



    .second_section_panel:first-of-type {

        margin-top: 0;

    }



    .second_section_panel .panel_icon {

        width: 13%;

    }



    .second_section_panel .panel_content {

        width: 82%;

    }



    .panel_row_random {

        margin: 50px 0 80px;

    }
	#footer .footerNavHeading, #footer .footer_top ul li.footerNavHeading a {
		font-size:24px;
		margin-top:30px;}
	#footer .footer_top ul li, #footer .footer_top ul li a {
		font-size:18px;
		line-height:24px;}
	#footer h2, #footer p.custom_font_one, #footer h2, #footer p.custom_font_one {
		text-align:center;}
	#footer h2, #footer p.custom_font_one {
		margin-top:50px;}

	.applynow_container {
		width:80%;}
	.apply_online_widget {
		margin-bottom:0 !important;}
	.apply_now_details_container {
		width:100%;
		height:220px;
		padding-top:30px;}
	.widget_form_button {
		margin:0 auto !important;}



    /* Testimonials */

    .testimonial_outter_container {

        width:              100%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing:    border-box;

        -o-box-sizing:      border-box;

        -ms-box-sizing:     border-box;

        box-sizing:         border-box;

        font-size:          21px;

        line-height:        29px;

        position: static;

        margin-top: 20%;

    }



    .testimonial_vert_align {

        height: 486px;

    }



    /* Why Section  */

    .why_reason_bg {

        height:     523px;

        background: none;

    }



    .why_reasons_container > h2 {

        font-size: 33px;

    }



    .why_reasons_container {

        position: static;

        width:              100%;

        padding:            99px 0 12px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing:    border-box;

        -o-box-sizing:      border-box;

        -ms-box-sizing:     border-box;

        box-sizing:         border-box;

    }



    .blue_heading {

        color:       #566473;

        font-size:   24px;

        line-height: 31px;

    }



    /* Calculator */

    #calculator_Section {

        padding-top: 80px;

    }



    .calculator_container {

        width: 100%;

    }



    #calculator_Section h2 {

        text-align: center;

        font-size:  31px;

    }



    .calculator_form_container, .calculator_details_container {

        width: 100%;

    }



    .disclaimer_txt {

        margin-bottom: 55px;

    }



    /* Enquiry form */

    #enquiry_Section {

        padding: 99px 0 99px 0;

    }



    #enquiry_Section .enquiry_cta_title {

        text-align:     center;

        margin-bottom:  30px;

        padding-bottom: 30px;

        background:     url("/images/home-landing/horizontal_divider.png") no-repeat bottom center;

    }



    #enquiry_Section .enquiry_cta_title h2 {

        font-size:   30px;

        line-height: 33px;

    }



    #enquiry_Section .enquiry_form h2 {

        font-size:     18px;

        margin-bottom: 37px;

    }



    #enquiry_Section .enquiry_form h2 span {

        font-size: 20px;

    }



    #enquiry_Section .enquiry_form h2 em {

        font-size:   21px;

        line-height: 24px;

    }



    #enquiry_Section .enquiry_form .form_message_container {

        text-align: center;

    }



    #enquiry_Section .enquiry_form .form_message_container textarea {

        float: none;

    }



    #enquiry_Section .enquiry_form .form_message_container input[type="submit"] {

        width:        100%;

        margin-right: 0;

        position:     relative;

        margin-top:   20px;

    }



    #enquiry_Section .enquiry_form h2 span {

        font-size: 23px;

    }



    #enquiry_Section .three_x_form {

        width: 100%;

    }



    #enquiry_Section .three_x_form.center {

        margin: 0;

    }



    #enquiry_Section .enquiry_form .form_message_container textarea {

        width:        100%;

        margin-right: 0;

    }



    /* Footer */

    #footer, .text_align_center_mobile {

        text-align: center!important;

    }

    #footer .footer_menu .phone_half{

        margin-bottom: 20px;

    }
	#footer h2 {
		padding-left:0;
		line-height:normal;}
	#footer p.custom_font_one {
		margin-top:20px;}


	#short_quoteForm h2 {
		margin-top:30px;}
	#short_quoteBox {
		width:100%;
		padding:0px 5% 60px 5%;
		background-color:#FFF;
		box-sizing:border-box;
		background: -webkit-linear-gradient(#fff, #7cb342);
        background: -o-linear-gradient(#fff, #7cb342);
        background: -moz-linear-gradient(#fff, #7cb342);
        background: linear-gradient(#fff, #7cb342);}
	#short_quoteBox #inline_content {
		padding-top:60px !important;}

}



/*  SMALL (S) Grid: 480px - 767px

    ---------------- */

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



}



/*  EXTRA-SMALL (XS) Grid: < 479px

    ---------------- */

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



    /* Header */

    #headerBanner {

        position: relative;

        height:   420px;

		background-position: 40% 0 !important;

    }



    #headerBanner .banner_heading_container {

         margin-top: 55px;

     }



    #headerBanner .banner_heading h1 span.line1 {

        font-size:   26px;

        line-height: 20px;

    }



    #headerBanner .banner_heading h1 span.line2 {

        font-size:   25px;

        line-height: 43px;

    }



    #headerBanner .banner_heading h1 span.line3 {

        font-size:   31px;

        line-height: 25px;

    }



    .button.sixty_sec_quote_button, .button.calc_your_loan {

        width:      100% !important;

        margin-top: 36px;

		box-sizing:border-box;

    }



    #headerBanner .banner_text h2 {

        font-size:   23px;

        line-height: 30px;

    }



    /* Second */

    #headerBanner .banner_text h2 {

        font-size:   23px;

        line-height: 30px;

    }



    .second_section_panel .panel_icon {

        width:         100%;

        margin-right:  0;

        margin-bottom: 20px;

    }



    .second_section_panel .panel_content {

        width:      100%;

        text-align: center;

    }



    .panel_row_random {

        margin-top: 50px;

    }
	.apply_online_widget_content {
		height:auto !important;}
	.apply_now_details_container {
		height:auto;
		padding-bottom:30px;}
	.apply_online_widget_content label {
		text-align:center;}
	.applynow_container {
		width:100%;}

	.testimonial_vert_align {
		height:auto;}
	.testimonial_outter_container {
		margin-bottom:30px;}


    /* testimonials */

    .testimonial_outter_container {

        padding-left:    40px;

        background-size: 30px auto;

        font-size:       17px;

        line-height:     25px;

        margin-top: 71px;

    }



    .testimonial_inner_container {

        padding-right:   40px;

        background-size: 30px auto;

    }



    .testimonial_by {

        font-size:   13px;

        line-height: 15px;

    }



    /* Why Section */

    .why_reasons_container {

        padding:           45px 0 25px;

        float:             none;

        position:          static;

        top:               0;

        -webkit-transform: none;

        -moz-transform:    none;

        -o-transform:      none;

        transform:         none;

    }



    .why_reason_bg {

        height: auto;

    }



    .why_reasons_container > h2 {

        text-align: center;

    }



    .reason_box {

        text-align: center;

    }



    .reason_box .reason_icon {

        float:         none;

        width:         100%;

        margin-right:  0;

        margin-bottom: 20px;

    }



    .reason_box .reason_content {

        float: none;

        width: 100%;

    }



    /*Calculator */

    #calculator_Section {

        padding-top: 68px;

    }

    .calculator_details_container {

        height: 360px;

    }



    .button.button_white.first {

        margin-bottom: 10px;

    }

    .calculator_details_container {

        padding: 60px 22px 0;

    }

    .calculator_form_container .form_label {

        width: 100%;

        text-align: center;

    }

    .calculator_form_container .form_field {

        width: 100%;

        text-align: center;

    }

    .calculator_form_container {

        height: auto;

        -o-border-top-right-radius: 0;

        -o-border-bottom-right-radius: 0;

        -moz-border-top-right-radius:0;

        -moz-border-bottom-right-radius: 0;

        -webkit-border-top-right-radius: 0;

        -webkit-border-bottom-right-radius: 0;

        border-top-right-radius: 0;

        border-bottom-right-radius: 0;

    }



    /* po-up box */

    #pop_up_email_box { max-width: 300px!important; }



    /* Enquiry */

    #enquiry_Section .enquiry_cta_title h2 {

        font-size:   22px;

        line-height: 33px;

    }



}