@media screen and (min-width:992px) {
    .clnt-logo-col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
/* 992 */
@media screen and (max-width:1169px) {
    .hright a{font-size: 24px;}
    .hright p{font-size: 13px; line-height: normal;}
    .logo {
        max-width: 210px;
    }
    .loan-sec h2, .test-head h2{font-size: 34px; line-height: normal;}
    .test-head{font-size: 18px; line-height: normal;}
}
/* 768 */
@media screen and (max-width:991px) {
    /* button.navbar-toggler {
        padding: 0;
        width: 40px;
        height: 36px;
        outline: none !important;
        color: var(--color-white);
        background: var(--color-blue);
    }
    button.navbar-toggler .fa{margin: 0;}
    .navbar-collapse{
        position: absolute;
        right: 0;
        padding: 0;
        top: 100%;
        width: 200px;
        background-color: #fff;
        box-shadow: 0 0 15px #ccc;
        text-align: left;
    }
    .navbar-collapse ul li{
        width: 100%;
    }
    .navbar-collapse ul{
        padding: 15px 0;
    }
    .navbar-collapse ul li a{
        text-align: inherit;
    }
    .dropdown-toggle::after{right: 10px;} */
    .navbar-collapse > ul{font-size: 32px;}
    .navbar-collapse > ul > li {
        margin: 10px 0; 
    }
    .hright {   
        margin-left: auto;
        margin-right: 20px;
    }
    .hright span{display: none;}
    .headerMain{padding: 10px 0;}
    .bottom-menu ul li a{font-size: 15px;}
    .loan-sec h2, .test-head h2 {
        font-size: 26px;
        line-height: normal;
    }
    .loanbox2 h3{font-size: 18px;}
    .loanbox2 p{font-size: 18px; line-height: normal; margin-top: 12px;}
    .grl-box, .loanbox2{height: 240px;} 
    .fbtn {
        width: 60%; 
        text-align: center;
        margin: 30px auto 0;
    }
    .big-gap{margin-bottom: -30px;}
    .big-gap [class*="col-"]{margin-bottom: 30px;}

    .bannerWrap img{
        max-width: 260px !important;
        margin-top: 0 !important;
        width: 100% !important;
    } 
    .career-head {
        margin: auto;
        padding: 10px; 
        background: #ffffff85;
    }
    .career-sec{padding-bottom: 50px;}
}
/* 576 */
@media screen and (max-width:767px) {
    .abt-sec{padding-top: 30px;}
    .cms-page{padding-top: 0;}
    .bannertext{padding-top: 70px;}
    .review-img{margin-bottom: 20px;} 
    .absolutebody .navmenu {
        padding: 20px;
    }
    .mainFooter{  text-align: center;}
    .center-text{margin-left: auto; margin-right: auto;}
    .fbtn{margin-top: 0;}
    .banner-video{height: 330px;}
    .bottom-menu ul{justify-content: center;}
    .bannertext .btn{margin-top: 10px;}
    .bannertext .btn {
        margin-top: 24px;  
        font-size: 14px;
        font-family: var(--heading-font);
        width: 100%;
        font-weight: normal;
        height: 38px;
        line-height: 35px;
    }
    .bannertext-wrap {
        width: 140px;
    }
    .scrollup{bottom: 20px;}
    .sidebar{margin-bottom: 30px;}
    h1, h2, .heading{font-size: 30px;}
    .navbar-collapse{padding: 0;}
}
/* 480 */
@media screen and (max-width:575px) {
    .logo {
        max-width: 180px;
    }
}
/* 360 */
@media screen and (max-width:479px) {
    .sticky .hright{display: none;}
    .sticky .logo{margin-bottom: 0;}
    .logo {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .fbtn a{margin-bottom: 10px;}
    .hright {
        margin-left: auto;
        margin-right: 30px;
    }
    .bannerWrap{padding: 0;}
}
/* 320 */
@media screen and (max-width:359px) {
    
}