/*=========================================
    Binarylogin Responsive CSS
==========================================*/

/* Large Desktop */
@media (max-width:1400px){

.container{
    max-width:1140px;
}

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

}

/* Laptop */
@media (max-width:1200px){

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

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

}

/* Tablet Landscape */
@media (max-width:992px){

section{
    padding:80px 0;
}

.navbar{
    background:#081423;
    padding:15px 0;
}

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

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

.hero{

    min-height:auto;
    padding:140px 0 80px;
    text-align:center;

}

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

.hero p{
    margin:auto;
}

.hero img{
    margin-top:50px;
}

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

.feature-card,
.service-card,
.product-card,
.process-box,
.testimonial-card{

    margin-bottom:25px;

}

}

/* Tablet Portrait */

@media (max-width:768px){

section{

    padding:70px 0;

}

.hero{

    padding:120px 0 70px;

}

.hero h1{

    font-size:34px;

}

.hero p{

    font-size:17px;

}

.section-title{

    font-size:30px;

}

.btn{

    padding:12px 28px;

}

.cta h2{

    font-size:30px;

}

.footer{

    text-align:center;

}

.footer .col-lg-4{

    margin-bottom:30px;

}

}

/* Mobile */

@media (max-width:576px){

.hero{

    padding:110px 0 60px;

}

.hero h1{

    font-size:28px;

    line-height:1.3;

}

.hero p{

    font-size:15px;

}

.section-title{

    font-size:26px;

}

.section-subtitle{

    font-size:13px;

}

.btn{

    width:100%;

    margin-bottom:15px;

}

.feature-card,
.service-card,
.product-card{

    padding:25px;

}

.navbar-brand{

    font-size:24px;

}

.hero-tag{

    font-size:13px;

}

.counter{

    font-size:36px;

}

}

/* Small Mobile */

@media (max-width:400px){

.hero h1{

    font-size:24px;

}

.section-title{

    font-size:22px;

}

.navbar-brand{

    font-size:20px;

}

.btn{

    font-size:15px;

}

}