.header-wrapper #logo { font-size: 2.4rem; }

.wpcf7 input, .wpcf7 .wpcf7-submit { width: 100%; float: none; }

.wpcf7-form.invalid span.wpcf7-not-valid-tip { margin-top: 15px; display: block; }

.details-list span { float: none; }

#section--gallery { margin: 45px 15px; }
.details-gallery { display: none; }
.gallery-item { margin-top: 15px; margin-bottom: 15px; }
.gallery-item .overlay { background-color: rgba(53, 53, 53, 0.75); }

b, strong { color: #2F2F2F; }

#house-detail-list { list-style: none; text-align: center; padding: 0; margin: 50px auto; }
#house-detail-list > li { display: inline-block; font-size: 18px; padding: 0 30px 0 40px; line-height: 30px; position: relative; }
#house-detail-list > li:before { content: ""; display: block; width: 8px; height: 8px; background-color: #61AEE0; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; border-radius: 100%; }
#house-detail-list > li:first-child:before { display: none; }
#house-detail-list > li:nth-child(6):before { display: none; }

@media only screen and (max-width: 1199px) {
    #house-detail-list > li { padding: 0 20px 0 30px; line-height: 22px; }
    #house-detail-list > li:nth-child(n):before { display: block; }
    #house-detail-list > li:nth-child(1):before, 
    #house-detail-list > li:nth-child(5):before, 
    #house-detail-list > li:nth-child(8):before { display: none; }
}

@media only screen and (max-width: 657px) {
    #house-detail-list { max-width: 480px; }
    #house-detail-list > li:nth-child(n):before { display: block; }
    #house-detail-list > li:nth-child(1):before, 
    #house-detail-list > li:nth-child(3):before, 
    #house-detail-list > li:nth-child(6):before, 
    #house-detail-list > li:nth-child(8):before { display: none; }
}

@media only screen and (max-width: 510px) {
    #house-detail-list { margin: 10px auto 30px; }
    #house-detail-list > li { display: block; padding: 17px 10px 0; font-size: 15px; }
    #house-detail-list > li:nth-child(n):before { display: block; bottom: auto; right: 0; }
    #house-detail-list > li:nth-child(1):before { display: none; }
}

@media only screen and (max-width: 400px) {
    .header-wrapper #logo { font-size: 1.8rem; }
}

#contacts .h2-divider { margin: 0 auto 80px auto; }

#property-details #details-items { display: none; }
#property-details .h2-divider { margin-bottom: 15px; }
#property-details .subtitle { margin-top: 0; margin-bottom: 0; }