@media (min-width: 768px) {
    .modal-dialog{
        margin: 15px auto;
        max-width: 540px;
    }
    .modal-dialog.w-100 {
	    margin: 15px auto;
	    max-width: 100%;
	}
    .modal-body {
        height: calc(100vh - 85px);
        overflow-y: scroll;
    }
    .header-center.radius-8 {
	    border-radius: 8px 8px 0 0 !important;
	}
    .modal-header{
        border-radius: 10px 10px 0 0 !important;
    }
    .modal-content{
        border-radius: 8px;
        width: 100%;
        margin: 0 auto;
    }
    .modal-content.modal-small{
        border-radius: 8px;
        width: 50%;
        margin: 0 auto;
    }
    .nav-tabs .nav-item {
        margin-bottom: -16px;
    }
    nav > div a.nav-item.nav-link.active:after {
        right: 48%;
    }
    .width-button-book{
        max-width: 330px;
    }
    .width-dialog{
        max-width: 50% !important;
    }
    .img-qrcode{
    	width: 50%;
    }
}
@media (min-width: 1024px) {
    .modal-dialog.w-100{
        margin: 15px auto;
        max-width: 100%;
    }
    .modal-dialog{
        margin: 15px auto;
        max-width: 540px;
    }
    .modal-content.modal-small{
        border-radius: 8px;
        width: 30%;
        margin: 0 auto;
    }
    .datepicker.dropdown-menu{
        left: 35% !important;
    }
}
@media (min-width: 1366px) {
    .datepicker.dropdown-menu{
        left: 40% !important;
    }
    
}
@media (min-width: 1920px) {
    .datepicker.dropdown-menu{
        left: 42% !important;
    }
    .modal-content.modal-small{
        border-radius: 8px;
        width: 20%;
        margin: 0 auto;
    }
    .width-dialog{
        max-width: 30% !important;
    }
}