/*=========================================
TABLET
==========================================*/

@media (max-width:991px){

.main-header{

    background:#fff;

}

.navbar{

    height:auto;
    padding:15px 0;

}

.navbar-collapse{

    background:#fff;
    margin-top:20px;
    padding:20px;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.navbar-nav{

    text-align:center;

}

.navbar-nav .nav-item{

    margin:10px 0;

}

.header-buttons{

    margin-top:20px;
    flex-direction:column;

}

.btn-login,
.btn-demo{

    width:100%;
    text-align:center;

}

.hero-section{

    padding-top:140px;
    text-align:center;

}

.hero-section h1{

    font-size:44px;

}

.hero-buttons{

    justify-content:center;
    flex-wrap:wrap;

}

.hero-features{

    justify-content:center;

}

.dashboard-wrapper{

    margin-top:60px;

}

.booking-card{

    left:0;

}

.revenue-card{

    right:0;

}

.guest-card{

    right:10px;

}

}
@media (max-width:768px){

section{

    padding:70px 0;

}

.hero-section{

    padding-top:130px;

}

.hero-section h1{

    font-size:34px;
    line-height:1.3;

}

.hero-section p{

    font-size:16px;
    line-height:28px;

}

.hero-buttons{

    flex-direction:column;

}

.btn-primary-custom,
.btn-outline-custom{

    width:100%;

}

.hero-features{

    flex-direction:column;
    align-items:flex-start;

}

.dashboard-wrapper{

    margin-top:50px;

}

.dashboard-image{

    border-radius:15px;

}

.floating-card{

    position:relative;
    margin:20px auto;
    width:100%;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;

}

.logo{

    height:45px;

}

}
@media (max-width:576px){

.container{

    padding-left:20px;
    padding-right:20px;

}

.hero-badge{

    font-size:12px;

}

.hero-section h1{

    font-size:30px;

}

.hero-section p{

    font-size:15px;

}

.feature-item{

    width:100%;

}

.navbar-toggler{

    border:none;
    font-size:26px;

}

.navbar-toggler:focus{

    box-shadow:none;

}

}

.showcase-list{

    grid-template-columns:1fr;

}

@media(max-width:991px){

.showcase-section{

text-align:center;

}

.showcase-image{

margin-top:50px;

}

.top-card,
.middle-card,
.bottom-card{

position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
margin:20px auto;

}

}
/*==================================================
HOMEPAGE V2 RESPONSIVE
==================================================*/

@media(max-width:991px){

.offer-content{

    justify-content:center;
    text-align:center;

}

.offer-center{

    order:3;
    width:100%;

}

.hero-v2{

    padding:70px 0;
    text-align:center;

}

.hero-v2 h1{

    font-size:40px;

}

.hero-buttons{

    justify-content:center;

}

.hero-trust{

    justify-content:center;

}

.hero-dashboard{

    margin-top:60px;

}

.trial-card{

    position:relative;
    width:100%;
    right:auto;
    top:auto;
    margin-top:30px;

}

}

@media(max-width:576px){

.hero-v2 h1{

    font-size:32px;

}

.offer-right{

    width:100%;

}

.offer-right a{

    display:block;
    width:100%;
    text-align:center;

}

}