/**
 * Montepeaks custom styles.
 * All design changes should be added here.
 */

@media (max-width: 1200px) {
    .header-1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-1 .header-top {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .header-1 .header-main {
        padding-top: 0.75em;
        padding-bottom: 0.75em;
        gap: 16px;
    }

    .site-header .site-logo-anchor img,
    .site-header .site-logo-link img,
    .site-header .custom-logo-link img {
        max-width: 98px;
        height: auto;
    }

    .header-1 .header-main .main-navigation ul.menu,
    .header-1 .header-main .main-navigation ul.nav-menu {
        flex-wrap: nowrap;
    }

    .header-1 .header-main .main-navigation ul.menu > li > a,
    .header-1 .header-main .main-navigation ul.nav-menu > li > a {
        padding: 0.75em 0.75em;
        font-size: 12px;
        line-height: 1.25;
        white-space: nowrap;
    }

    .header-1 .header-main .main-navigation ul.menu > li.menu-item-has-children > a::after,
    .header-1 .header-main .main-navigation ul.nav-menu > li.menu-item-has-children > a::after,
    .header-1 .header-main .main-navigation ul.menu > li.has-mega-menu > a::after,
    .header-1 .header-main .main-navigation ul.nav-menu > li.has-mega-menu > a::after {
        margin-left: 0.45em;
    }
}

@media (max-width: 1024px) {
    .header-1 {
        position: relative !important;
        width: auto !important;
        background: #000 !important;
        padding-left: 16px;
        padding-right: 16px;
    }

    .header-1 .header-top {
        display: none;
    }

    .header-1 .header-main {
        padding-top: 0.65em;
        padding-bottom: 0.65em;
    }

    .header-1 .header-main::after,
    .header-1 .header-top::after {
        content: none;
    }

    .header-1 .main-navigation {
        display: none;
    }

    .site-header .main-navigation + .site-branding {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .menu-mobile-nav-button {
        display: block;
    }

    .winwood-mobile-nav {
        display: block;
    }

    .site-header .site-logo-anchor img,
    .site-header .site-logo-link img,
    .site-header .custom-logo-link img {
        max-width: 88px;
    }

    .header-1 + .winwood-breadcrumb {
        min-height: 360px;
        padding-top: 72px;
    }

    .winwood-breadcrumb .breadcrumb-heading,
    .elementor-widget-heading .elementor-heading-title {
        font-size: clamp(32px, 6vw, 52px);
        line-height: 1.08;
    }

    rs-module .rs-layer,
    rs-module .tp-caption {
        max-width: min(88vw, 920px);
        white-space: normal;
    }
}

@media (max-width: 768px) {
    .header-1 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .header-1 .header-main {
        min-height: 62px;
        padding-top: 0.55em;
        padding-bottom: 0.55em;
    }

    .site-header .site-logo-anchor img,
    .site-header .site-logo-link img,
    .site-header .custom-logo-link img {
        max-width: 78px;
    }

    .menu-mobile-nav-button i {
        font-size: 22px;
    }

    .header-1 + .winwood-breadcrumb {
        min-height: 300px;
        padding: 48px 16px;
    }

    .winwood-breadcrumb .breadcrumb-heading,
    .elementor-widget-heading .elementor-heading-title {
        font-size: clamp(28px, 8vw, 44px);
    }

    rs-module .rs-layer,
    rs-module .tp-caption {
        max-width: 86vw;
    }
}

@media (max-width: 480px) {
    .header-1 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .header-1 .header-main {
        min-height: 56px;
    }

    .site-header .site-logo-anchor img,
    .site-header .site-logo-link img,
    .site-header .custom-logo-link img {
        max-width: 68px;
    }

    .winwood-mobile-nav {
        width: min(300px, 86vw);
    }

    .mobile-nav-active #page {
        transform: translateX(min(300px, 86vw));
    }

    .header-1 + .winwood-breadcrumb {
        min-height: 260px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .winwood-breadcrumb .breadcrumb-heading,
    .elementor-widget-heading .elementor-heading-title {
        font-size: clamp(24px, 9vw, 36px);
        line-height: 1.12;
    }

    rs-module .rs-layer,
    rs-module .tp-caption {
        max-width: 84vw;
    }
}