@media (min-width: 922px) {
    .page-template-page-infoheader .ast-container {
        max-width: 100%;
    }
    .page-template-page-infoheader.ast-separate-container #primary {
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
        float: inherit;
    }
}


@media (max-width: 1580px) {
    .wp-block-navigation li a {
        font-size: 1.15rem;
    }
    #lang ul img {
        width: 28px;
        height: auto;
    }
}

@media (max-width: 1440px) {
    .wp-block-navigation li a {
        font-size: 1.05rem;
    }
    #lang ul img {
        width: 24px;
        height: auto;
    }
    .tools .phone svg {
        width: 18px;
    }
    .tools .social svg {
        width: 24px;
    }
    .tools .phone a {
        font-size: 1rem;
    }
    #lang ul {
        gap: 15px;
    }
    #cff .cff-item {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0;
    }
    #cff .cff-text-wrapper {
        padding-right: 40px !important;
        padding-bottom: 60px !important;
    }
}

@media (max-width: 1360px) {
    .toolbar {
        padding: 0 80px;
    }
    .upozorneni {
        padding: 0 80px;
    }
}

@media (max-width: 1280px) {
    .wp-block-navigation,
    body .is-layout-constrained .wp-block-navigation {
        flex-wrap: wrap;
    }
    header .navigace_s_logem>.wp-block-column {
        flex-basis: 250px;
    }
}

@media (max-width: 1260px) {
    main {
        padding-left: 25px;
        padding-right: 25px;
    }
    .page-id-37 main {
        /*padding-left: 0;
        padding-right: 0;*/
    }
    .wp-block-navigation li {
        font-size: 1rem;
    }
}

@media (max-width: 1200px) {
    .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
        width: 24px;
    }
    .tools .social svg {
        width: 24px;
    }
    .tools .phone svg {
        width: 16px;
    }
}

@media (max-width: 1120px) {
    body.home .rozcestnik .wp-block-columns {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: none;
        column-gap: 10px;
        row-gap: 10px;
    }
    .wp-block-columns.cenik  .wp-block-column:nth-child(1),
    .wp-block-columns.cenik  .wp-block-column:nth-child(2) {
        grid-column: span 6;
    }
    main .wp-block-columns {
        gap: 30px;
    }
    .wp-block-gallery.columns-3 {
        gap: 30px;
    }
}

@media (max-width: 940px) {
    header .tools,
    header .wpml-ls-legacy-list-horizontal {
        display: none;
    }
    #wpadminbar {
        display: none;
    }
    .wp-block-navigation li a {
        font-size: 1.35rem;
    }
    .wp-block-navigation li a:hover span {
        border-bottom: 0;
    }
    .wp-block-navigation, body .is-layout-constrained .wp-block-navigation {
        position: initial;
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: -55px;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: -55px;
    }
    header {
        /*flex-direction: column-reverse;*/
    }
    header .first {
        order: 2;
    }
    header .motiv {
        order: 3;
    }
    header .second {
        height: auto;
        padding: 42px 28px;
    }
    header .breadcrumb {
        order: 3;
    }
    .toolbar .wrapper {
        width: inherit;
        padding: 15px 28px;
        justify-content: space-between;
    }
    .toolbar .social {
        gap: 10px;
    }
    .toolbar .phone svg,
    .toolbar .social svg {
        height: 24px;
        width: 24px;
    }
    #lang {
        display: block !important;
        margin-top: 15px;
        margin-left: 0;
    }
    .toolbar {
        padding: 0;
    }
    .upozorneni {
        padding: 0;
    }
    .upozorneni .wrapper {
        max-width: inherit;
        padding: 30px 65px 30px 28px;
    }
    .upozorneni svg {
        position: absolute;
        right: 28px;
        top: 30px;
    }
    .toolbar .divider,
    .toolbar .eshop {
        display: none;
    }
    .breadcrumb-list {
        padding: 0 25px;
    }
    .wp-block-gallery.columns-3 {
        gap: 20px;
    }
    footer .wp-block-columns {
        flex-direction: column;
    }
    footer .wp-block-column:nth-child(1),
    footer .wp-block-column:nth-child(2) {
        flex-basis: inherit !important;
    }
    .second .wpml-ls-statics-shortcode_actions { /* rev 14-02-2024 */
        display: none !important;
    }
}

@media (max-width: 921px) {
    .ast-builder-grid-row {
    }
    body.home #content {
        padding-top: 72px;
    }
    body.home .wp-block-cover h2 {
        font-size: var(--global-typo-size-h2-class);
    }
    .oteviracka .wp-block-columns {
        row-gap: 0;
        grid-template-columns: repeat(8, 1fr);
    }
    .oteviracka .wp-block-columns .wp-block-column:nth-child(3) {
        grid-column: span 8;
    }
    .oteviracka .wp-block-columns .wp-block-column:nth-child(3) {
        margin-top: 30px;
    }
    .desktop_hidden {
        display: block !important;
    }
    .mobile_hidden {
        display: none !important;
    }
    /* rev 14-02-2024 */
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.menu {
        justify-content: flex-end;
        width: inherit;
    }

}

@media (max-width: 820px) {
    footer .logo__navigace {
        padding: 55px 0 30px 0;
        flex-direction: column;
        align-content: start;
        align-items: flex-start !important;
    }
    .footer_menu {
        margin-top: 32px !important;
        flex-direction: column;
    }
    .footer_menu li,
    .footer_menu li:last-child {
        border: 0;
        padding: 0;
    }
}

@media screen and ( max-width: 782px ) {
    html {
        margin-top: 0 !important;
    }
}

@media (max-width: 768px) {
    html {
        max-width: 100vw;
        overflow-x: hidden;
    }
    .wp-block-group.bgimage1 .wp-block-column {
        min-height: 150px;
    }
    .wp-block-spacer {
        max-height: 60px;
    }
    .wp-block-columns.cenik {
        display: flex;
        flex-direction: row;
        gap: 35px;
    }
    .content-menu {
        padding: 30px;
    }
    .wp-block-navigation__responsive-container {
        top: 264px;
        position: absolute;
    }
    html.is-menu-open header {
        position: relative;
        z-index: 999;
        width: 100%;
    }
    body:not(.home,.page-id-39) main {
        padding-bottom: 60px;
    }
    .wp-block-gallery.columns-3 {
        gap: 10px;
    }
    .wp-block-gallery.columns-3 .wp-block-image,
    .wp-block-gallery.columns-4 .wp-block-image {
        grid-column: span 6;
    }
    .motiv {
        display: none !important;
    }
    #cff .cff-desc-wrap, 
    #cff.narrow.cff-half-layout .cff-text-wrapper, 
    #cff.narrow.cff-thumb-layout .cff-text-wrapper {
        width: initial !important;
    }
    #cff .cff-item {
        gap: 30px;
        flex-direction: column-reverse !important
    }
    #cff.cff-theme-overlap.cff-thumb-layout[data-media-side=left] .cff-photo-post .cff-media-wrap {
        width: 80% !important;
    }
    li.cff-shares,
    li.cff-comments {
        display: none !important;
        visibility: hidden;
    }
    #cff.cff-theme-overlap .cff-post-links {
        justify-content: flex-end;
        padding-right: 30px;
    }
    body.page-id-37 main,
    body.page-id-711 main,
    body.page-id-713 main {
        padding-left: 0;
        padding-right: 0;
    }
    body.page-id-37 h1,
    body.page-id-711 h1,
    body.page-id-713 h1 {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (max-width: 740px) {
    footer .logo__navigace {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 720px) {
    footer .ast-builder-grid-row {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .oteviracka .wp-block-columns {
        display: flex;
        gap: 30px;
    }
    .oteviracka .wp-block-columns .wp-block-column:nth-child(3) {
        margin-top: 0;
    }
    .hide_content {
        display: none;
    }
    .wp-block-post-title {
        text-align: left;
    }
}

@media (max-width: 590px) {
    body.home .rozcestnik .wp-block-columns {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 10px;
        row-gap: 10px;
    }
}

.wp-block-navigation__responsive-container-open {
    display: none !important;
}

@media (max-width: 940px) { 
    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
        /*margin-top: calc(165px + 50px);*/
    }
}

.has-modal-open .is-menu-open .wp-block-navigation__responsive-dialog {
    /*margin-top: 49px;*/
    margin-top: 0;
}

.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top: 0;
}

.wp-block-navigation__responsive-container.is-menu-open {
    overflow: initial;
    position: absolute;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    color: #fff;
    background-color: transparent;
    padding: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    width: 100vw;
    padding: 0 52px 44px 52px;
    background-color: #231f21;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    border: 0;
    padding: 5px 0;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    background-color: #222;
    border: 0 !important;
    left: 0;
    padding: 10px 0 10px 15px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
    display: block;
}

ul.wp-block-navigation__container {
    margin-bottom: 20px;
}

.wp-block-navigation__responsive-container-close {
    top: 0;
    right: 44px;
    background: #141414;
    position: relative;
    float: right;
    display: none;
}

.admin-bar .wp-block-navigation__responsive-container-close { 
    /*top: calc(-125px + 40px);*/
}

.is-menu-open .wp-block-navigation__responsive-container-close {
    /*display: block;*/
}

.wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-justify: flex-start;
}

.navigace_s_logem .navigation-button {
    width: 44px;
    height: 32px;
    margin: 0 0 0 auto !important;
    cursor: pointer;

    background-image: url(https://www.hudysteny.cz/usti/wp-content/themes/hudysteny/img/responsive-menu-open.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.navigace_s_logem .navigation-button.is-open {
    background-image: url(https://www.hudysteny.cz/usti/wp-content/themes/hudysteny/img/responsive-menu-close.svg);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    width: 100%;
}

@media (max-width: 940px) {
    .wp-block-navigation .wp-block-navigation__submenu-icon { 
        right: 10px;
        top: calc(10px + 0.5rem);
    }
}

/*** Navigation hack **************/

@media (min-width:600px) {
    .wp-block-navigation__responsive-container-open{
        display:block !important;
   }
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display:none !important;
   }
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
        display:block !important!
   }
}

@media (min-width:940px) {
    .wp-block-navigation__responsive-container-open{
        display:none !important;
   }
    
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display:block !important;
   }

   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
        display:none !important;
   }

    .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
        -moz-box-shadow: 1px 19px 26px -11px #000000;
        -webkit-box-shadow: 1px 19px 26px -11px #000000; 
        box-shadow: 1px 19px 26px -11px #000000;
    }    
}


/*** Retina **************/
@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ),
       only screen and (    min--moz-device-pixel-ratio: 1.3 ),
       only screen and (      -o-min-device-pixel-ratio: 2.6/2 ), /* returns 1.3, see Dev.Opera */
       only screen and (         min-device-pixel-ratio: 1.3 ),
       only screen and ( min-resolution: 124.8dpi ),
       only screen and ( min-resolution: 1.3dppx ) {

       .virtualni_prohlidka {
           background: url( 'https://www.hudysteny.cz/usti/wp-content/themes/hudysteny/img/motiv1-1920x425_144.webp' ) no-repeat center center;
       }

}