/*=========================================

Template Name:
Author: Bongosoft
Version: 1.0
Design and Developed by: Bongosoft

=========================================*/

/* Desktop Layout */

@media only screen and (min-width: 1000px) and (max-width: 1170px) {




}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 767px) and (max-width: 991px) {
.background-image-holder {
  min-height: 70vh;
}
.financing-section {
  padding: 60px 0 0px;
}
.financing-item {
  margin-top: 20px;
}
.header-mortgage-text {
  margin-left: 0;
}
.header-mortgage-text-left {
  width: 26%;
}
.header-mortgage-text-right {
  width: 74%;
}
#header.headerbg-darkcolor {
  padding: 0;
}
.contact-bar-item i {
  float: unset;
  margin-right: unset;
}
.contact-bar-item a {
  font-size: 14px;
  letter-spacing: 0;
}
#lenders-section .owl-nav .owl-prev {
    left: -25px;
}
#lenders-section .owl-nav .owl-next {
    right: -25px;
}
.footer-list li {
    font-size: 14px;
}
.testimonial-section {
  padding: 60px 0;
}
.contact-bar-item h4 {
  margin-bottom: 5px;
}
.contact-bar-item-link {
  width: 100%;
}
.contact-bar-item {
  text-align: center;
  width: 100%;
}
.contact-bar-item-link {
  font-size: 15px;
  margin-top: 10px;
}
.financing-section-heading h2 {
  font-size: 40px;
}
.financing-item-text {
  padding: 20px 15px;
  min-height: 270px;
  max-height: 270px;
}
.header-mortgage-text-right h3 {
  font-size: 16px;
}
.top-text-left a {
  padding-right: 5px;
}
.top-text-left a:last-child {
  padding-left: 5px;
  font-size: 14px;
}
#header nav.navbar.bootsnav .navbar-toggle {
  top: -13px;
}
.attr-nav {
  top:11px;
}
#header.fixed-nav nav.navbar.bootsnav .navbar-toggle {
  margin-top: 18px;
  top: -9px;
}
.navbar .navbar-brand {
  padding: 0;
}
#header.fixed-nav .attr-nav {
  top: 6px;
}
#header nav.navbar.bootsnav ul.nav>li>a, nav.navbar.bootsnav ul.menu-col>li>a {
  text-align: center;
}
.header-main {
  height: 70vh;
}
.btn-area {
  margin: 60px 0 60px;
}
.sunlite-video-embed {
  height: unset;
}
.section-title h2 {
  font-size: 30px;
}
.mortgage-solution-title h2 {
  font-size: 50px;
  padding: 0;
  line-height: 60px;
  margin-bottom: 20px;
}
.mortgage-solution-discription-text {
  padding: 20px 25px;
}
.mortgage-solutions-wrapper {
  padding-top: 0;
  padding-bottom: 50px;
}
.reason-section-wrapper {
  padding: 60px 0;
}
.reason-ul {
  margin-top: 10px;
}
.review-section-image {
  text-align: center;
}
.review-section-wrapper {
  background-color: #fff;
  padding: 60px 0;
}
.review-section-text {
  padding-left: 0;
  padding-top: 30px;
}
.review-section-text br {
  margin: 0;
  padding: 0;
}
.experience-section {
  padding: 50px 0;
}
.sunlite-video-other {
  height: unset;
}
.btn-go-ahead {
  margin-bottom: 20px;
}
.agent-page-wrapper {
  padding: 45px 0;
}
.get-mortgage-borker-text {
  margin-top: 0;
}
.get-mortgage-borker-text {
  padding: 20px 20px 20px;
}
.go-ahead-wrapper-section {
  padding: 40px 0;
}
.go-ahead-wrapper-section h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.go-ahead-wrapper-section h2{
  font-size: 26px;
  margin-bottom: 15px;
}
.btn-go-ahead {
  font-size: 18px;
}
.footer-social {
  margin-top: 0;
}
.footer-small-image-ul {
  padding: 10px 0;
}
.footer-small-image-ul li img {
    height: 50px;
}
.footer-wrapper {
  padding: 40px 0 30px 0;
}
.top-nav-main .navbar-nav .nav-link {
  font-size: 16px;
}
.top-header-middle li {
  padding: 0;
  font-size: 15px;
}
.body-part-1 h2 {
  padding: 35px 0 15px;
}
.body-part-2 {
  padding: 50px 0 30px 0;
}
.details-text h3 {
  margin-bottom: 15px;
}
.broker-img {
  margin-top: 20px;
}
.body-part-1 {
  padding-bottom: 40px;
}
.body-part-3 {
  border-top: 1px solid #ebebeb;
  padding: 50px 0 30px 0;
}
.body-part-5 {
  padding: 50px 0;
}
.video-btn a {
  padding: 5px 15px 5px;
}
.video-text, .video-text-heading {
  min-height: unset;
  max-height: unset;
}
.video-btn {
  margin-top: 0;
}
.video-text {
  padding: 20px 10px 20px;
}
.video-section {
  padding: 70px 0;
}
.faq-section {
  padding: 60px 0 30px;
}
.glossary-body h4 {
  padding-bottom: 10px;
}
.qtn-heading h2 {
  margin-bottom: 0;
}
.mortgage-calculators-single {
  padding: 30px 10px;
}
.mortgage-calculators-single-left {
  width: 30%;
}
.mortgage-calculators-single-right {
  width: 70%;
}
.mortgage-calculators-single-right h2 {
  padding-bottom: 0;
}
.mortgage-calculators-top {
  padding-bottom: 25px;
}
.what-next-item h4 {
  font-size: 17px;
}
.what-next-item i {
  margin-bottom: 20px;
}
.what-next-item p {
  margin-bottom: 20px;
}
.what-next-item {
  padding: 30px 10px 30px;
}
.what-next {
  padding: 70px 0;
}
.rate-box {
  margin: 30px 0;
}
.for-u-part-1 {
  padding: 70px 0;
}


}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
.header-mortgage-text {
  margin-left: 0;
}
.main-logo {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.header-mortgage-text-left {
    width: 100%;
    text-align: center;
}
.header-mortgage-text-right {
    text-align: center;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 10px;
}
.top-row {
    border-bottom: 0;
    padding-bottom: 7px;
    padding-top: 5px;
}
#lenders-section .item img {
  margin: auto;
}
#lenders-section .owl-nav .owl-next {
  right: 0;
}
#lenders-section .owl-nav .owl-prev {
  left: 0;
}
#header.headerbg-darkcolor {
  padding: 0;
}
.wrapper_top {
    border-bottom: 1px solid #e3e3e3;
    width: 100%;
}
.header-mortgage-text-left img {
    height: 140px;
}
.header-mortgage-text-right h2 span {
    width: 100%;
}

#header nav.navbar.bootsnav ul.nav>li>a, nav.navbar.bootsnav ul.menu-col>li>a {
  text-align: center;
}
.top-text-left a {
  text-align: center;
  width: 100%;
  display: block;
}
.wrapper_top_right {
  float: unset;
  text-align: center;
}
.social-icon {
  float: unset;
  margin-top: 5px;
  margin-bottom: 5px;
}
.social-icon li a {
  border-radius: 50%;
}
.top-text-left a:last-child {
  font-size: 14px;
  border: 0;
}
#header nav.navbar.bootsnav .navbar-toggle {
  top: -13px;
}
.attr-nav {
  top:11px;
}
#header.fixed-nav nav.navbar.bootsnav .navbar-toggle {
  margin-top: 18px;
  top: -9px;
}
.navbar .navbar-brand {
  padding: 0;
}
#header.fixed-nav .attr-nav {
  top: 6px;
}
#header nav.navbar.bootsnav ul.nav>li>a, nav.navbar.bootsnav ul.menu-col>li>a {
  text-align: center;
}
.header-main {
  height: 80vh;
}
.header-main{
  margin-top: 0;
}
.header-main-overflew .title h1 {
  font-size: 35px;
  margin-bottom: 10px;
  line-height: 45px;
  font-weight: 700;
}
.header-main-overflew .title h2 {
    font-size: 24px;
    margin: 0;
}
.header-main-overflew .title .btn-title-home .btn-title {
  margin-right: 0 !important;
  font-size: 18px;
  margin-bottom: 20px;
}
.contact-bar-item {
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
}
.btn-area a:first-child {
  margin-right: 0;
}
.btn-area a {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    width: 75%;
}
.btn-area {
    margin: 60px 0 60px;
}
.advantage-sction {
  padding: 30px 0 30px;
}
.find-loan {
  padding: 60px 0;
}
.find-loan-area {
  padding: 20px;
}
.advantage-heading h3 {
    margin-bottom: 0;
}
.financing-section-heading h2 {
  font-size: 40px;
}
.financing-section {
  padding: 80px 0 20px;
}
.financing-item-text {
  min-height: 200px;
  max-height: unset;
}
.contact-bar-item i {
    float: unset;
    margin-right: 0;
}
.contact-bar-item .contact-bar-item-link {
  letter-spacing: 0;
  width: 100%;
  margin-top: 0;
}
.sunlite-video-embed {
  height: unset;
}
.section-title h2 {
  font-size: 30px;
}
.mortgage-solution-title h2 {
  font-size: 40px;
  padding: 0;
  line-height: 50px;
  margin-bottom: 20px;
}
.mortgage-solution-discription-text {
  padding: 20px 25px;
}
.mortgage-solutions-wrapper {
  padding-top: 0;
  padding-bottom: 50px;
}
.reason-section-wrapper {
  padding: 60px 0;
}
.reason-ul {
  margin-top: 10px;
}
.review-section-image {
  text-align: center;
}
.review-section-wrapper {
  background-color: #fff;
  padding: 60px 0;
}
.review-section-text {
  padding-left: 0;
  padding-top: 30px;
}
.review-section-text br {
  margin: 0;
  padding: 0;
}
.experience-section {
  padding: 50px 0;
}
.sunlite-video-other {
  height: unset;
}
.btn-go-ahead {
  margin-bottom: 15px;
}
.top-text-left {
  padding-top: 0;
  text-align: center;
}
.testimonial-section {
  padding: 60px 0;
  padding-bottom: 50px;
}
.testimonial-slider .item p {
    padding: 5px 0px;
    font-size: 25px;
    line-height: 35px;
}
.mortgage-solution-discription {
  min-height: unset;
  max-height: unset;
}
.reason-ul li {
  margin-right: 0px;
  margin-left: 15px;
}
.community-section-wrapper {
  height: 610px;
}
.community-section-wrapper-overflew p {
  font-size: 18px;
}
.community-btn {
  padding: 10px 10px;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.blog-section-wrapper {
  padding: 50px 0;
}
.single-blog {
  margin-bottom: 30px;
}
.single-blog-text {
  max-height: unset;
  min-height: unset;
}
.all-blog-post {
  margin-top: 10px;
}
.top-header-logo{
  text-align: center;
}
.top-header-logo a{
  padding-bottom: 0;
}
.top-header-middle li{
  font-size: 13px;
  padding: 0;
}
.trending-industry-update-wrapper {
  padding: 60px 0;
}
.trending-industry-update-right {
    margin-top: 15px;
}
.top-header-middle li a{
  padding: 0 10px;
  font-size: 15px;
}
.social-top-icon{
  display: table;
  margin: auto;
  text-align: center;
  padding-top: 0;
}
.social-top-icon li{
  float: left;
}
.top-header{
  padding-bottom: 0;
}
.top-nav-main{
  padding: 0;
}
.top-nav-main .navbar-nav .nav-link{
  color: #000;
}
.top-nav-main .navbar-nav .custom-link{
  color: #fff;
  margin-bottom: 10px;
}
.navbar-toggler-icon i{
  font-size: 24px;
}
.page-header h1{
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px;
  text-align: center;
}
.about-area-page-right {
  margin-left: 0;
  margin-top: 20px;
}
.page-header h4 {
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
}
.about-area-page {
    padding: 60px 0;
}
.about-area-page-right-link {
  margin-left: 0;
  margin-top: 20px;
}
.about-area-page-right h3 {
  margin-top: 15px;
}
.body-part-1 h2{
  padding: 18px 0 10px;
}
#header nav.navbar.bootsnav ul.nav>li>a.menu-btn {
  margin: 0;
}
.broker-img img{
  box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
}
.details-text h3 {
  margin-bottom: 6px;
}
.body-part-1{
  padding-bottom: 0;
}
.testimonial-text {
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.for-u-part-1 {
  padding: 60px 0;
}
.broker-img-left {
    padding-left: 0;
}
.broker-img-right {
    padding-right: 0;
}
.body-part-reason {
    padding: 60px 0;
}
.for-u-part-2 {
    padding: 60px 0;
}
.what-next-item {
    padding: 40px 30px 40px;
    margin-bottom: 40px;
}
.what-next {
  padding: 60px 0;
  padding-bottom: 40px;
}
.body-part-2{
  padding-top: 10px;
  padding-bottom: 24px;
}
.details-text p{
  margin-bottom: 10px;
}
.body-part-3{
  padding: 24px 0;
}
.body-part-4{
  padding: 24px 0;
}
.body-part-5{
  padding: 24px 0;
}
.agent-nav{
  width: 108.6%;

}
.agent-nav li a{
  font-size: 14px;
}
.agent-details-right h2{
  font-size: 30px;
}
.agent-details-right h2 .designation{
  display: block;
}
.go-ahead-wrapper-section h2{
  font-size: 26px;
  margin-bottom: 15px;
}
.blog-details-page{
  padding-top: 10px;
}
.blog-details-left h1{
  font-size: 30px;
}
.blog-date{
  padding-top: 4px;
  padding-bottom: 14px;
}
.blog-details-left img {
    margin-top: 4px;
    margin-bottom: 0;
}
.blog-details-left h2{
  font-size: 30px;
}
.blog-other-text {
  padding-top: 12px;
  padding-bottom: 0;
}
.blog-page-back-btn{
  margin-bottom: 14px;
  margin-left: 20px;
}
.blog-section{
  padding-top: 24px;
}
.blog-body {
    margin-bottom: 24px;
    margin-top: 20px;
}
.mortgage-calculators-wrapper{
  padding-top: 50px;
  padding-bottom: 31px;
}
.mortgage-calculators-single{
  padding: 40px;
}
.mortgage-calculators-single-left{
  width: 100%;
  margin-bottom: 8px;
}
.mortgage-calculators-single-right{
  width: 100%;
}
.mortgage-calculators-single-right h2{
  padding-bottom: 8px;
}
.services-page{
  padding: 0;
}
.new-to-canada-image{
  margin-top: 24px;
}
.new-to-canada-text h2{
  margin-top: 24px;
}
.contact-other-text h2{
  font-size: 30px;
}
.contact-page-form{
  padding-top: 24px;
  padding-bottom: 30px;
}
.agent-page-wrapper {
  padding: 45px 0;
}
.get-mortgage-borker-text {
  margin-top: 0;
  padding: 20px 20px 20px;
}
.go-ahead-wrapper-section {
  padding: 40px 0;
}
.go-ahead-wrapper-section h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.btn-go-ahead {
  font-size: 18px;
}
.footer-social {
  margin-top: 0;
  margin-left: 0;
}
.address-footer-ul {
  padding-top: 0;
  padding-bottom: 15px;
}
.footer-small-image-ul {
  padding: 10px 0;
}
.footer-small-image-ul li img {
  height: 50px;
}
.footer-wrapper {
  padding: 40px 0 30px 0;
}
.contact-details h4 {
    margin-bottom: 10px;
}
.broker-img-other {
    margin-top: 30px;
}
.rate-box {
    margin: 12px 0;
}
.mortgage-rate {
  margin-bottom: 20px;
}
.ratestable {
  margin-top: 20px;
}
.qtn-heading h2 {
  margin-bottom: 10px;
}
.glossary-section, .faq-section {
  padding-bottom: 40px;
}
.glossary-body h4 {
  padding-bottom: 10px;
}
.article-btn {
  margin-bottom: 25px;
}
.video-section {
  padding: 70px 0;
}
.video-text, .video-text-heading {
  min-height: unset;
  max-height: unset;
}
.video-btn {
    margin-top: 15px;
}
.m-m-top-50 {
  margin-top: 50px;
}
.m-m-top-40 {
  margin-top: 40px;
}
.m-m-top-30 {
  margin-top: 30px;
}
.m-m-bottom-50 {
  margin-bottom: 50px;
}
.m-m-bottom-40 {
  margin-bottom: 40px;
}
.m-m-bottom-30 {
  margin-bottom: 30px;
}
.contact-details ul li a {
  font-size: 16px;
}

}