/*==================================
Responsive
TEEMART SOLUTIONS
===================================*/

@media (max-width:1400px){

.hero h1{

font-size:52px;

}

}

@media (max-width:1200px){

.hero{

height:80vh;

}

.section-padding{

padding:90px 0;

}

}

@media (max-width:992px){

.top-bar{

text-align:center;

}

.top-bar .social-icons{

margin-top:10px;

}

.navbar{

padding:10px 0;

}

.navbar-brand img{

height:55px;

}

.navbar-collapse{

background:#fff;

padding:20px;

border-radius:10px;

margin-top:15px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.hero{

height:75vh;

text-align:center;

}

.hero h1{

font-size:42px;

}

.hero p{

font-size:18px;

}

.section-title h2{

font-size:36px;

}

.about-content{

margin-top:40px;

}

.counter-box{

margin-bottom:40px;

}

.footer-widget{

margin-bottom:35px;

}

}

@media (max-width:768px){

.section-padding{

padding:70px 0;

}

.hero{

height:70vh;

}

.hero h1{

font-size:34px;

}

.hero p{

font-size:16px;

}

.btn{

width:100%;

margin-bottom:10px;

}

.service-card{

margin-bottom:30px;

}

.project-card{

margin-bottom:25px;

}

.contact-box{

margin-bottom:30px;

}

.footer{

text-align:center;

}

.social-icons{

justify-content:center;

}

}

@media (max-width:576px){

.top-bar{

font-size:13px;

}

.hero{

height:65vh;

}

.hero h1{

font-size:28px;

}

.hero p{

font-size:15px;

}

.section-title h2{

font-size:30px;

}

.navbar-brand img{

height:45px;

}

.whatsapp{

width:50px;

height:50px;

font-size:22px;

}

#backToTop{

width:45px;

height:45px;

}

}

@media (max-width:400px){

.hero h1{

font-size:24px;

}

.hero p{

font-size:14px;

}

.section-title h2{

font-size:26px;

}

}