@media all and (max-width:1799px) {}

@media all and (max-width:1599px) {

.enqFrm .frm{
    width: 600px;
}
    

.values ul{
    padding: 0px 100px;
}
    
header{padding: 37px 80px;}
 .main_header.fixed{
    padding: 37px 80px;
}
    .inside_banner:before{left: 80px;}
    .inside_banner:after{right: 80px;}
header:before{left: 80px;}
    header:after{right: 80px;}
    .banner{padding: 192px 80px 0px;}
   .banner:before{left: 80px;}
    .banner:after{right: 80px;}

 .distribution .imageBox .imgPnl img{ width:100%;}
.distribution .process{
    width: 35%;
}
.distribution .imageBox h2{
    font-size: 70px;
    line-height: 70px;
}

    
.distribution .process{
    width: 38%;
}
    .distribution{
    padding: 190px 0px;
}

    .message{padding: 120px 0px;}
    .message h2{ font-size: 70px;
    line-height: 70px;}
    .inside_banner{
    padding: 0px 80px;
}
   .team .team_content{
    padding: 0px 0px 0px 40px;
}
    .enqFrm .enqFrm_inner{
    padding: 0px 40px;
}
    .we_do .imgBox{
    right: -200px;
}
}

@media all and (max-width:1400px) {
.we_do .imgBox{
    right: -250px;
}
    
.we_do .we_do_inner{
    padding: 0px 40px;
}
    
.we_do .details ul li{
    font-size: 22px;
}
    
.need_to_know .need_to_know_inner{
    gap: 150px;
}

    
.inside_banner{
    background-position: -340px;
}
    
.distribution .process ul li p br, .distribution .process ul li h3 br{ display:none;}

    .team{
    background-position: 60%;
}
    
}

@media (max-width: 1280px) {
.srvMsg h2 br{ display:none;}
    
.message .wrap{
    padding-left: 60px;
}
    

    .promiss ul{
    padding: 0px;
}

    .promiss h2{margin-bottom: 80px;}
    .our_process h2{
    margin-bottom: 80px;
}

.our_process ul{
    padding: 0px 40px;
}


    
.our_process{
    padding: 160px 0px;
}
    
.we_do .imgBox{
    right: -370px;
    margin-top: 50px;
}
    
    .we_do .details ul{
    gap: 30px;
}
.we_do .details p{
    padding: 30px 0px;
}
.we_do{
    padding: 160px 0px 230px;
}
    
.enqFrm .frm{
    width: 500px;
}
    
.enqFrm .details b{
    font-size: 25px;
    line-height: 30px;
}
    
.enqFrm{
    padding: 140px 0px;
}
    
.team .team_content p{
    margin: 30px 0px 0px 0px;
}
    
.team{
    height: 570px;
}
    
    .need_to_know .need_to_know_inner{
    padding: 0px 40px;
    justify-content: space-between;
    gap: 0px;
}

    
.need_to_know{
    padding: 140px 0px;
}
    
.need_to_know .details b{
    font-size: 20px;
    line-height: 25px;
}
    
.inside_banner{}
    
p{ font-size:18px; line-height:30px;}
    
header .wrap:before, .banner .wrap:before, .inside_banner .wrap:before{ display:none;}

    
    .main_header.fixed{
    padding: 37px 40px;
}
header{padding: 40px 40px 37px;}
 header:before{left: 40px;}
    header:after{right: 40px;}
   .banner{padding: 192px 40px 0px;height: 900px;}
   .banner:before, .inside_banner:before{left: 40px;}
    .banner:after, .inside_banner:after{right: 40px;}

.difference ul li b{
    font-size: 40px;
    line-height: 70px;
}
.difference ul{
    padding: 0px 40px;
    margin: 80px 0px;
}
.difference ul li p{
    font-size: 18px;
    line-height: 30px;
}

.promiss{padding: 160px 0px;}
    
footer{
    padding: 80px 0px;
}
footer .footer_inner{
    padding: 0px 40px;
}
.banner .banner_content h1{
    font-size: 65px;
    line-height: 65px;
}

    h2{
    font-size: 65px!important;
    line-height: 65px!important;
    }
.distribution .process ul{
    padding-left: 45px;
}
.distribution .process{
    margin-left: 5%;
}
    
.distribution .process ul li:before{
    left: -51px;
}
    
.distribution .distribution_inner{
    padding: 0px 40px;
}
.distribution .imageBox h2{
    font-size: 65px;
    line-height: 65px;
    margin-bottom: 40px;
}
.distribution .imageBox h2 br{ display:none;}    
    .inside_banner{
    background-position: center right;
    padding: 0px 40px;
}
     .inside_banner .inside_banner_content{
    padding: 0px;
    height: 400px;
}
    .inside_banner h2{
    margin: 0px 0px 30px;
}
.values{padding: 140px 0px;}
    .values ul{
    padding: 0px 40px;
}
.values ul li span{
    margin: 0px 0px 30px;
}
    .values h2{
    margin-bottom: 40px;
}
}



@media all and (max-width:1150px) {
.we_do .we_do_inner{
    padding: 0px;
}
.we_do .imgBox{
    right: -400px;
}
    
}

@media all and (max-width:1080px) {
.promiss ul{
    flex-wrap: wrap;
    gap: 60px 0px;
}
.promiss ul li{
    width: 50%;
}
    
.promiss ul li h3{padding: 30px 0px 15px;}
    
.our_process ul li h3{
    padding: 30px 0px 15px;
}
    

    .we_do .details ul{
    gap: 20px;
    flex-direction: inherit;
    flex-wrap: wrap;
}
.we_do .details ul li{
    font-size: 18px;
    width: 48%;
    gap: 15px;
}
.we_do .details ul li i{width: 20px;}
    .we_do .details ul li i img{width: 100%;}
    
    
.we_do .imgBox{
    position: inherit;
}
.we_do .imgBox img{
    width: 100%;
}
    
.we_do .details{
    width: 100%;
}
    
.we_do .we_do_inner{
    flex-wrap: wrap;
    gap: 0px;
}
    
.we_do{
    padding: 80px 0px;
}

    
    
.enqFrm{
    padding: 60px 0px;
}
    
.enqFrm .details b{font-size: 20px;}
    

.enqFrm .enqFrm_inner{
    flex-wrap: wrap;
    padding: 0px;
}
.enqFrm .details{
    width: 100%;
    margin: 0px;
}
.enqFrm .details p br{ display:none;}
    
    
.enqFrm .frm{
    width: 100%;
    margin-top: 60px;
    padding: 40px;
}
    
    .team .team_content{
    padding: 0px;
}
.team{
    background-position: 70%;
}
    
.values ul{
    padding: 0px 0px;

}
    

    .need_to_know .need_to_know_inner{
    padding: 0px;
}

.produtrion h6{
    margin: 30px 0px;
    font-size: 16px;
}
    
.message h2{
    margin: 0px 0px 40px;
}
.message h6{font-size: 16px;letter-spacing: 0px;}
    
.distribution{
    padding: 80px 0px;
}

    
    .distribution .distribution_inner{
    flex-wrap: wrap;
    padding: 0px;
}
.distribution .imageBox{width: 100%;margin-bottom: 30px;}
.distribution .process{
    width: 100%;
}
    
    
.hem{
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    right: 0px;
}
 
  .hem:before,.hem:before{ content:''; display:block; }
 .hem:after{content:'';display:block;height: 3px;background: #000000;width: 100%;position: absolute;left: 0;bottom: 9px;width: 70%;right: 0;margin: auto;transition: 0.3s ease;}
 .hem:before{content:'';display:block;width: 70%;height: 3px;background: #000000;position: absolute;left: 0;right: 0;margin: auto;top: 10px;transition: 0.3s ease;}
.hem span{width: 100%;display: block;height: 3px;background: #000000;position: absolute;left: 0;right: 0;width: 70%;margin: auto;top: 0;bottom: 0;}

.hem.toggle span{ display:none;}
.hem.toggle:before{transform: rotate(45deg);top: 19px;}
 .hem.toggle:after{transform: rotate(-45deg);top: 10px;}

header .resmn{margin: 0px;display: none;}
header .navigation.resmn{display:none;}
header .navigation{display: block;position: fixed;background: #fff;width: 270px;height: auto;left: 0px;top: 0px;height: 100%;box-shadow: 5px 5px 5px #00000029;transition: 0.3s ease;z-index: 999;margin: 0px;}
header .navigation ul{display: block;}
header .navigation ul li:after{ display:none;}
header .navigation ul li:last-child a{border:none;}
header .navigation ul li{}
header .navigation ul li a{display: block;width: 100%;padding: 25px 15px;border-bottom: 1px solid #e4e4e4;}
.main_header.fixed{padding: 20px 20px;}
header{padding: 20px 20px;}
header .logo{width: 200px;}
header .logo img{ width:100%;}
header:before{left: 20px;}
header:after{right: 20px;}
   
.banner{padding: 192px 40px 0px;height: 750px;}
.banner:before, .inside_banner:before{left: 20px;}
.banner:after, .inside_banner:after{right: 20px;}
.banner .banner_content h1{font-size: 50px;line-height: 55px;}
    
 h2{ font-size: 50px!important;line-height: 55px!important; letter-spacing:0px!important;}

    
.banner .banner_content{
    margin-left: 0px;
}
.banner .banner_content p{
    margin: 40px 0px;
}
    
.btn{
    width: 200px;
    font-size: 20px;
    height: 50px;
}
.difference{
    padding: 80px 0px;
}
.difference ul{
    padding: 0px;
}
.difference ul li p{
    /* line-height: 25px; */
}
.difference ul li b{
    font-size: 30px;
    line-height: 60px;
}

    .produtrion{padding: 80px 0px;height: 500px;}
.message{padding: 80px 0px;}
  .message .wrap{
    padding: 0px 20px;
}  
.produtrion .wrap{padding: 0px 20px;}
    
    .our_process{padding: 80px 0px;}

    .promiss{padding: 80px 0px;}
  footer .footer_inner{
    padding: 0px 0px;
}  
footer .footer_info{
    width: 75%;
}


    
}

@media all and (max-width:991px) {

.our_process ul {
    flex-wrap: wrap;
    padding: 0px;
    gap: 60px 0px;
}
    .our_process ul li{
    width: 50%;
}
.our_process ul:after{ display:none}
    
.values ul{
    flex-wrap: wrap;
    gap: 30px 0px;
    justify-content: center;
}
.values ul li{
    width: 50%;
    padding: 0px 10px;
}
    
}


@media (max-width: 780px) {
.banner .wrap{
    /* padding: 0px; */
}
    

.difference{
    padding: 50px 0px;
}
.distribution{padding: 50px 0px;}
    .message{
    padding: 50px 0px;
}
.produtrion{
    padding: 90px 0px;
    height: initial;
}
.produtrion .wrap{
    height: initial;
}
    
.promiss ul li{
    width: 100%;
}
    
    .our_process h2, .promiss h2{
    margin-bottom: 40px;
}

.our_process ul li{
    width: 100%;
}
    
.we_do .details p br{ display:none;}
    
.we_do .details ul li{
    width: 100%;
}
    
.enqFrm .frm .btn{
    width: 100%;
}
    
.team{
    height: 450px;
	background-position: -500px center;
}
.team p{}    
       
    
.need_to_know{
    padding: 60px 0px;
}
    
.need_to_know .need_to_know_inner{
    flex-wrap: wrap;
}
    .need_to_know h2{
    width: 100%;
    margin-bottom: 30px;
}
.need_to_know .details b{ font-size:18px;}
    
.need_to_know .details{
    width: 100%;
}
 .need_to_know .details br{ display:none;}   
    
    .inside_banner{padding:0px 20px;background-position: 0px 0px;background-size: cover;}
    .inside_banner h2{
    margin: 0px 0px 20px;
}
.values ul li p br{ display:none;}
    
p{
    font-size: 16px;
    line-height: 1.4!important;
}
    
.inside_banner .inside_banner_content{
    height: 250px;
}
    
.message h6{font-size:16px;line-height: 25px;}
    
.message h2 br{ display:none;}
    

    .difference ul{
    flex-wrap: wrap;
    gap: 30px 0px;
    margin: 40px 0px;
}
.difference ul li{
    width: 50%;
}
.difference ul li b{
    font-size: 25px;
    line-height: 30px;
}
.difference ul li p{
    font-size: 15px;
}
    
    
.distribution .process ul li h3{
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0px;
    margin: 10px 0px;
}
.distribution .process ul li span{ font-size:16px;}
    
    
footer{
    padding: 60px 0px;
}
    
footer .footer_inner{
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
footer .footer_info .details{ margin:0px;}
    
    footer .footer_info{
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #d5d5d5;
    padding-top: 30px;
    flex-wrap: wrap;
}
footer .logo{
    display: block;
}
    footer .footer_info h6{
    margin-top: 30px;
    border-top: 1px solid #d5d5d5;
    padding-top: 30px;
    width: 100%;
    text-align: center;
}
.banner{
    background-size: cover;
    background-position: -320px center;
    height: 600px;
    padding: 192px 20px 0px;
}
    .banner .banner_content p{font-size:18px;line-height: 30px;}
.message h2{
    font-size: 25px!important;
    line-height: 35px!important;
}
    h2{
    font-size: 40px!important;
    line-height: 1.2!important;
    letter-spacing: 0px;
    }

.banner .banner_content h1{font-size: 40px; line-height: 45px;}
.banner .banner_content p{margin: 20px 0px;}
.banner .banner_content p br{/* display: none; */}
.values{padding: 60px 0px;} 
.banner .banner_content{margin-top:0;}
   
.inside_banner p{max-width:240px; font-size:20px;}   
.inside_banner p br{display:none;}

.enqFrm .details p{font-size:17px;}
.success_message h5{font-size:40px;}
.success_message h5 small{font-size:18px;}
.glossary-page {
    padding: 50px 0;
}

.glossary-page .mortgage_glossary #glossary_list .letter_group > div {width: 50%;  margin: 30px 0 0 0;  font-size: 15px; line-height: 17px;}
.glossary-page .mortgage_glossary #glossary_list .letter_group .border {margin: 30px 0 0 0;}
.glossary-page .search_area{padding:15px;}

.glossary-page .mortgage_glossary .listNav .ln-letters{flex-wrap:wrap;}
.glossary-page .mortgage_glossary .listNav .ln-letters a
{width:10%;}

.glossary-page .mortgage_glossary .listNav .ln-letters a:first-child
{width:19%;}
}

@media all and (max-width:650px) {
 .login_popup {
    left: 20px;
    top: 20px;
    transform: none;  
    max-width: calc(100% - 40px);
} 

.login_popup .close {
    right: 20px;
top: 20px;}


    
}

@media (max-width: 500px) {
.inside_banner{
    background-position: -70px 0px;
}
    
   header .logo{
    width: 150px;
}
    footer li a{ font-size:13px;}
.difference ul li{
    /* width: 100%; */
}
  .team p br{ display:none;}   

    .banner .banner_content p br{ display:none;}
    .values ul li:last-child{
    width: 80%;
}
.values ul li, .values ul li:last-child{
    width: 100%;
    padding: 0px 30px;
}
    
}


@media all and (max-width:400px) {

}