/*=========================================================
Agent Doorway
Responsive Styles
==========================================================*/

/*==========================
Large Desktop
1400px+
==========================*/

@media (min-width:1400px){

    .container{
        max-width:1320px;
    }

    .hero h1{
        font-size:3rem;
    }

    .hero .lead{
        font-size:1.4rem;
    }

    .section{
        padding:120px 0;
    }

    .feature-card{
        padding:50px;
    }

}

/*==========================
Desktop
1200px
==========================*/

@media (max-width:1200px){

    h1{
        font-size:3.8rem;
    }

    .workflow-line{
        font-size:1rem;
    }

}

/*==========================
Laptop
992px
==========================*/

@media (max-width:992px){

    .navbar{

        padding:15px 0;

    }

    .navbar-collapse{

        margin-top:20px;

        background:#0F4C81;

        border-radius:15px;

        padding:20px;

    }

    .navbar-nav{

        text-align:center;

    }

    .nav-link{

        margin:10px 0;

    }

    .hero{

        text-align:center;

        padding-top:120px;

    }

    .hero .lead{

        margin-left:auto;

        margin-right:auto;

    }

    .hero .btn{

        margin-bottom:15px;

    }

    .workflow-line{

        display:flex;

        flex-direction:column;

        gap:15px;

        border-radius:20px;

        font-size:1.1rem;

    }

    .results .col-md-4{

        margin-bottom:40px;

    }

}

/*==========================
Tablet
768px
==========================*/

@media (max-width:768px){

    body{

        font-size:16px;

    }

    h1{

        font-size:3rem;

    }

    h2{

        font-size:2rem;

    }

    h3{

        font-size:1.25rem;

    }

    .hero{

        min-height:auto;

        padding:140px 0 80px;

    }

    .hero .lead{

        font-size:1.1rem;

    }

    .section{

        padding:80px 0;

    }

    .feature-card{

        padding:30px;

    }

    .feature-card i{

        font-size:2.5rem;

    }

    .counter{

        font-size:3rem;

    }

    .table{

        font-size:.9rem;

    }

    footer{

        text-align:center;

    }

    footer .text-lg-end{

        text-align:center !important;

        margin-top:20px;

    }

}

/*==========================
Phone
576px
==========================*/

@media (max-width:576px){

    .navbar-brand{

        font-size:1.3rem;

    }

    h1{

        font-size:2.4rem;

    }

    h2{

        font-size:1.8rem;

    }

    .hero{

        padding-top:120px;

    }

    .hero .lead{

        font-size:1rem;

    }

    .btn{

        width:100%;

        margin-bottom:15px;

    }

    .badge{

        font-size:.75rem;

    }

    .feature-card{

        padding:25px;

    }

    .workflow{

        padding:70px 0;

    }

    .workflow-line{

        padding:20px;

        font-size:.95rem;

    }

    .counter{

        font-size:2.6rem;

    }

    .cta-section{

        padding:80px 20px;

    }

}

/*==========================
Very Small Devices
==========================*/

@media (max-width:400px){

    h1{

        font-size:2rem;

    }

    h2{

        font-size:1.5rem;

    }

    .hero{

        padding-top:110px;

    }

    .feature-card{

        padding:20px;

    }

    .feature-card i{

        font-size:2rem;

    }

    .workflow-line{

        font-size:.85rem;

    }

    .counter{

        font-size:2.2rem;

    }

}

/*==========================
Landscape Phones
==========================*/

@media (max-height:600px) and (orientation:landscape){

    .hero{

        min-height:auto;

        padding:120px 0 70px;

    }

}

/*==========================
High Resolution Displays
==========================*/

@media (min-width:1800px){

    body{

        font-size:18px;

    }

    .hero h1{

        font-size:3rem;

    }

    .section{

        padding:140px 0;

    }

}

/*==========================
Accessibility
==========================*/

@media (prefers-reduced-motion:reduce){

    *{

        animation:none !important;

        transition:none !important;

        scroll-behavior:auto !important;

    }

}