@media (max-width: 720px) {
    /*common*/
    body{
        width: 100%;
    }
    div.wrapper{
        padding: 0px;
    }
    .row{
        margin: 0px;
    }
    div.wrapper div.container{
        padding: 0px;
    }
    #page-wrapper{
        padding: 0px;
        width: 100%;
    }
    .web{
        display: none;
    }
    /*common*/
    /*header*/
    .webHeader{
        display: none;
    }
    div.mobileHeader {
        display: block;
        position: fixed;
        z-index: 9;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px 20px;
        text-align: center;
        background: #fff;
    }
    .mobileHeader a {
        display: inline-block;
    }
    .mobileHeader .mb-logo{
        /*float: left;*/
    }
    .mobileHeader .mb-logo img {
        width: 144px;
    }
    .mobileHeader .appAnker {
        float: right;
        margin-top: 6px;
        display: none;
    }
    .mobileHeader .appAnker img{
        height: 25px;
    }
    /*header*/

    /*map_view*/
    #page-wrapper > div#map-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        height: calc( 100% - 48px );
    }
    aside.listview{
        top:0px;
        left:100%;
        width: 100%;
        z-index: 9999;
        position: fixed !important;
    }
    .gm-svpc {
        display: none;
    }
    div.filter-container , #circle-hud{
        display: none !important;
    }
    .showMapListBtn {
        position: fixed;
        bottom: 0;
        z-index: 2;
        width: 100%;
        background: #d4021f;
        text-align: center;
        padding: 15px 0px;
        color: #fff;
        cursor: pointer;
    }
    .hideMapList{
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 0;
        line-height: 40px;
        cursor: pointer;
    }
    .hideMapList img {
        width: 19px;
    }
    .item-photo.media-left.thumbnail {
        width: 40%;
        margin-bottom: 0px;
    }
    .price span.rent{
        width: 92%;
        font-size: 14px;
        margin-top: 7px;
        display: inline-block;
    }
    .item .price .rent.peterpan {
        width: 73%;
        font-size: 14px;
        margin-top: 7px;
    }
    .item .item-body .line {
        font-size: 12px;
        width: 100%;
    }
    .item .item-body .tagline span.label {
        padding: 3px 4px;
        display: inline-block;
        margin-top: 3px;
    }
    .vertical-bar {
        margin: 0px !important;
    }
    /*map_view*/
    /*map_detail*/
    #single-content {
        padding: 0;
    }
    div#noImages {
        width: 100%;
        height: 400px;
        line-height: 400px;
    }
    div#noImages p {
        margin: 0px;
        font-size: 18px;
        font-weight: bold;
    }
    .fotorama__wrap .fotorama__fullscreen-icon {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        background-position: 50% 50% !important;
        background-size:auto;
    }
    body.default.top-navigation .wrapper.wrapper-content{
        margin-top: 55px;
        padding: 0px;
    }
    .house-detail div.title{
        display: none;
    }
    div.detail h3 {
        margin-top: 10px;
    }
    .red-dot {
        display: none;
    }
    .detailTitle{
        margin-left: 11px !important;
        font-size: 16px;
        font-weight: bold;
        color: #000;
    }
    .house-detail .detail .detail-table .column{
        font-size: 12px;
    }
    .input-group #txtContactPhone {
        font-size: 12px;
    }
    #smsMessageArea textarea {
        font-size: 12px !important;
    }
    div.optionEach{
        margin: 0px;
    }
    div.house-detail .detail .detail-table .commonHouse .column {
        padding: 0;
    }
    div.house-detail .hl .round-box {
        padding: 10px;
        font-size: 12px;
    }
    .description {
        font-size: 12px !important;
    }
    .mb.sidebar div#sidebar-content.sidebar-container.affix {
        margin: 0px;
        width: 100%;
    }
    .mb.sidebar div#sidebar-content.sidebar-container.affix .sidebar-content {
        width: 100%;
    }
    .house-detail .sidebar table.action {
        display: none;
    }
    .sidebar-content .description {
        padding: 10px !important;
    }

    .daum-map.hl.clear.row {
        padding: 0px !important;
    }
    .road-view {
        width: 100% !important;
    }

    .road-view #map {
        width: 100%;
        height: 180px;
        float: none;
        position: relative;
    }
    .road-view #roadview {
        float: none;
        width: 100%;
        height: 180px;
    }
    /*map_detail*/

    /*modal*/
    div#contactModal .modal-dialog {
        width: 300px;
        margin: 20px auto;
    }
    #reportModal .modal-header button, #contactModal .modal-header button{
        display: none;
        right: 0;
    }
    /*modal*/


    .item-body div.price-prefix{
        top:5px;
    }

    .media-body.item-body {
        padding-left: 5px;
    }

    .item .media-body.item-body {
        font-size: 13px;
        color: #444444;
        margin: -2px 10px 2px;
    }

    div.price span.rent {
        width: 100%;
    }

    div.price span.rent {
        margin-left: 0px;
    }

    #single-content{
        margin-right: 0px !important;
    }

}
@media (min-width: 720px){
    .mb {
        display: none;
    }


}