@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');

body{font-family: 'mazzardh_regular'!important;}
a{transition: all 0.5s ease;}
a:focus, button:focus, input:focus{border: none; outline: none}

/*--------- Fonts -------------*/
@font-face {
    font-family: 'mazzardh_regular';
    src: url('../fonts/mazzardh-regular-webfont.woff2') format('woff2'),
         url('../fonts/mazzardh-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mazzardh_semibold';
    src: url('../fonts/mazzardh-semibold-webfont.woff2') format('woff2'),
         url('../fonts/mazzardh-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mazzardl_bold';
    src: url('../fonts/mazzardl-bold-webfont.woff2') format('woff2'),
         url('../fonts/mazzardl-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mazzardl_light';
    src: url('../fonts/mazzardl-light-webfont.woff2') format('woff2'),
         url('../fonts/mazzardl-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mazzardl_black';
    src: url('../fonts/mazzardl-black-webfont.woff2') format('woff2'),
         url('../fonts/mazzardl-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mazzardl_medium';
    src: url('../fonts/mazzardl-medium-webfont.woff2') format('woff2'),
         url('../fonts/mazzardl-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*---------- Header -----------*/
.site-brand { width: 65%;}
header.site-header{margin: 0; padding:15px; width:100%; position: relative; border-bottom: 1px solid #9d9d9d;}
/*header.site-header .navbar{margin:0; padding:15px 0; background:#fff !important}*/
header.site-header .navbar { margin: 0; padding: 15px 0; background: #fff !important; margin-top: 25px !important;}
header.site-header .navbar-nav{width:100%; justify-content:center; margin: 0}
header.site-header .header-bottom{border-top:1px solid #c4c4c4; margin:15px 0 0 0}
header.site-header .navbar-nav li a{padding: 0px 15px !important; font-size:16px; color:#303642 !important; white-space: nowrap}
header.site-header .navbar-nav li a:hover, header.site-header .navbar-nav li.current-menu-item a{color:#163683 !important }
header.site-header .header-right{text-align:right; margin-top: 25px;}
header.site-header .header-right .list-items{margin:12px 0 0 0; padding:0; list-style-type:none}
header.site-header .header-right .list-items li{display:inline-block; margin:0 0 0 5px}
header.site-header .header-right .list-items li a{color:#303642; display:block; padding:5px 10px; border-radius:5px; text-decoration:none}
header.site-header .header-right .list-items li a .fa{color:#163683}
header.site-header .header-right .list-items li.apply-btn a{background:#57955e; color:#fff}
header.site-header .header-right .list-items li.Sign-btn a{background:#163683; color:#fff}


/*------------ Home Slider -----------*/
.home-slider{position:relative; width:100%; padding:0; margin:0;}
.home-slider .content-box{background:url("../images/slider-bg.jpg") no-repeat center center; background-size:cover; padding:30px; position: absolute; left: 100px; top: 50%; transform: translate(0, -50%);}
.home-slider .content-box .title{font-size:64px; color:#163683; line-height:64px; font-family: 'mazzardl_bold'; text-transform:uppercase}
.home-slider .content-box .title span{color:#333; display:block; font-family: 'mazzardl_medium';}
.home-slider .owl-dots{display:none}
.home-slider .btn-list{margin:30px 0 0 0; padding:0; list-style-type:none}
.home-slider .btn-list li{display:inline-block; margin:0 10px 0 0; padding:0}
.home-slider .btn-list li a{color:#fff; background:#163683; display:inline-block; padding:10px 30px; border-radius:5px; text-decoration:none; border:2px solid #163683}
.home-slider .btn-list li:last-child a{background:#519259; border-color:#519259}
.home-slider .btn-list li a:hover{background:#fff; color:#333}
.home-slider .owl-nav{margin:0; padding:0; width:100%; position:absolute; left:0; top:50%}
.home-slider .owl-nav .owl-prev{position:absolute; left:0}
.home-slider .owl-nav .owl-next{position:absolute; right:0}
.home-slider .owl-nav button{width:70px; height:70px; background-color:rgba(22, 54, 131, 0.8) !important; transition: all 0.5s ease;}
.home-slider .owl-nav button:hover{background-color:rgba(22, 54, 131, 1) !important;}
.home-slider .owl-nav button span{display:block; color:#fff; font-size:42px}

/*--------- Miller Mortgage  ----------*/
.miller-mortgage{margin:0; padding:60px 0; width:100%; position:relative; background:#fff}
.miller-mortgage img{max-width:100%}
.miller-mortgage .content-box{display:flex; flex-direction:column; justify-content:center}
.miller-mortgage .content-box h1{color:#163683; font-size:48px; margin:0 0 15px 0; line-height: 48px; font-family: 'mazzardh_semibold';}
.miller-mortgage .content-box p{font-size:21px; color:#333; line-height:normal; margin: 0 0 15px 0}
.miller-mortgage .more-btn{margin:30px 0 0 0; padding:0}
.miller-mortgage .more-btn a{padding:10px 30px; background:#163683; color:#FFFFFF; border-radius:5px; text-decoration:none; border:2px solid #163683; font-family: 'mazzardl_medium'; font-size: 21px; display: inline-block}
.miller-mortgage .more-btn a:hover{background:#fff; color:#163683}

/*--------- Home Service  ----------*/
.home-service{background:#f5f5f5; padding:60px 0; width:100%; position:relative; text-align: center}
.home-service h2{font-family: 'mazzardl_bold'; font-size:48px; color:#163683; padding: 0}
.home-service .online-access{font-size:18px;}
.home-service .online-access a{text-decoration:underline; color:#333}
.home-service .list-items{margin:15px -25px 0 -25px; padding:0; display:flex; flex-wrap:wrap; list-style-type:none}
.home-service .list-items li{padding:0 25px; width:33.333%; margin:0}
.home-service .list-items .title{color:#163683; font-size:21px; font-family: 'mazzardh_semibold'; margin:15px 0}
.home-service .list-items p{font-size:18px; color:#333; margin: 0 0 15px 0}
.home-service .list-items .more-btn{color:#163683; font-size:18px; font-family: 'mazzardh_semibold';}
.home-service .list-items .more-btn a{color:#163683; text-decoration:underline}
.home-service .inner-content{background:#fff; padding:15px; border-bottom:5px solid #ccc; border-radius:15px; min-height: 330px;text-align: center;}

/*--------- Mortgage Application  ----------*/
.mortgage-application{margin:0; padding:0; width:100%; position:relative; background: #f2f2f2}
.mortgage-application .img-box img{max-width:100%; width:100%}
.mortgage-application .content-box{padding:0 100px !important; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center}
.mortgage-application h3{color:#163683; font-family: 'mazzardl_bold'; font-size:48px}
.mortgage-application p{color:#333333; font-size:30px; line-height:normal; font-family: 'mazzardl_medium'; margin-bottom: 15px}
.mortgage-application p span{font-family: 'mazzardh_semibold'; color:#163683}
.mortgage-application .heigh-light{color:#ff5a5a}
.mortgage-application .apply-btn{margin:30px 0 0 0}
.mortgage-application .apply-btn a{padding: 10px 30px; border: 2px solid #163683; background:#163683; color:#fff; font-family: 'mazzardl_medium'; border-radius:5px; font-size:21px; text-decoration: none}
.mortgage-application .apply-btn a:hover{color:#163683; background:#fff}

/*------- Clients Review ---------*/
.clients-review{margin:0; padding:0; width:100%; position:relative}
.clients-review .img-box img{max-width:100%; width:100%}
.clients-review .content-container{padding:0 70px !important; align-items: center; display: flex; flex-direction: column; justify-content: center;}
.clients-review .img-box{position:relative; }
.clients-review .img-box h3{font-size:80px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#FFF; font-family: 'mazzardh_semibold';}
.clients-review .content-box .auther-img img{border-radius:100%; max-width:60px; max-height:60px; object-fit:cover}
.clients-review .content-box .auther-name{font-size:24px; color:#163683; line-height:normal; margin:0; font-family: 'mazzardh_semibold';}
.clients-review .content-box .auther-desi{font-size:18px; color:#333; line-height:normal}
.clients-review h4{color:#163683; font-size:40px; line-height:normal; font-family: 'mazzardl_bold';}
.clients-review .quote{margin:15px 0 0 0 } 
.clients-review .content-box{padding-left:0px}
.clients-review .content-box p{font-size:14px}
.clients-review .auther-detail{margin:30px 0 0 0}
.clients-review .owl-dots{position:absolute; right:0; bottom:20px; display: none}
.clients-review .owl-dots .owl-dot{width:40px; height:5px; background:#fff; margin:0 5px;border:2px solid #ff5a5a}
.clients-review .owl-dots .owl-dot.active{background:#ff5a5a}
.clients-review .img-box p{display: none}
.clients-review .owl-nav{margin:-25px 0 0 0; padding:0; width:100%; position:absolute; left:0; top:50%}
.clients-review .owl-nav .owl-prev{position:absolute; left:0}
.clients-review .owl-nav .owl-next{position:absolute; right:0}
.clients-review .owl-nav button{width:50px; height:50px; background-color:rgba(22, 54, 131, 0.8) !important; transition: all 0.5s ease;}
.clients-review .owl-nav button:hover{background-color:rgba(22, 54, 131, 1) !important;}
.clients-review .owl-nav button span{display:block; color:#fff; font-size:40px; margin-top:-8px}

/*---------- Get A Free Quote  -------*/
.get-free-quote{margin:0; padding:60px 0; width:100%; position:relative}
.get-free-quote h3{font-size:48px; text-align:center; color:#163683; font-family: 'mazzardl_bold';}
.get-free-quote p{font-size:21px; text-align:center; margin:0 0 30px 0}
.get-free-quote input, .get-free-quote select, .get-free-quote textarea{width:100%; background:#efefef !important; border:1px solid #7c8db6 !important; color:#333 !important; border-radius:5px !important; padding:10px 15px !important; margin:0 0 20px 0}
.get-free-quote input[type="submit"]{width:auto; transition: all 0.5s ease; margin:30px auto 0 auto; display:block; font-size:21px; background:#163683 !important; color:#fff !important; padding:10px 30px; border:2px solid #163683}
.get-free-quote input[type="submit"]:hover{background:#fff !important; color:#163683 !important;}
.get-free-quote textarea{height:90px}
.contact input[type="submit"]{width:auto; transition: all 0.5s ease; margin:0; display:block; font-size:21px; background:#163683 !important; color:#fff !important; padding:10px 30px; border:2px solid #163683}
.contact input[type="submit"]:hover{background:#fff !important; color:#163683 !important;}
.get-free-quote .wpcf7-captchac{background:#efefef;padding:5px; min-height:40px; width:auto}
/*---------- Mortgage Approval  ------------*/
.mortgage-approval{margin:0; padding:0; width:100%; position:relative; background:#163683}
.mortgage-approval img{max-width:100%}
.mortgage-approval .content-box{padding:0 100px !important; display:flex; flex-direction:column; justify-content:center}
.mortgage-approval .content-box h4{color:#fff; font-size:48px; margin:0 0 15px 0; line-height: 48px; font-family: 'mazzardh_semibold';}
.mortgage-approval .content-box p{font-size:21px; color:#fff; line-height:normal}
.mortgage-approval .approval-btn{margin:30px 0 0 0; padding:0}
.mortgage-approval .approval-btn a{padding:15px 30px; background:#fff; color:#163683; border-radius:5px; text-decoration:none; border:2px solid #fff; font-family: 'mazzardl_medium'; font-size: 21px}
.mortgage-approval .approval-btn a:hover{background:transparent; color:#fff}

.mortgage-rate{margin:0; padding:60px 0; position:relative; width:100%}
.mortgage-rate .content-left{padding-right:100px}
.mortgage-rate .content-left p{color:#696969; text-align:center}
.mortgage-rate .content-left .title{font-family: 'mazzardh_semibold'; font-size:36px; margin:0 0 15px 0}
.mortgage-rate .content-left .check-rate{margin:30px 0 15px 0; padding:0; text-align:center}
.mortgage-rate .content-left .check-rate a{padding:10px 30px; display:inline-block; background:#163683; color:#FFFFFF; border-radius:5px; text-decoration:none; border:2px solid #163683; font-family: 'mazzardl_medium'; font-size: 21px}
.mortgage-rate .content-left .check-rate a:hover{background:#fff; color:#163683}
.mortgage-rate .content-left .list-items{margin:0 -15px 15px -15px; padding:0; list-style-type:none; display:flex; flex-wrap:wrap}
.mortgage-rate .content-left .list-items li{width:33.333%; padding:0 15px}
.mortgage-rate .content-left .list-items li .content-box{background:#ff5959; text-align:center; color:#fff; padding:15px; border-radius:5px}
.mortgage-rate .content-left .list-items li:nth-child(2n) .content-box{background:#676fa3}
.mortgage-rate .content-left .list-items li:nth-child(3n) .content-box{background:#1c6dd0}
.mortgage-rate .content-left .list-items li .content-box .sub-title{font-size:18px; line-height:normal}
.mortgage-rate .content-left .list-items li .content-box .text-value{font-family: 'mazzardl_medium'; font-size:24px; line-height:normal}
.mortgage-rate .content-right{}
.mortgage-rate .content-right .list-box{margin:0; padding:0; list-style-type:none}
.mortgage-rate .content-right .list-box li{background:#163683; color:#fff; padding:20px; margin:0 0 15px; border-radius:5px}
.mortgage-rate .content-right .text-box{border-left:1px solid #395495}
.mortgage-rate .content-right .text-box .sub-title{font-family: 'mazzardh_semibold'; font-size:24px; padding:5px 0}
.mortgage-rate .nav-tabs {margin:0;padding:0; border: 1px solid #163683;width: 100%;max-width: 250px;border-radius: 30px;overflow: hidden;float: right;}
.mortgage-rate .nav-tabs li{width:50%; border-radius:0; margin:0; padding:0; border:none}
.mortgage-rate .nav-tabs li a{background:#fff; color:#163683; border-radius:0; border:none}
.mortgage-rate .nav-tabs li a.active{background:#163683; color:#fff}
.mortgage-rate h3{color:#163683; font-size:48px; position:relative; font-family: 'mazzardl_medium'; display:inline-block}
.mortgage-rate h3:before{position:absolute;right: -60px;content:"";height:2px;width:50px;background:#9f8e74;top: 35px;}
.mortgage-rate h3 span{font-family: 'mazzardl_bold';}

/*---------- Common Elements  -------*/
.common > .apply-btn {margin: 30px 0 0 0}
.common > .apply-btn a {padding: 10px 15px;border: 2px solid #163683;background: #163683;color: #fff;font-family: 'mazzardl_medium';border-radius: 5px;font-size: 21px;text-decoration: none; display: inline-block; line-height: normal; text-align: center}
.common > .apply-btn a:hover {color: #163683;background: #fff;} 
@media (max-width:920px){
.padding-lr{padding-left: 2em;padding-right: 2em;}
.learn-more {padding-top: 2em;}}
@media (min-width:920px){ 
.common{padding-top: 2em;}
h2 {padding-top: 1em;}
.learn-more {padding-top: 2em;}
.common{background:#fff;}} 
.common > h3{color:#163683; font-size: 1.5em; padding: 1.5em 0 0.6em;}
.common > h2 span{display:inline-block; position:relative}
.common > h2 span:before{position:absolute; right:-60px; height:1px; width:50px; background:#bbbaba; content:""; top:17px}
.common > p{color:#6d6a6a}

.breadcrumb{color: #7F7C82!important; background-color: white!important; padding: 4em 4em 0!important;}

/*---------- Home Buying Page -------*/

.mybox{margin: 0 auto 30px;background: #fff;}
.mybox .myheading{background: #163683;border-radius: 7px 7px 0px 0px;padding: 10px;color: #fff;text-align: center;font-family: "Rubik"; margin:0}
.accordian{border-radius: 0 0 7px 7px;box-shadow: 1px 2px 4px rgba(0,0,0,.3); padding:10px 15px}
::-webkit-details-marker{float: right;margin-top: 3px;}
details{background: #f6f6f6;padding: 10px 20px;border-radius: 7px;margin-top: 20px;font-family: "Rubik";font-size: 14px;letter-spacing: 1px;cursor: pointer;}
details summary{outline: none;}
details > .text{margin-top: 1.5em;}
details > ol{margin: 1.5em 0 0;}

/*---------- About Page -----*/
.page-title{background:#f6f4f4; padding:45px 0; text-align:center; margin:0}
.page-title h1{color:#9e8d72; margin:0; font-weight:600; font-size:42px}
.about-sec{background:#fff; padding:60px 0}
.about-sec h3{font-size:28px; margin-bottom:20px}
.about-sec h2{color:#163683; font-size:30px; margin-bottom:20px}
.about-sec h2 span{display:inline-block; position:relative}
.about-sec h2 span:before{position:absolute; right:-60px; height:1px; width:50px; background:#bbbaba; content:""; top:17px}
.about-sec .img-box img{display:block; width:100%}
.about-sec .content-box p{color:#6d6a6a}
.about-sec .read-more{margin:0; padding:0}
.about-sec .read-more a{padding: 10px 30px; background: #163683; color: #FFFFFF; border-radius: 5px; text-decoration: none; border: 2px solid #163683; font-family: 'mazzardl_medium'; font-size: 21px;}
.about-sec .read-more a:hover{background: #fff; color: #163683;}
.about-sec .heightlights{margin:45px 0; font-size:24px}
.calculator-box iframe{border: none; margin:0 0 30px 0; padding: 0}
.calculator-box ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.calculator-box ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.calculator-box ::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.calculator-box ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.get-free-quote form label{position:relative; display: block}
.get-free-quote form label[for=your_name]:before, .get-free-quote form label[for=your_phone]:before, .get-free-quote form label[for=your_email]:before, .get-free-quote form label[for=purpose-for-loan]:before{position:absolute; right:-10px; top:0px; content:"*"; color:#ff0000}

.contact form label{position:relative}
.contact form label[for=your_name]:before, .contact form label[for=your_phone]:before, .contact form label[for=your_email]:before, .contact form label[for=purpose-for-loan]:before{position:absolute; right:-10px; top:0px; content:"*"; color:#ff0000}


/*---------- Footer ------------*/
footer.site-footer {background:#1c1b1a; padding:30px 15px 0px 15px; color:#fff }
footer.site-footer .custom-col{width:20%; padding:0 15px}
footer.site-footer h5{margin:20px 0; font-size:24px; font-family: 'mazzardh_semibold'}
footer.site-footer .menu{margin:0; padding:0; list-style-type:none}
footer.site-footer .menu li{display:block; padding:6px 0}
footer.site-footer .menu li a{font-size:16px; color:#c9c7c7; text-decoration:none}
footer.site-footer .menu li a:hover{color:#fff}
footer.site-footer .social-list{margin:15px  0 ; padding:0; list-style-type:none}
footer.site-footer .social-list li{display:inline-block; margin:0; padding:0 8px 0 0}
footer.site-footer .social-list li a{width:40px; height:40px; display:block; border:1px solid #c9c7c7; line-height:40px; text-align:center; color:#c9c7c7; border-radius:100%}
footer.site-footer .social-list li a:hover{background:#fff; border-color:#fff; color:#1c1b1a}
footer.site-footer .contact-list{margin:0; padding:0; list-style-type:none}
footer.site-footer .contact-list li{display:block; margin:0; padding:6px 0 6px 20px; color:#c9c7c7; position:relative}
footer.site-footer .contact-list li .fa{position:absolute; left:0; top:10px}
footer.site-footer .contact-list li a{color:#c9c7c7}
footer.site-footer .contact-list li a{color:#fff}
footer.site-footer .footer-bottom{background:#262524; padding:15px 0; margin:0 -15px}
footer.site-footer .footer-bottom .copy-right{color:#c9c7c7; font-size:14px;}
footer.site-footer .footer-bottom .license{color:#c9c7c7; font-size:14px; text-align:right}
footer.site-footer .footer-bottom .copy-right a{color:#c9c7c7; text-decoration:none}
footer.site-footer .footer-bottom .copy-right a:hover{color:#fff}

@media(min-width:1200px)
{
.clients-review .img-box img{min-height: 600px; object-fit: cover}
.clients-review .owl-nav .owl-prev{left:-70px}
.clients-review .owl-nav .owl-next{right:-70px}
.miller-mortgage img {min-height:450px; object-fit: cover}
.home-slider .item img{max-height:90vh; object-fit: cover}
}


@media(min-width:1200px) and (max-width:1366px)
{
header.site-header .header-right .list-items .call-btn span{}
header.site-header .navbar-nav li a{padding: 0 5px!important}
	.mortgage-approval .content-box h4{font-size:32px; line-height: 36px}
	.mortgage-approval .content-box p{font-size:18px}
	.miller-mortgage .content-box{padding: 30px !important}
	.miller-mortgage .content-box p{font-size:18px}
}

@media(max-width:1199px)
{
header.site-header .header-right .list-items .call-btn span{display: none}
.clients-review .content-container{padding:15px !important}
	.clients-review .content-box{padding-left:0}
	.clients-review h4{font-size: 36px}
	.clients-review .img-box h3{font-size: 36px}
	.mortgage-application h3{font-size:36px}
	.mortgage-application p{font-size: 21px}
	.mortgage-application .content-box{padding: 15px !important}
	.miller-mortgage .content-box h1{font-size:30px; line-height: 36px}
	.miller-mortgage .content-box p{font-size: 16px}
	.miller-mortgage .content-box{padding: 30px !important}
	.clients-review .content-box{padding: 0 60px}
	
}

@media(min-width:992px) and (max-width:1199px)
{
header.site-header .navbar-nav li a{padding: 0 4px!important; font-size: 14px}
	.home-slider .content-box .title{font-size: 36px; line-height: 42px}
	.home-slider .content-box{max-width: 420px; padding: 15px}
	.home-slider .btn-list li a{padding: 10px}
	.mortgage-approval .content-box{padding: 0 30px !important}
	.mortgage-approval .content-box p{font-size:16px}
	.mortgage-approval .content-box h4{font-size: 26px; line-height: 30px}
	.home-service h2{font-size: 42px}
	.mortgage-rate .content-left .list-items li .content-box .text-value{font-size: 21px}
	.clients-review .img-box img{min-height:750px; object-fit: cover}
	.miller-mortgage img{min-height:430px; object-fit: cover}
	.home-service .inner-content{min-height: 360px}
	
	
}
@media(min-width:768px)
{
	
}

@media(min-width:768px) and (max-width:991px)
{
	.home-slider .content-box .title{font-size: 25px; line-height: 28px}
	.home-slider .btn-list{margin: 15px 0 0 0}
	.home-slider .btn-list li{margin: 5px 0}
	.home-slider .content-box{max-width:300px}
	.home-service .list-items li{width:50%}
	
}

@media(max-width:991px)
{
header.site-header .navbar-collapse{position:absolute;left:0;top:85px;z-index:9;background:#163683;min-width: 250px;padding:15px;width: 100%; border-radius:5px}
header.site-header .navbar-nav li{padding:5px 0}
header.site-header .navbar-nav li a{color:#fff !important}
	header.site-header .header-right .list-items{margin:20px 0 0 0}
	footer.site-footer .footer-bottom .copy-right, footer.site-footer .footer-bottom .license{text-align: center; padding: 5px 0}
	.mortgage-approval .content-box{text-align: center; padding: 15px !important}
	.mortgage-approval .content-box p{font-size:16px}
	.mortgage-approval .content-box h4{font-size: 26px; line-height: 30px}
	.clients-review .content-container{text-align: center}
	.clients-review .owl-dots{position: relative}
	.clients-review .auther-detail .col-md-2, .clients-review .auther-detail .col-md-10{min-width:100%}
.clients-review .auther-detail .auther-img img{margin:0 auto; display:block}
	.mortgage-application .content-box{text-align: center}
	.miller-mortgage .content-box{padding: 15px !important; text-align: center}
	.home-service{text-align: center}
	.home-service .online-access{text-align: center}
	.mortgage-rate .content-left{padding: 0 15px}
	.mortgage-rate .content-left .title{font-size:24px}
	.mortgage-rate h3{font-size: 32px}
	header.site-header .navbar-nav li{border-bottom: 1px solid #0b2460}
	header.site-header .navbar-nav li:last-child{border-bottom: none}
	header.site-header .navbar-nav li a{padding:5px 0 !important}
	header.site-header .navbar-nav li a:hover{color: #fff !important; text-decoration: none}
	header.site-header .navbar-nav li.current-menu-item a{color: #FFF !important}
}

@media(max-width:767px)
{
	.home-slider .owl-nav button{width:50px; height:50px}
	.home-slider .owl-nav button span{font-size: 30px; line-height: 50px}
	.home-slider .btn-list{margin-top: 15px}
	.home-slider .btn-list li{margin: 5px 0}
	.home-slider .btn-list li a{padding: 7px 10px}
	.home-slider img{object-fit: cover}
	.home-slider .content-box{text-align: center; position: relative; left:0; bottom: 0; top:inherit; transform: translate(0, 0); background: #f2f2f2 !important}
	.home-slider .content-box .title{font-size: 21px; line-height: 21px}
	footer.site-footer{text-align: center}
	footer.site-footer .contact-list li .fa{position: relative; left:auto; top:auto; padding-right: 5px}
	footer.site-footer .footer-bottom{margin-top: 25px}
	footer.site-footer h5{margin-bottom: 0}
	.home-service .list-items{margin: 15px 0}
	.home-service .list-items li{padding: 0; margin-bottom: 15px; width:100%}
	.home-service .list-items li:last-child{margin-bottom: 0}
	.mortgage-rate{text-align: center; padding: 30px 0}
	.mortgage-rate h3:before{display: none}
	.mortgage-rate .nav-tabs{float: none; margin: 0 auto}
	.mortgage-rate .content-left .list-items li{margin: 5px 0; width:100%; padding: 0}
	.home-service{padding: 30px 0}
	.mortgage-rate .tab-content.py-3{padding-bottom: 0}
	.mortgage-rate .content-right .list-box li:last-child{margin-bottom: 0}
	.mortgage-rate .content-right{padding: 0}
	.mortgage-rate .content-right .text-box{border-top: 1px solid #395495; border-left: none}
	.mortgage-rate .content-right .list-box li{margin-bottom: 15px}
	.mortgage-rate .content-right .list-box li:last-child{margin-bottom: 0}
	.mortgage-rate .content-right .icon-box img{margin-bottom: 15px}
	.mortgage-rate .content-left .list-items{margin: 0 0 15px 0}
	.mortgage-rate .content-left{padding: 0}
	header.site-header .header-right{position:absolute; bottom:33px; right:0;width: auto;}
header.site-header .navbar{position:relative; left:-15px}
	header.site-header .navbar .navbar-toggler{border:1px solid #163683} 
	header.site-header .col-lg-2.col-md-3{padding: 0}
	.site-brand {
    width: 50% !important;
    text-align: center;
    margin: 0 auto;
   }
	
}

/* 27-05-2022 */
@media(min-width:768px) and (max-width:1100px){
.site-brand {
    width: 100%;
}	
	
}
@media(max-width:480px){

}
 #content p a {
    background: transparent;
    border: none;
	color:#4169e1;}

.get-free-quote input, .get-free-quote select, .get-free-quote textarea{height:40px;}
input.form-text, textarea.form-textarea, select.form-select{height:40px;}
footer.site-footer .contact-list{
    padding:15px 0 20px;}
    
/*---------- 2Aug 2022 ---------*/
.testimonial-list{margin:0; padding:0; list-style-type:none}
.testimonial-list li{margin:0 0 30px 0; padding:15px; border:1px solid #ccc; border-radius:15px; border-bottom:5px solid #ccc; font-size:16px}
.testimonial-list li:last-child{margin-bottom:0}
.testimonial-list li .auther-name{color:#163683; font-size:18px; font-weight:600}
header.site-header .header-right .search-box{position:relative}
header.site-header .header-right .search-box .search-form{display:none}
header.site-header .header-right .search-box .search-form{position:absolute; left:0; top:72px; width:275px; padding:10px; background:#fff;z-index:9;}
header.site-header .header-right .search-box .search-form label{margin-bottom:0}
header.site-header .header-right .search-box .search-form .search-field{padding-right:70px}
header.site-header .header-right .search-box .search-form .search-submit{position:absolute; right:10px; padding:8px 5px; border:none; background:#163683; color:#fff; top:10px;}
header.site-header .header-right .search-box .search-icon{cursor:pointer}
.search-results article{padding-left:30px; padding-right:30px}

@media(max-width:1365px)
{
header.site-header .header-right .search-box{display:none !important;}
}





