@media only screen and (max-width:992px){
	.container-fluid.about, .copy, .footer-link, .social-links{padding:0 !important}
	
	 .carousel-inner, .carousel-inner .item, .carousel-inner .item img{width:auto !important; max-width:none !important }
	 .banner, .banner .banner-img img{height:400px !important; width:auto !important; max-width:none !important }
	  .banner-img{width:100% !important; overflow:hidden}
	.banner .logo, .banner .nav, .banner-inner .logo,  .banner-inner .nav{width:100% !important; float:left; text-align:center }
 	.header-area{top:0}
	.banner-img img {margin-left:-370px;}
	.header-area .mb50{margin-bottom:10px !important}
	.banner-text h4{font-size:20px; line-height:1.3em; text-align:center; margin-bottom:20px}
	.options{width:calc(100% - 30px) !important; float:none !important; margin:0  auto !important;display:table !important; vertical-align:top}
	.options h3 {font-size: 18px;line-height: 1em; padding:0}
	.options p{margin:5px 0 10px 0 !important; font-size:16px}
	.people h5 {font-size: 14px;}
	.people:before {height: 45px;}
	.people{margin:15px 0}
	.options:after{display:none}
	.prefix.gray{margin-top:90px}
	.prefix p {font-size: 16px;padding: 20px 0;line-height: 1.8em;width: 100%;}
	.start{padding:30px 15px}
	.ben-inner .row>div, .ben-inner .row{padding:0 !important;margin-bottom:0 !important}
	.ben-inner .row>div>div {display: table-cell;    float: none !important;width: auto !important;}
	.ben-inner .row>div>div:first-child{width:auto !important}
	.ben-inner .row>div>div:last-child{padding-right:0 !important}
	.start h2:before, .start h2:after{top:12px}
	.start h2:before{left:0}
	.start h2:after{right:0}
	.start-main>div {display: block !important;float: left !important; width:100%}
	.home-loan h3, .finance-broker h3 {font-size: 18px;line-height:1.3em}
	.home-loan, .finance-broker {padding: 20px !important;}
	.start1{border:none}
	.start-main:before, .start-main:after{display:none}
	.guidence .img {position: absolute;top:80px; right:15px; width:40%; height:auto}
	.guidence img {height: auto;width: 100%;}
	.set .guidence .img {height: auto;}
	.guidence .img:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: rgba(248,248,248,0);
    background: -webkit-linear-gradient(rgba(248,248,248,0), rgba(248,248,248,1) 80%);
    background: -o-linear-gradient(rgba(248,248,248,0), rgba(248,248,248,1) 80%);
    background: -moz-linear-gradient(rgba(248,248,248,0), rgba(248,248,248,1) 80%);
    background: linear-gradient(rgba(248,248,248,0), rgba(248,248,248,1) 80%);
}
	.set-text{margin-top:50px}
/*	.set-text:before {
		content: ' ';
		width: 100%;
		height: 0;
		border: 1px solid #ECECEC;
		position: absolute;
		top: -17px;
		left: 0;
	}*/
	.home-loan{margin-bottom:15px}
	.set{padding:0 0 30px 0}
	.guidence{position:static !important}
	.mortgage-left label.control-label{margin-top:15px}
	.set-1{float:left !important}
	.mortgage-left .form-group{margin-bottom:0}
	.mortgage-left .sel-btn{padding:0 15px !important}
	.mortgage-left{padding: 0 !important}
	.mortgage-left .form-group:nth-child(3) .sel-btn label{display:none !important;}
	.mortgage-left .form-group:nth-child(3) .sel-btn { margin:20px 0}
	.price div>div , #carousel>div{padding:0 !important; }
	.price {height:auto; padding:5px 0; min-height:50px;margin:0 !important }
	.price p, .price h4{line-height:1.3em}
	.price.ir  p, .price.ir  h4{line-height:40px}
	.pb50{padding-bottom:30px}
	.mortgage-main {padding: 0 15px;}
	.mortgage-right{padding:0 !important}
	 .mortgage-right h3{width:100%;  padding-bottom:0;font-size: 24px;}
	 section#carousel .row {margin: 0 !important}
	 section#carousel .row>div{padding:0 !important}
	 
	 .ban-text{padding:10px 0; text-align:center}
	 .logo img{width:40%; height:auto; float:none !important}
	 .nav{text-align:center !important; padding:0  !important}
	 .nav ul li{margin:0; line-height:1em; margin:15px}
	 .nav ul li a{font-size:15px}
	 .head-text h2{font-size:30px}
 	 .banner-inner .inner-banner,  .banner-inner .inner-banner img{height:300px;}
	 .banner-inner .inner-banner img {margin-left: -250px; width:auto; }
	 .set-1 h6 {font-size: 20px;}
	 .opt_btn {position: static !important;width: 100% !important;bottom: 0;padding:0 !important}
	 .page-title h2, .lenders h2, .benefits h2, .start h2, .set h2, #carousel h2, .mortgage-main h2 , .contact .con-left .area-title h3, .contact .con-rgt .area-title h3
	 {font-size: 24px;padding-bottom: 20px;margin-bottom: 15px;}
	 .pb50 {padding-bottom: 30px !important;}
	 .pt50 {padding-top: 30px !important;}
	 .about .page-con p {margin-bottom: 15px !important;}
	 .about .comp-logo ul li{width:30%;}
	 .about .comp-logo img{width:100%; margin:0}
	 footer, footer ul li, .social-links{text-align:center; float:none }
	 .footer-link ul li{padding:0 10px}
	  .footer-link ul{display:inline-block}
	 .copy, .footer-link, .social-links{width:100% !important; text-align:center}
	 .footer-link{margin:15px 0}
	 .footer-link ul li a{font-size: 14px;}
	 footer>div{padding:0 !important}
	 .set-main.gray{background-size: 100%;background-position: left 100%;}
	 .loan .options>div{padding:0 !important}
	 .loan .options {width: 100% !important; display: block !important;}
	 .loan .prefix.gray {margin-top: 830px;}
	 .contact-box>div, .contact-box{display:block !important}
	 .contact{padding:0 !important}
	 .contact .con-left{margin-bottom:20px}
	 .contact-box{border:none}
	 .contact .con-left .area-title h3, .contact .con-rgt .area-title h3{padding:0 }
	 .message  .form-group{padding:0 !important;display: block;float: left;width: 100%;}
	 .con-rgt .area-title{padding:0 !important}
	 .form-group button.btn-blue{width: 100%;min-height: 50px;max-width: 414px;float: left !important;}
	 .mr0a{display:block !important}
	 .blank-area {
    height: 1680px;
}
.sel-btn .btn-group.bootstrap-select {margin-bottom:15px !important}
.loan .options .form-group, .psn_stc, .loan .options .form-group>div{padding-left:0 !important;padding-right:0 !important;margin-bottom:0 !important}
.loan .options .form-group>div.bootstrap-select{margin-bottom:15px !important}
.loan .options .form-group .form-control{margin-bottom:15px !important}
.options h3{margin-bottom:15px}
.options h4{margin-left:-15px; margin-right:-15px; }
.head-text{    float: left;
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 40px}
	.loan  .c_error{padding:0 15px !important}
	.c_error{padding:0  !important}
}

@media only screen and (min-width:768px) and (max-width:992px){
.blank-area {height: 1080px;}	
  .loan .options .form-group>div {padding-left: 15px !important;padding-right: 15px !important; }
 .options h4{margin-left:0; margin-right:0  }
 .loan .options {display: table !important;}
 .loan.homeloan .options .form-group{padding-left: 15px !important;padding-right: 15px !important;}
 .loan.homeloan .options .form-group>div{padding:0 !important}
 .loan .prefix.gray {
    margin-top: 450px;
}
}
@media only screen and (min-width:480px) and (max-width:767px){
	.set-text, .set-1{width:60% !important}	
	 .banner, .banner .banner-img img {height: 450px !important;}
	 .logo img {    width: 30%;}
	 .loan .prefix.gray {margin-top: 750px;}
	 .form-group button.btn-blue{max-width:200px}
 }
@media only screen and (min-width:600px) and (max-width:992px){
		.start-main>div{width: 50%;max-height: 220px;overflow: hidden;}
 	 .options, .loan .options {width: calc(70% - 30px) !important;}
}
@media only screen and (max-width:1024px) and (min-width:1000px){
.blank-area {height: 1150px;}	
.loan .prefix {    margin-top: 400px;}
footer .social-links{width:12% !important}
footer .footer-link{width:50% !important}
.banner, .banner .banner-img img {height: 500px !important;width: auto !important;max-width: none !important; }
header .banner-text{width:64% !important}
header .options {    width: 35% !important;}
.banner-text h4{    font-size: 30px;}
.start-main>div {display: block !important;float: left !important;vertical-align: top;width: 50% !important;max-height: 245px;overflow: hidden;}
.start-main .start1:first-child, .start-main .home-loan{margin-bottom: 20px;}
.start h2:before, .start h2:after{   left: 150px;}
.start h2:after {right: 150px;}
.guidence img {height: auto;width: 100%;position: absolute;left: 0;bottom: 0;}
.banner-img{width: 100% !important;overflow: hidden;}
.about .comp-logo img {margin: 0 30px;}
.contact .con-left{    width: 32%;}
}
@media only screen and (max-width:414px) and (min-width:376px){
	.guidence .img{width: 35%;}	
}
@media only screen and (max-width:320px){
	.footer-link ul li {padding: 0 5px;}
	.footer-link ul li a {font-size: 13px;}
}

@media only screen and (min-width:768px) and (max-width:992px){
		.banner, .banner .banner-img img {    height: 460px !important;}
		header .banner-text, header .options {    width: 49% !important;display: inline-block !important;}
		header .banner-text h4{text-align:left}
		p{font-size:18px !important}
	.set-text, .set-1{width:60% !important}	
	.guidence .img:before{bottom: -4px;}
	.contact-box>div, .contact-box {display: block !important;  width:100%;   float: left !important;}
	 .form-group button.btn-blue{max-width:200px}
	 .options, .loan .options {     width: calc(100% - 30px) !important; }
	 .loan .options .form-group button.btn-blue{max-width:none}
	 .loan .prefix.gray {margin-top: 400px;}
	 .banner-inner .inner-banner, .banner-inner .inner-banner img {    height: 400px;}
.footer-link ul li a {    font-size: 16px;}
.prefix.gray {    margin-top: 0;}
}