/*==================================================
 RESPONSIVE.CSS
 Developed By : Lekha Enterprises
 Version : 1.0
==================================================*/


/*==================================================
 LARGE DESKTOP
 1600px+
==================================================*/

@media (min-width:1600px){

.container{

max-width:1450px;

}

.hero-content h1{

font-size:68px;

}

.section-title{

font-size:46px;

}

}


/*==================================================
 DESKTOP
 1400px
==================================================*/

@media (max-width:1400px){

.container{

max-width:1200px;

}

.hero-content h1{

font-size:52px;

}

.society-name{

font-size:28px;

}

}


/*==================================================
 LAPTOP
 1200px
==================================================*/

@media (max-width:1200px){

.hero-content h1{

font-size:46px;

}

.hero-content p{

font-size:17px;

}

.section-title{

font-size:34px;

}

.logo{

max-height:70px;

}

.service-card{

padding:30px;

}

.loan-card,

.deposit-card,

.download-card,

.news-card,

.staff-card,

.director-card{

margin-bottom:25px;

}

}


/*==================================================
 SMALL LAPTOP
 1024px
==================================================*/

@media (max-width:1024px){

.society-name{

font-size:24px;

}

.society-subtitle{

font-size:14px;

}

.hero-section{

min-height:520px;

}

.hero-content h1{

font-size:42px;

}

.hero-content p{

font-size:16px;

}

}


/*==================================================
 TABLET
 992px
==================================================*/

@media (max-width:992px){

/* Header */

.top-bar{

text-align:center;

}

.top-bar .text-end{

text-align:center!important;

margin-top:10px;

}

/* Header */

.site-header{

text-align:center;

padding:20px 0;

}

.logo{

margin-bottom:15px;

}

/* Navigation */

.main-navbar{

padding:8px 0;

}

.main-navbar .navbar-collapse{

background:#0056b3;

padding:15px;

border-radius:15px;

margin-top:15px;

}

.main-navbar .nav-link{

padding:12px 10px;

border-bottom:1px solid rgba(255,255,255,.08);

}

.dropdown-menu{

background:#004999;

box-shadow:none;

border:none;

}

.dropdown-item{

color:#fff;

}

.dropdown-item:hover{

background:#003366;

}

/* Hero */

.hero-section{

text-align:center;

min-height:550px;

}

.hero-content{

padding:40px 15px;

}

.hero-content h1{

font-size:40px;

}

.hero-content p{

margin:auto;

margin-bottom:25px;

}

/* Quick Services */

.quick-services{

margin-top:30px;

}

.service-card{

margin-bottom:25px;

}

/* Chairman */

.chairman-box{

text-align:center;

}

.chairman-box img{

margin-bottom:30px;

}

/* Statistics */

.counter-box{

margin-bottom:25px;

}

/* Footer */

.footer{

text-align:center;

}

.footer .social-icons{

justify-content:center;

}

}


/*==================================================
 TABLET
 900px
==================================================*/

@media (max-width:900px){

.page-banner{

padding:60px 0;

}

.page-banner h1{

font-size:34px;

}

.about-info{

padding-left:0;

margin-top:30px;

}

.contact-box{

flex-direction:column;

text-align:center;

}

.contact-box i{

margin:0 auto 20px;

}

}


/*==================================================
 TABLET
 768px
==================================================*/

@media (max-width:768px){

.hero-content h1{

font-size:34px;

line-height:1.3;

}

.section-title{

font-size:30px;

}

.hero-buttons .btn{

display:block;

width:100%;

margin-bottom:15px;

}

.quick-services{

margin-top:20px;

}

.service-card{

padding:25px;

}

.about-home{

text-align:center;

}

.about-home img{

margin-bottom:30px;

}

.chairman-card{

padding:25px;

}

.contact-form{

padding:25px;

}

.table-responsive{

font-size:14px;

}

}


/*==================================================
 END PART 1
==================================================*/