@page { size: auto ; }
html,body{background: #808080 !important; font-family: Arial, 'sans-serif' !important;}
.main-section-header, .breadcrumb, a:link:after, a:visited:after, a[href]:after, .hide-on-print{display: none}
a:link:after, a:visited:after, a[href]:after {content:"";}
.office-fitout-item{display: inline; font-weight: normal; font-size: 12px; margin: 0; padding: 0; width: auto !important; font-family: Arial, 'sans-serif' !important;}
.office-fitout-item:before{content: ','}
.office-fitout-item:first-child:before{display: none}
.office-fitout-item .glyphicon{display: none;}
.office-full  p{font-size: 12px; line-height: 14px; font-family: Arial, 'sans-serif' !important; color: #B7B9BB}
.center-on-print{text-align: center}
.on-print-only{display: block; visibility: visible}

.office-full .office-name, .office-full .office-subheader{color: #0093D0}
.office-full .office-name, .office-full .office-address{text-align: left; font-family: Arial, 'sans-serif' !important; margin-top: 0}
.office-rent-wrapper, .office-space-wrapper, .office-status-wrapper{text-align: left; float: left; border-left: 1px solid #B7B9BB; padding:0 15px}
.office-rent-wrapper{border: none; padding-left: 0}
.office .office-status{font-size: 14px; margin: 0; text-transform: capitalize; color: #0093D0}
.office-full .office-completion-date{font-size: 14px; color: #0093D0}
.office .office-value-label{font-weight: normal; color: #B7B9BB}
.print-borders{margin: 25px 0;}
.office-full .office-gallery{height: auto !important;}
.office-full .office-gallery img{width: auto !important;}
.office-map-wrapper #office-map{width: 100%; margin: 0; padding: 0}
.after-login-blocker{font-size: 10px}
#static-office-map{background: red; width: 100%}
#static-office-map img{ width: 100%}
.office-full .office-contact .glyphicon{display: none; color: #B7B9BB}
.office-full .office-subheader{font-family: Arial, 'sans-serif' !important;}
.office-full table tr > td{font-family: Arial, 'sans-serif' !important;color: #B7B9BB}


@media (max-width: 480px) {
    .container.inner-container, .container{width: 80%; margin:0 auto}
}
@media (min-width: 481px) and (max-width: 767px) {
    .container.inner-container, .container{width: 80%; margin:0 auto}
}
@media (min-width: 768px) and (max-width: 991px) {
    .container.inner-container{width: 80%; margin:0 auto}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container.inner-container{width: 80%;}
}
@media (min-width: 1200px) and (max-width: 1499px) {
    .container.inner-container{width: 80%;}
}
@media (min-width: 1500px) and  (max-width: 1799px){
    .container.inner-container{width: 80%;}
}
@media (min-width: 1800px) {
    .container.inner-container{width: 80%;}
}