@media (-webkit-min-device-pixel-ratio:1.25){
    .navbar .navbar-brand img {max-width: 320px;}
    header .navbar .navbar-nav .nav-item .nav-link,.top-menu li a.complaint-link{font-size: 0.75rem;}
    header .top{font-size: 0.75rem;}
}

@media (-webkit-min-device-pixel-ratio:1.5){
 header,.banner{padding: 0 1.5rem;}
 .navbar .navbar-brand img {max-width: 240px;}
 header .navbar .navbar-nav .nav-item .nav-link{font-size: 0.75rem;}
 .banner .banner-text{padding-left: 1.5rem;}
 .banner p{padding-left: 1.5rem;}
 .banner .btn-custom{margin-left: 1.5rem !important;}
 .inner-banner .banner-text{padding-left: 1.5rem;}
 .inner-banner .breadcrumb {padding-left: 1.5rem;}
 .main-container{margin-left: 1.5rem; margin-right: 1.5rem;}

 .top-menu li a{font-size: 0.75rem;}
 header .navbar .navbar-nav .nav-item a{font-size: 0.75rem;}

}
@media (-webkit-min-device-pixel-ratio:1.75){
    .top .help-text{display: none;}
}

@media only screen and (min-width: 992px) and (max-width: 1380px){
    .container {width: 100%; max-width: 1140px;}
    .products .card:hover .card-body{transform: translateY(-240px);}

    .founder-msg-block .pic{width: 580px; height: 386px;}
    .footer ul li a{font-size: 0.75rem;}
    .complaint-link{font-size: 0.62rem;}
    .inner-banner{height: 300px;}
    .app-block .pic{width: 430px; height: 346px;}
    
}

@media only screen and (min-width:992px) and (max-width:1024px){
    header .navbar .navbar-nav .nav-item{margin: 0 8px;}
    

    .founder-msg-block .pic{ width: 460px; height: 336px;}
    .app-block .pic {width: 400px; height: 323px;}
    .top .help-text{display: none;}


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

    header .navbar .navbar-nav .nav-item:first-child,header .navbar .navbar-nav .nav-item{margin: 0 5px;}
    header .navbar .navbar-nav .nav-item .nav-link,header.fixed .navbar .navbar-nav .nav-item .nav-link{padding: 0.75rem 0;}
    header.fixed {transform: none !important;}
    header.fixed .navbar-toggler {filter: none;}
    header .navbar{border-radius: 0;}
    header .top {display: none;}
    .navbar .navbar-brand img {max-width: 400px;}

    header{padding: 0;}
    .banner{padding: 0 1.813rem;}
    .banner .item{position: relative;}
    .banner .item::before{content: ""; width: 100%; border-radius: clamp(2rem, 1.6rem + 2vw, 4rem); height: 100%; inset: 0; position: absolute; background-color: rgba(0, 0, 0, 0.4);}
    .banner .item.first-banner:before{display: none;}
    .contacts-mob .btn-custom{padding: 0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; line-height: normal;}

    .founder-msg-block{padding: var(--padding) calc(var(--padding) / 2 ) 0;}
    .founder-msg-block .pic{width: auto; height: auto; position: relative; display: flex; justify-content: center;}
    .founder-msg-block .pic img{max-width: 300px;}
    .app-block{padding: 15px;}
    .app-block .pic{width: auto; height: auto;}

    .main-container{margin-left: 0; margin-right: 0;}
    .inner-banner{position: relative; height: 240px; border-radius: 0;}
    .inner-banner::before{content: ""; width: 100%; height: 100%; inset: 0; position: absolute; background-color: rgba(0, 0, 0, 0.4);}
    .inner-banner .col-12{position: relative; z-index: 2;}
    .general-tabs{flex-wrap: nowrap; overflow-x: scroll; border-radius: 5px;}
    .general-tabs li a{white-space: nowrap; padding: 10px 20px;}
    .bod-info{padding: 15px;}
    

    .award-item .item-inner{flex-direction: column;}
    .award-item .item-inner .award-year{margin-top: 20px;}
    .general-tabs02 li a{border-radius: 12px; padding: 12px;}
    .trainings-slider{width: 300px;}

    .branch-block{padding: 12px 25px;}

}

@media only screen and (min-width:320px) and (max-width:767px){
    body {letter-spacing: 0;}
    .navbar-collapse{max-height:100vh;overflow-y:auto}
    header {box-shadow: 0px 4px 50px rgba(44, 48, 50, 0.1); padding: 0;}
    header .navbar{border-radius: 0; padding: 10px 0 !important;}
    header.fixed {transform: none !important;}
    header.fixed .navbar-toggler {filter: none;}
    header .top {display: none;}

    header .navbar .navbar-nav .nav-item .nav-link{font-size: 1rem;}
    header .navbar .navbar-nav .nav-item a{font-size: 1rem; padding: 0.5rem 0;}

    .navbar .navbar-brand img {max-width: 260px;}
    .navbar-nav {padding-top: 1rem;}
    .contacts-mob .btn-custom{padding: 0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; line-height: normal;}
    .banner{padding: 0; margin-bottom: 50px;}
    .banner .style1 .owl-nav{left: 0; right: 0; width: 100px; margin: 0 auto; top: auto; transform: none; bottom: -50px;}
    .banner .btn-custom{margin-top: 0 !important; font-size: 0.85rem;}
    .banner .item{position: relative;}
    .banner .item::before{content: ""; width: 100%; height: 100%; inset: 0; position: absolute; background-color: rgba(0, 0, 0, 0.4);}
    .banner .item.first-banner:before{display: none;}
    .banner .item img{border-radius: 0;}
    .banner .banner-text{font-size: 1.5rem;}
    .banner .item p{font-size: 1.15rem !important; opacity: 0.75 !important;}

    .news-updates h2.title{margin-bottom: 0 !important;}
    
    .style1 .owl-nav [class^="owl-"]{width: 40px; height: 40px;}
    
    .founder-msg-block{padding: 60px 30px 0;}
    .founder-msg-block .pic{width: auto; height: auto; left: 0; margin: 0 auto; position: relative; max-width: 300px;}
    
    .app-block .pic{width: auto; height: auto; max-width: 300px; margin-top: -50px; margin-bottom: 20px;}
    h2.title{font-size: 1.5rem; margin-bottom: 1.5rem !important;}
    h2.title br { display: none; }
    .app-block{padding: 15px;}

    .footer .block h3{padding-top: 18px; border-bottom: 1px solid #ddd; margin-top: 0 !important;}
    .footer .block h3 .plus-icon{display: block;}
    .footer .block  ul{display: none;}
    

    .main-container{margin-left: 0; margin-right: 0;}
    .inner-banner{border-radius: 0; height: 180px; position: relative;}
    .inner-banner::before{content: ""; width: 100%; height: 100%; inset: 0; position: absolute; background-color: rgba(0, 0, 0, 0.4);}
    .inner-banner .col-12{position: relative; z-index: 2;}
    .general-tabs{flex-wrap: nowrap; overflow-x: scroll; border-radius: 5px;}
    .general-tabs li a{white-space: nowrap; padding: 10px 20px;}
    .bod-info{padding: 15px;}
    .award-item .item-inner{flex-direction: column;}
    .award-item .item-inner .award-year{justify-content: space-between; align-items: center;}
    .account-type a{padding: 8px 14px;}
    .table-cust tbody tr td{padding: 10px 15px;}
    .pg-loan .card{min-height: auto;}
    .card .link{position: relative; left: 0; bottom: 0;}
    .breadcrumb {display: none;}
    
    
    .general-tabs02{flex-wrap: nowrap; overflow-x: scroll; display: flex; overflow-x: scroll;}
    .general-tabs02 li a{white-space: nowrap; padding: 10px 20px; margin-right: 15px;}
    
    .form-wrapper .w-one-third{width: 100%; flex: 0 0 100%;}

    .banner .banner-text,.banner .item p{padding-left: 0;}

    .trainings-slider{float: none; width: 300px; margin-left: 0 !important;}
    .inner-banner .banner-text br{display: none;}
}

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

@media only screen and (min-width:320px) and (max-width:480px){
    
    

}

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