/*      Infinite Door section       */
/*      Text box       */


#infinite-sm-textbox {
    display: none;
}

.infinite-img-textbox {
    width: 30vw;
    position: absolute;
    height: calc(var(--infinite-par-narrow-lg-height) - 40px);
    top: 20px;
    right: 50px;
    margin-left: auto;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: var(--z-index-fourth-priority);
}

.infinite-img-textbox-inner-square {
    margin: 20px 20px 20px 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    display: grid;
}

.infinite-img-text {
    align-self: center;
}

.paragraph-text {
    margin: unset;
}

.hp-tool-paragraph {
    display: table;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 50px 0;
    padding: 0 1vw 0 1vw;
    overflow: hidden;
}

.tool-par-content {
    /*border-top: 4px solid #f0f1f1;*/
    display: grid;
}

.tool-par-title {
    margin-block-start: 1.53em;
}

.set-mr {
    margin-right: 1vw;
}

.tool-par-text {
    margin: 0 15vw;
    text-align: -webkit-center;
    text-align: center;
    text-align: -moz-center;
}

.tool-button, .stairs-button {
    max-width: 280px !important;
    margin: 50px auto 40px auto;
    display: block;
}

.tool-learn-more, .stairs-learn-more {
    padding: 14px 76px !important;
}

.bed-paragraph {
     width: 55%;
}

.hp-seventh-paragraph {
    margin-bottom: 70px;
    margin-top: 70px;
    overflow: hidden;
}

.seventh-paragraph-opening-image {
    width: var(--screen-width);
    max-width: var(--max-screen-width);
}

.stepenice-title {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

@media (max-width: 1200px) {
    .infinite-img-textbox {
        width: 40vw;
        right: 0;
    }
}

@media (max-width:1025px) {
    .buttons-second-line {
        height: 60px;
    }
}

@media (max-width: 800px) {

    .tool-button, .stairs-button {
        margin: 10px auto 40px auto;
    }

    .tool-learn-more, .stairs-learn-more {
        padding: 14px 10vw !important;
    }

    .stairs-button {
        margin-top: 40px;
    }

    .hp-seventh-paragraph {
        margin-bottom: 60px;
    }

    .bed-paragraph {
        width: var(--max-screen-width);
    }

    .infinite-img-textbox {
        height: var(--infinite-par-narrow-md-height);
        width: 50vw;
        top: 0;
        right: 0;
    }

    .infinite-img-textbox-inner-square {
        margin: 10px 10px 10px 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }

    .buttons-second-line {
        height: unset;
    }

}

@media (max-width: 650px) {

    .paragraph-text {
        margin-top: 0 !important;
    }

    #infinite-lg-textbox {
        display: none;
    }

    #infinite-sm-textbox {
        display: block;
    }

    .infinite-img-textbox {
        position: relative;
        height: var(--infinite-par-narrow-sm-height);
        width: 90%;
        right: 5%;
    }

    .tool-par-text {
        margin-right: 30px;
        margin-left: 30px;
    }

}

@media (max-width:487px) {
    .buttons-second-line {
        height: 60px;
    }
}

@media (max-width: 450px) {

    .tool-par-text {
        margin-bottom: 0;
        margin-left: 5px;
        margin-right: 5px;
    }

    .tool-button {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .hp-seventh-paragraph {
        margin-bottom: 50px;
    }
}