.container {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

@media (max-width:1699px) {
	.hero-banner-section::before {
		right: -20%;
	}
	.logo img {
		width: 100%;
		max-height: 45px;
	}
}

@media (max-width:1439px) {
	.container {
	    max-width: 100%;
	    padding: 0 30px;
	}
	.logo {
	    width: 448px;
	}
	.hero-banner-right {
		width: 38.5%;
	}
	.hero-banner-right-info {
		padding: 25px 15px;
	}
	.green-light-btn {
	    font-size: 18px;
	    padding: 10px 15px;
	}
	h1 {
        font-size: 46px;
        line-height: 58px;
	}
	.hero-banner-left-info p {
		font-size: 23px;
		margin: 0 0 15px;
	}
	.hero-banner-left-info ul li {
		font-size: 20px;
		padding-left: 34px;
	}
	.hero-banner-left-info ul li::before {
		width: 28px;
		height: 28px;
		background-size: 100%;
	}
	.why-lending-wrap {
	    padding: 51px 50px 83px 0;
	    margin: 0px 0px 0px 0px;
	}
	.customer-satisfaction span {
	    font-size: 58px;
	    line-height: 68px;
	}
	.google-rating {
	    width: 225px;
	    padding: 20px 50px 20px;
	    bottom: 53px;
	    left: -35px;
	}
	.google-rating.zillo-rating {
	    width: 200px;
	    bottom: -73px;
	}
	.why-lending-right-info h6 {
	    font-size: 16px;
	    line-height: 21px;
	}
	.family-col-left {
	    width: 34%;
	}
	.family-col-right {
	    width: 57%;
	}
	h2 {
	    font-size: 42px;
	    line-height: 58px;
	}
	.family-col-right-info h2 {
	    margin-bottom: 18px;
	}
	p {
	    font-size: 18px;
	    line-height: 26px;
	}
	.why-lending-point ul li {
	    font-size: 18px;
	    line-height: 26px;
	    margin-bottom: 6px;
		padding-left: 32px;
	}
	.tim-mcgarry-video {
	    margin-top: 40px;
	    width: 100%;
	}
	.playicon img {
	    width: 70px !important;
	}
	.why-lending-left {
	    width: 50%;
	}
	.why-lending-right {
	    width: 44%;
	}
	.why-lending-point ul li::before {
		width: 28px;
		height: 29px;
		background-size: 100%;
	}
	.why-lending-left-info p {
	    padding-right: 0;
	}
	.pre-qualified-section .why-lending-right {
	    width: 45%;
	}
	.pre-qualified-section .why-lending-left {
	    width: 570px;
		padding: 25px;
	}
	.pre-qualified-section .why-lending-left-info h2 {
		font-size: 44px;
	}
	.pre-qualified-section {
	    padding: 100px 0px;
	}
	.how-helped-title {
	    margin: 0px auto 40px;
	}
	.footer {
	    padding: 65px 0px;
	}
	.family-section {
		padding: 80px 0px 65px;
	}
	.how-helped-section {
		padding: 70px 0;
	}
	.how-helped-col-info {
		padding: 25px 20px;
	}
	.why-lending-section.why-lending-first-section {
		padding: 70px 0;
	}
	.pre-qualified-section {
		padding: 70px 0px;
	}
	.logo a {
		gap: 30px;
	}
}
@media (max-width:1279px) {

}
@media (max-width:1199px) {
	h5 {
		font-size: 18px;
		line-height: 30px;
	}
	.header {
	    padding: 15px 0px;
	}
	.logo {
	    width: 370px;
	}
	.green-light-btn {
	    font-size: 15px;
	    min-width: 210px;
	    min-height: 50px;
	}
	.hero-banner-left-info h1 br {
	    display: none;
	}
	h1 {
	    font-size: 42px;
	    line-height: 54px;
	}
	.hero-banner-left-info p {
		font-size: 20px;
	}
	.hero-banner-left-info ul li {
		font-size: 18px;
		padding-left: 32px;
	}
	.form-heading h2 {
		font-size: 24px;
	}
	.hl-app .hl_form-builder--main {
		padding: 0;
	}
	.hero-banner-right-info {
	    padding: 20px 0;
	}
	.form-heading {
		padding: 0 15px;
	}
	.form-heading h2 {
	    margin-bottom: 15px;
	}
	.hero-banner-right {
	    padding-top: 10px;
	}
	.form-heading p {
	    font-size: 16px;
	    line-height: 130%;
	    padding: 0;
	}
	h2 {
	    font-size: 30px;
	    line-height: 42px;
	}
	p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.why-lending-point ul li {
	    font-size: 16px;
	    line-height: 26px;
	}
	.customer-satisfaction span {
	    font-size: 40px;
	    line-height: 48px;
	}
	.why-lending-right-info h6 {
	    font-size: 14px;
	    line-height: 18px;
	}
	.customer-satisfaction {
	    width: 170px;
	    padding: 15px 10px;
	    top: -25px;
	}
	.why-lending-wrap {
	    padding: 0;
	}
	.google-rating {
	    width: 175px;
	    padding: 15px 40px;
	    bottom: 90px;
	    left: -30px;
	}
	.google-rating.zillo-rating {
	    width: 160px;
	    bottom: -13px;
	    padding: 15px 30px;
	}
	.pre-qualified-section .qualify-now-btn .green-light-btn {
	    min-width: 215px;
	}
	.pre-qualified-section .why-lending-point ul {
	    margin: 0 0px 15px;
	}
	.how-helped-col-info {
		padding: 25px 15px;
	}
	h6 {
		font-size: 18px;
	}
	.footer {
	    padding: 40px 0px;
	}
	.footer-logo {
	    margin-bottom: 20px;
	    max-width: 240px;
	}
	.footer-left {
	    width: 70%;
	}
	.footer-right {
	    width: 26%;
	}
	.footer-right-info p {
	    font-size: 14px;
	    line-height: 21px;
	}
	.footer-wrap .let-talk-today {
	    margin-top: 20px;
	}
	.hero-banner-left-info {
		padding-right: 0;
	}
	.tim-mcgarry-wrap-image {
		margin: -75px auto 12px;
		width: 104px;
		height: 104px;
	}
	.family-col-left {
		width: 38%;
	}
	.family-section {
		padding: 70px 0;
	}
	.family-section .playicon img {
		width: 72px !important;
	}
	.pre-qualified-section .why-lending-left {
		width: 500px;
		padding: 20px 15px;
	}
	.logo img {
		width: 100%;
		max-height: 35px;
	}
}
@media (max-width:1023px) {
	.container {
	    padding: 0 15px;
	}
	.hero-banner-left-info {
	    padding-right: 25px;
	}
	h1 {
	    font-size: 30px;
	    line-height: 40px;
	}
	.hero-banner-left-image img {
	    border-radius: 20px;
	}
	.form-heading h2 br {
	    display: none;
	}
	.form-heading h2 {
	    font-size: 23px;
	}
	.form-heading p {
	    font-size: 16px;
	}
	.hero-banner-right-info {
	    padding: 25px 0;
	    height: auto;
	    border-radius: 20px;
	}
	.why-lending-left-info h2 {
	    margin-bottom: 10px;
	}
	.why-lending-point ul li {
	    font-size: 16px;
	    line-height: 22px;
	    margin-bottom: 7px;
	}
	.qualify-now-btn .green-light-btn {
	    min-width: 190px;
	}
	.customer-satisfaction span {
	    font-size: 30px;
	    line-height: 38px;
	}
	.why-lending-right-info h6 {
	    font-size: 13px;
	    line-height: 17px;
	}
	.why-lending-right-info h6 sup {
	    font-size: 11px;
	    top: -.1em;
	}
	.customer-satisfaction {
	    padding: 15px 10px;
	    top: -25px;
	}
	.google-rating .google-logo {
	    width: 85px;
	    margin: 0 auto 6px;
	}
	.google-rating .star-icon img {
	    width: 80px;
	}
	.google-rating .star-icon {
	    margin-bottom: 10px;
	    line-height: 1;
	}
	.google-rating {
	    width: 145px;
	    padding: 15px 0px;
	    bottom: 50px;
	    left: -30px;
	}
	.family-move-picture img {
	    border-radius: 0;
	}
	.why-lending-right-info {
	    position: relative;
	}
	.google-rating.zillo-rating {
	    width: 140px;
	    bottom: -50px;
	    padding: 15px 20px;
	    right: 0;
	}
	.zillo-rating .google-logo {
	    margin-bottom: 10px;
	}
	.why-lending-first-section .family-move-picture {
	    padding-right: 30px;
	}
	.family-section {
	    padding: 100px 0px 130px;
	}
	.family-wrapper {
	    border-radius: 0;
	    padding: 0;
	}
	.tim-mcgarry-info p {
	    font-size: 14px;
	}
	.family-col-left {
	    width: 44%;
	}
	.family-col-right {
		width: 51%;
	}
	.family-col-right-info {
	    padding-right: 0px;
	}
	.family-section {
	    padding: 50px 0;
	}
	h2 {
    	font-size: 26px;
	    line-height: 35px;
	}
	.qualify-now-btn {
	    gap: 10px;
	}
	.pre-qualified-section .qualify-now-btn .green-light-btn {
	    min-width: 48%;
	}
	.pre-qualified-section .why-lending-point ul {
	    margin: 10px 0px 15px;
	}
	.pre-qualified-section {
	    padding: 80px 0px 60px;
	}
	.how-helped-title {
	    margin: 0px auto 20px;
	}
	.how-helped-wrap {
	    margin: 0px -5px;
	    row-gap: 15px;
	}
	.how-helped-col {
	    padding: 0px 5px;
	}
	.how-helped-col-info img {
	    max-width: 85px;
	}
	.how-helped-col-info h6 {
	    font-size: 15px;
	}
	.how-helped-col-info p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.how-helped-col-info {
	    padding: 25px 15px;
	    gap: 10px;
	}
	.playicon img {
	    width: 50px !important;
	}
	.how-helped-video .help-video, .how-helped-video .video-part, .how-helped-video video {
	    border-radius: 0;
	}
	.how-helped-section .qualify-now-btn {
	    margin-top: 30px;
	}
	.how-helped-section .qualify-now-btn .green-light-btn {
	    min-width: 195px;
	}
	.footer-wrap .let-talk-today .blue-btn {
	    min-width: 100%;
	}
	.footer-left {
	    width: 100%;
	    text-align: center;
	}
	.footer-logo {
	    max-width: 370px;
	    margin: 0 auto 20px;
	}
	.footer-left-info p {
	    margin-bottom: 10px;
	}
	.footer-right {
	    width: 100%;
	    text-align: center;
	    margin-top: 30px;
	}
	.footer-wrap .let-talk-today {
	    margin-top: 10px;
	}
	.hero-banner-right {
		width: 49.5%;
	}
	.hero-banner-left {
		width: 50%;
	}
	.hero-banner-left-info ul li::before {
		top: 0;
		transform: none;
	}
	.hero-banner-left-info ul {
		list-style-type: none;
		padding: 0;
		margin: 0 0 20px;
	}
	.tim-mcgarry-wrap {
		padding: 18px;
	}
	.pre-qualified-section,
	.why-lending-section.why-lending-first-section,
	.how-helped-section {
		padding: 50px 0;
	}
}

@media only screen and (device-width : 812px) and (device-height : 375px) and (-webkit-device-pixel-ratio : 3) {}

@media (max-width:767px) {
	.logo {
		width: 320px;
	}
	.tim-mcgarry-info p {
		gap: 4px;
	}
	.family-col-left {
		width: 47%;
	}
	.family-col-right {
		width: 48%;
	}
	.pre-qualified-section .why-lending-left {
		width: 400px;
		padding: 20px 15px;
	}
	.pre-qualified-section .why-lending-left-info h2 {
		font-size: 26px;
	}
	.why-lending-point ul li::before {
		top: 0;
		transform: none;
	}
	.logo a {
		gap: 20px;
	}
	.logo img {
		width: auto;
		max-height: 30px;
	}
}

@media (max-width:575px) {
	.container {
		padding: 0 24px;
	}
	.logo a {
		gap: 15px;
		flex-wrap: wrap;
	}
	.logo img {
		width: auto;
		max-height: 50px;
	}
	.header-wrapper {
	    flex-wrap: wrap;
	}
	.logo {
		width: 140px;
	}
	.login-nav .green-light-btn {
	    min-width: 100%;
	}
	.hero-banner-left {
	    width: 100%;
	}
	.hero-profile .avatar {
		width: 56px;
		height: 56px;
	}
	.profile-name h3 {
		font-size: 18px;
	}
	.profile-name span {
		display: block;
		text-align: left;
	}
	.hero-banner-left-info {
	    padding-right: 0;
	}
	h1 {
		font-size: 32px;
		line-height: 120%;
	}
	h2 {
		font-size: 30px;
		line-height: 37px;
	}
	.hero-banner-left-info p {
		font-size: 22px;
		line-height: 140%;
	}
	.hero-banner-left-info h1 {
	    margin-bottom: 20px;
	}
	.hero-banner-section {
		padding: 16px 0px 55px;
	}
	.hero-banner-right {
	    padding-top: 0;
	    width: 100%;
	    margin-top: 40px;
	}
	.hero-banner-right-info {
	    padding: 35px 0;
	}
	.why-lending-left, .why-lending-right {
	    width: 100% !important;
	}
	.why-lending-wrap {
	    padding: 0;
	}
	.why-lending-left {
	    margin-bottom: 60px;
	}
	.why-lending-first-section .family-move-picture {
	    padding: 0 30px;
	}
	.google-rating {
	    left: 0;
	}
	.family-section {
		padding: 55px 0;
	}
	.family-col-left {
	    width: 100%;
		margin-top: 50px;
		position: unset;
        top: 0;
        align-self: unset;
	}
	.tim-mcgarry-wrap-image {
		max-width: 185px;
		margin: -70px auto 20px;
	}
	.family-left-info {
	    gap: 15px;
	}
	.family-col-right {
	    width: 100%;
	}
	.family-col-right-info h2 {
	    margin-bottom: 10px;
	}
	.family-col-right-info {
	    padding-top: 30px;
	}
	.family-col-right-info p {
	    margin-bottom: 15px;
	}
	.tim-mcgarry-video {
	    margin-top: 30px;
	}
	.pre-qualified-section {
	    padding: 30px 0px 50px;
	}
	.why-lending-point ul {
	    padding: 0;
	}
	.pre-qualified-section .why-lending-point ul {
	    margin: 0 0px 15px;
	}
	.green-light-btn {
	    font-size: 16px;
	    min-height: 45px;
	    padding: 8px 8px;
	}
	.pre-qualified-section .qualify-now-btn .green-light-btn {
	    min-width: 48%;
	    width: 48%;
		font-size: 14px;
	}
	.pre-qualified-section .why-lending-left {
	    margin-bottom: 0;
		background: #ffffffd9;
	}
	.how-helped-col {
	    width: 100%;
	    padding: 0;
	    height: 235px;
	}
	.how-helped-col-info img {
	    max-width: 95px;
	}
	.how-helped-col-info p {
	    font-size: 16px;
	    line-height: 24px;
	}
	.how-helped-col-info h6 {
	    font-size: 17px;
	}
	.how-helped-section .qualify-now-btn .green-light-btn {
	    min-width: 48%;
	}
	.how-helped-section {
	    padding-bottom: 50px;
	}
	.pre-qualified-section, .why-lending-section.why-lending-first-section, .how-helped-section {
		padding: 55px 0;
	}
	.pre-qualified-section {
		background-position: right;
	}
	.pre-qualified-section .why-lending-wrap {
		width: 100%;
	}
	.how-helped-wrap {
		margin: 0;
		row-gap: 20px;
	}
	.why-lending-right {
		padding: 0 0 50px;
	}
	.footer-right-info h5 {
		font-size: 24px;
	}
	.hero-banner-section::before {
		right: -73%;
		top: auto;
		bottom: 0;
	}
}


@media (max-width: 375px) {
	.container {
		padding: 0 15px;
	}
}


@media (max-width:350px) {
	.green-light-btn {
		width: 100% !important;
		min-width: 100% !important;
	}
	.talk-to-me {
	    width: 100%;
	}
}
