nav a#pull {
    display: none;
    font-family: "Martel Sans",sans-serif;
}
@media only screen and (max-width: 1024px) {
    #pull { display:block; }
    .home #container_section{    margin:0px; padding:0px;margin-top: 10px;}
    .header_container{padding: 8px 0 0 0; width:100%;}
    .header_logo{ width:95%; margin:5px auto 10px; float:none; text-align:center;}

    .header_right{ width:100%; float:none;}
    .right_top{ float:none; margin:0px auto 15px; width:43%;}
    .header_nav ul{ background:#aeaeae;}
    .header_nav ul li{ float:none; padding:0px; display:block;}
    .header_nav ul li a{ display:block; padding:10px 10px 10px 10px; border-bottom:1px solid #333; font-size:17px;}
    .header_nav ul li a:hover{ color:#fff; background:#262626;}
    .header_nav ul li.current-menu-item a{ color:#fff; background:#262626;}
    .subclick {
        cursor: pointer;
        height: 35px;
        line-height: 35px;
        padding-top: 0 !important;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 50px;
    }
    .subclick::after {
        content: url("../images/arrow_drop.png");
    }
    .sub-open .sub-menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
        display: block !important;
    }
    .sub-menu {
        background-color: #353536 !important;
        border-top: 0 none;
        display: none !important;
        margin: 0;
        padding: 0;
        position: relative !important;
        top: 0 !important;
        visibility: inherit !important;
        width: 100% !important;
    }
    .wrap_main {
        width: 95%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    nav {
        float: inherit;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    nav ul{display: none; height: auto;}
    nav a#pull {display: block;	width:100%; position: relative; background:#1a1a1a; margin:0px 0px; color:#fff; text-transform:uppercase;
        font-weight:600; line-height:40px; height:40px; padding:0px 0px; text-decoration:none; text-indent:10px; font-size:17px;}

    nav a#pull:after{content:""; background: url(../images/nav-icon.png) left top no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}

    #header_section{margin:0px;}

    .caption_form{position:inherit;}
    .caption_form_container{ width:95%; margin:0px auto;}
    .caption_container{width:95%; margin:0px auto;}
    .capton_box{width:100%; margin-top:14px;}
    .capton_box h1{font-size:30px;}
    .capton_box h4{font-size:24px;}

    .quick_form_left{width: 32%; margin-right:2%;}
    .quick_form_middle{width: 44%;}
    .quick_form_middle_left{width:100%;}
    .quick_form_middle_right{width:100%;}
    .quick_form_right{width:20%;}
    .quick_form_right .quick_submit{ margin-top:115px; font-size:15px; padding: 14px 0; border-radius:3px;}
    .quick_form_middle_left .inpt_feild{width:95%;}
    .quick_form_middle_right .message_feild{width:91%; height:auto;}

    .container_wrapper{width:95%;}

    .service_left,.service_right{width:31%; margin:0 1%; float:left;}
    .serviceinfo{width:95%; margin:0px auto; padding:10px 0px;}
    .circle_shape,.service_name{width:100%; text-align:center; float:inherit;}
    .service_name h3{font-size:27px;}
    .service_name h3 span{font-size:18px; margin:0px;}
    .service_description{text-align:center;}
    .service_description p{font-size:14px; margin-bottom:10px;}
    .service_description a{float:inherit;}

    .marking_left{width:33%;}
    .marking_left img{max-width:100%;}
    .marking_right{width:65%}
    .marking_right h3{font-size: 22px; margin-bottom:5px;}
    .marking_right p{font-size: 13px;}

    .connect_info{background:none; padding:0px;}
    .connect_left{width:100%; float:inherit; margin:0px; background:#005d55; padding:10px 0px;}
    .connect_left p{margin:0px !important; font-size: 20px !important;}
    .connect_right{width:100%; float:inherit; margin:0px; padding:10px 0px; background:#1a1a1a;}
    .online_connect{width:100%; float:inherit; margin:0px; text-align:center;}
    .mailinfo{margin-bottom:10px;}
    .address_info{width:100%; float:inherit; text-align:center;}

    .gallery_wrapper,.copyrights_wrapper{width:95%; margin:0px auto; padding:20px 0px;}
    .gallery_wrapper h3{font-size: 22px; margin-bottom:10px;}
    .slider img{width:22.7%; margin:0 1%;}
    .copyrights_wrapper h4{font-size:16px;}

    .pageheading_wrapper,.enquiry_wrapper{width:95%; margin:0px auto; padding:20px 0px;}
    .pageheading_wrapper h1{font-size:24px;}

    .srvcdscrp p{font-size:13px; line-height:20px;}
    .fullwidth p{font-size:13px; line-height:20px;}

    .prmysrvc_bar{width:100%; margin:0px auto;}
    .primary_services{width:48%; margin:0 1% 20px; text-align:center;}
    .primary_services h3{font-size:20px; margin-bottom:5px;}

    .cnct_info_inr{background:none; padding:0px;}

    .cnctinr_left{width:100%; float:inherit; margin:0px; background:#005d55; padding:5px 0px;}
    .cnctinr_left p{margin:0px !important;}
    .cnctinr_right{width:100%; float:inherit; margin:0px; padding:10px 0px; background:#1a1a1a;}
    .online_connect{width:100%; float:inherit; margin:0px; text-align:center;}
    .inrmail_info{margin-bottom:10px;}
    .inr_adrss{width:100%; float:inherit; text-align:center;}

    .lfteqry{width:30%; margin-right:2%;}
    .midlnqry{width:45%;}
    .clientinfo{width:100%; float:inherit;}
    .clienttext{width:100%; float:inherit;}
    .namefield{margin-bottom:5px;}
    .textfeild{height:auto;}
    .rgteqry{width:21%;}
    .enquiry_button{padding:14px 0px; font-size: 16px; margin-top:100px;}

    .booking_bar{margin-bottom:10px;}
    .booking_left,.booking_right{width:100%; float:inherit; text-align:left;}
    .booking_left h4{font-size:26px; margin:0px 0px 10px 0px;}
    .booking_left img{vertical-align:middle;}
    .booking_right a{padding:10px 50px; font-size:20px; display:inline-block;}

    .firminfo{margin-bottom:15px;}
    .firm_left{width:32%;}
    .firm_right{width:65%;}
    .firm_right img{height:auto;}

    .other_service{width:31%; margin:0 1%;}
    .other_service h3{font-size:17px;}
    .other_service a{font-size:14px;}

    .online_quote{width:95%; margin:0px auto; margin-bottom:10px;}
    .quote_left{width:32%; margin-right:2%;}
    .quote_middle,.quote_right{width:32%;}
    .comer_field,.comer_text{width: 90%;}

    .location_map{width:30%; margin-right:2%;}
    .location_address{width:64%}
    .location_address h2{font-size:22px; margin-bottom:5px;}
    .location_address p{font-size:14px; margin-bottom:10px;}
    .contact_person h5,.contact_person a,.person_mail a{font-size:14px;}

    .contact_wrapper{width:95%; margin:0px auto; padding:20px 0px;}
    .cnct_left{width:100%; float:inherit; text-align:center; margin-bottom:10px;}
    .cnct_middle{width:49%;}
    .cnct_right{width:49%;}

    .thankyou_head{padding:0px;}
    .thankyou_bar{padding:20px 0px;}
    .thankyou_left{width:50%; margin-top:40px;}
    .thankyou_left h1{font-size:22px; margin-bottom:10px;}
    .thankyou_left p{font-size:14px; line-height:22px;}
    .thankyou_left a{padding:10px 30px; font-size:14px;}

    .thankyou_right{width:45%;}
    .socialbar{width:90%; margin:0px auto;}
    .mail_field{width:92%;}

    .header_nav{ text-align:left; margin:0px 0px 10px;}
    .linemarking{ padding:0px 0px 20px; width:100%;}

    .full_dtbk a{ padding:5px 28px;}

    .srvt_tham img{ height:180px;}
    .firminfo img{ height:auto;}



    nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    nav ul li {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #e7bd13;
        display: block;
        float: inherit;
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        margin: 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }
    nav ul li a:hover {
        border-radius: 0;
        color: #4f4f4f;
    }
    nav ul li a {
        border-bottom: 1px solid #777777;
        border-radius: 0;
        color: #fff;
        display: block;
        font-size: 14px;
        height: auto;
        line-height: normal;
        margin: 0;
        padding: 8px 0;
        text-align: left;
        width: auto;
    }
    nav a {
        color: #8a8a8a;
        font-size: 16px;
        height: 40px;
        text-align: left;
        text-decoration: none;
        text-indent: 10px;
        width: 100%;
    }
    nav a:hover {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #fff;
        text-decoration: none;
    }
    nav ul {
        display: none;
        height: auto;
    }
    nav a#pull {
        background: #45474c none repeat scroll 0 0;
        color: #fff;
        display: block;
        font-weight: 600;
        height: 40px;
        line-height: 40px;
        margin: 0;
        position: relative;
        text-transform: uppercase;
        width: 100%;
    }
    nav a#pull::after {
        background: rgba(0, 0, 0, 0) url("../images/nav-icon.png") no-repeat scroll 0 0;
        content: "";
        display: inline-block;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 25px;
    }
    .menu_bar {
        padding: 0;
        width: 100%;
    }
    .container_left {
        padding: 20px 1% 0;
        width: 22%;
    }
    .socail_bar {
        padding: 0 0 10px 10px;
    }
    .searchbx {
        width: 100%;
    }
    .input {
        width: 73%;
    }
    .find h5 a {
        font-size: 28px;
    }
    .find {
        padding-top: 100px;
    }
    .logo {
        padding-bottom: 20px;
    }
    .banner_caption {
        padding-left: 5%;
        width: 95%;
    }
    .caption_bar {
        width: 100%;
    }
    .caption_bar h2 {
        font-size: 34px !important;
        line-height: 37px !important;
    }
    .caption_bar h2 span {
        font-size: 34px !important;
    }
    .loan_left h4 {
        font-size: 21px;
        padding: 15px 0 10px;
    }
    .loan_right h4 {
        font-size: 21px;
        padding: 15px 0 10px;
    }
    .loan_left {
        padding: 0 1%;
        width: 31%;
    }
    .loan_right {
        padding: 0 1%;
        width: 31%;
    }
    .find_loan {
        padding-bottom: 0;
        padding-top: 15px;
    }
    .find_loan h3 {
        padding-bottom: 5px;
    }
    .video {
        padding: 15px 10px;
    }
    .video_left {
        width: 45%;
    }
    .video_right {
        width: 50%;
    }
    .video_right h3 br {
        display: none;
    }
    .video_right h3 {
        line-height: 30px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .video_right p {
        line-height: 22px;
    }
    .video_right p br {
        display: none;
    }
    .video_right h4 {
        margin-top: 15px;
    }
    .right_bottom {
        padding-top: 15px;
        width: 95%;
    }
    .callus_left {
        margin: 0;
        width: 48%;
    }
    .callus_right {
        width: 43%;
    }
    .form_left {
        width: 49%;
    }
    .form_right {
        width: 49%;
    }
    .input2 {
        width: 92%;
    }
    .msg {
        width: 92%;
    }
    .code {
        width: 100%;
    }
    .input4 {
        width: 100%;
    }
    .testimonial {
        margin-top: 10px;
    }
    .testimonial h4 {
        margin: 0;
    }
    .testimonial p {
        line-height: 26px;
    }
    .caption_bar2 {
        padding: 100px 0 0;
        width: 70%;
    }
    .caption_bar2 h2 {
        font-size: 38px;
        padding: 0;
    }
    .right_bottom p {
        line-height: 26px;
        margin-bottom: 10px;
    }
    .right_bottom h1 {
        margin-bottom: 15px;
        padding: 0;
    }
    .our_commitment {
        padding: 15px 0;
        width: 95%;
    }
    .our_commitment h3 {
        margin-bottom: 15px;
        padding: 0;
    }
    .our_commitment p {
        line-height: 26px;
        margin-bottom: 10px;
    }
    .our_commitment ul li {
        line-height: 26px;
        margin-bottom: 15px;
        padding-left: 35px;
    }
    .outer_area {
        padding: 15px 0;
    }
    .form h5 {
        margin: 0 0 15px;
        padding: 0;
    }
    .contact_detail h5 {
        margin: 0 0 15px;
        padding: 0;
    }
    .contact_detail {
        padding: 10px 0;
    }
    .contact_staff_wrapper {
        width: 95%;
    }
    .staff_contact {
        padding-right: 5px;
        width: 29%;
    }
    .staff_contact h5 {
        font-size: 20px;
    }
    .staff_contact2 h5 {
        font-size: 20px;
    }
    .staff_contact2 {
        width: 32%;
    }
    .staff_contact {
        width: 32%;
    }
    .staff_contact2 ul li {
        font-size: 12px;
    }
    .staff_contact ul li {
        font-size: 12px;
    }
    .contact_staff {
        padding: 10px 0;
    }
    .loan_detail {
        padding-bottom: 10px;
        padding-top: 0;
    }
    .loan_detail h3 {
        font-size: 44px;
        margin-bottom: 15px;
    }
    .purchase_wrapper {
        width: 95%;
    }
    .purchase_wrapper h4 {
        margin-bottom: 15px;
        padding: 0;
    }
    .purchase_wrapper p {
        margin-bottom: 15px;
    }
    .colmn_right ul li a {
        padding: 0 0 10px 35px;
    }
    .buyer {
        padding: 25px 0;
    }
    .debet2 {
        padding: 10px 0;
    }
    .colmn_right h5 {
        padding-bottom: 15px;
    }
    .footer_section {
        padding: 20px 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .header_container{padding: 8px 0 0; width:100%;}
    .header_logo{ width:95%; margin:5px auto 10px; float:none; text-align:center;}

    .header_right{ width:100%; float:none;}
    .right_top{ float:none; margin:0px auto 15px; width:65%;}
    .header_nav ul{ background:#aeaeae;}
    .header_nav ul li{ float:none; padding:0px; display:block;}
    .header_nav ul li a{ display:block; padding:10px 10px 10px 10px; border-bottom:1px solid #333; font-size:17px;}
    .header_nav ul li a:hover{ color:#fff; background:#262626;}
    .header_nav ul li.current-menu-item a{ color:#fff; background:#262626;}

    nav ul{display: none; height: auto;}
    nav a#pull {display: block;	width:100%; position: relative; background:#1a1a1a; margin:0px 0px; color:#fff; text-transform:uppercase;
        font-weight:600; line-height:40px; height:40px; padding:0px 0px; text-decoration:none; text-indent:10px; font-size:17px;}

    nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}
.product-box {
  float: left;
  width: 49%;
}

    .caption_form{position:inherit;}
    .caption_container{ width:95%;}
    .capton_box{ margin: 20px 0 0; width:66%;}
    .capton_box h1{ font-size:24px;}
    .capton_box h4{ font-size:16px;}

    .caption_form_container{ padding: 10px 8px 8px; width:95%; margin:0px auto;}
    .quick_form_left{ float:none; width:100%; margin:0px 0px 10px 0px;}
    .quick_form_middle{ width:100%; float:none;}
    .quick_form_middle_left{ float:none; width:100%;}
    .quick_form_middle_right{ width:100%; float:none;}
    .quick_form_right{ width:100%; float:none;}
    .quick_form_middle_left .inpt_feild{ width:97%;  padding: 12px 0 11px 12px;}
    .quick_form_middle_right .message_feild{ width:95%;}
    .quick_form_right .quick_submit {padding: 12px 0;}


    /* ----my-codding-start-from-here----*/

    #header_section{margin:0px;}
    .container_wrapper{width:95%; margin:0px auto; padding:0px;}

    .service_left,.service_right{width:100%; float:inherit; margin:0px 0px 15px 0px;}
    .serviceinfo{width:95%; margin:0px auto;}
    .circle_shape{width:20%;}
    .service_name{width:70%; float:left;}

    .marking_left{width:100%; float:inherit; text-align:center;}
    .marking_left img{width:100%;}
    .marking_right{width:100%; float:inherit; margin:0px;}
    .marking_right h3{margin-bottom:10px; font-size:22px;}
    .marking_right p{font-size:13px;}

    .connect_info{background:none; padding:0px;}
    .connect_left{width:100%; float:inherit; margin:0px; background:#005d55; padding:10px 0px;}
    .connect_left p{margin:0px !important; font-size:22px;}
    .connect_right{width:100%; float:inherit; margin:0px; padding:10px 0px; background:#1a1a1a;}
    .online_connect{width:100%; float:inherit; margin:0px; text-align:center;}
    .mailinfo{margin-bottom:10px;}
    .address_info{width:100%; float:inherit; text-align:center;}

    .gallery_wrapper,.copyrights_wrapper{width:95%; margin:0px auto; padding:20px 0px;}
    .gallery_wrapper h3{font-size:22px; margin-bottom:10px;}
    .slider img{width:22.7%; margin:0 1%;}

    .pageheading_wrapper,.enquiry_wrapper{width:95%; margin:0px auto; padding:20px 0px;}
    .pageheading_wrapper h1{font-size:24px;}

    .srvcdscrp p{font-size:13px; line-height:20px;}
    .fullwidth p{font-size:13px; line-height:20px;}

    .prmysrvc_bar{width:95%; margin:0px auto;}
    .primary_services{width:88%; margin:0px auto 20px; text-align:center; float:none;}
    .primary_services h3{font-size:20px; margin-bottom:5px;}

    .cnct_info_inr{background:none; padding:0px;}
    .cnctinr_left{width:100%; float:inherit; margin:0px; background:#005d55; padding:5px 0px;}
    .cnctinr_left p{margin:0px !important;}
    .cnctinr_right{width:100%; float:inherit; margin:0px; padding:10px 0px; background:#1a1a1a;}
    .online_connect{width:100%; float:inherit; margin:0px; text-align:center;}
    .inrmail_info{margin-bottom:10px;}
    .inr_adrss{width:100%; float:inherit; text-align:center;}

    .lfteqry{width:100%; float:inherit; text-align:center; margin-bottom:10px;}
    .midlnqry{width:100%; float:inherit;}
    .clientinfo{width:100%; float:inherit;}
    .namefield{width:95%;}
    .clienttext{width:100%; float:inherit;}
    .textfeild{width:93%;}
    .rgteqry{width:100%; float:inherit; text-align:center;}
    .enquiry_button{width:65%; padding:10px 0px; font-size: 16px;}

    .booking_bar{margin-bottom:10px;}
    .booking_left,.booking_right{width:100%; float:inherit; text-align:left;}
    .booking_left h4{font-size:26px; margin:0px 0px 10px 0px;}
    .booking_left img{vertical-align:middle;}
    .booking_right a{padding:10px 50px; font-size:20px; display:inline-block;}

    .firminfo{margin-bottom:15px;}
    .firm_left{width:32%;}
    .firm_right{width:65%;}
    .firm_right img{height:auto;}

    .other_service{width:75%; margin:0px auto 25px; float:none; text-align:center;}
    .other_service h3{font-size:17px;}
    .other_service a{font-size:14px;}

    .online_quote{width:95%; margin:0px auto; margin-bottom:10px;}
    .quote_left{width:32%; margin-right:2%;}
    .quote_middle,.quote_right{width:32%;}
    .comer_field,.comer_text{width: 87%;}

    .location_map{width:100%; float:inherit; text-align:center;}
    .location_address,.cnct_left{width:100%; float:inherit; text-align:center;}
    .location_address h2{font-size:20px; margin-bottom:10px;}
    .location_address p{margin-bottom:10px;}

    .contact_wrapper{width:95%; margin:0px auto; padding:20px 0px;}
    .cnct_middle,.cnct_right{width:100%; float:inherit;}
    .comer_field,.visitor_message{width:92%;}

    .thankyou_head{padding:0px;}
    .thankyou_bar{padding:20px 0px;}
    .thankyou_left{width:100%; float:inherit; margin-bottom:15px;}
    .thankyou_left h1{font-size:22px; margin-bottom:10px;}
    .thankyou_left p{font-size:14px; line-height:22px;}
    .thankyou_left a{padding:10px 30px; font-size:14px;}

    .thankyou_right{width:100%; float:inherit; margin-bottom:15px;}
    .socialbar{width:90%; margin:0px auto;}
    .mail_field{width:92%;}

    .header_nav{ text-align:left; margin:0px 0px 10px;}
    .linemarking{ padding:0px 0px 20px; width:100%;}

    .srvt_tham img{ height:auto;}
    .firminfo img{ height:auto;}

    .testimonial_quote > span {
        font-size: 15px;
    }
    .testimonial_wrapper {
        height: 400px !important;
    }
    .testimonial_slider_instance {
        height: 465px !important;
    }
    .testimonial_slideri {
        height: 465px !important;
    }
    .testimonial_quote {
        height: 300px !important;
    }
    nav {
        float: inherit;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    nav ul li {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #e7bd13;
        display: block;
        float: inherit;
        font-size: 11px;
        line-height: normal;
        margin: 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }
    nav ul li a:hover {
        border-radius: 0;
        color: #4f4f4f;
    }
    nav ul li a {
        border-bottom: 1px solid #777777;
        border-radius: 0;
        color: #fff;
        display: block;
        font-size: 14px;
        height: auto;
        line-height: normal;
        margin: 0;
        padding: 8px 0;
        text-align: left;
        width: auto;
    }
    nav a {
        color: #8a8a8a;
        font-size: 16px;
        height: 40px;
        text-align: left;
        text-decoration: none;
        text-indent: 10px;
        width: 100%;
    }
    nav a:hover {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #fff;
        text-decoration: none;
    }
    nav ul {
        display: none;
        height: auto;
    }
    nav a#pull {
        background: #45474c none repeat scroll 0 0;
        color: #fff;
        display: block;
        font-weight: 600;
        height: 40px;
        line-height: 40px;
        margin: 0;
        position: relative;
        text-transform: uppercase;
        width: 100%;
    }
    nav a#pull::after {
        background: rgba(0, 0, 0, 0) url("../images/nav-icon.png") no-repeat scroll 0 0;
        content: "";
        display: inline-block;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 25px;
    }
    .menu_bar {
        padding: 0;
        width: 100%;
    }
    .container_left {
        float: inherit;
        padding: 20px 0 5px;
        width: 100%;
    }
    .container_right {
        float: inherit;
        width: 100%;
    }
    .search {
        margin: 0;
        width: 100%;
    }
    .input {
        width: 90%;
    }
    .find h5 a {
        font-size: 28px;
    }
    .find {
        margin: 0 auto;
        padding-bottom: 0;
        padding-top: 20px;
        width: 95%;
    }
    .logo {
        padding-bottom: 10px;
    }
    .dekstop {
        display: none;
    }
    .mob {
        display: block;
        float: right;
        margin: 0 0 10px;
        width: auto;
    }
    .socail_bar {
        float: left;
        padding-bottom: 10px;
    }
    .searchbx {
        width: 100%;
    }
    .clr {
        display: block;
    }
    .banner_caption {
        padding-left: 5%;
        width: 95%;
    }
    .caption_bar {
        width: 100%;
    }
    .caption_bar h2 {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .caption_bar h2 span {
        font-size: 30px !important;
    }
    .loan_left {
        border: medium none;
        float: none;
        margin: 0 auto;
        padding: 0;
        width: 95%;
    }
    .loan_right {
        border: medium none;
        float: none;
        margin: 0 auto;
        padding: 0 0 20px;
        width: 95%;
    }
    .loan_left h4 {
        font-size: 21px;
        padding: 15px 0 10px;
    }
    .loan_right h4 {
        font-size: 21px;
        padding: 15px 0 10px;
    }
    .more {
        margin-top: 10px;
    }
    .find_loan {
        padding-bottom: 0;
        padding-top: 15px;
    }
    .find_loan h3 {
        padding-bottom: 5px;
    }
    .video {
        padding: 15px 10px;
    }
    .video_left {
        float: inherit;
        width: 100%;
    }
    .video_right {
        float: inherit;
        margin-top: 15px;
        width: 100%;
    }
    .video_right h3 br {
        display: none;
    }
    .video_right h3 {
        line-height: 30px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .video_right p {
        line-height: 22px;
    }
    .video_right p br {
        display: none;
    }
    .video_right h4 {
        margin-top: 15px;
    }
    .right_bottom {
        padding-top: 15px;
        width: 95%;
    }
    .callus_left {
        float: inherit;
        width: 85%;
    }
    .callus_left p {
        padding-bottom: 23px !important;
    }
    .callus_right {
        float: inherit;
        width: 54%;
    }
    .callus_left p span {
        margin-bottom: -8px;
    }
    .form_left {
        float: inherit;
        width: 100%;
    }
    .form_right {
        float: inherit;
        width: 100%;
    }
    .input2 {
        width: 96%;
    }
    .msg {
        width: 96%;
    }
    .code {
        width: 65%;
    }
    .input4 {
        width: 100%;
    }
    .testimonial {
        margin-top: 10px;
    }
    .testimonial h4 {
        margin: 0;
    }
    .testimonial p {
        line-height: 26px;
    }
    .caption_bar2 {
        padding: 100px 0 0;
        width: 90%;
    }
    .caption_bar2 h2 {
        font-size: 34px;
        padding: 0;
    }
    .right_bottom p {
        line-height: 26px;
        margin-bottom: 10px;
    }
    .right_bottom h1 {
        margin-bottom: 15px;
        padding: 0;
    }
    .our_commitment {
        padding: 15px 0;
        width: 95%;
    }
    .our_commitment h3 {
        margin-bottom: 15px;
        padding: 0;
    }
    .our_commitment p {
        line-height: 26px;
        margin-bottom: 10px;
    }
    .our_commitment ul li {
        line-height: 26px;
        margin-bottom: 15px;
        padding-left: 35px;
    }
    .outer_area {
        padding: 15px 0;
    }
    .contact_staff_wrapper {
        width: 95%;
    }
    .staff_contact h5 {
        font-size: 20px;
        margin: 0;
    }
    .staff_contact2 h5 {
        font-size: 20px;
        margin: 0;
    }
    .staff_contact2 {
        float: inherit;
        width: 100%;
    }
    .staff_contact {
        float: inherit;
        margin-bottom: 10px;
        padding: 0;
        width: 100%;
    }
    .contact_staff {
        padding: 10px 0;
    }
    .contact_inner {
        width: 100%;
    }
    .form h5 {
        margin: 0 0 15px;
        padding: 0;
    }
    .contact_detail h5 {
        margin: 0 0 15px;
        padding: 0;
    }
    .purchase_wrapper {
        width: 95%;
    }
    .purchase_wrapper h4 {
        margin-bottom: 15px;
        padding: 0;
    }
    .purchase_wrapper p {
        line-height: 26px;
        margin-bottom: 15px;
    }
    .colmn_right ul li a {
        line-height: 20px;
        padding: 0 0 10px 35px;
    }
    .buyer {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .loan_detail {
        padding: 0 0 10px;
    }
    .loan_detail h3 {
        font-size: 40px;
        margin-bottom: 15px;
    }
    .colmn_left {
        float: inherit;
        width: 100%;
    }
    .colmn_right {
        float: inherit;
        width: 100%;
    }
    .purchase {
        background-size: 100% 100%;
    }
    .investment {
        background-size: 100% 100%;
    }
    .debet {
        background-size: 100% 100%;
        padding: 10px 0 2px;
    }
    .refinance {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .buyer_detail ul li a {
        padding-bottom: 5px;
    }
    .construction {
        background-size: 100% 100%;
        margin-top: -1px;
        padding: 10px 0;
    }
    .insurance {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .doc {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .tax {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .purchase_wrapper p br {
        display: none;
    }
    .outer_area2 {
        padding-top: 5px;
    }
    .business {
        background-size: 100% 100%;
    }
    .consumer {
        background-size: 100% 100%;
    }
    .debet2 {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .tax2 {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .colmn_right h5 {
        padding-bottom: 10px;
    }
    .mortgage {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .equipment {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .cash {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .rural {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .Project {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .motor {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .thank_you h6 {
        font-size: 125px;
    }
    .footer_section {
        padding: 20px 0;
    }
}
@media only screen and (max-width: 479px) {
    .header_container{padding: 8px 0 0; width:100%;}
    .header_logo{ width:95%; margin:5px auto 10px; float:none; text-align:center;}

    .header_right{ width:100%; float:none;}
    .right_top{ float:none; margin:0px auto 15px; width:95%;}
    .header_nav ul{ background:#aeaeae;}
    .header_nav ul li{ float:none; padding:0px; display:block;}
    .header_nav ul li a{ display:block; padding:10px 10px 10px 10px; border-bottom:1px solid #333; font-size:17px;}
    .header_nav ul li a:hover{ color:#fff; background:#262626;}
    .header_nav ul li.current-menu-item a{ color:#fff; background:#262626;}

    nav ul{display: none; height: auto;}
    nav a#pull {display: block;	width:100%; position: relative; background:#1a1a1a; margin:0px 0px; color:#fff; text-transform:uppercase;
        font-weight:600; line-height:40px; height:40px; padding:0px 0px; text-decoration:none; text-indent:10px; font-size:17px;}

    nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}
	.product-box {
	  float: left;
	  width: 100%;
	}
	.left-content-prod {
	  float: left;
	  width: 100%;
	}
	.right-content-prod {
	  float: left;
	  width: 100%;
	}  
    .caption_form{position:inherit;}

    .caption_container{ width:95%;}
    .capton_box{ margin: 12px 0 0; width:80%;}
    .capton_box h1{ font-size:18px;}
    .capton_box h4{ font-size:14px;}

    .caption_form_container{ padding: 10px 8px 8px; width:92%; margin:0px auto;}
    .quick_form_left{ float:none; width:100%; margin:0px 0px 10px 0px;}
    .quick_form_middle{ width:100%; float:none;}
    .quick_form_middle_left{ float:none; width:100%;}
    .quick_form_middle_right{ width:100%; float:none;}
    .quick_form_right{ width:100%; float:none;}
    .quick_form_right .quick_submit {padding: 12px 0;}


    /* ----my-codding-start-from-here----*/

    #header_section{margin:0px;}
    .container_wrapper{width:95%; margin:0px auto; padding:0px;}

    .service_left,.service_right{width:100%; float:inherit; margin:0px 0px 15px 0px;}
    .serviceinfo{width:95%; margin:0px auto;}
    .circle_shape{width:15%;}
    .service_name{width:75%;}
    .service_name h3{font-size:30px;}
    .service_name h3 span{font-size:20px;}
    .service_description{text-align:center;}
    .service_description a{float:inherit;}
    .service_description p{font-size:14px; margin-bottom:10px;}

    .marking_left{width:100%; float:inherit; text-align:center;}
    .marking_left img{max-width:100%;}
    .marking_right{width:100%; float:inherit; margin:0px;}
    .marking_right h3{margin-bottom:10px; font-size:18px;}
    .marking_right p{font-size:13px;}

    .connect_info{background:none; padding:0px;}
    .connect_left{width:100%; float:inherit; margin:0px; background:#005d55; padding:10px 0px;}
    .connect_left p{margin:0px !important; font-size:19px;}
    .connect_right{width:100%; float:inherit; margin:0px; padding:10px 0px; background:#1a1a1a;}
    .online_connect{width:100%; float:inherit; margin:0px; text-align:center;}
    .mailinfo{margin-bottom:10px;}
    .address_info{width:100%; float:inherit; text-align:center;}

    .gallery_wrapper,.copyrights_wrapper{width:95%; margin:0px auto; padding:20px 0px; text-align:center;}
    .slider img{width:22.7%; margin:0 1%;}
    .gallery_wrapper h3{font-size:20px; margin-bottom:10px;}
    .copyrights_wrapper h4{font-size:15px;}

    .pageheading_wrapper,.enquiry_wrapper{width:95%; margin:0px auto; padding:20px 0px;}
    .pageheading_wrapper h1{font-size:24px;}

    .srvcdscrp p{font-size:13px; line-height:20px;}
    .fullwidth p{font-size:13px; line-height:20px;}

    .prmysrvc_bar{width:95%; margin:0px auto;}
    .primary_services{width:100%; float:inherit; margin:0px 0px 20px 0px;}
    .primary_services h3{font-size:20px; margin-bottom:5px;}
    .srvt_tham img{ height:auto;}

    .cnct_info_inr{background:none; padding:0px;}
    .cnctinr_left{width:100%; float:inherit; margin:0px; background:#005d55; padding:5px 0px;}
    .cnctinr_left p{margin:0px !important;}
    .cnctinr_right{width:100%; float:inherit; margin:0px; padding:10px 0px; background:#1a1a1a;}
    .online_connect{width:100%; float:inherit; margin:0px; text-align:center;}
    .inrmail_info{margin-bottom:10px;}
    .inr_adrss{width:100%; float:inherit; text-align:center;}

    .lfteqry{width:100%; float:inherit; text-align:center; margin-bottom:10px;}
    .midlnqry{width:100%; float:inherit;}
    .clientinfo{width:100%; float:inherit;}
    .namefield{width:95%;}
    .clienttext{width:100%; float:inherit;}
    .textfeild{width:92%;}
    .rgteqry{width:100%; float:inherit; text-align:center;}
    .enquiry_button{width:65%; padding:10px 0px; font-size: 16px;}

    .booking_bar{margin-bottom:10px;}
    .booking_left,.booking_right{width:100%; float:inherit;}
    .booking_left h4{font-size:19px; margin:0px 0px 10px 0px;}
    .booking_left img{vertical-align:middle;}
    .booking_right a{padding:10px 0px; font-size:20px;}

    .firm_left,.firm_right,.other_service{width:100%; float:inherit; text-align:center; margin:0px 0px 25px 0px;}

    .prmysrvc_bar h5{font-size:25px;}

    .online_quote{width:95%; margin:0px auto; margin-bottom:10px;}
    .quote_left,.quote_middle,.quote_right{width:100%; float:inherit;}

    .location_map{width:100%; float:inherit; text-align:center;}
    .location_address,.cnct_left{width:100%; float:inherit; text-align:center;}
    .location_address h2{font-size:20px; margin-bottom:10px;}
    .location_address p{margin-bottom:10px;}

    .contact_wrapper{width:95%; margin:0px auto; padding:20px 0px;}
    .cnct_middle,.cnct_right{width:100%; float:inherit;}
    .comer_field,.visitor_message{width:92%;}

    .thankyou_head{padding:0px;}
    .thankyou_bar{padding:20px 0px;}
    .thankyou_left{width:100%; float:inherit; margin-bottom:15px;}
    .thankyou_left h1{font-size:22px; margin-bottom:10px;}
    .thankyou_left p{font-size:14px; line-height:22px;}
    .thankyou_left a{padding:10px 30px; font-size:14px;}

    .thankyou_right{width:100%; float:inherit;}
    .socialbar{width:90%; margin:0px auto;}
    .mail_field{width:92%;}

    .header_nav{ text-align:left; margin:0px 0px 10px;}
    .linemarking{ padding:0px 0px 20px; width:100%;}

    .full_dtbk a{ padding:5px 18px;}

    .firminfo img{ height:auto;}
    .testimonial_quote > span {
        font-size: 15px;
    }
    .testimonial_wrapper {
        height: 500px !important;
    }
    .testimonial_slider_instance {
        height: 465px !important;
    }
    .testimonial_slideri {
        height: 465px !important;
    }
    .testimonial_quote {
        font-size: 15px !important;
        height: 375px !important;
    }
    nav {
        float: inherit;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    nav ul li {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #e7bd13;
        display: block;
        float: inherit;
        font-size: 11px;
        line-height: normal;
        margin: 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }
    nav ul li a:hover {
        border-radius: 0;
        color: #4f4f4f;
    }
    nav ul li a {
        border-bottom: 1px solid #777777;
        border-radius: 0;
        color: #fff;
        display: block;
        font-size: 14px;
        height: auto;
        line-height: normal;
        margin: 0;
        padding: 8px 0;
        text-align: left;
        width: auto;
    }
    nav a {
        color: #8a8a8a;
        font-size: 16px;
        height: 40px;
        text-align: left;
        text-decoration: none;
        text-indent: 10px;
        width: 100%;
    }
    nav a:hover {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #fff;
        text-decoration: none;
    }
    nav ul {
        display: none;
        height: auto;
    }
    nav a#pull {
        background: #45474c none repeat scroll 0 0;
        color: #fff;
        display: block;
        font-weight: 600;
        height: 40px;
        line-height: 40px;
        margin: 0;
        position: relative;
        text-transform: uppercase;
        width: 100%;
    }
    nav a#pull::after {
        background: rgba(0, 0, 0, 0) url("../images/nav-icon.png") no-repeat scroll 0 0;
        content: "";
        display: inline-block;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 25px;
    }
    .menu_bar {
        padding: 0;
        width: 100%;
    }
    .container_left {
        float: inherit;
        padding: 20px 0 5px;
        width: 100%;
    }
    .container_right {
        float: inherit;
        width: 100%;
    }
    .search {
        margin: 0;
        width: 100%;
    }
    .input {
        width: 85%;
    }
    .find h5 a {
        font-size: 28px;
    }
    .find {
        margin: 0 auto;
        padding-bottom: 0;
        padding-top: 20px;
        width: 95%;
    }
    .logo {
        padding-bottom: 10px;
    }
    .dekstop {
        display: none;
    }
    .searchbx {
        margin: 10px 0 5px;
        width: 100%;
    }
    .mob {
        display: block;
        float: right;
        width: auto;
    }
    .socail_bar {
        float: left;
        padding-bottom: 5px;
        width: auto;
    }
    .clr {
        display: block;
    }
    .banner_caption {
        padding-left: 5%;
        width: 95%;
    }
    .caption_bar {
        width: 98%;
    }
    .caption_bar h2 {
        font-size: 28px !important;
        line-height: 30px !important;
    }
    .caption_bar h2 span {
        font-size: 28px !important;
    }
    .loan_left {
        border: medium none;
        float: none;
        margin: 0 auto;
        padding: 0;
        width: 95%;
    }
    .loan_right {
        border: medium none;
        float: none;
        margin: 0 auto;
        padding: 0 0 20px;
        width: 95%;
    }
    .loan_left h4 {
        font-size: 21px;
        padding: 15px 0 10px;
    }
    .loan_right h4 {
        font-size: 21px;
        padding: 15px 0 10px;
    }
    .more {
        margin-top: 10px;
    }
    .find_loan {
        padding-bottom: 0;
        padding-top: 15px;
    }
    .find_loan h3 {
        padding-bottom: 5px;
    }
    .video {
        padding: 15px 10px;
    }
    .video_left {
        float: inherit;
        width: 100%;
    }
    .video_right {
        float: inherit;
        margin-top: 15px;
        width: 100%;
    }
    .video_right h3 br {
        display: none;
    }
    .video_right h3 {
        line-height: 30px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .video_right p {
        line-height: 22px;
    }
    .video_right p br {
        display: none;
    }
    .video_right h4 {
        margin-top: 15px;
    }
    .right_bottom {
        padding-top: 15px;
        width: 95%;
    }
    .callus_left {
        float: inherit;
        width: 100%;
    }
    .callus_right {
        float: inherit;
        width: 80%;
    }
    .callus_left p span {
        margin-bottom: -8px;
    }
    .form_left {
        float: inherit;
        width: 100%;
    }
    .form_right {
        float: inherit;
        width: 100%;
    }
    .input2 {
        width: 93%;
    }
    .msg {
        width: 93%;
    }
    .code {
        width: 100%;
    }
    .input4 {
        width: 100%;
    }
    .testimonial {
        margin-top: 10px;
    }
    .testimonial h4 {
        margin: 0;
    }
    .testimonial p {
        line-height: 26px;
    }
    .caption_bar2 {
        padding: 40px 0 0;
        width: 90%;
    }
    .caption_bar2 h2 {
        font-size: 28px;
        padding: 0;
    }
    .right_bottom p {
        line-height: 26px;
        margin-bottom: 10px;
    }
    .right_bottom h1 {
        margin-bottom: 15px;
        padding: 0;
    }
    .our_commitment {
        padding: 15px 0;
        width: 95%;
    }
    .our_commitment h3 {
        margin-bottom: 15px;
        padding: 0;
    }
    .our_commitment p {
        line-height: 26px;
        margin-bottom: 10px;
    }
    .our_commitment ul li {
        line-height: 26px;
        margin-bottom: 15px;
        padding-left: 35px;
    }
    .outer_area {
        padding: 15px 0;
    }
    .contact_staff_wrapper {
        width: 95%;
    }
    .staff_contact h5 {
        font-size: 20px;
        margin: 0;
    }
    .staff_contact2 h5 {
        font-size: 20px;
        margin: 0;
    }
    .staff_contact2 {
        float: inherit;
        width: 100%;
    }
    .staff_contact {
        float: inherit;
        margin-bottom: 10px;
        padding: 0;
        width: 100%;
    }
    .contact_staff {
        padding: 10px 0;
    }
    .contact_inner {
        width: 100%;
    }
    .form h5 {
        margin: 0 0 15px;
        padding: 0;
    }
    .contact_detail h5 {
        margin: 0 0 15px;
        padding: 0;
    }
    .purchase_wrapper {
        width: 95%;
    }
    .purchase_wrapper h4 {
        margin-bottom: 15px;
        padding: 0;
    }
    .purchase_wrapper p {
        line-height: 26px;
        margin-bottom: 15px;
    }
    .colmn_right ul li a {
        line-height: 20px;
        padding: 0 0 10px 35px;
    }
    .buyer {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .loan_detail {
        padding: 0 0 10px;
    }
    .loan_detail h3 {
        font-size: 35px;
        margin-bottom: 15px;
    }
    .colmn_left {
        float: inherit;
        width: 100%;
    }
    .colmn_right {
        float: inherit;
        width: 100%;
    }
    .purchase {
        background-size: 100% 100%;
    }
    .investment {
        background-size: 100% 100%;
    }
    .debet {
        background-size: 100% 100%;
        padding: 10px 0 2px;
    }
    .refinance {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .buyer_detail ul li a {
        padding-bottom: 5px;
    }
    .construction {
        background-size: 100% 100%;
        margin-top: -1px;
        padding: 10px 0;
    }
    .insurance {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .doc {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .tax {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .outer_area2 {
        padding-top: 5px;
    }
    .business {
        background-size: 100% 100%;
    }
    .consumer {
        background-size: 100% 100%;
    }
    .debet2 {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .tax2 {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .colmn_right h5 {
        padding-bottom: 10px;
    }
    .mortgage {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .equipment {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .cash {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .rural {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .Project {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .motor {
        background-size: 100% 100%;
        padding: 10px 0;
    }
    .thank_you h6 {
        font-size: 125px;
    }
    .footer_section {
        padding: 20px 5px;
    }
    .footer_section p br {
        display: none;
    }
    .wrap_main {
        width: 95%;
    }
}