@media (max-width:1400px) {
/* HERO CONTAINER */
.carousel-nav-container {width:100%; left: 0px; margin-left: 0}
.home-hero-container .carousel-nav-container,
.project-carousel-container .carousel-nav-container { padding-left: 30px }
/* PROJECT DETAIL PAGE */
.project-detail-hero-container h1 {font-size: 5vw;}
/* MEET THE TEAM */
.stats-listing-container .stat h3 {font-size: 3.5vw;}
.stats-listing-container .stat h4 {font-size: 1.5vw;}
}
@media (max-width:1200px) {
h2 {font-size: 35px;}
p {font-size: 15px;}
footer ul {font-size: 15px;}
.btn span {font-size: 13px;}
.btn.small {padding: 15px 25px;}
.btn.small span {font-size: 10px;}
.form-cell textarea,
.form-cell input[type="text"] {font-size: 15px;}
/* HERO CONTAINER */
.home-hero-container .hero-text p {font-size: 18px;}
.home-hero-container .property-tag {padding:10px;}
.home-hero-container .property-tag p {font-size: 13px;}
/* TEXT IMAGE LISTING */
.text-image-container .col-container .col-2-image {width:60%;}
.text-image-container .col-container .col-2-text {width:40%;}
.text-image-container .panel-image-container {min-height: 400px;}
/* PROPERTY CAROUSEL */
.project-carousel .carousel-text p {font-size: 18px;}
/* LJ TIMELINE */
.timeline-text {padding-top: 12px;}
/* FOOTER */
.footer-social li span {transform: translateY(1px)}
}
@media (max-width:1040px) {
.project-detail-hero-container .carousel-nav-container { bottom: 70px; }
/* OUR APPROACH HOME */
.our-approach-listing-container .col-5 {width:33.333%;}
.our-approach-listing-container .col-5:nth-child(1),
.our-approach-listing-container .col-5:nth-child(2),
.our-approach-listing-container .col-5:nth-child(3) {padding-bottom: 20px;;}
.our-approach-listing-container .col-5:nth-child(3) {border-right: none}
.our-approach-listing-container .approach-panel-text {margin-top: 15px;}
/* TEXT IMAGE LISTING -- ABOUT ONLY */
.text-image-section-about .text-image-container .col-container {flex-direction: column;}
.text-image-section-about .text-image-container .panel-image-container {min-height: unset; padding-top: 60%; position: relative}
.text-image-section-about .text-image-container .panel-image {position: absolute; left: 0; top:0;}
.text-image-section-about .text-image-container .col-container .col-2 {width:100%;}
.text-image-section-about .text-image-container .col-container .col-2-image {padding-bottom: 0}
.text-image-section-about .text-image-container .text-panel {padding-top: 0; padding-bottom: 0}
/* OUR APPROACH LISTING
.our-approach-listing-container img {height:110px;}
.our-approach-listing-container h3 {font-size:22px;} */
/* PROJECT DETAIL PAGE */
.project-detail-hero-container h2 {font-size: 2.5vw;}
.designer-notes-section .text-image-container .col-container {align-items: flex-start;}
.text-image-section.small-image .col-container .col-2-image {width:35%;}
.text-image-section.small-image .panel-image-container {padding-top: 100%; position: relative; min-height: unset;}
.text-image-section.small-image .panel-image {position: absolute; left: 0; top:0;}
.text-image-section.small-image .col-container .col-2-text {width:65%;}
/* TEAM LISTING */
.team-listing .col-4 {padding: 15px;}
.team-listing .col-container {width: calc(100% + 30px); margin-left: -15px;}
/* FOOTER */
footer .col-4 {width:50%; padding-bottom: 0; padding-top: 0}
}
@media (max-width:990px) {
nav ul li ul:before {display:none;}
.nav-icon {display: block}
nav {visibility: hidden; opacity: 0; top:-100%; transition: 0.5s ease-in-out; position: fixed; width: 100%; height: 100%; left: 0; background-color: rgba(255,255,255,1); display: flex; justify-content: space-around; align-content: center; flex-direction: column; z-index: 20}
nav ul {margin: 0 auto; text-align: center; flex-direction: column; align-items: center; font-size: 22px;}
nav ul li {margin-left: 0; padding: 0; border-bottom: 1px solid #f1f1f1; width: 100%}
nav ul li a {text-decoration: none; display: block; padding:20px 10px; position: relative; overflow: hidden; color:#5A5A5A}
nav ul li a:after {bottom: 0; left: 0}
nav ul li ul {position: relative; left: auto; top: auto; background-color: #ffffff; padding-bottom: 10px; z-index: 5}
nav ul li ul li {border: none}
nav ul li ul li a {color:#666666;}
nav ul li ul li a:hover {background: none}
nav ul li.active a {color:#5A5A5A}
nav ul li:hover a {color:#5A5A5A}
nav ul ul {transform: none !important; width: 100% !important; font-size: 18px;}
nav.open {visibility: visible; opacity: 1; top:0}
li.home-icon svg .cls-1 {fill:#5A5A5A}
li.home-icon:hover svg .cls-1 {fill:#5A5A5A}
/* HEADER RIGHT */
.header-right-top {margin-bottom: 0;}
.social-list {margin-right: 50px;}
/* PROJECT LISTING */
.listing-text p {font-size: 14px;}
.listing-text p.sub-text {font-size: 26px;}
.image-listing-container {padding-top: 15px; padding-bottom: 15px;}
.image-listing-container .col-container {width:calc(100% - 30px); margin:auto}
.image-listing-container .inner {padding: 0}
.image-listing-container .col-2 {padding: 15px;}
/* MEET THE TEAM */
.text-image-section {padding-top: 30px;}
/* CONTACT US */
.ci-top {flex-direction: column;}
.contact-info-container .col-container {width:calc(100% - 30px); margin:auto}
.contact-info-container .inner {padding: 0}
.contact-info-container .col-2 {padding: 15px;}
}
@media (max-width:850px) {
.btn {padding: 15px 25px;}
.our-approach-process {padding: 20px 0;}
/* TEXT IMAGE LISTING */
.text-image-container .col-container {flex-direction: column !important;}
.text-image-container .panel-image-container {min-height: unset; padding-top: 60%; position: relative}
.text-image-container .panel-image {position: absolute; left: 0; top:0;}
.text-image-container .col-container .col-2 {width:100%;}
.text-image-container .col-container .col-2-image {padding-bottom: 0}
.text-image-container .text-panel {padding-bottom: 20px}
.text-image-container .col-2.col-2-text {padding-top: 35px;}
/* OUR APPROACH LISTING */
.our-approach-listing-container .col-3 {width:50%;}
.our-approach-listing .col-3 {border:none !important;}
.our-approach-listing-container .approach-panel {padding: 0}
.our-approach-listing-container .col-1 {padding-bottom: 0}
/* OUR APPROACH PAGE */
.oa-box {padding: 20px;}
.oa-box-header h2 {font-size: 22px;}
.oa-box ul {font-size: 15px;}
/* PROJECT DETAIL PAGE */
.project-detail-hero-container .inner {flex-direction: column; justify-content: flex-end; align-items: flex-start;}
.project-detail-hero-container .btn {position: relative; right: auto; bottom: auto; margin-top: 15px;}
.text-image-section.designer-notes-section blockquote:before,
.blockquote-section .blockquote-text:after,
.blockquote-section .blockquote-text:before {width:50px; height: 25px;}
.text-image-section.designer-notes-section blockquote:after {display: none}
.designer-notes-section .text-image-container .col-container {flex-direction: row !important;}
.full-width-image {height: 50vh; min-height: 500px;}
.project-page-main .text-image-section {margin-top: 30px;}
.small-image .text-image-container .col-2.col-2-text {padding-top: 0; padding-left: 0;}
.text-image-section.designer-notes-section .text-panel {padding-left: 54px; padding-right: 0;}
.text-image-section.designer-notes-section .text-panel p:last-child {margin-top: 15px;}
.text-image-section.designer-notes-section blockquote:before {left: -60px;}
/* NEWSLETTER SIGN UP */
.newsletter-container .col-text-box {padding-left: 30px; padding-right: 30px;}
/* SORTING OUT THE VERTICAL SPACE */
.project-page-main .text-image-section {padding-bottom: 40px;}
.project-page-main .blockquote-section {padding-bottom: 40px; margin: 20px auto;}
.project-page-main .full-width-image {padding-bottom: 40px; margin: 20px auto;}
.more-project {}
.text-panel p:last-child {margin-bottom: 0}
/* MEET THE TEAM */
.two-col-text .text-panel.tp-right {margin-top: 40px;}
/* TEAM LISTING */
.team-listing .col-4 {width:33.333%;}
}
@media (max-width:768px) {
/* PROJECT LISTING */
.listing-text p.sub-text {font-size: 24px;}
.two-col-text .col-2 { width: 100%;}
}
@media (max-width:700px) {
/* HERO CONTAINER */
.home-hero-container .hero-text {width:100%;}
.home-hero-container .hero-text p {font-size:16px;}
.home-hero-container .property-tag {bottom: 0}
.home-hero-container .property-tag p {font-size: 11px;}
.home-hero-container .slide:after {background: linear-gradient(0deg, rgba(36,36,36,0.9) 0%, rgba(36,36,36,0.4) 50%, rgba(36,36,36,0.75) 100%);}
/* HERO CONTAINER */
/* FOR HOME PAGE AND PROJECTS PAGE */
.project-detail-hero-container,
.home-hero-container {height: 100vh; height: calc(var(--vh, 1vh) * 100);}
/* PROPERTY CAROUSEL */
.project-carousel .carousel-text h3 {font-size:40px;}
.project-carousel .carousel-text p {font-size:16px; width:414px; max-width: 100%;}
/* TESTIMONIAL CAROUSEL */
.testimonials-carousel .testimonial-text p {font-size: 20px;}
/* PROJECT LISTING */
.listing-text p {font-size: 12px;}
.listing-text p.sub-text {font-size: 22px;}
/* PROPERTY DETAIL */
.more-projects-header h3 {font-size: 6vw}
/* NEWSLETTER SIGN UP */
.newsletter-container {flex-direction: column; padding: 30px;}
.newsletter-container .col-image {flex: auto; padding-top: 66%}
/* CONTACT */
.contact-info-container .contact-info {flex-direction: column !important}
.contact-info-container .ci-top {width: 100%}
.contact-info-container .ci-map {height: 100vw; width: 100%}
}
@media (max-width:630px) {
/* LJ TIMELINE */
.lj-timeline .inner:after {left: 29px; margin-left: 0}
.timeline-item {margin-bottom: 30px;}
.timeline-item .timeline-text {width:100%; padding-right: 0 !important; padding-left: 80px !important; text-align: left !important;}
.timeline-circle {right: auto !important; left: -20px !important;}
.timeline-item .timeline-text:before {right: auto !important; left: 40px !important; transform: rotate(45deg) !important;}
.timeline-item .timeline-text:after {right: auto !important; left: 76px !important;}
/* OUR APPROACH HOME */
.our-approach-listing .col-5 {width:50%;}
.our-approach-listing-container h2 {margin-bottom: 40px;}
.our-approach-listing-container .col-5 {border: none; border-bottom: 1px dashed rgba(255,255,255,0.5);}
/* HOME PORTFOLIO */
.jmdasonry .inner {padding-left: 25px; padding-right: 25px;}
.grid-item {width: 50%;}
.grid-item--heightSQ {height: 45vw;}
.hover {padding:10px 15px;}
.hover p {font-size: 12px;}
/* OUR APPROACH PAGE */
.our-approach-process .col-2 {width:100%;}
.our-approach-process .col-container {flex-direction: column !important;}
.oa-box.arrow-down:after,
.oa-box.arrow-right:after,
.oa-box.arrow-left:after {display: none;}
.oa-box.arrow:after {transform: rotate(90deg); left: 50%; margin-left: -25px; right:auto; bottom: -37px; top:auto; margin-top: 0; display: block; content: '';}
/* PROJECT LISTING */
.listing-text p.sub-text {font-size: 20px;}
/* PROJECT DETAILS */
.more-projects-header .flex {flex-direction: column; justify-content: flex-start; align-items: center;}
.more-projects-header .flex h3 {margin-bottom: 15px; font-size: 8vw;}
/* TEAM LISTING */
.team-listing .col-4 {width:50%;}
/* MEET THE TEAM */
.stats-listing .col-3 {padding-left: 10px; padding-right: 10px;}
.stats-listing-container .stat h3 {font-size: 4.2vw; margin-bottom: 10px;}
.stats-listing-container .stat h4 {font-size: 2.5vw;}
}
@media (max-width:540px) {
.project-detail-hero-container .project-gallery-text-container {bottom:120px;}
.project-detail-hero-container .btn-gallery.btn-open-gallery {left:30px; right:auto;}
}
@media (max-width:500px) {
footer .logo,
header .logo {width:190px; display: block}
/* TESTIMONIAL CAROUSEL */
.testimonials-carousel .testimonial-text {padding: 30px;}
.testimonials-carousel .slide {height:50vh; min-height: 500px;}
.testimonials-carousel-container {padding-top: 60px;}
/* OUR APPROACH LISTING */
.our-approach-listing-container h3 {font-size: 16px;}
.our-approach-listing-container .btn {margin-top: 30px;}
/* FOOTER */
footer .col-1 {padding-bottom: 0; padding-top: 15px;}
.col-4.col-4-address {margin-bottom: 35px;}
.col-4.col-4-address,
.col-4.col-4-git {width:100%;}
/* OUR APPROACH PAGE */
.oa-box-outer {padding: 0}
.oa-box {padding: 40px 30px;}
/* PROJECT LISTING */
.listing-text p {font-size: 10px;}
.listing-text p.sub-text {font-size: 18px; line-height: 1.3em;}
.listing-hero-container .hero-text {padding-left:0; padding-right: 0; min-width: 100%}
.listing-hero-container .hero-text h1,
.listing-hero-container .hero-text h2 {font-size:40px;}
/* PROJECT DETAIL PAGE */
.project-page-main {padding-top: 150px;}
.project-page-main .text-image-section.designer-notes-section {background-color: #f7f7f7; padding-top: 30px;}
.project-detail-hero-container h1 {font-size: 6vw; margin-bottom: 15px;}
.project-detail-hero-container h2 {font-size: 15px;}
.project-detail-hero-container {min-height: 450px;}
.designer-notes-section .text-image-container .col-container {flex-direction: column !important;}
.text-image-section.small-image .col-container .col-2-image {width:100%; max-width: 100%; margin:0 auto 30px;}
.small-image .text-image-container .col-2.col-2-text {width:100%; padding-left: 30px;}
.project-intro img {margin-bottom: 30px;}
.project-intro {margin-bottom: 0;}
.project-page-main .blockquote-section {padding-bottom: 30px;}
.project-intro h1 {font-size: 34px;}
.project-images .grid .grid-item {width:100%;}
.designer-notes-section blockquote p {line-height: 1.4em}
/* CONTACT US */
.contact-info-container .info-container {padding-top: 100px;}
.contact-info-container .contact-info .ci-image {display: none}
.contact-info-container .contact-info .ci-info {width:100%; margin: 0}
/* MEET THE TEAM */
.team-listing .text-container h4 {line-height: 1.3em;}
}
@media (max-width:414px) {
h2 {font-size: 30px;}
p {font-size: 14px;}
footer ul {font-size: 14px;}
.btn span {font-size: 13px;}
.btn.small span {font-size: 10px;}
.form-cell textarea,
.form-cell input[type="text"] {font-size: 14px;}
/* CONTENT HERO */
.listing-hero-container .hero-text h1, .listing-hero-container .hero-text h2 {font-size: 36px;}
/* HOME ABOUT */
.text-panel h2 {margin-bottom: 0.8em}
/* NEWSLETTER SIGN UP */
.newsletter-container {margin-top: 0}
/* HEADER */
header .logo {width:160px; display: block}
/* CAROUSEL CONTROLS */
ul.custom_paging {padding: 0 28px;}
ul.custom_paging li {font-size: 16px;}
.slick-arrow {width:14px; height: 12px;}
/* PROJECT LISTING */
.image-listing-container .col-container {width: calc(100% - 20px);}
.image-listing-container .col-2 {padding: 10px;}
.listing-text p.sub-text {font-size: 14px; line-height: 1.3em;}
.image-listing-container {padding: 10px 0}
/* PROJECT DETAIL */
.blockquote-section .inner {padding-left: 10px; padding-right: 10px;}
/* TIMELINE */
.timeline-item .timeline-text {padding-top: 16px; padding-left: 90px !important;}
.timeline-item .timeline-text p {margin-bottom: 0; margin-top: 20px;}
/* TEAM LISTING */
.team-listing .col-4 {padding: 10px;}
.team-listing .col-container {width: calc(100% + 20px); margin-left: -10px;}
/* NEWSLETTER */
.newsletter-container {padding: 20px;}
.grid-item--heightSQ {height: 40vw;}
}
@media (max-width:413px) {
/* HEADER */
header .social-list {margin-right: 40px;}
.social-list li a svg {height: 15px;}
.social-list li {margin-left: 10px;}
header .logo {width:140px;}
.nav-icon {right: 20px;}
/* PROJECT LISTING */
.listing-hero-container ul.filter-list {font-size: 12px;}
.image-listing-container .col-2 {width: 100%;}
.listing-text p {font-size: 16px;}
.listing-text p.sub-text {font-size: 22px; line-height: 1.3em;}
/* TEAM LISTING */
.team-listing .col-4 {width: 100%}
}
@media (max-width:350px) {
}