﻿@media(max-width:1023px) {
    .no-display-mobile-tablet {
        display: none !important
    }
}

@media(min-width:740px) and (max-width:1023px) {
    .no-display-tablet {
        display: none !important
    }

    .contruct {
        height: 600px;
    }

        .contruct .right {
            width: 36vw;
        }

        .contruct h3 {
            font-size: 18px;
        }

        .contruct .left-container h4 {
            font-size: 30px;
        }

        .contruct .left-container .descript,
        .contruct .left-container .place,
        .contruct .left-container .table .items .text {
            font-size: 13px;
        }

        .contruct .left-container {
            width: 60%;
        }
}

@media(max-width:739px) {
    .no-display-mobile {
        display: none !important
    }

    .contruct {
        height: 100vh;
    }

        .contruct .left-container {
            width: 100%;
        }

        .contruct .right {
            bottom: 0;
            left: 0;
            right: unset;
            top: unset;
            width: 100%;
            height: auto;
            padding: 5px 10px;
        }

        .contruct h3 {
            display: none;
        }

        .contruct .right-container {
            border: none;
            overflow: hidden;
        }

            .contruct .right-container ul {
                overflow-x: scroll;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }

                .contruct .right-container ul li {
                    white-space: nowrap;
                    border: none;
                    border-left: 1px solid #ffffff6b;
                    padding: 10px 15px;
                    font-size: 14px;
                }

                    .contruct .right-container ul li:nth-child(1) {
                        border-left: none;
                    }

        .contruct .left-container .table {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .contruct .left-container .table .items:nth-child(2) {
                border-left: none;
                border-top: 1px solid #ffffff6b;
            }

            .contruct .left-container .table .items {
                padding: 0 8px;
            }

        .contruct .left-container h4 {
            margin-bottom: 10px;
            font-size: 23px;
        }

        .contruct .left-container .descript {
            font-size: 14px;
        }

        .contruct .left-container .place {
            font-size: 14px;
        }
}
