/*==========================================
Responsive Styles
Bihar Mausam Sewa Kendra (BMSK)
==========================================*/

/* Large Devices */
@media (max-width: 1199px) {

.page-banner h1{
    font-size:42px;
}

.section-title{
    font-size:34px;
}

}

/* Tablets */
@media (max-width:991px){

.top-bar{
    text-align:center;
}

.top-bar .text-md-end{
    text-align:center!important;
    margin-top:5px;
}

.navbar-brand span{
    font-size:20px;
}

.navbar-nav{
    margin-top:15px;
}

.navbar-nav .nav-link{
    margin-left:0;
    padding:10px 0;
}

.page-banner{
    padding:70px 0;
    min-height:220px;
    text-align:center;
}

.page-banner h1{
    font-size:36px;
}

.section-title{
    font-size:30px;
    text-align:center;
}

.card{
    margin-bottom:25px;
}

.feature-card{
    margin-bottom:25px;
}

.cta-box{
    padding:40px 25px;
}

.footer{
    text-align:center;
}

.footer .col-lg-4{
    margin-bottom:30px;
}

}

/* Mobile */
@media (max-width:767px){

body{
    font-size:15px;
}

.page-banner{
    padding:60px 0;
    min-height:180px;
}

.page-banner h1{
    font-size:30px;
}

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

.icon-box,
.feature-icon{
    width:60px;
    height:60px;
    font-size:24px;
}

.feature-card{
    padding:25px;
}

.cta-box{
    padding:30px 20px;
}

.btn{
    width:100%;
}

.card img{
    height:240px;
}

#scrollTop{
    width:45px;
    height:45px;
    right:15px;
    bottom:15px;
}

}

/* Small Mobile */
@media (max-width:575px){

.top-bar{
    font-size:13px;
    padding:10px;
}

.navbar-brand img{
    height:42px;
}

.navbar-brand span{
    font-size:18px;
}

.page-banner h1{
    font-size:26px;
}

.page-banner{
    padding:50px 0;
}

.section-title{
    font-size:24px;
}

.card-body{
    padding:20px;
}

.feature-card{
    padding:20px;
}

.feature-card h5{
    font-size:18px;
}

.footer{
    padding:50px 0 20px;
}

.footer h4,
.footer h5{
    font-size:20px;
}

.footer p,
.footer a{
    font-size:14px;
}

}

/* Extra Small Devices */
@media (max-width:380px){

.page-banner h1{
    font-size:22px;
}

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

.btn-primary{
    padding:12px 20px;
}

}