/*==========================================
        NEGTECH RESPONSIVE.CSS
==========================================*/


/*=========================
    Large Devices
=========================*/

@media (max-width:1400px){

.hero h1{
    font-size:55px;
}

section{
    padding:90px 0;
}

}



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

@media (max-width:1200px){

.hero h1{
    font-size:48px;
}

.hero p{
    font-size:17px;
}

.navbar-brand{
    font-size:28px;
}

.service-box{
    padding:30px;
}

}



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

@media (max-width:992px){

.navbar{
    background:#08111F;
}

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

.nav-link{
    margin:12px 0;
}

.hero{

    text-align:center;

    padding-top:120px;

}

.hero-image{

    margin-top:50px;

    max-width:420px;

}

.hero h1{

    font-size:42px;

}

.hero .btn{

    margin-bottom:15px;

}

#about{

    text-align:center;

}

#about img{

    margin-bottom:40px;

}

.service-box{

    margin-bottom:25px;

}

.project-card{

    margin-bottom:25px;

}

.team-card{

    margin-bottom:25px;

}

.contact-box{

    margin-top:30px;

}

.newsletter{

    text-align:center;

}

.newsletter .input-group{

    margin-top:25px;

}

footer{

    text-align:center;

}

footer .col-lg-2,
footer .col-lg-3,
footer .col-lg-4{

    margin-bottom:35px;

}

}



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

@media (max-width:768px){

section{

    padding:70px 0;

}

.hero h1{

    font-size:36px;

}

.hero p{

    font-size:16px;

}

.hero-image{

    max-width:330px;

}

.service-box{

    padding:28px 20px;

}

.service-box i{

    font-size:45px;

}

.project-card img{

    height:220px;

    object-fit:cover;

}

.team-card img{

    width:140px;

    height:140px;

}

.contact-box{

    padding:25px;

}

#contact form{

    padding:25px;

}

iframe{

    height:300px;

}

}



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

@media (max-width:576px){

.hero{

    padding-top:100px;

}

.hero h1{

    font-size:30px;

    line-height:42px;

}

.hero h5{

    font-size:16px;

}

.hero p{

    font-size:15px;

}

.btn{

    width:100%;

    margin-bottom:15px;

}

.navbar-brand{

    font-size:24px;

}

section h2{

    font-size:28px;

}

.service-box{

    padding:22px;

}

.project-card img{

    height:200px;

}

.team-card{

    padding:25px;

}

.team-card img{

    width:120px;

    height:120px;

}

.footer-social{

    text-align:center;

}

.footer-social a{

    margin-bottom:10px;

}

.back-to-top{

    width:48px;

    height:48px;

    right:15px;

    bottom:15px;

}

}



/*=========================
      Extra Small
=========================*/

@media (max-width:400px){

.hero h1{

    font-size:26px;

}

.hero p{

    font-size:14px;

}

.navbar-brand{

    font-size:22px;

}

section{

    padding:60px 0;

}

.service-box h4{

    font-size:20px;

}

.project-card h4{

    font-size:22px;

}

.team-card h4{

    font-size:20px;

}

.contact-box h3{

    font-size:24px;

}

footer h3{

    font-size:24px;

}

}