@media (max-width: 1097px) {
    .page-block-row .preview-quote {
        float: none;
    }

    .page-block-row .preview-contact {
        margin-top: -512px;
    }

    .page-block-row .preview-contact,
    .page-block-row .preview-quote,
    .page-block-row .preview-contact.text-center::before {
        width: 50%;
    }
    
    .page-block.office .page-block-container .page-block-row .office-latest-preview {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 1200px) {
    .detail-nav .detail-title {
        font-size: 22px;
    }
}
@media (max-width: 1080px) {
    
}

@media (max-width: 991px) {
    .header.references {
      background-color: #282828;
    }

    .footer.references {
      background-color: #282828;
    }

    .detail-nav .detail-title {
        display: none;
    }
}

@media (max-width: 899px) {
    .page-block.office .page-block-container {
        min-width: calc(100% - 138px);
    }

    .page-block.office .page-block-container .page-block-row .office-latest-preview {
        width: 100%;
    }

    .page-block.office .page-block-container .page-block-row div.quote p {
    }
}

@media (min-width: 480px) and (max-width: 719px){
    .references .click-nav, .filter-nav, .detail-nav {
        width: calc(50% - 1px) !important;
    }

    

}

@media (max-width: 719px){
    
    .content-box.left {
        float: none;
        text-align: left;
        padding-right: 0;
        border-right: none;
        margin: 0 auto;
        width: 50%;
    }

    .caption-title {
        text-align: left;
    }

    .caption-location, .caption-year, .content-box.left > span {
    
    }

    .content-box.left:after {
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background-color: #737373;
        opacity: 0.5;
        margin: 10px 0;
    }

    .content-box.right {
        float: none;
        width: 50%;
        clear: both;
        margin: 0 auto;
        padding-left: 0;
    }

    .caption-desc {
        margin-top: 4px;
    }

}

@media only screen and (max-width: 780px) {
    html,body {
        overflow: initial !important;
    }
    .caption-desc {
      max-width: 100%;
    }
    
    .detail-page {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .detail-sidebar, .detail-images {
      position: relative;
      overflow: visible;
    }
    
    .detail-images {
        height:auto;
    }
    .detail-images img {
        margin: 0 0 5px;
        display: block;
    }
    
    .detail-pagers {
        right: inherit;
        left: 5px;
        -webkit-transform: scale(0.8);
        -webkit-transform-origin: 0% 0%;
        -ms-transform: scale(0.8);
        -ms-transform-origin: 0% 0%;
          transform: scale(0.8);
          transform-origin: 0% 0%;
    }

    .detail-content{
      padding: 20px 0 40px;
      position: relative;
    }

    .detail-description {
        max-width: calc(100% - 50px);
        padding: 10px 0 10px 50px;

    }

    .detail-controls > .prev-image,.detail-controls > .next-image {
        display: none;
    }

    .page-block {
        margin-left: 0;
        width: calc(100%);
    }

    .page-block-container {
    }

    .page-block.blocks .blocks-container {
        width: 100%;
        left: 0;
    }

    .blocks-container .hover-block .press-title {
        width: calc(100% - 50px);
    }

    .page-contact .contact-container {
        left: 0;
        width: 100%;
    }

    .page-contact .contact-container .contact-details {
        padding: 0 10px;
        min-height: 200px;
        height: 200px !important;
        padding-left: 77px;
    }

    .page-contact .contact-container .contact-details h3 {
        padding-top: 5px;
        position: relative;
        bottom: 0;
        font-size: 30px;
    }

    .page-contact .contact-container .contact-details h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .page-contact .contact-container .contact-details p {
        font-size: 20px;
        line-height: 26px;
    }

    .page-contact .contact-container .contact-details > div {
        position: initial;
    }

    .page-contact .contact-container .contact-details .contact-share {
        position: absolute;
        bottom: 20px;
    }

    .page-contact .contact-container .contact-image {
        display: none;
    }

    .page-block.office .page-block-container .page-block-row .office-latest-preview {
        min-width: 100%;
    }
    .page-block-container.blocks {
        top: 20px;
    }
}
@media only screen and (max-width: 600px) {
    .content-box .caption-title {
        font-size: 24px;
    }
    .page-block.office .page-block-container {
        min-width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    
    html,body {
        overflow: initial !important;
    }
    .header {

    }
    
    
    .click-nav, .filter-nav, .detail-nav {
        width: 100% !important;
        border-bottom: 1px solid rgba(252, 250, 255, 0.25);
    }
    .click-nav .logo{
        width: 75%;
    }
    
    .click-nav .menu {
        position: inherit;
        z-index: 100;
    }
    
    .filter-nav .menu {
        width: 100%;
    }

    .detail-nav {
        width: 60px !important;
        position: absolute;
        bottom: 0px;
        z-index: 98;
    }
    .detail-nav .detail-controls .ui-button .btn-close {
        right: 5px;
    }

    .page-megafolio { padding-top: 160px; }
    
    .content-box .caption-title {
        font-size: 20px;
    }

    .detail-img:last-child{
        padding-bottom: 10px;
    }
    .detail-images {
        height:auto;
    }
    .detail-images img {
        margin: 0 0 5px;
        display: block;
    }
    .caret.caret-down:before {
        left: 36px;
    }

    .caret.caret-down:after { 
        left: 38px;
    }

    .page-block.office .page-block-container .page-block-row div.quote p {
        font-size: 22px;
        letter-spacing: 3px;
    }

    .page-block-row .preview-contact,
    .page-block-row .preview-quote,
    .page-block-row .preview-contact.text-center::before {
        width: 100%;
    }

    .page-block-row .preview-contact {
        margin-top: 0;
        float: none;
        display: none;
    }

    .page-block-row .office-latest-preview .preview-project > a .preview-project-img,
    .page-block-row .office-latest-preview .preview-project > a .preview-project-desc {
        float: none;
        width: 100%;
    }

    .page-block.office .page-block-container .page-block-row .office-latest-preview {
        float: none;
        height: 510px;
    }
    
    .page-block-row .office-latest-preview .preview-project > a .preview-project-img.not-show {
        top: 0;
    }

    .page-block.office .page-block-container {
        top: 20px !important;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-bottom: 50px;
    }
    .btn-close:after, .btn-close:before {
        width:30px;
    }
    .detail-page {
        -webkit-overflow-scrolling: touch;
    }
}