.hamburger {
    display: none !important;
    float: left;
    padding: 5px;
    color: white;
    margin-right: -280px;
    margin-left: 30px;
}

/* IPad (Verticaal)  */
@media only screen and (max-width: 830px) {
    .search {
        width: 120px !important;
    }

    .search-btn {
        margin-left: 270px !important;
    }

    .w3-display-container {
        width: 50% !important;
    }

    .bar h5 {
        display: none;
    }

    /*.agenda-week {*/
    /*    width: 250px;*/
    /*}*/
    /*.agenda-item {*/
    /*    width: 100%;*/
    /*}*/
    .dropdown-hide {
        display: contents;
    }

    .short-table {
        width: 100% !important;
    }
}

@media only screen and (max-width: 735px) {
    /*.takenlijst, .agenda, .agenda-item {*/
    /*    width: 100% !important;*/
    /*}*/
    /*.agenda-item {*/
    /*    width: 100% !important;*/
    /*}*/
    /*.agenda {*/
    /*    margin-top: 790px;*/
    /*}*/
    /*.calendar {*/
    /*    height: auto;*/
    /*    width: 55%;*/
    /*    margin-top: -50px !important;*/
    /*}*/
}


/* Ipad (landscape) */
@media only screen and (max-width: 1024px) {
    .short-table {
        width: 100%;
        margin-left: 0;
    }

    /*.agenda-item {*/
    /*    width: 100% !important;*/
    /*}*/
}

/* Smartphone */
@media only screen and (max-width: 768px) {
    .mobile-buttons {
        padding: 3px 0 3px 0 !important;
    }

    .mobile-buttons button, .mobile-buttons a {
        width: 100% !important;
        height: 33% !important;
        margin: 0;
    }


    .btn-menu {
        padding: 0;
    }

    .btn-menu .btn {
        margin: 0;
        padding: 15px !important;
        border-radius: 0;
    }

    .container {
        width: 100vw !important;
        margin-left: 0px !important;
        display: inline-block !important;
    }

    .sidebar {
        display: none;
    }

    .product-img {
        width: 90%;
    }

    .w3-display-container {
        width: 100% !important;
    }

    .search-btn, .search {
        display: none !important;
    }

    .related-products {
        width: 100% !important;
    }

    .comments {
        width: 100% !important;
    }

    .hamburger {
        display: block !important;
    }

    .filter-list {
        display: none !important;
    }

    .ticket-select {
        display: block;
    }

    .hide-desktop {
        display: block !important;
    }

    .hide-mobile {
        display: none !important;
    }

    .show-mobile {
        display: block !important;
    }

    .sidebar {
        height: 900px;
    }

    .navbar-brand {
        display: none !important;
    }

    .takenlijst {
        height: 300px;
    }

    .calendar {
        margin-top: 10px;
        margin-left: -190px !important;
        float: left !important;
    }

    .ticket-table {
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .week-card {
        width: 100% !important;
    }
}

@media only screen and (max-width: 716px) {
    /*.calendar {*/
    /*    margin-top: 0;*/
    /*    float: left !important;*/
    /*}*/
    /*.agenda-item {*/
    /*    width: 100% !important;*/
    /*}*/
}


/* Desktop */
@media only screen and (max-width: 1840px) {
    /*.agenda-item {*/
    /*    width: 50%;*/
    /*}*/
}

@media only screen and (max-width: 1490px) {
    .filter-list {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .ticket-table {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1479px) {
    /*.agenda-item {*/
    /*    width: 100%;*/
    /*}*/
    /*.calendar {*/
    /*    position: absolute;*/
    /*}*/
}

@media only screen and (max-width: 1420px) {
    /*.calendar {*/
    /*    left: 245px;*/
    /*    top: 620px;*/
    /*    width: 330px !important;*/
    /*    background-color: transparent;*/
    /*}*/
    /*.takenlijst {*/
    /*    height: 397px;*/
    /*}*/
    /*.agenda {*/
    /*    width: calc(100% - 322px);*/
    /*}*/
    /*.agenda-item {*/
    /*    width: 50% !important;*/
    /*}*/
}

@media only screen and (max-width: 1374px) {

    .width-25 {
        width: 50%;
        padding: 10px;
        margin: 0;
        height: auto !important;
    }

    .contacts {
        margin-top: 20px;
        width: 100% !important;
        height: auto !important;
        max-height: unset !important;
    }

    .tabs {
        margin-top: 50px !important;
    }

}

@media only screen and (max-width: 1244px) {
    /*.agenda-item {*/
    /*    width: 100% !important;*/
    /*}*/
    /*.agenda {*/
    /*    width: calc(100% - 350px);*/
    /*}*/
}

@media only screen and (max-width: 1218px) {
    /*.width-25 {*/
    /*    width: 45%;*/
    /*}*/
    .contacts {
        margin-top: 20px;
        width: 100% !important;
        margin-bottom: 20px;
    }
}


@media only screen and (max-width: 1165px) {
    /*.agenda-item {*/
    /*    width: 100% !important;*/
    /*}*/
}

@media only screen and (max-width: 1130px) {
    .width-25 {
        width: 100%;
        margin-bottom: 0;
        display: contents;
    }

}

@media only screen and (max-width: 1092px) {
    /*.calendar {*/
    /*    margin-left: -4px !important;*/
    /*}*/
    .dropdown-hide {
        display: block !important;
    }

    .dropdown-menu-hide {
        display: none !important;
    }

    .hide-ipad {
        display: none !important;
    }
}

@media only screen and (max-width: 961px) and (min-width: 769px) {
    /*.takenlijst, .agenda, .agenda-item {*/
    /*    width: 100% !important;*/
    /*}*/
    /*.agenda {*/
    /*    margin-top: 750px;*/
    /*}*/
    /*.calendar {*/
    /*    height: auto;*/
    /*    width: 70% !important;*/
    /*    left: 227px;*/
    /*}*/
}

@media only screen and (max-width: 853px) {
    /*.calendar {*/
    /*    margin-top: 60px;*/
    /*}*/
}

@media only screen and (max-width: 735px) {
    /*.calendar {*/
    /*    margin-top: 15px !important;*/
    /*    width: 84% !important;*/
    /*}*/
}

@media screen and (max-width: 768px) {
    /*.calendar {*/
    /*    left: 55px !important;*/
    /*    margin-top: 0;*/
    /*}*/
}

@media screen and (max-width: 615px) {
    /*.calendar {*/
    /*    margin-top: 60px !important;*/
    /*}*/
    .user-select {
        width: 100%;
    }
}

@media only screen and (max-width: 520px) {
    /*.calendar {*/
    /*    top: 620px !important;*/
    /*    left: 31px !important;*/
    /*    width: 87% !important;*/
    /*}*/
    /*.agenda {*/
    /*    margin-top: 750px !important;*/
    /*}*/
    .week-number {
        display: contents;
    }

    #adv-search {
        margin-left: 5px;
        width: 98% !important;
    }

    .user-select {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 96%;
    }
}