@media (max-width: 1367px) {
    .pg-section, #header, #footer, #hero, #banner {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
}

@media (max-width: 781px) {
    :root {
        --headerAdjustment: 46px;
    }
}

@media (max-width: 991px) {
    #galleryContainer > .elementor-element {
        width: calc(50% - clamp(13.333333333333px, 1.0416666666667vw, 20px)) !important;
    }
}

@media (max-width: 767px) {
    .admin-bar #hero:not(#hero.inner), #hero:not(#hero.inner) {
        height: auto !important;
        padding: 100px 30px;
    }
    #header, .admin-bar #header {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 999999 !important;
        background-color: #FFF;
        box-shadow: 0 0 15px rgba(0,0,0,0.15);
        padding: 10px !important;
    }
    .mobile-logo a {
        display: flex;
        max-width: 150px;
    }
    #menu-item-258,
    #header .navigation li.badges {
        display: none;
    }
    #hero {
        margin-top: 76px !important;
    }
    .admin-bar #hero {
        margin-top: calc(76px - var(--headerAdjustment)) !important;
    }
    #header .navigation {
        position: fixed;
        top: 76px;
        left: 0;
        right: 0;
        width: 100%;
    }
    #header .navigation li {
        margin: 0 !important;
        width: 100% !important;
    }
    #header .navigation li a {
        display: block;
        padding: 15px;
        background-color: var(--text);
        color: #FFF;
        border-top: 1px solid #FFF;
    }
    #header .navigation li a:hover,
    #header .navigation li a:focus,
    #header .navigation li.current-menu-item > a {
        background-color: var(--primary);
        color: #FFF;
    }
    .content-img {
        order: -1 !important;
        margin: 0 0 20px !important;
    }
    .content-img img {
        display: block;
        max-height: 400px !important;
    }
    .content-text.ct-left, .content-text.ct-right {
        padding: 0 !important;
    }
    #homeGallery .hg-card {
        width: calc(50% - 25px);
    }
    #galleryContainer > .elementor-element {
        width: 100% !important;
    }
    .contact-left {
        padding: 0 0 30px !important;
        margin: 0 0 30px !important;
        border-right: unset;
        border-bottom: 1px solid #CCC;
    }
    .mobile-navigation li.mobile-button span {
        line-height: 1;
    }
    .mobile-button {
        display: flex;
    }
    .content-text.double-list ul li {
        width: 100%;
    }
}