.plot-schedule-section{
    padding:0 0 90px;
    background:#f0ebde;
}

.plot-title{
    font-family:'Cormorant Garamond',serif;
    color:#27432f;
    font-size:45px;
    margin-bottom:30px;
    font-weight: 400;
}
.plot-note {
    text-align: right;
}
.master-layout-wrap{
    position:relative;
    border:1px solid #d9d2c7;
}

.master-layout-wrap img{
    width:100%;
    display:block;
}

.plot-marker{
    position:absolute;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#27432f;
    color:#fff;
    font-size:12px;
    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.3s;
}

.plot-table{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0;
    border-top:1px solid #d9d2c7;
    border-left:1px solid #d9d2c7;
}

.plot-row{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:18px 20px;

    border-right:1px solid #d9d2c7;
    border-bottom:1px solid #d9d2c7;

    cursor:pointer;
    transition:.3s ease;
    min-height:70px;
}

.plot-number{
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#556b60;
}

.plot-size{
    font-family:'Cormorant Garamond', serif;
    font-size:24px;
    line-height:1;
    color:#27432f;
}


.plot-row:hover{
    background:#d7a03f;
}

.plot-row.active .plot-number,
.plot-row.active .plot-size,
.plot-row:hover .plot-number,
.plot-row:hover .plot-size{
    color:#fff;
}

.plot-row.active,
.plot-marker.active{
    background:#d7a03f;
    color:#fff;
    transform:scale(1.05);
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

@media(max-width:991px){

    .plot-table{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .plot-row{
        min-height:60px;
        padding:15px;
    }

    .plot-number{
        font-size:11px;
        letter-spacing:2px;
    }

    .plot-size{
        font-size:20px;
    }

}