/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199px) { 

    .how_works_content p{padding:0 42px}

    .why_us_content{padding:40px 50px}

    .why_us .flex-row-reverse .why_us_content{padding:40px 40px 30px 0}

    .why_us .why_us_img img{max-width:100%}

    .basic_info_cate span{ font-size: 14px }

    .loan_types .form_section .info_type.large_btn .flied.two-ui{ display: table; width: 100%; padding: 0 }

    .loan_types .form_section .info_type.large_btn .flied.two-ui button{ width: 100%; margin:0 0 10px }

    .section .wizard.vertical > .steps{ width:13% }

    .section .wizard.vertical > .content{ width:87% }

    .section .wizard > .steps a span{ display: none }

    .map_panel_content h1{ font-size: 45px }

    .map_panel{ height: 572px }

}

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991px) {

    .section{padding:50px 0}

    .section h1{font-size:40px}

    .how_works_content p{padding:0 3px}

    .why_us{padding:50px 0 0}

    .why_us_content{padding:32px 20px 0}

    .why_us_content h2{font-size:24px}

    .loan_type_panel{padding:10px 0 0}

    .loan_type{padding:30px 0 0}

    .loan_type h3{font-size:15px}

    .divder_b{margin:30px auto 0; width:140px}

    .section.testmonial{padding-bottom:110px}

    .testmonial_inner{ padding: 0 }

    .testmonial .carousel-caption p{font-size:17px; line-height:24px}

    .user_nam{font-size:17px}

    .loan_types p br{display:none}

    .loan_types .form_section .flied{ margin: 20px 0 0 }

    .faq .panel-group .panel .panel-heading a{padding:17px 22px; font-size: 17px}

    .faq .panel-group .panel .panel-body{ padding: 15px 22px; font-size: 17px}

    .funding_need .col-sm-2{-webkit-box-flex:0; -ms-flex:0 0 33.3%; flex:0 0 33.3%; max-width:33.3%;}

    .funding_need{border-left:1px solid #c0c2c8; border-top:1px solid #c0c2c8}

    .basic_info .funding_need label.basic_info_cate, .basic_info .funding_need label.basic_info_cate.border_right{border:0; border-right:1px solid #c0c2c8; border-bottom:1px solid #c0c2c8}

    .basic_info .funding_need input[type="radio"]:checked + label{border-color:#0e76bd;}

    .basic_info label, .purchase_option label, .selct_option label.lbl{ font-size: 16px }

    .property_status .col-sm-4, .vertly_tabs .col-sm-10{-webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}

    .property_status .col-sm-4 label.basic_info_cate, .property_status .col-sm-4 label.basic_info_cate.border_right{ border:1px solid #c0c2c8; }

    #dvMap_b{ margin: 30px 0 0; height: 300px !important }

    .map_panel_content h1{font-size:35px }

    .map_panel_content p{font-size:16px }

    .map_panel{ height: 472px }

}

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767px) {

    .section{padding:30px 0}

    .section h1{font-size:36px}

    .why_us_content, .why_us .flex-row-reverse .why_us_content{padding:17px 0;}

    .why_us_content p{font-size:15px}

    .loan_type{padding:20px 0 0}

    .loan_type img{height:70px}

    .loan_type h3{ padding: 0 25px; margin-top: 15px }

    .divder_b{margin:20px auto 0; width:100px}

    .testmonial .carousel-caption p{font-size:13px; line-height:18px;}

    .user_nam{font-size:13px}

    .testmnl_content{margin:0 0 0 30px}

    .testmonial .carousel-caption{padding:30px 0 20px}

    .testmonial .carousel-caption p:before{background-size:70%; background-repeat:no-repeat; top:-10px; left:-8px}

    .testmonial .carousel-indicators li{width:13px; height:13px}

    .get_loan_apprvd{padding:17px 35px; margin:-42px auto 0; font-size:18px}

    .get_loan_apprvd span{line-height:20px; margin:2px 0 0 12px }

    .section.testmonial{padding-bottom:90px; background-size:cover}

    .footer_inner{padding:30px 0 20px}

    .footer_inner .col-sm{-webkit-box-flex:0; -ms-flex:0 0 33%; flex:0 0 33%; max-width:33%;}

    .footer_inner .col-sm.copyright, .footer_inner .col-sm.proced_btn{-webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; text-align: center; margin-top:10px}

    .footer_inner .col-sm.proced_btn{ margin: 0 }

    .get_offer_box{width:370px; height:118px; margin:-100px auto 20px;}

    .get_offer_title{font-size:19px}

    .how_works{padding:30px 0 0}

    .how_works_content img{margin:7px 0}

    .why_us_content h2{ font-size: 22px }

    .loan_types p{padding:0; font-size:18px}

    .form_section{padding:10px 0 0}

    .form_section .flied input.effect-21{padding:10px 15px}

    .flied button{padding:8px 0}

    .loan_typ p, .contactus p{font-size:18px; margin:10px 0 0; }

    .faq .panel-group .panel .panel-heading a{padding:15px 18px; font-size:16px}

    .faq .panel-group .panel .panel-body{padding:12px 18px; font-size:16px}

    .faq .panel-group .panel+.panel{margin-top:15px}

    .padding_left, .padding_right{padding:0}

    .basic_info .info_type label{ margin-top: 15px }

    .basic_info .info_type .form-group{margin:0}

    .section .wizard.vertical > .steps{ width:100% }, .section .wizard.vertical > .content{ width:87% }

    .section .wizard.vertical > .steps > ul > li{ width: auto; float: left; margin: 0 2px}

    .section .list_icon{width:auto}

    .section .wizard > .steps .disabled a, .section .wizard > .steps .disabled a:hover, .section .wizard > .steps .disabled a:active, .section .wizard > .steps a, .section .wizard > .steps .current a, .section .wizard > .steps .current a:hover, .section .wizard > .steps .current a:active{padding:15px 17px; border:0; border-radius:5px 5px 0 0}

    .section .wizard.vertical > .content{ width: 100%; min-height: initial}

    .section .wizard > .steps .done a, .section .wizard > .steps .done a:hover, .section .wizard > .steps .done a:active{padding:15px 17px}

    .map_panel_content{ top: 24%; }

    .map_panel_content h1{font-size:30px }

    .map_panel_content p{font-size:15px; margin-top: 5px}

    .map_panel{ height: 342px }

}



@media (max-width: 650px) {

	.map_panel{ height: 282px }

    .map_panel_content{ padding:0 40px; left:0; top: 100px}

    .map_panel_content p br{ display: none }

    .get_offer_box{ margin-top: 0 }

    .form_section .flied input::-webkit-input-placeholder { opacity: 0 }



    .get_offer_box{ width: 96%; height: 152px; margin:0 auto 50px; padding: 25px 0}

    /*.get_offer_title{font-size:25px}*/

    .get_offer_box span{font-size: 16px}

    .get_offer_box a{ font-size: 26px; margin: 25px auto 0}

}



/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575px) { 

    .nav_section .col-sm-6, .loan_type_panel .col-sm-4{-webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}

    .section h1{font-size:30px}

    .how_works_content{margin:15px 0 0;}

    .why_us{padding:30px 20px 0; text-align:center;}

    .why_us_content img{margin:10px 0; display:inline-table;}

    .why_us_content, .why_us .flex-row-reverse .why_us_content{padding:20px 0 10px;}

    .divder_b, .testmonial .carousel-caption p:before, .testmnl_img:after{display:none}

    .section.testmonial{}

    .testmnl_img{display:table; margin:0 auto 15px}

    .testmnl_content{text-align:center; margin:0 20px}

    .testmonial .carousel-caption{padding:25px 0 10px}

    /*.get_offer_box{ width:320px; height: 92px}

    .get_offer_title{ font-size: 16px }

    .get_offer_box span{ font-size: 13px }*/

    /*.get_offer_box a{font-size:16px; padding:7px 18px; margin:10px auto 0 }*/

    .form_section .formError .formErrorContent{ font-size: 14px; padding: 1px 8px 4px }

    .form_section .formError .formErrorContent:before{ margin: -21px 0 -9px 0 }

    .form_section .flied input.effect-21{ font-size: 15px }

    .flied button{font-size:15px; padding:7px 0}

    .loan_types .form_section .flied{ margin-top: 15px }

    .loan_types p{ font-size: 17px }

    .faq .panel-group .panel .panel-heading a{padding:13px 15px; font-size:15px}

    .faq .panel-group .panel .panel-body{ padding:12px 15px; font-size:15px}

    .faq .panel-group .panel+.panel{margin-top:10px}

    .basic_info{ padding: 0 15px }

    .click_buton .col-sm-6{ width: 50% }

    .basic_info .click_buton label.basic_info_cate{ padding: 10px 0 }

    .funding_need .col-sm-2{-webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}

    .info_type .flied.two-ui button{ padding: 8px 25px; font-size: 16px; margin: 0 0 0 10px }

    .basic_info label, .purchase_option label, .selct_option label.lbl{ font-size: 15px }

    .property_status .col-sm-4 label.basic_info_cate, .property_status .col-sm-4 label.basic_info_cate.border_right{ padding: 12px 0 }

    #dvMap_b{ margin-bottom:20px  }

    .contact_right .contact_info{ margin-top:10px }

    .contact_info img{ margin: 5px 0 }

    .section .wizard.vertical > .steps > ul > li{width:15.6%}

    .section .list_icon{ width: inherit }

    .section .wizard > .steps .disabled a, .section .wizard > .steps .disabled a:hover, .section .wizard > .steps .disabled a:active, .section .wizard > .steps a, .section .wizard > .steps .current a, .section .wizard > .steps .current a:hover, .section .wizard > .steps .current a:active, .section .wizard > .steps .done a, .section .wizard > .steps .done a:hover, .section .wizard > .steps .done a:active{padding:14px 0}

    .section .wizard > .steps li a img{height:30px}

    #dvMap{height:504px}
    .capchaValid{padding: 7px 14px !important;width: 515px;}

}

@media (max-width: 518px) { 
    .nav_section .col-sm-6{flex:0 0 30%; max-width:30%;}
    .nav_section .col-sm-6+.col-sm-6{flex:0 0 70%; max-width:70%;}
}

@media (max-width: 440px) {

    .section{padding:20px 0}

    .section h1{font-size:26px}

    .section.testmonial{padding-bottom:80px}

    .get_loan_apprvd{padding:12px 27px; font-size:16px; margin:-36px auto 0}

    .get_loan_apprvd span{line-height:17px; margin: 5px 0 0 10px}

    .footer_inner .col-sm, .footer_inner .col-sm+.col-sm+.col-sm+.col-sm{max-width:100%; flex: 0 0 100%}

    .footer_inner .col-sm{ margin-bottom: 15px }

    .footer_inner .col-sm+.col-sm{max-width:50%; flex: 0 0 50%}

    .footer_inner .col-sm ul li{width:49%; display:inline-table}

    .footer_inner .col-sm+.col-sm ul li{width:100%}

    /*.get_offer_box{ width:96%; }*/

    /*.get_offer_title{ font-size: 14px }

    .get_offer_box span{ font-size: 12px }

    .get_offer_box a{font-size:14px; padding:5px 14px; margin:8px auto 0}

    .get_offer_box a img{width:7px; margin:6px 5px -6px 0 }*/

    .how_works{padding:20px 0 0}

    .why_us_content h2{ font-size: 20px }

    .why_us_content, .why_us .flex-row-reverse .why_us_content{padding:10px 0 0}

    .why_us_content p{ font-size: 13px }

    #sidebar{width:250px}

    #sidebar ul.components h5{font-size:15px; margin:22px 0 5px}

    #sidebar ul li a{font-size:15px; line-height:26px}

    .sidebar-header button.getloan{padding:4px 13px}

    .loan_type h3{font-size:14px}

    .footer_inner{padding:20px 0 10px}

    .testmnl_content{margin:0}

    .footer_content ul li:nth-child(2), .footer_content ul li:nth-child(4n), .footer_content ul li:nth-child(6n) {padding-left:15px}

    .footer_inner .col-sm+.col-sm ul li{padding-left:0}

    .form_section{padding:0}

    .loan_typ p, .contactus p{font-size:16px}

    .form_section .formError .formErrorContent{ font-size: 13px;}

    .form_section .flied input.effect-21{ font-size: 14px}

    .loan_types .form_section .flied{ margin-top: 10px }

    .loan_types p{ font-size: 16px }

    .faq .panel-group .panel .panel-heading a{padding:11px 13px; font-size:14px}

    .faq .panel-group .panel .panel-body{padding:9px 13px; font-size:13px}

    .basic_info .info_type .basic_info_cate span{font-size:17px}

    .info_type .flied.two-ui{ width: 100%; display: table; }

    .info_type .flied.two-ui button{width: 100%; padding:6px 25px; font-size:14px; margin:0}

    .info_type .flied.two-ui button+button{ margin-top: 10px }

    .basic_info label, .purchase_option label, .selct_option label.lbl{font-size:14px}

    .property_status .col-sm-4 label.basic_info_cate, .property_status .col-sm-4 label.basic_info_cate.border_right{padding:10px 0}

    .property_status .col-sm-4 label.basic_info_cate span{font-size:15px}

    #dvMap_b{height:240px !important}

    .contact_right .contact_info{ font-size: 16px }

    .section .wizard.vertical > .steps > ul > li{width:31.8%; margin:0 2.5px 5px}

    .section .wizard > .steps .done a, .section .wizard > .steps .done a:hover, .section .wizard > .steps .done a:active, .section .wizard > .steps .disabled a, .section .wizard > .steps .disabled a:hover, .section .wizard > .steps .disabled a:active, .section .wizard > .steps a, .section .wizard > .steps .current a, .section .wizard > .steps .current a:hover, .section .wizard > .steps .current a:active{ width:100%; padding: 15px 0; border-radius: 5px }

    .section .wizard > .content > .body label{ font-size: 15px }

    #dvMap{height:450px}

    /*.map_panel_content{ padding: 0 20px }*/

    /*.map_panel_content h1{ font-size: 24px }

    .map_panel_content p{ font-size: 13px }*/

}



@media (max-width: 410px) {

	.get_offer_box{ padding:45px 40px; height:186px; width: 100%; margin:0 auto 50px}

	.get_offer_box a{ margin: 44px auto 0;}

	.map_panel{ height: 308px }

    .nav_section .col-sm-6, .nav_section .col-sm-6+.col-sm-6{flex:0 0 100%; max-width:100%; text-align: center;}
    .nav_right{ float: none !important; display: table; margin: auto; padding:14px 0 0}

}



@media (max-width: 360px) {

    .logo img{width:111px}

    .nav_right{padding:10px 0 0}

    .nav_right button.getloan{padding:6px 12px;}

    .nav_right button.navgt{margin:2px 0 0 10px}

    .loan_type_panel .col-sm-4{-webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}

    .loan_type h3{padding:0; margin:10px 0 0}

    .footer_inner .col-sm{margin-bottom:10px}

    .footer_inner .col-sm ul li{font-size:13px}

    .loan_typ h1{font-size:22px}

    .loan_typ p, .contactus p{font-size:15px; margin-top:5px}

    .form_section .formError .formErrorContent{ font-size: 12px;}

    .basic_info .info_type .basic_info_cate span{font-size:16px}

    .contact_right .contact_info{ font-size: 15px }

    .section .wizard.vertical > .steps > ul > li{width:31.5%}

    .map_panel_content{ /*top: 60px;*/ padding: 0 20px}

    .get_offer_title{ line-height: initial; }

    /*.map_panel_content h1{ font-size: 18px }

    .map_panel_content p{ font-size: 11px }*/

}