@media only screen and (max-width: 1199px){
    .header .logo h1 {
        font-size: 35px;
    }
}
 @media only screen and (max-width: 991px) {
    .banner_section .banner_details .row{
        display: flex;
        flex-direction: column-reverse;
    }
    .banner_form_section .banner_form #msform .form-row .row {
        display: flex;
        flex-direction: initial;
    }
    
    .header_right img {
        width: 52px;
        float: none;
        padding: 0 0 0 10px;
    }
    .header_right .contact_details {
        width: calc(100% - 60px); 
    }
    .header .logo img{
        width: 180px;
    }
    .header_right .contact_details strong {
        font-size: 18px;
    }
    .header_right .contact_details span {
         font-size: 14px;
    }
    .header .logo h1{
        font-size: 28px;
    }
    .header .logo img {
        width: 160px;
    }

    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 34px;
    }
    .banner_section .banner_rate h2 {
        font-size: 40px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 17px;
    }
    .banner_text {
        margin:0;
    }
    .banner_section .banner_rate:before {
        border-top: transparent solid 58px;
        border-bottom: transparent solid 58px;
    }
    .banner_text ul li {
        margin: 0 0 5px 0;
        font-size: 16px;
        background: none;
        padding: 0;
    }

    .banner_text ul li:before {
        content: "";
        width: 24px;
        height: 24px;
        background: url(../images/right_icon.png) 0 7px no-repeat;
        position: relative;
        margin: 0 0px 0 0px;
        display: inline-block;
    }
    .banner_section .banner_rate {
        margin: 14px 0 14px -30px;
    }
    .banner_section {
        height: auto;
        overflow: visible;
        /* display: inline-block;
        width: 100%; */
    
    }
    .banner_section .banner_img {
        position: inherit;
        /* top: -360px; */
        margin: -360px 0 0 0;
    }
    .banner_form_section .banner_form {
        min-height:34vh;
    }
    footer.footer_site .copyright {
        text-align: center;
    }
    footer.footer_site .footer-menu ul {
        text-align: center;
    }

/********************/

    .loanbannerImg {
        background: none;
    }
    .banner_section .banner_details {
        font-size: 0;
    }
    .loanbannerImg::before {
        display: none;
    }
    .banner_section .banner_details .container {
        width: 100%;
        background: #ef4b25;
        display: inline-block;
        max-width: 100%;
    }
    .banner_section .slider{
        position: relative;

        background: url(../images/auto-Loan.jpg);
        background-size: cover;
        width: 100%;
        background-position: center center;
        padding: 0 0 100px 0;
    }
    .banner_section .slider::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 100%;
        background: rgba(0,0,0,0.5);
        height: 100%;
    } 
    .banner_arrow {
        position: relative;
        float: none;
    }
    .banner_arrow:after {
        content: "";
        height: 0;
        width: 0;
        border-bottom: #ef4b25 solid 31px;
        border-left: transparent solid 51px;
        border-right: transparent solid 51px;
        float: right;
        position: absolute;
        top:-52px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .banner_arrow_section .banner_arrow:hover:after {

        border-left: transparent solid 51px;
        border-right: transparent solid 51px;
        border-bottom: #03438a solid 31px;
    }
    .banner_section .slider .flex-caption .banner_text {
        max-width:100%;
        padding: 34px 30px 50px 30px;
        text-align: center;
    }
    .banner_arrow_section {
        text-align: center;
        bottom: 20px;
        padding: 0;
    }
    .step_by_step {
        padding: 20px 14px;
    }
    .secure-logo {
        position: relative;
        right: -12px;
    }
   
}

@media only screen and (max-width: 767px) {
    
    .banner_form_section {
        padding: 30px 14px;
    }

    .logo {
        text-align: center;
    }

    .header_right {
        max-width: 195px;
        margin: 16px auto 8px;
        float: none;
        padding: 0;
        width: 100%;
    }

    .banner_section .banner_img {
        overflow: hidden;
        width: 100%;
    }

    .banner_section .banner_img img {
        width: auto;
        height: 360px;
        max-width: inherit;
    }

    .step_by_step .step_block:after,
    .step_by_step .step_block.step_one:before{
        display: none;
    }

    .step_by_step .step_block:before {
        content: "";
        position: absolute;
        right: 0px;
        bottom: 0;
        top: -50px;
        left: 0;
        width: 100%;
        height: 36px;
        background: url(../images/step_arrow_down.png) center 0px no-repeat;
    }

    .step_by_step .step_block.step_three {
        padding: 0;
    }
    
    .step_by_step .step_block {
        padding: 0 0px 60px 0px;
        text-align: center;
    }

    .loan_car_section .loan_car_img {
       margin: 0 0 20px 0;
    }

    .quate_section {
        text-align: center;
    }

    .banner_form_section .banner_form {
        min-height:70vh;
    }

    .kind_of_loan_img {
        margin: 0 auto 24px;
        width: 60px;
    }
    .secure-logo {
        position: relative;
        right: 0;
        text-align: center;
        margin: 10px 0 0 0;
    }
    
}
@media only screen and (max-width: 640px) {
    .banner_form_section {
        width: 100%;
    }

}
@media only screen and (max-width: 480px) {
    h2 {
        font-size: 30px;
    }
    h1 {
        font-size: 28px;
    }
    h4 {
        font-size: 18px;
    }
    .banner_section .banner_rate h2 {
        font-size: 30px;
    }
    .banner_text ul li {
        margin: 0 0 5px 0;
        font-size: 14px;
    }
    .banner_section .banner_rate:before {
        border-top: transparent solid 50px;
        border-bottom: transparent solid 50px;
    }
    .step_by_step .step_block:before {
         top: -44px;
    }
    .banner_form_section .banner_form #msform .action-button, .banner_form_section .banner_form #msform .action-button-previous {
        padding: 10px 1px;
        margin: 10px 1px;
    }
    .banner_form_section .banner_form #msform fieldset {
        padding:10px;
    }
    footer.footer_site .footer-menu ul li{
        margin-bottom: 10px;
    }
    .terms-and-conditions .banner_form_section p, .privacy-policy .banner_form_section p{
        font-size: 12px;
    }
}