/*=========================================
        RESPONSIVE CSS
        Brintha Builders V2.0
=========================================*/

/* Large Laptop */

@media(max-width:1200px){

.container{

max-width:95%;

}

#hero h1{

font-size:52px;

}

}

/* Laptop */

@media(max-width:992px){

section{

padding:80px 0;

}

.navbar{

padding:15px 0;

}

.navbar-collapse{

background:#0B1F3A;
padding:20px;
margin-top:15px;
border-radius:15px;

}

.nav-link{

margin:12px 0;

}

.btn-warning{

margin-top:15px;

}

#hero{

text-align:center;
padding-top:120px;

}

#hero h1{

font-size:46px;

}

#hero p{

font-size:17px;

}

.hero-buttons{

justify-content:center;

}

.hero-image{

margin-top:50px;
max-width:450px;

}

.section-title{

font-size:36px;

}

#about img,
#why-us img{

margin-bottom:40px;

}

}

/* Tablet */

@media(max-width:768px){

section{

padding:70px 0;

}

#hero{

min-height:auto;
padding:130px 0 80px;

}

#hero h1{

font-size:38px;

}

#hero h5{

font-size:18px;

}

#hero p{

font-size:16px;

}

.hero-buttons{

flex-direction:column;
align-items:center;

}

.hero-buttons .btn{

width:220px;

}

.hero-image{

max-width:350px;

}

.section-title{

font-size:30px;

text-align:center;

}

.section-subtitle{

display:block;
text-align:center;

}

#about{

text-align:center;

}

.feature-item{

justify-content:center;
text-align:left;

}

.project-card img{

height:220px;

}

.team-card img{

height:260px;

}

.content-photo{

height:260px;

}

#mainImage{

height:280px;

}

.gallery-thumb{

height:80px;

}

.testimonial-card{

padding:30px;

}

.footer{

text-align:center;

}

.social-links{

justify-content:center;

}

/* Hide hero side image on mobile/tablet - text-only hero looks cleaner on small screens */
.hero-image{

display:none;

}

/* Hero background videos now play on mobile too (see note about file size below) */

}

/* Large Mobile */

@media(max-width:576px){

.navbar-brand span{

font-size:20px;

}

.navbar-brand img{

width:42px;

}

#hero h1{

font-size:32px;

}

#hero p{

font-size:15px;

}

.hero-image{

max-width:280px;

}

.section-title{

font-size:28px;

}

.stat-card{

padding:25px;

}

.stat-card h2{

font-size:34px;

}

.service-card{

padding:30px 20px;

}

.process-box{

padding:25px 15px;

}

.project-content{

padding:20px;

}

.testimonial-card{

padding:25px;

}

#cta h2{

font-size:30px;

}

.footer{

padding:60px 0 20px;

}

}

/* Small Mobile */

@media(max-width:400px){

#hero h1{

font-size:28px;

}

#hero p{

font-size:14px;

}

.section-title{

font-size:24px;

}

.hero-buttons .btn{

width:100%;

}

.stat-card h2{

font-size:30px;

}

.project-card img{

height:200px;

}

.whatsapp-btn{

width:55px;
height:55px;
font-size:24px;

}

#scrollTop{

width:45px;
height:45px;
font-size:18px;

}

}

/* Ultra Small */

@media(max-width:320px){

body{

font-size:14px;

}

#hero h1{

font-size:24px;

}

.navbar-brand span{

display:none;

}

.hero-image{

max-width:230px;

}

.section-title{

font-size:22px;

}

}
@media (max-width:768px){

.page-banner{
    min-height:320px;
    padding-top:120px;
}

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

.page-banner p{
    font-size:16px;
}

}