/*=========================================================
    Think2Fly Pvt. Ltd.
    File : assets/css/responsive.css
=========================================================*/

/*=========================================================
    Extra Large Devices
    1400px
=========================================================*/

@media (max-width:1400px){

    .hero h1{

        font-size:52px;

    }

    .section-title h2{

        font-size:40px;

    }

}

/*=========================================================
    Large Devices
    1200px
=========================================================*/

@media (max-width:1200px){

    section{

        padding:70px 0;

    }

    .hero{

        padding:100px 0;

    }

    .hero h1{

        font-size:46px;

    }

    h2{

        font-size:38px;

    }

    .dashboard-card{

        margin-bottom:25px;

    }

}

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

@media (max-width:992px){

    .navbar{

        padding:12px 0;

    }

    .navbar-brand img{

        height:60px;

    }

    .hero{

        padding:80px 0;

        text-align:center;

    }

    .hero h1{

        font-size:42px;

    }

    .hero img{

        margin-top:40px;

    }

    section{

        padding:60px 0;

    }

    .section-title{

        margin-bottom:40px;

    }

    .card{

        margin-bottom:25px;

    }

    .job-card{

        margin-bottom:25px;

    }

    .country-card{

        margin-bottom:25px;

    }

    .service-card{

        margin-bottom:25px;

    }

    .blog-card{

        margin-bottom:25px;

    }

    .gallery-item{

        margin-bottom:25px;

    }

    .footer{

        text-align:center;

    }

    .footer-social{

        justify-content:center;

    }

    .main-content{

        margin-left:0;

    }

    .sidebar{

        left:-270px;

    }

    .sidebar.active{

        left:0;

    }

}

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

@media (max-width:768px){

    h1{

        font-size:36px;

    }

    h2{

        font-size:30px;

    }

    h3{

        font-size:26px;

    }

    h4{

        font-size:22px;

    }

    .hero{

        padding:70px 0;

    }

    .hero h1{

        font-size:34px;

    }

    .hero p{

        font-size:15px;

    }

    .btn{

        width:100%;

        margin-bottom:10px;

    }

    .page-banner{

        padding:70px 0;

    }

    .dashboard-card{

        text-align:center;

    }

    .dashboard-card i{

        position:static;

        display:block;

        margin-bottom:15px;

        font-size:42px;

    }

    .job-meta{

        display:block;

    }

    .job-meta span{

        display:block;

        margin-bottom:8px;

    }

    .table-responsive{

        overflow-x:auto;

    }

    .login-box{

        padding:30px;

        margin:20px;

    }

    .counter{

        margin-bottom:30px;

    }

}

/*=========================================================
    Mobile
    576px
=========================================================*/

@media (max-width:576px){

    body{

        font-size:14px;

    }

    section{

        padding:50px 0;

    }

    h1{

        font-size:30px;

    }

    h2{

        font-size:26px;

    }

    .hero{

        padding:60px 0;

    }

    .hero h1{

        font-size:30px;

    }

    .hero p{

        font-size:14px;

    }

    .navbar-brand img{

        height:50px;

    }

    .card-body{

        padding:20px;

    }

    .service-card{

        padding:25px;

    }

    .dashboard-card{

        padding:25px;

    }

    .dashboard-card h2{

        font-size:28px;

    }

    .page-banner{

        padding:60px 0;

    }

    .page-banner h1{

        font-size:28px;

    }

    .footer{

        padding:60px 0 20px;

    }

    .footer h4{

        font-size:20px;

    }

    .footer-bottom{

        margin-top:30px;

    }

    .back-to-top{

        width:45px;

        height:45px;

        right:15px;

        bottom:15px;

    }

    .modal-dialog{

        margin:15px;

    }

}

/*=========================================================
    Small Mobile
    420px
=========================================================*/

@media (max-width:420px){

    h1{

        font-size:28px;

    }

    h2{

        font-size:24px;

    }

    .hero h1{

        font-size:26px;

    }

    .section-title h2{

        font-size:24px;

    }

    .btn{

        padding:12px 18px;

        font-size:14px;

    }

    .login-box{

        padding:25px;

    }

    .admin-header{

        padding:15px;

    }

    .admin-content{

        padding:15px;

    }

    .dashboard-card{

        padding:20px;

    }

}

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

@media (max-height:500px){

    .hero{

        padding:50px 0;

    }

    .page-banner{

        padding:50px 0;

    }

}


@media(max-width:991px){

.top-header{
    display:none;
}

.top-contact,
.top-social{
    flex-direction:column;
    gap:8px;
}

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

.hero-section img{
    margin-top:30px;
}

}


/*=========================================================
    End of File
=========================================================*/