/* --- Desctop media */
@media only screen and (min-width: 1024px) {
    div.x-site {
        display: block;
        position: relative;
        margin: 0;
        padding: 0px;
        width: 100%;
        /* max-width: 767px; */
        margin: 0 auto;
        overflow-x: hidden;
        overflow-y: auto;
        /* background-color: #f5f5f5; */
    }
    /* div.mncntBG {
        background-image: url("../img/mapBG.png");
        background-repeat: no-repeat;
        background-size: cover;
    } */
    div.main-left {
        display: none;
    }
    div.main-right {
        display: flex;
        float: none;
        flex-wrap: wrap;
        width: 100%;
        margin: 0px auto 0px auto;
        z-index: 2;
        align-items: center;
        justify-content: center;
    }

    div.item-row {
        display: block;
        width: 100%;
        padding: 15px 0;
        /* justify-content: center; */
    }

    div.item-first {
        width: 22.5em;
        float: right;
        padding: .5em 0;
        margin: 0 auto 0 auto;
    }
    div.item-second {
        width: 16.75em;
        float: left;
        text-align: right;
        padding: .6875em 0;
        margin: 0 auto 0 auto;
    }
    
    div.item-third {
        width: 15.875em;
        float: right;
        padding: 1.5em 0;
        margin: 0 auto 0 auto;
    }


    footer {
        display: flex;
        position: fixed;
        width: 100%;
        min-height: 30px;
        padding: 0px 10px;
        /* top: 100%; */
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 5;
        align-items: center;
        justify-content: center;
        background-color: #fff;
    }
    
    a.heart {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        padding: 10px;
        background-color: #E28EA5;
        border-radius: 50%;
    }
    a.close-back {
        padding: 10px;
        font-size: .875em;
        color: #fff;
        /* background-color: rgba(101,1,53,.51); */
        position: absolute;
        padding: .6875em .875em .75em;
        right: 10px;
        top: 10px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color .3s ease;
        z-index: 7;
    }
    a.close-back img {
        margin-right: 0px;
    }
    
}

@media only screen and (min-width : 0px) and (max-width : 1023px) {
    div.x-site {
        display: block;
        position: relative;
        margin: 0;
        padding: 0px;
        width: 100%;
        /* max-width: 767px; */
        margin: 0 auto;
        overflow-x: hidden;
        overflow-y: auto;
        /* background-color: #f5f5f5; */
    }
    /* div.mncntBG {
        background-image: url("../img/mapBG.png");
        background-repeat: no-repeat;
        background-size: cover;
    } */
    div.main-left {
        display: none;
    }
    div.main-right {
        display: flex;
        float: none;
        flex-wrap: wrap;
        width: 100%;
        margin: 0px auto 0px auto;
        z-index: 2;
        align-items: center;
        justify-content: center;
    }

    div.item-row {
        display: block;
        width: 100%;
        padding: 15px 0;
        /* justify-content: center; */
    }

    div.item-first {
        width: 22.5em;
        float: right;
        padding: .5em 0;
        margin: 0 auto 0 auto;
    }
    div.item-second {
        width: 16.75em;
        float: left;
        text-align: right;
        padding: .6875em 0;
        margin: 0 auto 0 auto;
    }
    
    div.item-third {
        width: 15.875em;
        float: right;
        padding: 1.5em 0;
        margin: 0 auto 0 auto;
    }


    footer {
        display: flex;
        position: fixed;
        width: 100%;
        min-height: 30px;
        padding: 0px 10px;
        /* top: 100%; */
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 5;
        align-items: center;
        justify-content: center;
        background-color: #fff;
    }
    
    a.heart {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        padding: 10px;
        /* background-color: #941a4b; */
        border-radius: 50%;
    }
    a.close-back {
        padding: 10px;
        font-size: .875em;
        color: #fff;
        /* background-color: rgba(101,1,53,.51); */
        position: absolute;
        padding: .6875em .875em .75em;
        right: 10px;
        top: 10px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color .3s ease;
        z-index: 7;
    }
    a.close-back img {
        margin-right: 0px;
    }

    
div.link_item {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 105px;
    max-width: 260px;
    padding: 10px;
    font-family: OpenSans-Regular;
    font-size: 1.09vw;
    font-weight: 400;
}
div.lnitem_1, div.lnitem_2, div.lnitem_3, div.lnitem_4, div.lnitem_5 {
    right: auto;
    bottom: auto;
}
    

}