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

@media only screen and (max-width: 1550px) {
    .betlemControlPanel {
        width: 100%;
        padding: 0;
    }
}

@media only screen and (max-width: 1500px) {
    #platnoWidthHelper {
        display: block !important;
    }
}

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

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

@media only screen and (max-width: 1235px) {
    #hamburger {
        display: flex;
        align-items: center;
    }

    .navbar-half {
        display: none;
    }
    .navbar-half.active {
        display: flex;
    }
    .navbar {
        flex-direction: column;
        padding: 120px 0 20px 0;
    }

    .navbar-nav {
        margin-bottom: 4rem;
        margin-top: -1rem;
        flex-wrap: wrap;
    }

    .nav-item  {
        flex-direction: row;
        justify-content: flex-start;
        font-size: 18px;
    }

    .nav-link {
        padding: 15px;
    }
}

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

@media only screen and (max-width: 1000px) {
    .betlemControlPanelItems:nth-last-of-type(1) {
        display:flex;
        flex-wrap: wrap;
    }
    .btn,
    .toggle {
        font-size: 14px;
        margin: 0;
    }
    .checkboxWrapper label {
        font-size: 14px !important;
    }
    .btn-secondary {
        padding: 5px 10px;
        min-width: fit-content;
    }
}

@media only screen and (max-width: 900px) {
    .authFormGroup {
        flex-direction: column;
        padding: 2rem 0;
        justify-content: center;
    }
    .authFormImage img {
        transform: translateY(0px);
    }

    .content {
        padding: 1.5rem;
    }
}

@media only screen and (max-width: 700px) {
    .tree {
        transform: scale(0.9);
    }
    .betlemControlPanel {
        flex-direction: column;
    }
    .betlemControlPanelItemWrapper {
        width: 100% !important;
    }
}

@media only screen and (max-width: 620px) {
    .tree {
        transform: scale(0.8);
        margin-left: -5%;
    }
    .availableImages img {
        margin: 0 -2px !important;
        scale: 0.9;
    }
    .dialog-content {
        padding: 2rem;
    }
}

@media only screen and (max-width: 560px) {
    .tree {
        margin-left: -25%;
    }
    #logoImage {
        max-width: 50px;
    }
    .nav-item  {
        font-size: 14px;
    }
    .nav-link {
        padding: 8px 2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .unlockedImages img {
        width: 50px;
        height: 50px;
    }
    p {
        font-size: 15px;
    }
    small {
        font-size: 13px;
    }

    .tabs {
        display: block;
    }

    .festiveSundaysContainer {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }
}

@media only screen and (max-width: 400px) {
    .tree {
        transform: scale(0.650);
        margin-left: calc(-62% + 15vw);
        margin-top: -40%;
        margin-bottom: -20%;
    }
}

@media only screen and (max-width: 300px) {
    .dialog-content {
        margin: 0 15px;
    }
}