@media (max-width: 768px){

    body{
        overflow-x:hidden;
    }

    .sidebar{
        position:relative !important;
        width:100% !important;
        height:auto !important;
    }

.main,
.container,
.header,
.page-header{
    margin-left:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
}

    .stats,
    .info-grid,
    .details,
    .hero-booking{
        display:block !important;
        grid-template-columns:1fr !important;
    }

    input,
    select,
    textarea,
    button{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    table{
        display:block !important;
        width:100% !important;
        overflow-x:auto !important;
        white-space:nowrap !important;
    }

    th,td{
        font-size:13px !important;
        padding:8px !important;
    }

    .action-buttons a,
    .btn{
        display:block !important;
        margin:5px 0 !important;
        text-align:center !important;
    }

    .hero-left h1{
        font-size:30px !important;
    }

    .uk-plate input{
        font-size:24px !important;
        letter-spacing:2px !important;
    }
}