.asking-price {
    color: black;
    font-size: 22px;
}
.asking-price em {
    font-weight: bold;
    padding-right: 20px;
    font-style: normal;
}
.info-box {
    background: #eee;
    padding: 10px;
    text-align: center;
}
.info-table {
    display:  flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.info-table > div {
    width:  23.5%;
}

.main-image {
    display: block;
    width: 100%;
}

.image-table {
    display:  flex;
    flex-wrap: wrap;
    margin: 10px 0;
}

.image-table > div {
    width:  33.3%;
    padding-bottom: 23%;
    position: relative;
}
.image-table img {
    width: 96%;
    height: 96%;
    display: block;
    position: absolute;
}

.image-table  > div:nth-child(3n) img {
    width: 100%;
    height: 96%;
    display: block;
    position: absolute;
}

.features-table {
    display:  flex;
    flex-wrap: wrap;
}

.features-table > div {
    width: 50%;
}

.features-table em {
    font-weight: bold;
    font-style: normal;
    color: black;
    padding-right: 10px;
}

.features-table span {
    font-weight: 400;
}

.features-table em::after {
  content: ": ";
}

h3.underline {
    border-bottom: solid 1px #bfbfbf;
    margin-bottom: 10px;
}

div.section {
    padding: 2% 0;
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    .info-table > div {
        width: 49%;
        margin-bottom: 10px;
    }
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .info-table > div {
        width: 49%;
        margin-bottom: 10px;
    }

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    .info-table > div {
        width: 49%;
        margin-bottom: 10px;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .info-table > div {
        width:  100%;
    }
}