/* ---------------------------------------------------
    MEDIAQUERIES - Admin
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {margin-left: -250px;transform: rotateY(90deg);}
    #sidebar.active {margin-left: 0;transform: none;}
    #sidebarCollapse span:first-of-type,
    #sidebarCollapse span:nth-of-type(2),
    #sidebarCollapse span:last-of-type {transform: none;opacity: 1;margin: 5px auto;height: 25px;}
    #sidebarCollapse.active span {margin: 0 auto;}
    #sidebarCollapse.active span:first-of-type {transform: rotate(45deg) translate(2px, 2px);}
    #sidebarCollapse.active span:nth-of-type(2) {opacity: 0;}
    #sidebarCollapse.active span:last-of-type {transform: rotate(-45deg) translate(1px, -1px);}
    .box{width: auto;}
    .popup{width: auto;}
    .btn-add-task-home{display: none;}
    .padding-dopdown-mobile{margin-top: 100px;}
    .text-padding{padding-bottom: 50px;}
}

@media (min-width: 768px) and (max-width: 900px){
    .btn-add-task-home-mobile{display: none;}
}

@media (min-width: 900px){
    .mobile-nav{display: none !important;}
    .btn-add-task-home-mobile{display: none;}
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {max-width: 1240px !important;}
}

@media screen and (min-width: 1366px) and (max-width: 1500px){
    .popup{top: 14%;width: 70%;}
}

@media screen and (min-width: 1501px) {
    .popup {width: 60%}
}