/*=========================================
 BKTech Computer & Library
 responsive.css v3.0
=========================================*/

/* =========================
 Large Laptop
========================= */

@media (max-width:1200px){

.hero-image{
height:80vh;
}

.carousel-caption h1{
font-size:52px;
}

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

}

/* =========================
 Laptop
========================= */

@media (max-width:992px){

section{
padding:70px 0;
}

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

.top-bar .col-lg-7,
.top-bar .col-lg-5{
margin-bottom:10px;
}

.navbar-brand img{
width:50px;
height:50px;
}

.navbar-nav{
padding-top:15px;
text-align:center;
}

.navbar .btn{
margin-top:10px;
}

.hero-image{
height:70vh;
}

.carousel-caption{
text-align:center;
left:8%;
right:8%;
}

.carousel-caption h1{
font-size:42px;
}

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

.carousel-caption p{
font-size:17px;
}

.card img{
height:320px;
}

.about-section img,
.library-section img{
margin-bottom:30px;
}

}

/* =========================
 Tablet
========================= */

@media (max-width:768px){

section{
padding:60px 0;
}

.hero-image{
height:60vh;
}

.carousel-caption{
top:50%;
transform:translateY(-50%);
}

.carousel-caption h1{
font-size:32px;
}

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

.carousel-caption p{
font-size:15px;
}

.carousel-caption .btn{
padding:10px 22px;
font-size:15px;
margin-bottom:10px;
}

.display-3{
font-size:2rem!important;
}

.display-4{
font-size:1.8rem!important;
}

h2{
font-size:30px!important;
}

.card img{
height:260px;
}

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

.counter{
font-size:42px;
}

footer{
text-align:center;
}

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

}

/* =========================
 Mobile
========================= */

@media (max-width:576px){

body{
font-size:15px;
}

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

.top-bar a{
display:block;
margin:5px 0;
}

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

.hero-image{
height:50vh;
}

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

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

.carousel-caption p{
font-size:14px;
}

.carousel-caption .btn{
display:block;
width:100%;
margin-bottom:10px;
}

.feature-card{
padding:20px;
}

.feature-card i{
font-size:42px;
}

.about-section h2,
.library-section h2{
font-size:28px!important;
}

.card-body{
padding:20px;
}

.card-body h4{
font-size:22px;
}

.gallery-img{
margin-bottom:20px;
}

.floating-whatsapp,
.floating-call{
width:50px;
height:50px;
font-size:22px;
right:15px;
}

.floating-call{
bottom:80px;
}

#scrollTopBtn{
width:48px;
height:48px;
left:15px;
bottom:15px;
font-size:20px;
}

iframe{
height:300px!important;
}

}

/* =========================
 Small Mobile
========================= */

@media (max-width:360px){

.carousel-caption h1{
font-size:22px;
}

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

.carousel-caption p{
display:none;
}

.hero-image{
height:45vh;
}

.btn{
font-size:14px;
padding:10px 18px;
}

}

/*=========================================
 END responsive.css
=========================================*/