@media only screen and (min-width: 1400px) and (max-width: 1680px){
    .director-offcanvas {
        width: 30% !important;
    }
    .director-offcanvas .director-profile-wrap {
        width: 300px;
        height: 320px;
    }
}


@media only screen and (min-width: 1366px) {



    /* section {padding: 80px 150px;} */



}

@media only screen and (max-width: 1560px) {

}

@media only screen and (max-width: 1399px) {

 

    .footer-map-wrap  {padding: 100px 0 !important;}

    .custom-carousel-caption h2 {

        font-size: 55px;

    }

    .navbar-nav .nav-item .nav-link, header.sticky .navbar-nav .nav-item .nav-link {

        padding: 20px 10px;

    }

    .navbar-nav.ms-auto .nav-item {margin-left: 5px;}

    .calc-item h3 {

        font-size: 18px;

    }

    

}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .main-banner .carousel-item > video, .main-banner .carousel-item > img{
        max-height: 81vh;
    }
    .director-offcanvas {
        width: 30% !important;
    }
    .director-offcanvas .director-profile-wrap {
        width: 300px;
        height: 320px;
    }
}

@media only screen and (min-width: 1200px) {



    .footer-main .collapse:not(.show) {display: block !important; }

    .footer-map-wrap  {padding: 120px 0;}

    /* .footer-links > li > a, .footer-links > li > span {position: relative; overflow: hidden;}

    .footer-links > li > a::before, .footer-links > li > span::before {

        position: absolute;

        content: "";

        height: 1px;

        width: 100%;

        left: -100%;

        bottom: 0;

        background-color: #393E41;

        opacity: 0.7;

        transition: all 300ms ease-in-out;

    }

    .footer-links > li:hover > a::before, .footer-links > li:hover > span::before {

        left: 0;

    } */

    .our-esteem-col:nth-last-child(-n + 6) {
        border-bottom: none !important;
    }
    .our-esteem-col:nth-child(6n) {
        border-right: none !important;
    }



}

@media only screen and (min-width: 992px){

}

@media only screen and (max-width: 992px){
   .dropdown-menu {
        display: none;
    }

    .down-arrow-icon {
        cursor: pointer;
    }
    .down-arrow-icon img {
        transition: transform 0.3s ease;
    }

    .dropdown-menu:visible + .down-arrow-icon img {
        transform: rotate(180deg);
    }
    .down-arrow-icon{
        position: absolute;
        top: 17px;
        right: 10px;
    }
    .down-arrow-icon img{
        width: 18px;
    }
    .dropdown > .nav-link::after{
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .footer-main .collapse:not(.show) {display: block !important; }

    footer { padding: 80px 15px 20px;}

    .footer-main {margin-bottom: 0; padding: 40px 0 50px;}

    .service-item p {-webkit-line-clamp: 3;}

    .dropdown-menu {opacity: 1;display: none;transform: none;box-shadow: none !important;padding: 0 15px;}

    .dropdown.open .dropdown-menu {display: block;}

    .navbar-collapse {background-color: #fff;}

    header .navbar { padding: 5px 12px; border-radius: 10px; }

    header .navbar-nav .nav-item .nav-link {color: #131220; padding: 20px 15px!important; }

    header .navbar-nav .nav-item.dropdown .nav-link {padding: 20px 25px 20px 15px!important; }

    header .dropdown > .nav-link::after {filter: invert(1);}

    .navbar-nav.ms-auto .nav-item {margin-left: 0; width: 100%; }

    .navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link[aria-expanded="true"] {

        color: #d79a30;

    }

    .navbar-nav .nav-item > .nav-link::before  {

        /* width: 100%; */

    }

    .navbar-nav .nav-item:hover > .nav-link::before, .navbar-nav .nav-item > .nav-link.active::before {

        left: 0;

    }

    .listing-icon { width: 50px; height: 50px; }

    .listing-icon > img { 

        width: 30px;

    }

    .loan-name-item > h2 {font-size: 45px;}

    .calc-item h3 {

        font-size: 14px;

    }

    .inner-banner-wrap {

        padding: 180px 0 80px;

    }

    .loan-item-wrap:nth-child(even) .row {

        flex-flow: row-reverse;

    }
    .our-esteem-col:nth-last-child(-n + 4) {
        border-bottom: none;
    }
    .our-esteem-col:nth-child(4n) {
        border-right: none;
    }
    .director-offcanvas {
        width: 35% !important;
    }
    .director-offcanvas .director-profile-wrap {
        width: 300px;
        height: 320px;
    }
    .navbar-brand {
        position: unset;
        margin-top: -35px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

   

    .footer-main .collapse:not(.show) {display: block !important;}

    .header-links-wrap { display: flex; align-items: center; flex-flow: row-reverse; justify-content: space-between; width: auto; }

    header .navbar { padding: 5px 12px; border-radius: 10px; }

    .desk-nav { display: none; }

    .mobile-menu { display: block;}

    footer {padding: 80px 15px 20px;}

    .service-item p {-webkit-line-clamp: 3;}

    .dropdown-menu {opacity: 1;display: none;transform: none;box-shadow: none !important;padding: 0 15px;}

    .dropdown.open .dropdown-menu {display: block;}

    .navbar-collapse {background-color: #fff;}

    header .navbar-nav .nav-item .nav-link {color: #131220; padding: 20px 15px!important; }

    header .navbar-nav .nav-item.dropdown .nav-link {padding: 20px 25px 20px 15px!important; }

    header .dropdown > .nav-link::after {filter: invert(1);}

    .navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link[aria-expanded="true"] {color: #d79a30;}

    /* .navbar-nav .nav-item > .nav-link::before  {width: 100%;} */

    .navbar-nav .nav-item:hover > .nav-link::before, .navbar-nav .nav-item > .nav-link.active::before {left: 0;}

    .navbar-nav.ms-auto .nav-item {margin-left: 0; width: 100%; }

    .section-heading {font-size: 26px;}

    .loan-name-item > h2 {font-size: 40px;}

    .calc-item h3 {font-size: 15px;}    

    .loan-item-wrap:nth-child(even) .row {flex-flow: row-reverse;}

    .custom-caption h1 {font-size: 38px;}

    .inner-banner-wrap {padding: 180px 0 80px;}

    .footer-main {

        padding: 60px 0 50px;

    }
    .our-esteem-col:nth-child(3n){
        border-right: none;
    }
    .our-esteem-col:nth-last-child(-n + 3) {
        border-bottom: none !important;
    }
    .col-blog{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .vision-and-mission-box h2{
        font-size: 25px;
    }
    .custom-caption h1{
        font-size: 40px;
    }
    .we-support-wrapper:nth-child(odd) .we-support-text-wrap{
        padding-left: 0;
    }
    .we-support-wrapper:nth-child(even) .we-support-text-wrap{
        padding-right: 0;
    }
    .section-heading{
        margin-top: 30px;
    }
     .blog-detail-section .blog-title-wrap h2{
        font-size: 25px;
    }
     .navbar-brand > img{
        width: 200px;
    }
    header.sticky .navbar-brand > img{
        width: 180px;
    }
    .director-offcanvas {
        width: 50% !important;
    }
    .director-offcanvas .director-profile-wrap {
        width: 300px;
        height: 320px;
    }
    .navbar-brand{
        position: unset;
    }
    .navbar-brand {
        position: unset;
        margin-top: -35px;
    }

}

@media only screen and (max-width: 767px) {

    /* header .navbar {border-radius: 10px;} */

    .navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link[aria-expanded="true"] {color: #d79a30;}

	.f-title button, .m-title button { display: block;position: relative;color: #fff;text-shadow: none;background: none;background-image: none;background-image: none;border: 0;box-shadow: none;font-size: 12px;position: absolute;top: 0;right: 0;padding: 0;width: 100%; cursor: pointer; height: 100%; outline: 0!important; }

    .f-title button:focus, .f-title button:hover, .f-title button:active, .m-title button:focus, .m-title button:hover, .m-title button:active { box-shadow: none!important; outline: 0!important; background-color: transparent; }

    footer { padding: 70px 15px 20px;}

    .f-title {padding: 20px 0; margin-bottom: 0;border-top: 1px solid #ddd;}

    .footer-main {margin-bottom: 50px; padding: 30px 0 0;}

    .footer-main .desc { margin-bottom: 40px;}       

    .footer-map-wrap {padding: 0 !important;}

    .section-heading > h2, .section-heading > h1{ font-size: 55px;}

    .footer-bottom { padding: 0;}

    .custom-carousel-caption h2 {font-size: 30px;}

    .service-item p {-webkit-line-clamp: 2;}

    .dropdown-menu {opacity: 1;display: none;transform: none; box-shadow: none !important;padding: 0 15px;}

    .dropdown.open .dropdown-menu {display: block;}

    /* .navbar-collapse {background-color: #fff;} */

    header .navbar-nav .nav-item .nav-link {color: #131220; padding: 20px 15px!important; }

    header .navbar-nav .nav-item.dropdown .nav-link {padding: 20px 25px 20px 15px!important; }

    header .dropdown > .nav-link::after {filter: invert(1);}

	.col-service, .col-portfolio, .col-blog { -ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; }

    .service-item h3 {font-weight: 700;font-size: 20px;}

    .navbar-nav .nav-item > .nav-link::before  { width: 5px; }

    .navbar-nav .nav-item:hover > .nav-link::before, .navbar-nav .nav-item > .nav-link.active::before { left: 0;}

    .custom-carousel-caption h5 { font-size: 16px; }

    .cta-link {background-size: 14px;}

    .custom-btn {padding: 5px 12px; border-radius: 10px;}

    .loan-name-item > h2 {font-size: 25px;}

    .navbar-nav.ms-auto .nav-item {margin-left: 0; width: 100%; }

    .section-heading {font-size: 22px;}

    .bg-80::before {width: 100%;}

    .VisiCalcClass {

        min-width: 100%;

        min-height:1250px;

        margin:0;

        padding:0;}

        #Loan_Repayment_Calculator { min-height:1250px !important; }

        #Borrowing_Power_Calculator { min-height:1800px !important; }

        #Budget_Planner { min-height:5000px !important; }

        #Comparison_Rate_Calculator { min-height:1450px !important; }

        #Compound_Interest_Calculator { min-height:1200px !important; }

        #Credit_Card_Calculator { min-height:1500px !important; }

        #Extra_Repayment_Calculator { min-height:1450px !important; }

        #Home_Loan_Offset_Calculator{ min-height:1400px !important; }

        #How_Long_to_Repay_Calculator { min-height:1250px !important; }

        #Interest_Only_Mortgage_Calculator { min-height:1450px !important; }

        #Saving_Calculator { min-height:1250px !important; }

        #Introductory_Rate_Loan_Calculator{ min-height:1400px !important; }

        #Lump_Sum_Repayment_Calculator { min-height:1450px !important; }

        #Split_Loan_Calculator { min-height:1550px !important; }

        #Loan_Comparison_Calculator { min-height:1800px !important; }

        #Property_Buying_Cost_Calculator { min-height:1850px !important; }

        #Property_Selling_Cost_Calculator { min-height:1650px !important; }

        #Reverse_Mortgage_Calculator { min-height:1900px !important; }

        #Stamp_Duty_Calculator { min-height:1250px !important; }  
        
        .vision-and-mission-box h2{
        font-size: 23px;
    }
    .custom-caption h1{
        font-size: 40px;
    }
    .we-support-wrapper:nth-child(odd) .we-support-text-wrap{
        padding-left: 0;
    }
    .we-support-wrapper:nth-child(even) .we-support-text-wrap{
        padding-right: 0;
    }
    .section-heading{
        margin-top: 30px;
    }
    .blog-detail-section .blog-title-wrap h2{
        font-size: 25px;
    }
    .navbar-brand > img{
        width: 200px;
    }
    header.sticky .navbar-brand > img{
        width: 150px;
    }
    .navbar-brand{
        position: unset;
    }
    .main-banner .carousel-item > video, .main-banner .carousel-item > img{
        height: 60vh;
    }
}


@media only screen and (min-width: 576px) and (max-width: 767px){
    section,
    footer{
        padding: 50px 0;
    }
    .footer-main{
        padding: 0;
    }
      .our-esteem-col:nth-child(3n){
        border-right: none;
    }
    .our-esteem-col:nth-last-child(-n + 3) {
        border-bottom: none !important;
    }
    .director-offcanvas {
        width: 65% !important;
    }
    .director-offcanvas .director-profile-wrap {
        width: 300px;
        height: 320px;
    }
    .navbar-brand {
        position: unset;
        margin-top: -50px;
    }
}

@media only screen and (max-width: 575px) {
    section,
    footer{
        padding: 50px 0;
    }
    .footer-main{
        padding: 0;
    }
    .footer-logo > img {width: 145px;}

    .custom-carousel-caption h2 {font-size: 26px;}

    .navbar-brand > img, header.sticky .navbar-brand > img { width: 120px; }

    .service-item h3 {font-size: 18px;}

    .footer-bottom p {font-size: 12px;}

    .loan-name-item > h2 {font-size: 20px;}

    .section-heading {font-size: 23px;}

    .custom-caption h1 {font-size: 30px;}

    .inner-banner-wrap {padding: 50px 0 50px;}

    .vision-and-mission-box h2{
        font-size: 20px;
    }
    .our-esteem-col:nth-last-child(-n + 2) {
        border-bottom: none;
    }
    .our-esteem-col:nth-child(2n) {
        border-right: none;
    }
    .our-clients-wrapper h2{
        font-size: 16px;
    }
    .our-client-section .nav-pills .nav-link{
        font-size: 16px;
    }
    .comp-director-text h2{
        font-size: 18px;
    }
    .comp-director-text p{
        font-size: 15px;
    }
    .blog-detail-section .blog-title-wrap h2{
        font-size: 25px;
    }
    .blog-detail-section .blog-desc h1, .blog-detail-section .blog-desc h2, .blog-detail-section .blog-desc h3, .blog-detail-section .blog-desc h4, .blog-detail-section .blog-desc h5, .blog-detail-section .blog-desc h6{
        font-size: 18px;
    }
    .get-in-touch-wrapper{
        padding: 25px;
    }
    .director-offcanvas {
        width: 85% !important;
    }
    .director-offcanvas .director-profile-wrap {
        width: 270px;
        height: 290px;
    }
    .navbar-brand{
        position: unset;
    }
    .topbar-header ul{
        justify-content: center !important;
    }
    .topbar-header ul li{
        margin-right: 0;
    }
    .main-banner .carousel-item > video, .main-banner .carousel-item > img{
        height: 50vh;
    }
}

@media only screen and (max-width: 480px){
    section,
    footer{
        padding: 40px 0;
    }
    .footer-main{
        padding: 0;
    }
    .our-esteem-ass-section .ot-brand-img img{
        width: 100px;
        height: 45px;
    }
    .blog-detail-section .blog-title-wrap h2{
        font-size: 23px;
    }
    .get-in-touch-wrapper{
        padding: 20px;
    }
    .director-offcanvas {
        width: 90% !important;
    }
    .director-offcanvas .director-profile-wrap {
        width: 270px;
        height: 290px;
    }
    .calc-name-wrap{
        display: flex;
        align-items: center;
        min-height: 68px;
    }
    .calc-item h3{
        font-size: 15px;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
    
}

@media only screen and (max-width: 375px) {
    .blog-detail-section .blog-title-wrap h2{
        font-size: 20px;
    }
    .director-offcanvas {
        width: 95% !important;
    }
    .director-offcanvas .director-profile-wrap {
            width: 255px;
    height: 286px;
    }
}