@media screen and (min-width: 1200px){
    .container { max-width: 1550px;}    
    }
    
    @media screen and (max-width: 1480px) and (min-width: 1200px) {
     .container { max-width: 1200px;}
    }
    
    @media screen and (max-width: 1480px){
    .navbar-nav a{ font-size: 16px;}
    h2 {font-size: 36px;line-height: 50px;}
    .card-funfact .heading02{ font-size: 30px;} 
    .counter-block .count-text{ font-size: 40px;}
    .counter-block p{ font-size: 15px;} 
    .card-funfact {padding: 100px 35px;}
    .card .card-title {font-size: 16px;line-height: 20px;} 
    .hovereffect p{ font-size: 14px;}
    .sec-testimonials {
        background-size: 280px;
    }
    }
    
    
    @media screen and (max-width: 1199px){
    .navbar-nav .nav-item {padding: 0px 10px;} 
    .navbar-nav a {font-size: 14px;}
    .sec-features-block h5{ font-size: 20px;}
    .icon-box{width: 60px;height: 60px;flex: 0 0 60px;}
    .btn-primary, .btn-primary:focus{ font-size: 16px;}
    
    .sec-page-banner {min-height: 440px;}
    .heading-title {font-size: 40px;margin-bottom: 20px;}
    .caption-text p {font-size: 18px;}
    
    }
    
    @media screen and (max-width: 991px){
    .logo {max-width: 90px;}    
    .navbar-nav .nav-item {padding: 0px 7px;} 
    .navbar-nav a {font-size: 12px;}
    h1{ font-size: 40px;}
    .hero-banner .banner-card {width: 548px;}
    .sec-mortgage-program{ padding: 30px 0px;}
    .sec-mortgage-program [class*='col-']:not(:last-child){ margin-bottom: 30px;}
    .sec-funfact [class*='col-']:not(:last-child){ margin-bottom: 30px;}
    
    .footer-widget.logo-area{ margin-bottom: 50px;}
    .footer-bottom {font-size: 13px;}
    .footer-top {padding: 30px 0px;}
    .sec-find-the-loan [class*='col-']:not(:last-child){ margin-bottom: 30px;}

    .sec-about-main [class*='col-']:not(:last-child){ margin-bottom: 30px;}
    .sec-out-searvices [class*='col-']:not(:last-child){ margin-bottom: 30px;}
    .card-simple.card-value {
        padding: 30px 15px;
        max-width: 100%;
    }
    
    }
    
    
    
    
    @media screen and (max-width: 767px){
    .header{ background: #001030;}
    .header-navbar {padding: 10px 0px;}
    .header-right .offcanvas-body { padding: 17px 0; align-items: start;}
    
    .sec-features-block {padding: 30px 0px;}
    .sec-features-block [class*='col-']:not(:last-child){ margin-bottom: 30px;}
    
    .block-header {margin-bottom: 20px;}
    h2 {font-size: 30px;line-height: 38px;}
    
    .experience-box span {font-size: 30px;line-height: 35px;}
    .experience-box p {font-size: 13px;}
    
    .header-right .offcanvas-body nav { width: 100%;}
    .footer-top {padding: 30px 0px;margin-top: 0;}
    .footer [class*='col-']:not(:last-child){ margin-bottom: 30px;}
    .offcanvas-start {border-right: none;width: 300px;background: #001030;}
    
    .sec-funfact{ padding: 30px 0px;}
    .card-funfact {padding: 30px 20px;border-width: 5px;}
    .card-funfact::before, .card-funfact::after{ width: 5px;}
    
    .counter-block {padding: 0px 6px;}
    .counter-block .count-text {font-size: 29px;}
    .counter-block p{ font-size: 10px;}
    
    .sec-gap { padding:30px 0px;}
    .sec-latest-news.sec-gap{ padding: 30px 0px;}
    .footer-widget.logo-area {margin-bottom: 0;}
    .footer-bottom ul{ margin-bottom: 10px;}
    .footer-widget h4{ margin-bottom: 15px;}
    .footer-widget.logo-area p{ font-size: 14px;}
    .list-unstyled-menu li a{ font-size: 14px;}
    
    .sec-latest-news .owl-nav {top: 50%;margin-top: -30px;width: 100%;}
    .hero-banner .btn {font-size: 13px;min-width: 130px;padding: 10px 5px;}
    .hero-banner .btn-more{ gap: 10px;}
    h1 {font-size: 6vw;}
    .navbar-nav a {font-size: 16px;}
    .navbar-nav .nav-item {padding: 10px 15px;}
    body{ padding-top: 65px;}
    .sec-testimonials {background-size: 100px;}
    
    .sec-page-banner {min-height: inherit;padding: 40px 0px;}
    .heading-title { font-size: 30px; margin-bottom: 15px;}
    .banner-title p {font-size: 16px;}
    
    .img-box {padding-top: 15px;padding-left: 15px;overflow: hidden;}
    .caption-text{ position: static; padding: 10px;}
    .about-card img{ min-height: inherit;}
    .caption-text p {font-size: 14px;}
    .sec-out-searvices .container { padding-top: 30px;padding-bottom: 30px;}
    .big-play-button{ width: 40px; height: 40px;}
    .big-play-button svg {width: 22px;}

    .card-contact .single-info {margin-bottom: 20px;}
    .card.card-app{ padding: 25px;}
    
    }