/* ==================================================
   RESPONSIVE / SPACING OVERRIDES
================================================== */

/* Tighter section rhythm on smaller screens */
@media(max-width:991px){

section{
    padding:70px 0;
}

}

@media(max-width:576px){

section{
    padding:56px 0;
}

}

/* NAVBAR */

@media(max-width:1199px) and (min-width:992px){

.nav-link{
    margin-left:16px;
    font-size:15px;
}

.btn-primary-custom{
    padding:12px 24px;
}

}

/* HERO */

@media(max-width:991px){

.hero-section{
    padding:110px 0 60px;
    text-align:center;
}

.hero-title{
    font-size:40px;
}

.hero-description{
    margin:0 auto 28px;
}

.hero-features{
    justify-content:center;
}

.hero-buttons{
    justify-content:center;
    margin-bottom:0;
}

.hero-image{
    margin-top:40px;
}

.hero-circle{
    width:280px;
    height:280px;
}

.hero-dashboard-img{
    max-width:420px;
}

}

@media(max-width:576px){

.hero-section{
    padding:100px 0 50px;
}

.hero-title{
    font-size:32px;
}

.hero-description{
    font-size:16px;
}

.hero-buttons{
    flex-direction:column;
    width:100%;
}

.btn-primary,
.btn-secondary{
    width:100%;
    text-align:center;
}

.hero-dashboard-img{
    max-width:100%;
}

}

/* PAGE BANNER */

@media(max-width:991px){

.page-banner{
    padding:120px 0 50px;
}

}

/* FOOTER */

@media(max-width:767px){

.footer-col{
    height:auto;
    margin-bottom:10px;
}

}

@media (max-width:768px){

.cta-section{

    padding:80px 0;

}

.cta-wrapper h2{

    font-size:36px;

}

.cta-wrapper p{

    font-size:17px;

}

}