/*body{
    font-family: Arial, Helvetica, sans-serif;
}*/
#container{
    width: 1200px;
    margin: 0 auto;
}
#map{
    width: 66%;
    height: 521px;
    float: right;
    margin-bottom: 20px;
}
#map-key-container{
    width: 66%;
    height:78px;
    float: right;
    background-color: #c7c5c5;
}
#map-key{
    background-image: url("/modules/custom/acc_exhibition_maps/img/map-key.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 78px;
    float: right;
}
#map-clearfix{
    float: left;
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 40px;
}

#infoBox{
    width: 33%;
    height:600px;
    overflow: scroll;
    float: left;
    background-color: #c7c5c5 ;
}
.exhibition-listing{
    color: black;
    width: 90%;
    height: auto;
    margin-bottom: 2%;
    margin-left: 5%;
    margin-top:5%;
}
.expand{
    float: right;
    font-size: 1.5rem;
    margin-top: -30px;
    cursor: pointer;
}
.exhibition-title{
    width: 90%;
    cursor: pointer;
}
.exhibition-body{
    display: none;
}
.marker-link{
    list-style: none;
    margin-left: 2%;
    cursor: pointer;
}
.infoWindowContent{
    width: 400px;
}
.infoWindowContent img{
    float: left;
    margin-right: 15px;
    /* border-right: 1px solid black; */
    width: 45%;
}
.infoWindow-title{
    float: left;
    width: 45%;
    border-left: 1px solid #c7c5c5;
    padding-left: 15px;
    font-size: 1.25rem;
}
.infoWindow-body{
    float: left;
    width: 45%;
    border-left: 1px solid #c7c5c5;
    padding-left: 15px;
}
.infowWindow-img img{
    width: 10%;
    margin: 0 auto;
    margin-right: 42;
    margin-left: 48%;
    padding-bottom: 2%
}
.marker-link-img{
    width: 10px;
    height: 10px;
    margin-right: 5px;
}


@media screen and (max-width: 1024px){
    #map{
        width: 66%;
        height: 272px;
    }
    #infoBox{
        width: 34%;
        height: 350px;
    }
}


@media screen and (max-width: 768px){
    #map{
        height: 304px;
    }
}


@media screen and (max-width: 767px){
    #map{
        width: 100%;
        height: 200px;
    }
    #map-key-container{
        width: 100%;
        height: 75px;
    }
    #map-key{
        width: 100%;
        height: 75px;
        margin-top:20px;
    }
    #infoBox{
        width: 100%;
        height: 200px;
    } 
}


@media screen and (min-width: 700px) and (max-width: 760px){
    #map-key-container{
        height: 100px;
    }
}


@media screen and (max-width: 510px){
    #map-key{
        background: url("/modules/custom/acc_exhibition_maps/img/map-key-510.jpg");
        background-size: contain;
        background-repeat: no-repeat;
    }
}