.cols{display:flex; justify-content:space-between;}
.txt-cta { font-weight:500 !important; }
.li-2-cols { column-count:2; }
#webpage { overflow:hidden; }
.hd2 { font-size:1.25rem; }
.a1 { color:#A6A6A6; font-weight:400; border:0; background-color:transparent; padding:0; }
.a1:hover { text-decoration:underline; color:#A6A6A6; }
.a1:focus { color:#A6A6A6; }
[data-aos=fade-in]{opacity:0;}

.txt-content h3 {margin: 0 0 1em; font-size: 1.25rem; font-weight: bold;}

/* Header  updated */
.site-header { overflow:hidden; }
.site-header .cols {
	align-items:center; padding:1rem 0;
}
.site-header img.logo-link { height:60px; }
.site-header a.logo-link { display:block; }
.site-header .menu-btn {
	font-size:2rem; background-color:transparent; border:0; padding:0;
	width:50px; height:50px; line-height:50px; text-align:center;
}
.site-header .menu-btn > .btn-txt { display:none; }
.site-menu {
	position:absolute; left:100%; top:0; z-index:100; color:#000; min-height:100vh; display:flex;
	transform:translateX(0); transition-property:transform; transition-duration:.3s;
	background-color:#e6e6e6;
}
.site-menu .wrapper {
	padding:calc(50px + 5vh) 100px calc(50px + 5vh) 50px;
}
.site-menu.active { transform:translateX(-100%); }
.site-menu .close-btn {
	font-size:1.5rem; background-color:transparent; border:0; padding:0;
	width:50px; height:50px; line-height:50px; text-align:center;
	position:absolute; right:20px; top:1rem; cursor:pointer;
}
.site-menu .close-btn > .btn-txt { display:none; }
.site-menu .rgc-link-list { white-space:nowrap; }
.site-menu .rgc-link-list + .rgc-link-list { margin-top:8rem; }
.site-menu .rgc-link-list > li + li { margin-top:0.75rem; }
.site-menu .rgc-link-list a { font-weight:300; font-size:1.25rem; }
.site-menu .rgc-link-list a:hover { text-decoration:underline; }

/* Footer updated */
.site-footer { background-color:#e6e6e6; }
.footer-top { font-weight:300; font-size:16px; }
.footer-top .cols {  align-items:center; }
.footer-top img.footer-logo { height:60px; }
.footer-top .contact-list { display:flex; justify-content:space-between; }
.footer-top .contact-list [data-title]::before {
	content:attr(data-title); display:block; font-weight:400;
}
.footer-top .footer-menu { display:flex; margin:1.5rem -2rem 0; }
.footer-top .footer-menu > li { margin:0 2rem; }

.footer-btm { border-top:1px solid #0B1216; }
.footer-btm .cols { align-items:center;  }
.footer-btm .social-links { display:flex; font-size:1rem; }
.footer-btm .social-links > li + li { margin-left:3rem; }
.footer-btm .legal-links { display:inline-flex; font-size:14px; margin:0 -3rem; }
.footer-btm .legal-links li { margin:0 3rem; }
/*
.site-footer {
	background-color:#0B1216; color:#fff; background-image:url(../img/overlapping-lines-footer.png);
	background-repeat:no-repeat; background-position:left center; background-size:auto 100%; font-size:16px;
	padding:2rem 0;
}
.site-footer .cols { display:flex; justify-content:space-between; }
.site-footer .cols > .col-l { display:flex; flex-direction:column; align-items:flex-start; font-weight:400; }
.site-footer .cols > .col-r { text-align:right; }

.site-footer .logos { display:flex; margin:1.75rem 0; justify-content:space-between; }

.site-footer .logos img { max-height:40px; }
.site-footer .footer-menu {
	display:flex; justify-content:flex-end; white-space:nowrap; margin:0 -1rem; font-weight:400;
}
.site-footer .footer-menu li { margin:0 1rem; }
.site-footer .footer-menu a:hover { color:#A6A6A6; }
.site-footer img.footer-logo { height:60px; }
.site-footer a.footer-logo { display:block; margin-bottom:0.75rem; }
.site-footer a.email-link { margin:0.25rem 0; }
.site-footer a.email-link:hover { color:#A6A6A6; }
.site-footer .cols { display:flex; justify-content:space-between; }
.site-footer .copyright-text { font-size:12px; }
.site-footer a.siteby::before { content:attr(prefix);  }
.site-footer .legal-links { display:inline-flex; font-size:12px; }
.site-footer .legal-links a:hover { color:#A6A6A6; }
.site-footer .legal-links li { margin-left:1rem; padding-left:1rem; border-left:1px solid #fff; }
.site-footer .siteby { display:block; margin-top:0.75rem; font-size:12px; }
.site-footer .social-links { display:flex; font-size:1rem; margin-top:0.75rem; }
.site-footer .social-links > li + li { margin-left:1rem; }
*/

/* / updated */
section.home-video > .vc-col { position:relative; overflow:hidden; }
video.home-video { width:100%; display:block; }
section.home-video .video-wrap { position:relative; }
section.home-video .ctn.ctn-hd {
	padding-left:calc(120 * ((100vw - 1240px) / (1920 - 1240)));
	padding-right:calc(120 * ((100vw - 1240px) / (1920 - 1240)));
}
@keyframes video_slogan {
	0%   { opacity:0;}
	100%  {opacity:1; }
}
section.home-video .video-wrap .video-slogan {
	position:absolute; top:30%;  color:#fff; opacity:0; z-index:10;
	animation-duration:2.5s; animation-delay:0.5s; animation-name:video_slogan;
	animation-fill-mode:forwards;
	left:calc(((100vw - 1200px) / 2) - (120 * ((100vw - 1240px) / (1920 - 1240))));
	
}
section.home-video .video-wrap .video-slogan > .hd-main {
	display:block; font-size:3rem; text-shadow:0 0 10px #0B1216;
}
section.home-video .video-wrap .video-slogan > .hd-after {
	display:block; font-size:1.25rem; text-shadow:0 0 5px #0B1216;
}
/*
.home-banner .banner-overlay {
	 height:calc((9 / 21) * 100vw); max-height:640px; 
	display:flex; align-items:center; position:relative; 
	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);
	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);
	background:linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);
}
*/
/*
.home-banner .banner-overlay > .ctn { width:100%; }
.home-banner .cols { display:flex; }
.home-banner .cols > .col-l {
	width:40%; background-color:#0B1216; color:#fff; margin-bottom:3rem;
	padding:
		calc(60px + ((100 - 60) * ((100vw - 1240px) / (1920 - 1240))))
		calc(20px + ((80 - 20) * ((100vw - 1240px) / (1920 - 1240))))
		calc(60px + ((100 - 60) * ((100vw - 1240px) / (1920 - 1240))))
		calc(20px + ((120 - 20) * ((100vw - 1240px) / (1920 - 1240))));
	background-clip:padding-box; position:relative;
}
.home-banner .cols > .col-l::before {
	content:""; display:block; position:absolute; top:0; bottom:0; right:100%; width:100vw;
	background-color:#0B1216;
}
.home-banner .cols > .col-r { width:60%; position:relative; }
.home-banner .cols > .col-r > .btn { position:absolute; left:1.5rem; bottom:1.5rem; z-index:20; }
.home-banner .hd { font-size:calc(38px + ((50 - 38) * ((100vw - 1240px) / (1920 - 1240)))); }
.home-banner .slogan { font-size:1.25rem; margin-top:1.25rem; color:#D9D9D9; }
.home-banner .image-slider,
.home-banner .image-slider .slick-track,
.home-banner .image-slider .bg-img,
.home-banner .image-slider .slick-list {
	height:100%;
}
.home-banner .image-slider::before {
	content:""; display:block; position:absolute; top:0; left:0; 
	width:100%; height:100%; z-index:10;
	background:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.0) 20%);
}
*/
.home-video .n2-ss-slider .n2-ss-slider-controls-below {
	justify-content: flex-end; 
	flex-flow: row; 
	flex-direction: row; 
	padding: 10px 0 0 ;
	}
.home-video .n2-ss-slider .n2-ss-slider-controls-below > div {margin: 0 4px;}

#home-intro  .cols {align-items: flex-end;}
#home-intro .vc-col {width: 50%;}
#home-intro > .vc-col:first-child { margin-bottom: 60px; }


/* / updated */
.unique-approach .cols > .col-l { width:30%; }
.unique-approach .cols > .col-r { width:65%; }
.unique-approach .cols > .col-l .hd { display:none; }
.unique-approach .cols > .col-l .slogan {
	text-transform:uppercase; font-size:2.5rem; margin-top:-0.25rem; font-weight:400;
}
/*
	/
	/services/luxury-residential-home-design/
*/
.what-we-do { background-color:#0B1216; color:#fff; }
.what-we-do .img { height:60px; width:auto; margin-right:1rem; }
.what-we-do .cols {  align-items:center; }
.what-we-do .cols > .vc-col { display:flex; align-items:center; }
.what-we-do .hd { font-size:2rem; }

/* / */
.all-we-do .cols {  align-items:center; }
.all-we-do .cols > .vc-col {
	display:flex; justify-content:center; align-items:center; padding:1rem 0.25rem;
	width:calc((100% - 3rem) / 4); border:2px solid #A6A6A6; color:#A6A6A6;
}
.all-we-do .img { height:60px; width:auto; margin-right:1rem; }

/* / */
.accreditation-logos { display:flex; align-items:center; margin:0 -2rem -2rem; }
.accreditation-logos > .col { margin:0 2rem 2rem;  }
.accreditation-logos > .col:first-child > img { height: 60px; }
.accreditation-logos > .col:last-child > img { height: 50px; }

/* /  updated */
.our-services .cols > .vc-col {
	width:calc((100% - 2rem) / 3); overflow:hidden;
}
.our-services .cols > .vc-col > .bg-img {
	padding-top:100%; transform:scale(1); transition-property:background-size;
	transition-duration:.4s; position:relative; /*background-size:100% auto; */
}
.our-services .cols > .vc-col:hover > .bg-img { /* background-size:110% auto; */ }
.our-services .cols > .vc-col:hover > .service-name { text-decoration:underline; }
.our-services .cols > .vc-col > .bg-img::before {
/*
	content:""; position:absolute; left:0; right:0; bottom:0; top:0; display:block; z-index:5;
	background:-moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 50%);
	background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 50%);
	background:linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 50%);
*/
}
.our-services .service-name { color:#A6A6A6;; font-weight:400; margin-top:0.5rem; }

/* /services/interior-design/ */
.other-services .cols > .col { width:calc((100% - 3rem) / 2); display:block; }
.other-services .bg-img { padding-top:calc((10 / 16) * 100%); }
.other-services .service-name { color:#A6A6A6; font-weight:400; margin-top:0.5rem; }
.other-services .cols > a.col:hover .service-name { text-decoration:underline; }

/* /services/interior-design/ */
.our-projects .cols > .col-l { width:calc((100% - 1rem) * 0.3); }
.our-projects .cols > .col-r { width:calc((100% - 1rem) * 0.7); }
.our-projects .cols > .col-l > .bg-img:first-child { padding-top:100%; margin-bottom:1rem; }
.our-projects .cols > .col-l > .bg-img:last-child { padding-top:calc((689 / 1100) * 100%); }
.our-projects .cols > .col-r .bg-img { height:calc(100% - 30px); margin-bottom:0.5rem; }
.our-projects a.bg-img { display:block; }

/* /about-us/process/ updated */
.our-process .cols.center-items { align-items:center; }
.our-process .cols + .cols { margin-top:120px; }
.our-process .cols > .col-img { width:400px;  }
.our-process .col-img img{margin-bottom: 3rem;}
.our-process .cols > .col-img .bg-img { padding-top:calc((420 / 480) * 100%); }
.our-process .cols > .col-txt { width:calc(100% - 400px - 3rem); padding-left:2.25rem; }
.our-process .cols > .col-txt .hd { position:relative; font-size:1.25rem; }
.our-process .cols > .col-txt .hd > .hd-before {
	color:#A6A6A6; position:absolute; font-weight:400; left:-2.25rem; top:0;
}
.our-process .cols > .col-txt .hd > .hd-main { margin-top:0.25rem;  }

/* / updated */
.client-reviews ul.star-rating {
	list-style-type:none; display:inline-flex; align-items:center; color:#F2C36B;
	padding-left:0; font-size:1.25rem;
}
.client-reviews ul.star-rating > li + li { margin-top:0; margin-left:0.25rem; }
.client-reviews .reviewer { color:#A6A6A6; font-weight:400; margin-top:1rem; }
.client-reviews .review-content { line-height:24px; height:144px; overflow:hidden; text-overflow:ellipsis; }
.client-reviews .client-review-slider { padding:0; }
.client-reviews .client-review-slider > .slick-arrow {
	position:absolute; top:0; bottom:0; margin:auto 0; border:0; background-color:transparent; z-index:10;
	width:50px; height:50px; line-height:50px; text-align:center; font-size:50px; color:#A6A6A6; padding:0;
}
.client-reviews .client-review-slider > .slick-arrow.slick-prev { left:0px; transform:rotate(180deg); }
.client-reviews .client-review-slider > .slick-arrow.slick-next { right:0px; }
.client-reviews .client-review-slider .vc-col {
	margin:0 30px; padding-top:1.25rem; display:block; flex-direction:column; justify-content:center;
	background-image:url(../../../uploads/2023/03/speech-marks.png); background-repeat:no-repeat;
	background-size:auto 0.65rem; background-position:top left;
}
.client-reviews .slick-track { display:flex; }
.client-reviews .slick-slide { height:auto; }
.client-reviews .slick-list { margin-left:-30px; margin-right:-30px; }

.bg-black .client-reviews .client-review-slider .vc-col { background-color:transparent; }



/* /about-us/ updated */
.staff-intro { background-position:bottom right; background-repeat:no-repeat; }
.staff-intro .cols > .col-img { width:400px; }
.staff-intro .cols > .col-txt { width:calc(100% - 400px - 3rem); }
.staff-intro .cols > .col-img > .hd2 { display:none; margin-bottom:1.5rem; }
.staff-intro .cols > .col-img .bg-img { height:calc(100% - 40px); }
.staff-intro .cols > .col-txt p:first-child { }
.staff-intro .logos { display:flex; align-items: center; margin-top:60px;  }
.staff-intro .logos > .col + .col { margin-left:60px; }
.staff-intro .logos > .col:first-child > img { height: 60px; }
.staff-intro .logos > .col:last-child > img { height: 50px; }
.staff-intro .name-role { color:#A6A6A6; margin-top:1rem; }
.staff-intro .name-role > .hd-after { font-weight:200; margin-left:0.25rem; }
.staff-intro .name-role > .hd-before::before { content:" "; }
.staff-intro .ipad-image { display:none; }

.quote {
	font-size:22px; font-weight:300; margin-bottom:0.5rem;
	background-image:url(../../../uploads/2023/03/speech-marks.png);
	background-repeat:no-repeat; background-size:auto 0.65rem;
	background-position:left top; padding-top:1.25rem;
}
.company-profile {
	background-repeat:no-repeat; background-position:left bottom; background-size:contain;
}

/* / */
.design-approach .cols > .col { width:calc((100% - 3rem) /2 ); }
.design-approach .cols > .col-txt { padding:0rem 0; }
.design-approach .bg-img { height:100%; }

/* / */
.faq-sec .faq-head .hd { color:#A6A6A6; }
.faq-sec.bg-black .faq-head .hd { color:#fff; }
.faq-sec.bg-black .faq-section .faq-questions .questions > li { border-bottom-color:#D9D9D9; }
.faq-sec .faq-head { margin-bottom:3rem; }
.faq-sec .faq-head .faq-cta { font-weight:500; font-size:1.5rem; margin-top:1rem; color:#81a969; }

.faq-section .faq-questions .questions { display:flex; flex-wrap:wrap; margin:0 -1.25vw; }
.faq-section .faq-questions .questions > li {
	width:calc((100% - 5vw) / 2); margin:0 1.25vw; padding-bottom:1.5rem;
	border-bottom:2px solid #A6A6A6;
}
.faq-section .faq-questions .questions > li:not(.answer):nth-child(n + 3) {
	padding-top:1.5rem;
}
.faq-section .faq-questions .questions > li > a { display:block; position:relative; padding-right:2rem; }
.faq-section .faq-questions .questions > li > a::after {
	content:"\f078"; font-family:"Font Awesome 6 Pro"; font-weight:400;
	color:#81a969; position:absolute; top:1px; right:0;
}
.faq-section .faq-questions .questions > li > a.active,
.faq-section .faq-questions .questions > li > a:hover { color:#81a969; }
.faq-section .faq-questions .questions > li.answer {
	width:100%; display:none; margin-bottom:0; padding:0; border-bottom:0; margin-top:-2px;
}
.faq-section .faq-qa .answer { padding-right:5rem; }
.faq-section .faq-questions .questions > li.answer > .faq-qa {
	display:none; padding:2rem 0; position:relative;
	/* border-top:3px solid #81a969; border-bottom:3px solid #81a969; */

}
.faq-section .faq-questions .questions > li.answer > .faq-qa::before,
.faq-section .faq-questions .questions > li.answer > .faq-qa::after {
	transition-property:width; transition-duration:0.5s; height:2px;
	content:""; position:absolute; display:block; width:0px; margin:0 auto; left:0; right:0;
	background-color:#81a969;
}
.faq-section .faq-questions .questions > li.answer > .faq-qa::before { top:0; }
.faq-section .faq-questions .questions > li.answer > .faq-qa::after { bottom:0; }
.faq-section .faq-questions .questions > li.answer > .faq-qa.active { display:block; }
.faq-section .faq-questions .questions > li.answer > .faq-qa.border::before,
.faq-section .faq-questions .questions > li.answer > .faq-qa.border::after { width:100%; }
.faq-section .faq-questions .questions > li.answer .hd {
	color:#81a969; font-size:1.25rem; position:relative; cursor:pointer; 
	line-height:1.75rem; padding-right:5rem; text-transform:none;font-weight:500;
}
.faq-section .faq-questions .questions > li.answer .hd::after {
	content:"\f00d"; font-family:"Font Awesome 6 Pro"; font-size:1.5rem; position:absolute;
	right:0; top:0; font-weight:400; width:1.75rem; text-align:center;
}
.faq-section .faq-answers { display:none; }

.faq-section .question + [itemscope] { margin-top:1rem; }


/* /about-us/faqs/ */
/*
.faq-list .faq-item > .vc-col + .vc-col { margin-top:1rem; }
.faq-list .faq-item + .faq-item { margin-top:2rem; padding-top:2rem; border-top:1px solid #0B1216; }
.faq-list .question { font-weight:600; margin-bottom:1rem; text-transform:none; }
.faq-list .answer { color:#595F62; }
*/
.faq-list h2.hd { margin-bottom:2rem; }
.faq-list h2.hd:last-child { margin-bottom:0; }
.faq-list .faq { border-bottom:1px solid #A6A6A6; }
.faq-list .faq:first-child { border-top:1px solid #A6A6A6; }
.faq-list .answer {
	display:none; margin-bottom:20px; border-radius:10px;
}

.faq-list .question { padding:24px 0; position:relative; cursor:pointer; }
.faq-list .question .hd {
	font-size:20px; transition-property:color; transition-duration:400ms;
	font-weight:300; padding-right:1.5rem; text-transform:none;
	transition-property:color; transition-duration:.4s;
}
.faq-list .question:hover .hd { color:#A6A6A6; }
.faq-list .question::before {
	content:"\e59e"; font-family:"Font Awesome 5 Pro"; cursor:pointer;
	position:absolute; right:0; font-weight:100; line-height:1.25rem;
	text-align:center; display:block; margin:auto 0; height:1.25rem; width:1.25rem;
	top:0; bottom:0; transform-origin:50% 50% 0;
	transition-property:transform; transition-duration:.4s;
}
.faq-list .question.closed::before { transform:rotate(45deg); }
.faq-list .question.closed .hd { }
.faq-list h4 + ul { margin-top:0.25rem; }
.faq-list .answer > .txt-content + .btn { margin-top:1.5rem; }

/* / */
.vision-to-life { background-color:#0B1216; }
.vision-to-life .bg-overlay { background-color:rgba(0, 0, 0, 0.4); }
.vision-to-life .cols { align-items:center; }
.vision-to-life .cols > .col-r { padding-top:1rem; border-left:4px solid #FFF; }
.vision-to-life .cols > .col-r > .inner-col {
	border-top:4px solid #FFF; margin-left:calc(-1rem - 4px); padding-left:calc(1rem + 4px); 
}
.vision-to-life .cols > .col-r > .inner-col > .wrapper {
	background-color:#FFF; padding:2rem 5rem 3rem 2rem; position:relative;
}
.vision-to-life .cols > .col-r .cta-btn { position:absolute; right:1rem; bottom:0; transform:translateY(50%); }
.vision-to-life .cols > .col-l h2.hd { font-size:3rem; }
.vision-to-life .cta { font-size:1.25rem; font-weight:500; margin:0.75rem 0 1.25rem; }

.lets-chat { font-weight:300; font-size:30px; padding: 120px 0}
.lets-chat > .vc-col > span { display: inline-block; margin-right:2rem; }
.lets-chat a { color:#A6A6A6; white-space: nowrap; }
.lets-chat a:hover { text-decoration:underline; }
/*
	/
	/about-us/
*/
.latest-news .body .cols {
	flex-wrap:wrap;  margin-bottom:-4rem;
}
.latest-news .body .cols > .vc-col { width:calc((100% - 4rem) / 2); margin-bottom:4rem; }
.latest-news .wrapper { margin-bottom:1rem; }
.latest-news .news-thumb {
	padding-top:calc((9 / 21) * 100%); display:block; position:relative; background-origin:border-box;
	transition-duration:.4s; transition-property:border-color;
}
.latest-news .news-title { font-size:1.1rem; font-weight:300; text-transform:none; }
.latest-news .excerpt { color:#595F62; margin-top:0.5rem !important; }





/* Single News */
.news-content h1 { font-size:1.75rem; }
.news-content > .ctn > .txt-content { margin-top:1rem; }
.news-content h2 { margin-bottom:0.5rem; text-transform:none; font-size:1.25rem; }
.news-content h2:not(:first-child) { margin-top:2.5rem; }
.news-content p > img { margin-top:2.5rem; }

/* PAGE HEADER */
.page-header { padding:120px 0 60px; }
.page-header .hd { font-weight:300; }
.page-header .hd > .hd-before { font-size:1.5rem; }
.page-header .hd > .hd-main { font-size:2.5rem; display:block; }
.page-header .hd > .hd-after { font-size:1.25rem; color:#A6A6A6; }
.page-header .hd + .btn { margin-top:1.5rem; }

/* /services/ */
.service-blocks { display:flex; flex-wrap:wrap; margin:0 -1rem -2rem; }
.service-blocks > .vc-col {
	width:calc((100% - 6rem) / 3); margin:0 1rem 2rem; font-weight:300;
}
.service-blocks .service-name { color:#A6A6A6; font-size:1.25rem; }


/* /about-us/company-profile/ updated */
.why-choose-us .cols + .cols { margin-top:4rem; }
.why-choose-us .cols > .col { width:calc((100% - 3rem) / 2); }
.why-choose-us .cols > .col-txt { padding:4rem 0; }
.why-choose-us .cols > .col-txt .hd { color:#81a969; font-weight:500; font-size:1.25rem; display:block; }
.why-choose-us .cols > .col-txt .hd a::after { content:" \f054"; font-family:"Font Awesome 6 Pro"; }
.why-choose-us .cols:nth-child(odd) > .col-txt { text-align:right; }
.why-choose-us .cols > .col-img .bg-img { height:100%; }

/* /services/ */
.design-services .cols + .cols { margin-top:120px; }
.design-services .cols > .col { width:calc((100% - 3rem) / 4); }
.design-services .cols > .col-txt { padding:4rem 0; }
.design-services .cols > .col-txt .hd { font-weight:300; font-size:1.25rem; display:block; }
.design-services .cols > .col-img .bg-img { height:100%; min-height: 30vh; display: block; margin-bottom: 1rem;}


/* /services/luxury-residential-home-design/ */
.txt-img-row .cols { display:flex; }
.txt-img-row .cols > .col { width:50%; }
.less-block + .more-block { padding-top:1.5rem; }
button.more-less {
	margin-top:1.5rem; background-color:transparent; padding:0; border:0; color:#A6A6A6;
}
button.more-less::after { font-family:"Font Awesome 6 Pro"; margin-left:0.25rem; }
button.more-less.read-more::after { content:"\f078"; }
button.more-less.read-less::after { content:"\f077"; }

/* /services/luxury-residential-home-design/ */
.why-us {
	background-repeat:no-repeat; background-size:contain; background-position:left top;
	color:#FFF; background-color:#242a2e;
}
.why-us .cols { align-items:center;}
.why-us .cols > .col-l { width:calc((100% - 2rem) * 0.25); }
.why-us .cols > .col-r { width:calc((100% - 2rem) * 0.75); font-size:1.25rem; }
.why-us .cols > .col-l .hd { font-size:2.25rem; font-weight:500; color:#81a969; }
.why-us .reasons { display:flex; text-align:center; justify-content:space-between; }
.why-us .reasons > .vc-col { width:calc((100% - 4rem) / 3); }
.why-us .reasons .img { height:60px; width:auto; margin:0 auto; }
.why-us .reasons .hd {
	font-weight:600; margin:0 0 0.5rem; text-transform:none; color:#81a969;
}

/* /services/* updated */
.view-projects { position:relative; padding-bottom:1.25rem; }
.view-project .cols { display:flex; }
.view-project .cols > .col { position:relative; }
.view-project .cols > .col-img::before { right:0; }
.view-project .cols > .col-img { width:65%; }
.view-project .cols > .col-txt {
	width:35%; overflow:hidden; padding-top:3rem; padding-bottom:3rem; background-color:#81a969;
	padding-left:calc(0px + ((30 - 0) * ((100vw - 1240px) / (1920 - 1240)))); color:#FFF; z-index:10;
	padding-right:calc(90px + ((120 - 90) * ((100vw - 1240px) / (1920 - 1240)))); top:1.5rem;
	box-shadow:-1.5rem 0 #81a969;
}
.view-project .project-name {
	font-size:calc(30px + ((50 - 30) * ((100vw - 1240px) / (1920 - 1240)))); margin-top:0.5rem;
}

/* /about-us/ */
.overlapping-lines-about-us {
	background-position:top right; background-repeat:no-repeat;
}
.two-projects .cols > .col { width:calc((100% - 1.5rem) / 2); }
.two-projects .cols > .col-l .bg-img { height:100%; }
.two-projects .cols > .col-r .bg-img { padding-top:calc((9 / 21) * 100%); }
.two-projects .cols > .col-r .hd { font-size:2rem; padding:2rem 0; }
.two-projects a.bg-img { display:block; position:relative; }
.two-projects a.bg-img > .txt-layer {
	color:#fff; text-transform:uppercase; position:absolute; bottom:1rem; right:2rem; 
}
.two-projects a.bg-img:hover { font-weight:600; }
.two-projects a.bg-img > .txt-layer::after {
	content:"\f054"; font-family:"Font Awesome 6 Pro"; margin-left:1rem;
}

/* /contact-us/ */
.contact-info .cols > .col-l { width:400px; }
.contact-info .cols > .col-r { width:calc(100% - 400px - 3rem); }
.contact-info .cols > .col-info { font-weight:300; }
.contact-info .contact-list [data-title]::before {
	content:attr(data-title); display:block; font-weight:400;
}
.contact-info .contact-list > li + li { margin-top:1.5rem; }
.contact-info .social-links { margin:2rem 0; }
.contact-info .social-links::before { content:"Follow Us"; display:block; font-weight:400; }
.contact-info .social-links > li { display:inline-block; }
.contact-info .social-links > li + li { margin-left:1rem; }
#map { height:575px; }
#btn-submit { 
	
}


/* /contact-us/ */
#contact-us-form .field-label { font-weight:300; }
#contact-us-form .col-attach { display:flex; flex-direction:column; justify-content:space-around; }
#contact-us-form .codedropz-upload-inner h3 { font-size:18px; line-height:normal; font-weight:200; }

/* /projects/  */
.categorised-projects .project-categorises { display:flex; position:relative; }
.categorised-projects .project-categorises > .vc-col {
	text-align:center; color:#A6A6A6; font-size:1.25rem; font-weight:300;
	cursor:pointer; background-color:transparent; 
	transition-property:color, background-color; transition-duration:.4s;
	display:flex; align-items:center; justify-content:center;
}
.categorised-projects .project-categorises > .vc-col + .vc-col {
	margin-left:calc(2rem + 2px); position:relative;
}
.categorised-projects .project-categorises > .vc-col + .vc-col::before {
	content:""; width:2px; background-color:#A6A6A6; top:2px; bottom:2px;
	position:absolute; right:calc(100% + 1rem);
}
.categorised-projects .project-categorises > .vc-col.active {
	font-weight:400;
}
.categorised-projects .project-list { display:none; text-align:center; }
.categorised-projects .project-list.active { display:block; }

.project-list a.bg-img { display: block; }
.project-list.all a.bg-img {aspect-ratio: 3/4;}
.project-list > .vc-row { display:flex; justify-content:space-between; }
.project-list > .vc-row + .vc-row { margin-top:1rem; }
.project-list.all > .vc-row + .vc-row {margin-top: 0.3rem;}
.project-list > .vc-row > .col-half { width:calc((100% - 1rem) / 2); }
.project-list > .vc-row > .col-quarter { width:calc((100% - 1rem) / 4); }
.project-list > .vc-row > .col-1 { width:calc((100% - 2rem) / 3); }
.project-list > .vc-row > .col-2 { width:calc((((100% - 2rem) / 3) * 2) + 1rem); }
.project-list > .vc-row > .col-1 .bg-img, .project-list > .vc-row > .col-quarter .bg-img { padding-top:100%; }
.project-list > .vc-row > .col-2 .bg-img { height:100%; }
.project-list > .vc-row.project-row-2 > .col-1 .bg-img { padding-top:calc((10 / 16) * 100%); }
.project-row-2 > .col-1 .bg-img:first-child { margin-bottom:1rem; }
.project-row-3 > .col-l > .bg-img { height:100%; }
.project-row-3 > .col-r > .bg-img { padding-top:calc((10 / 16) * 100%); }
.project-row-3 > .col-r > .bg-img + .bg-img { margin-top:1rem; }
.project-row-4 > .col-r > .bg-img:first-child,
.project-row-4 > .col-l > .bg-img:last-child {
	padding-top:calc((10 / 16) * 100%);
}
.project-row-4 > .col-l > .bg-img:first-child,
.project-row-4 > .col-r > .bg-img:last-child {
	padding-top:calc((20 / 16) * 100%);
}
.project-row-4 .bg-img + .bg-img { margin-top:1rem; }

.project-block { position:relative; cursor:pointer; display:block; }
.project-block::before {
	content:""; display:block; left:0; right:0; top:0; bottom:0; background-color:transparent;
	z-index:5; transition-property:background-color; transition-duration:.4s; position:absolute;
}
.project-block.active::before { background-color:rgba(230, 230, 230, 0.92); }
.project-block .block-content {
	position:absolute; top:50%; transform:translateY(-50%); z-index:10; left:0; right:0; 
	padding:0 0.5rem; opacity:0; transition-property:opacity; transition-duration:.4s; text-align:center;
}
.project-block.active .block-content { opacity:1; }
.project-block .project-title { font-weight:500; font-size:1.25rem; margin-bottom:0.5rem; }
.project-block .view-project {
	text-transform:uppercase; font-size:1rem; color:#0B1216;
	border:0; padding:0; background-color:transparent; font-weight:300;
}
.project-block .view-project::after { content:"\2b"; font-family:"Font Awesome 6 Pro"; margin-left:0.5rem; }
.project-sliders > [data-project] { display:none; padding:0 50px; }
.project-sliders > [data-project].active { display:block; }
.project-sliders .project-title {
	color:#FFF; font-weight:500; line-height:1.25rem; padding-top:0.5rem;
	padding-right:150px; display:none;
}


.project-sample-slider { border:3px solid #FFF; height:600px; overflow:hidden; background-color:#0B1216; }
.project-sample-slider::before {
	content:""; display:block; position:absolute; right:100%; bottom:100%; z-index:20;
	border:solid #fff; border-width:0 3px 3px 0; width:1rem; height:1rem;
}
.project-sample-slider::after {
	content:attr(data-nav); position:absolute; right:2.5rem;
	top:calc(100% + 0.25rem + 3px); color:#FFF; line-height:2rem;
}
.project-sample-slider > .slick-arrow {
	position:absolute; top:0; bottom:0; margin:auto 0; width:50px; height:50px; line-height:50px; padding:0;
	font-size:50px; text-align:center; z-index:20; border:0; background-color:transparent; color:#FFF;
}
.project-sample-slider > .slick-arrow.slick-prev { right:calc(100%);}
.project-sample-slider > .slick-arrow.slick-next { left:calc(100%); }
.project-sample-slider img { max-height:calc(100vh - 30px - 6px - 90px); margin:0 auto; }
.project-sample-slider .col > .bg-img { padding-top:100%; }

#myModal .modal-dialog {
	padding:0; background-color:transparent; overflow:visible; margin:auto; top:50%; transform:translateY(-50%);
}
#myModal #modal-close {
	position:absolute; top:calc(100% + 3px); right:50px; font-size:1.5rem; outline:0; color:#fff;
	padding:0; text-align:center; display:block; width:2rem; height:2rem; line-height:2rem;
	background-color:transparent; border:0;
}

.hd-txt-row .cols > .col-hd { width:calc((100% - 3rem) * 0.3); }
.hd-txt-row .cols > .col-txt { width:calc((100% - 3rem) * 0.7); }

/* /project/* */
.video-slider { position:relative; padding-bottom:3rem; }
.video-slider .slick-arrow {
	border:1px solid #A6A6A6; padding:0; position:absolute; bottom:0;
	width:2rem; height:2rem; line-height:calc(2rem - 2px); background-color:transparent;
	text-align:center;
}
.video-slider .slick-arrow.slick-prev { right:2rem; }
.video-slider .slick-arrow.slick-next { right:0; }

/* Single Project */
.client-review { display: none; }
.client-review .review-content {
	padding-top:1.25rem;
	background-image:url(../../../uploads/2023/03/speech-marks.png); background-repeat:no-repeat;
	background-size:auto 0.65rem; background-position:top left;
}
.client-review .client-name { color:#A6A6A6; margin-top:1rem; font-weight:300; }

/* Single Project */
.project-images-slider { position:relative; padding-bottom:3rem; }
.project-images-slider .slick-arrow {
	border:1px solid #A6A6A6; padding:0; position:absolute; bottom:0;
	width:2rem; height:2rem; line-height:calc(2rem - 2px); background-color:transparent;
	text-align:center;
}
.project-images-slider .slick-arrow.slick-prev { right:2rem; }
.project-images-slider .slick-arrow.slick-next { right:0; }
.project-images-slider .bg-img { padding-top:calc((9 / 16) * 100%); }


/* Lightbox */
.lb-outerContainer { background-color:transparent; }
.lb-dataContainer { padding-top:1rem; }
.lb-container { padding:0 2rem; }
.lightbox .lb-image { border-radius:0; border:0; }
.lb-nav { left:-1rem; width:auto; right:-1rem; }
.lb-data { padding:0 2.5rem; display:flex; justify-content:space-between; align-items:center; }
.lb-data .lb-caption { font-size:1rem; font-weight:500; color:#FFF; }
.lb-data .lb-number { display:none !important; }
.lb-nav span.lb-next { opacity:1; background-position-x:calc(100% + 20px); }
.lb-nav span.lb-prev { opacity:1; background-position-x:-20px; }
.lb-data .lb-close { opacity:1; }

/* /services/ updated */
.col-list-1 { column-count:2; }

/*  */
.yt-autoplay-on-scroll { position:relative; padding-top:calc((9 / 16) * 100%); }
.yt-autoplay-on-scroll iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

@media (min-width:1921px) {
	.view-project .cols > .col-txt { padding-left:3rem; padding-right:6rem; }
	.view-project .project-name { font-size:50px; }

	.home-banner .cols > .col-l { padding-left:120px; }
	.home-banner .hd { font-size:2.5rem; }

	.faq-section .faq-questions .questions { margin:0 -24px; }
	.faq-section .faq-questions .questions > li { margin:0 24px;}

	.why-us { background-position-x:calc((100vw - 1920px) / 2); }

	section.home-video .video-wrap .video-slogan {
		left:calc(((1920px - 1200px) / 2) - (120 * ((100vw - 1240px) / (1920 - 1240))));
	}
}
@media (max-width:1450px) {
	.what-we-do .hd { font-size:1.5rem; }
	.what-we-do .img { height:40px; margin-right:0.5rem; }
	
}
@media (max-width:1400px) {
	.all-we-do .img { margin-right:0.5rem; }
}
@media (max-width:1350px) {
	.why-us .cols { flex-direction:column; }
	.why-us .cols > .col-l { width:auto; max-width:768px; text-align:center; }
	.why-us .cols > .col-r { width:auto; max-width:1200px; margin-top:2rem; }

	.all-we-do .img { height:50px; }
}
@media (max-width:1300px) {
	.all-we-do .img { height:60px; margin-right:0; margin-bottom:0.75rem; }
	.all-we-do .cols > .vc-col { flex-direction:column; text-align:center; }
}
@media (max-width:1240px) {
	.other-services .cols > .col { width:calc((100% - 20px) / 2); }

	section.home-video .ctn.ctn-hd { padding-left:0; padding-right:0; }
	section.home-video .video-wrap .video-slogan { left:20px; }
	section.home-video .video-wrap .video-slogan > .hd-main {
		font-size:calc(27px + ((54 - 27) * ((100vw - 320px) / (1240 - 320))));
	}

	.faq-section .faq-qa .answer { padding-right:0; }
	.faq-section .faq-questions .questions > li.answer .hd { padding-right:3rem; }

	.design-approach .cols > .col-l .hd { padding-left:20px; }
	.design-approach .cols > .col-r { padding-right:20px; }

	.why-choose-us .cols > .col { width:calc((100% - 2rem) / 2); }
	.why-choose-us .cols > .col-txt { padding:2rem 0; }
	

	.txt-img-row { position:relative; }
	.txt-img-row .cols { display:block; }
	.txt-img-row .txt-green { color:#FFF !important; }
	.txt-img-row .cols > .col { width:auto; }
	.txt-img-row .cols > .col-txt { color:#FFF; }
	.txt-img-row .cols > .col-txt .hd2 { color:#D9D9D9; }
	.txt-img-row .cols > .col-img,
	.txt-img-row .cols > .col-img::before {
		position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1;
	}
	.txt-img-row .cols > .col-img::before { content:""; background-color:rgba(0, 0, 0, 0.6); }

	.view-project .cols > .col-img { width:50%; }
	.view-project .project-name {
		font-size:calc(30px + ((50 - 30) * ((100vw - 992px) / (1240 - 992))));
	}
	.view-project .cols > .col-txt {
		width:50%;
		padding-left:calc(30px + ((60 - 30) * ((100vw - 992px) / (1240 - 992)))); 
		padding-right:calc(90px + ((120 - 90) * ((100vw - 992px) / (1240 - 992))));
	}

	.home-banner .cols > .col-l { width:500px; padding:60px 20px; }
	.home-banner .cols > .col-r { width:calc(100% - 500px); }
	.home-banner .hd { font-size:38px; }

	.latest-news .body .cols > .vc-col { width:calc((100% - 2rem) / 2); }
}
@media (max-width:1200px) {
	.what-we-do .cols { flex-wrap:wrap; }
	.what-we-do .hd { font-size:2rem; margin:0 auto; }
	.what-we-do .img { height:60px; margin-right:1rem; }
	.what-we-do .cols > .vc-col:first-child { width:100%; margin-bottom:1.5rem; }

	.faq-sec .faq-body > .vc-row { display:block; }
	.faq-sec .faq-body > .vc-row > .vc-col { width:auto; }
	.faq-sec .faq-body > .vc-row > .vc-col:nth-child(even)::before { display:block; }
	.faq-sec .faq-body > .vc-row > .vc-col:nth-child(2) { margin-top:4rem; }
	.faq-sec.bg-black .faq-body > .vc-row > .vc-col:nth-child(even)::before { background-color:#FFF; }

	.vision-to-life .cols { flex-direction:column; }
	.vision-to-life .cols > .col-r { margin-top:2rem; }
	.vision-to-life .cols > .col-l h2.hd { text-align:center; }

	.staff-intro .cols > .col-txt { width:calc(100% - 400px - 1.5rem); }
}
@media (max-width:1150px) {
	.footer-top .footer-menu { margin-left:-1.5rem; margin-right:-1.5rem; }
	.footer-top .footer-menu > li { margin-left:1.5rem; margin-right:1.5rem; }
	.footer-btm .legal-links { margin-left:-2rem; margin-right:-2rem; }
	.footer-btm .legal-links li { margin-left:2rem; margin-right:2rem; }
}
@media (max-width:1100px) {
	.what-we-do .img { height:40px; margin-right:0.5rem; }

	.home-banner .cols { flex-direction:column-reverse; }
	.home-banner .cols > .col-l { width:auto; margin-bottom:0; text-align:center; }
	.home-banner .cols > .col-r { width:auto; height:calc((9 / 16) * 100vw); max-height:450px; }
	.home-banner .hd { font-size:calc(24px + ((50 - 24) * ((100vw - 320px) / (1100 - 320)))); }
}
@media (max-width:1050px) {
	.footer-top .footer-menu { margin-left:-1rem; margin-right:-1rem; }
	.footer-top .footer-menu > li { margin-left:1rem; margin-right:1rem; }
	.footer-btm .legal-links { margin-left:-1rem; margin-right:-1rem; }
	.footer-btm .legal-links li { margin-left:1rem; margin-right:1rem; }

	
	.all-we-do .cols { justify-content:center; margin:0 -0.5rem; }
	.all-we-do .cols > .vc-col { width:auto; padding:1rem; margin:0 0.5rem; }

	.unique-approach .cols { flex-direction:column; align-items:center; text-align:center; }
	.unique-approach .cols > .col-l { width:auto; }
	.unique-approach .cols > .col-l .hd { display:block; }
	.unique-approach .cols > .col-l .slogan { margin-top:1rem; }
	.unique-approach .cols > .col-r { width:auto; }
	.unique-approach .cols > .col-r .hd { display:none; }

	.our-services .cols > .vc-col { width:calc((100% - 2rem) / 3); }
}
@media (max-width:992px) {
	.hd-txt-row .cols > .col-hd { width:calc((100% - 1.5rem) * 0.4); }
	.hd-txt-row .cols > .col-txt { width:calc((100% - 1.5rem) * 0.6); }
	.page-header .hd > .hd-main { font-size:2rem; }

	.design-services .cols > .col { width:calc((100% - 1.5rem) / 2); }
	.design-services .cols > .col-txt { padding:0; }

	.design-approach .services { margin-top:0; padding-top:calc((9 / 21) * 100vw); padding-bottom:1.5rem; }
	.design-approach .cols { display:block; }
	.design-approach .cols > .col { width:auto; }
	.design-approach .cols > .col-l { position:relative; }
	.design-approach .cols > .col-r { margin-top:3rem; }
	.design-approach .cols > .col-l .hd { position:absolute; left:0; top:20px; }
	.design-approach .cols > .col-r .txt-content ul { column-count:2; column-gap:2rem; }
	.design-approach .bg-img { padding-top:calc((9 / 16) * 100%); }
	
	.faq-sec .faq-head { margin-bottom:1.5rem; }
	.faq-section .faq-questions .questions { display:block; margin:0; }
	.faq-section .faq-questions .questions > li { margin:0; width:auto; padding-top:1.5rem; }
	
	.news-content h1 { font-size:1.5rem; }

	.latest-news .body .cols {
		display:block; margin-left:auto; margin-right:auto;
	}
	.latest-news .body .cols > .vc-col { width:auto; }

	.why-choose-us .cols { flex-direction:column; align-items:center; }
	.why-choose-us .cols > .col-txt { width:auto; text-align:center; padding-top:2rem; padding-bottom:0; }
	.why-choose-us .cols:nth-child(odd) > .col-txt { text-align:center; }
	.why-choose-us .cols > .col-img { width:100%; max-width:640px; }
	.why-choose-us .cols > .col-txt.col-l { order:2; }
	.why-choose-us .cols > .col-img.col-r { order:1; }
	.why-choose-us .cols > .col-img .bg-img { height:auto; padding-top:calc((9 / 21) * 100%); }
	
	.txt-img-row .cols > .col-txt { text-align:center; }

	.view-project .cols { display:block; }
	.view-project .cols > .col-img { padding-top:calc((9 / 21) * 100%); width:auto; }
	.view-project .cols > .col-txt {
		width:auto; text-align:center; padding-left:6rem; padding-right:6rem;
		box-shadow:none; top:auto;
	}
	.view-project .cols > .col-img::before {
		width:auto; height:4px; top:auto; bottom:0; left:-1rem; right:-1rem;
	}
	.view-projects .slick-arrow {
		top:calc(((9 / 21) * (100vw - 40px - 2rem)) + ((100% - ((9 / 21) * (100vw - 40px - 2rem)))) / 2);
		bottom:auto; margin-top:0; margin-bottom:0; transform:translateY(-50%);
	}
	.view-projects .slick-arrow.slick-prev { transform:translateY(-50%) rotate(180deg); }
	.view-project .project-name {
		font-size:calc(24px + ((50 - 24) * ((100vw - 320px) / (992 - 320))));
	}

	.two-projects .cols { display:block; }
	.two-projects .cols > .col { width:auto; }
	.two-projects .cols > .col-r .hd {
		padding-left:20px; padding-right:20px; margin-left:auto; margin-right:auto;
		font-size:calc(24px + ((40 - 24) * ((100vw - 320px) / (992 - 320)))); text-align:center;
	}
	.two-projects .cols > .col-l .bg-img { padding-top:calc((9 / 21) * 100%); }

	.categorised-projects .project-categorises > .vc-col { padding:0.25rem 0.5rem; }

	.field-groups > .field-group.col-half { width:calc((100% - 1.5rem) / 2); }

	.our-process .cols > .col-txt { width:calc(100% - 400px - 1.5rem); }
}
@media (max-width:950px) {
	.what-we-do .img { height:60px; margin-right:1rem; }
	.what-we-do .cols { margin-bottom:-2rem; }
	.what-we-do .cols > .vc-col + .vc-col {
		width:50%; padding:0 1rem; margin-bottom:2rem; justify-content:center;
	}


	.footer-top .cols { flex-direction:column; }
	.footer-top .cols > .col + .col { margin-top:2rem; }
	.footer-top .cols > .col-r { width:100%; }
	.footer-top .footer-menu { margin-left:0; margin-right:0; justify-content:space-between; }
	.footer-top .footer-menu > li { margin-left:0; margin-right:0; }
	.footer-btm .cols { flex-direction:column; }
	.footer-btm .cols > .col + .col { margin-top:0.5rem; }
	.footer-btm .cols > .col-r { width:100%; }
	.footer-btm .legal-links { justify-content:space-between; margin-left:0; margin-right:0; display:flex; }
	.footer-btm .legal-links li { margin-left:0; margin-right:0; }
}
@media (max-width:900px) {
	.staff-intro .cols { flex-direction:column-reverse; }
	.staff-intro .cols > .col-img { width:auto; margin-bottom:60px; }
	body.page-id-17 .staff-intro .cols > .col-img { max-width: 400px; }
	.staff-intro .cols > .col-txt { width:auto; }
	.staff-intro .ipad-image { display:block; }
	.staff-intro .ipad-image + .bg-img { display: none; }
	.staff-intro .cols > .col-img .bg-img { padding-top: 100%; background-position-y: top; }
	
	
	.contact-info .cols > .col-r,
	.contact-info .cols > .col-l {
		width:calc((100% - 2rem) / 2);
	}

	.all-we-do .cols { flex-wrap:wrap; justify-content:space-between; margin:0 0 -1rem; }
	.all-we-do .cols > .vc-col {
		width:calc((100% - 1rem) / 2); margin:0 0 1rem; flex-direction:row;
		text-align:left; padding:1rem 0.5rem;
	}
	.all-we-do .img { margin-bottom:0; margin-right:1rem; }

	.our-process .cols { flex-direction:column-reverse; }
	.our-process .cols > .col-img { margin-bottom:1.5rem; max-width:100%; }
	.our-process .cols > .col-txt { width:auto; }
}
@media (max-width:850px) {
	.why-us .reasons { flex-direction:column; align-items:center; }
	.why-us .reasons > .vc-col { width:auto; max-width:480px; }
	.why-us .reasons > .vc-col + .vc-col { margin-top:2rem; }
}
@media (max-width:768px) {
	.vc-row {display: block;}
	#home-intro { display: flex; flex-direction: column-reverse; }
	#home-intro > .vc-col:first-child { margin-top: 60px; margin-bottom: 0; }

	.site-header .cols { padding: 1.5rem 0; }
	section.home-video .video-wrap { height: calc((9 / 16) * 160vw); background-color: #F2C36B; }
	video.home-video {
		position: absolute; top: 0; height: 100%; width: auto; max-width: none;
/* 		left: -30vw; */
	}
	.quote { font-size: 20px; }
	.project-list > .vc-row > .col-half { width:calc((100% - 10px) / 2); }
	.project-row-3 > .col-r > .bg-img + .bg-img { margin-top:10px; }

	.hd-txt-row .cols { display:block; }
	.hd-txt-row .cols > .col-hd { width:auto; }
	.hd-txt-row .cols > .col-txt { width:auto; }
	.hd-txt-row .cols > .col + .col { margin-top:1.5rem; }

	.other-services .cols > .col { width:calc((100% - 10px) / 2); }

	.our-projects .cols > .col-l { width:calc((100% - 10px) * 0.4); }
	.our-projects .cols > .col-r { width:calc((100% - 10px) * 0.6); }
	.our-projects .cols > .col-l > .bg-img:first-child { margin-bottom:10px; }
	
	.contact-info .cols { display:block; }
	.contact-info .cols > .col-l { width:auto; }
	.contact-info .cols > .col-r { width:auto; margin-top:2rem; }
	.contact-info .contact-list { display:flex; justify-content:space-between; }
	.contact-info .contact-list > li + li { margin-top:0; }
	#contact-us-form .col-attach { display:block; }
	
	#contact-form { padding-bottom: 40px; }

	.faq-list .question { padding:16px 0; }
	.faq-list .question .hd { font-size:16px; }
	.design-services .cols { display:block; }
	.design-services .cols + .cols { margin-top:80px; }
	.design-services .cols > .col { width:auto; }
	.design-services .cols > .col-txt { margin-top:2rem; }
	.design-services .cols > .col-img .bg-img {
		height:auto; padding-top:calc((9 / 16) * 100%);
	}
	.page-header { padding:80px 0 40px; }


	.lets-chat { font-size:1.5rem; }
	.li-2-cols { column-count:auto; }
	/* .site-header .menu-btn { font-size:40px; width:40px; height:40px; line-height:40px; } */
	.site-menu .wrapper {
		padding:60px 60px 0 40px;
	}
	/*
	.site-menu { display:none; }
	.site-header .menu-btn { display:none; }
	.mburger { display:block; }
	*/
	section.home-video .video-wrap .video-slogan { left:10px; }
	section.home-video .video-wrap .video-slogan > .hd-after { font-size:1rem; }
	.what-we-do .cols { display:block; padding-top:1.5rem; padding-bottom:1.5rem; }
	.what-we-do .cols > .vc-col:first-child { margin-bottom:2rem; }
	.what-we-do .cols > .vc-col + .vc-col { padding:0; width:auto; flex-direction:column; text-align:center; }
	.what-we-do .hd { font-size:1.5rem; }
	.what-we-do .img { height:50px; margin-right:0; margin-bottom:0.5rem; }
	
	.design-approach .cols > .col-l .hd { padding-left:10px; top:10px; }
	.design-approach .services { padding-bottom:10px; padding-right:10px; padding-top:calc((9 / 16) * 100vw); }

	.faq-sec .faq-head { }
	.faq-sec .faq-head .cols { flex-direction:column; align-items:center; }
	.faq-sec .faq-head .cols > .col + .col { margin-top:2rem; }

	.faq-section .faq-questions .questions > li { padding-top:1rem; padding-bottom:1rem; }
	.faq-section .faq-questions .questions > li:not(.answer):nth-child(n+3) { padding-top:1rem; }
	.faq-section .faq-questions .questions > li.answer > .faq-qa { padding:1.5rem 0; }

	.vision-to-life { }
	.vision-to-life .cols > .col-l h2.hd { font-size:calc(24px + ((48 - 24) * ((100vw - 320px) / (768 - 320)))); }
	.vision-to-life .cols > .col-r { margin-left:2rem; margin-right:2rem; }
	.vision-to-life .cols > .col-r .cta-btn { right:50%; transform:translate(50%, 50%); }
	.vision-to-life .cols > .col-r > .inner-col > .wrapper { padding-right:2rem; }

	.latest-news .news-thumb { padding-top:calc((9 / 16) * 100%); }


	.view-project .cols > .col-img { padding-top:calc((9 / 16) * 100%); }
	.view-project .cols > .col-txt { padding-left:3rem; padding-right:3rem; }
	.view-projects .slick-arrow { top:calc((9 / 16) * (100vw - 20px) + 1rem); transform:none; }
	.view-projects .slick-arrow.slick-prev { transform:rotate(180deg); left:1rem; }
	.view-projects .slick-arrow.slick-next { right:1rem; }

	.two-projects .cols > .col-r .hd { padding:1rem 10px; }

	#contact-us-form.field-groups { display:block; }
	#contact-us-form.field-groups > .field-group.col-half { width:auto; }
	#contact-us-form .col-attach { flex-direction:row; justify-content:space-between; }

	.home-banner .cols > .col-l { padding:40px 10px; }

	.all-we-do .cols { margin:0 -5px; justify-content:center; }
	.all-we-do .cols > .vc-col {
		width:auto; margin:0 5px; flex-direction:column; text-align:center; padding:1rem;
	}
	.all-we-do .img { height:50px; margin-right:0; margin-bottom:0.75rem; }


	.client-reviews .review-content { height:auto; }
	.client-reviews .client-review-slider { padding:0; }
	.client-reviews .client-review-slider .vc-col { padding-top:1.5rem; }

	.project-sliders > [data-project] { padding:0 30px; }
	.project-sample-slider > .slick-arrow { width:40px; }
	#myModal #modal-close { bottom:-3px; right:0; }
	.project-sliders .project-title { padding-right:0; padding-top:2rem; }
	.project-sample-slider::after { right:0; top:calc(100% + 3px); }

	.unique-approach .cols > .col-l .slogan { font-size:calc(24px + ((40 - 24) * ((100vw - 320px) / (768 - 320)))); }

	.project-list > .vc-row + .vc-row { margin-top:10px; }
	.project-list > .vc-row > .col-1 { width:calc((100% - 20px) / 3); }
	.project-list > .vc-row > .col-2 { width:calc((((100% - 20px) / 3) * 2) + 10px); }
	.project-row-2 > .col-1 .bg-img:first-child { margin-bottom:10px; }

	.why-choose-us .cols + .cols { margin-top:3rem; }

	.our-process .cols + .cols { margin-top:80px; }
}
@media (max-width:700px) {
	.our-services .cols { flex-direction:column; margin-bottom:-2rem; }
	.our-services .cols > .vc-col { width:400px; max-width:100%; margin-bottom:2rem; }

	.all-we-do .cols { margin:0 0 -10px; justify-content:space-between; }
	.all-we-do .cols > .vc-col {
		margin:0 0 10px; width:calc((100% - 10px) / 2); padding:1rem 0.5rem;
		flex-direction:row; text-align:left;
	}
	.all-we-do .img { margin-right:1rem; margin-bottom:0; }

	.service-blocks { margin-bottom:-1rem; }
	.service-blocks > .vc-col { width:calc((100% - 4rem) / 2); margin-bottom:1rem; }
}
@media (max-width:650px) {
	
	#home-intro .cols {display: block;}
	#home-intro .vc-col {width: auto; margin-bottom: 1rem;}
	
	.footer-top img.footer-logo { height:50px; }
	.footer-top .contact-list { display:block;  }
	.footer-top .contact-list > li + li { margin-top:1rem; }
	.footer-top .cols,
	.footer-btm .cols {
		display: block; max-width:260px; margin-left:auto; margin-right:auto;
	}
	.footer-top .footer-menu { flex-wrap:wrap; }
	.footer-top .footer-menu > li { width:calc((100% - 2rem) / 2); }
	.footer-btm .legal-links { display: block; }
	.footer-btm .legal-links li + li { margin-top:0.25rem; }


	.staff-intro .cols > .col-img .bg-img { background-position-y:-20px; }
	.staff-intro .cols > .col-img > .hd2 { display:block; }
	.staff-intro .cols > .col-txt > .hd2 { display:none; }

	.project-row-3 > .col-l > .bg-img { height:auto; }
	.project-list.all > .vc-row > .col-quarter  a.bg-img {aspect-ratio: 5/3; padding-top: 0;}
	.project-list > .vc-row { display:block; }
	.project-list > .vc-row > .col-half,
	.project-list > .vc-row > .col-1,
	.project-list > .vc-row > .col-2, .project-list.all  {
		width:auto;
	}
	.project-row-3 > .col-l > .bg-img {
		padding-top:calc((18 / 21) * 100%);
	}
	
	.project-row-3 > .col-r > .bg-img,
	.project-list > .vc-row > .col-1 .bg-img,
	.project-list > .vc-row > .col-2 .bg-img,
	.project-list > .vc-row.project-row-2 > .col-1 .bg-img {
		padding-top:calc((9 / 21) * 100%);
	}
	
	.project-list > .vc-row > .col-quarter { width: auto; margin-bottom: 4rem; }
	.project-list > .vc-row > .vc-col + .vc-col { margin-top:10px; }

	.categorised-projects .project-list > .vc-row + .vc-row,
	.categorised-projects .project-list > .vc-row > .vc-col + .vc-col { margin-top:30px; }

	.project-row-3 > .col-r > .bg-img.with-name,
	.project-list > .vc-row.project-row-2 > .col-1 .bg-img.with-name,
	.project-list > .vc-row > .col-1 .bg-img.with-name,
	.project-list > .vc-row > .col-2 .bg-img.with-name {
		height: calc((9 / 21) * (100vw - 20px)); padding-top: 0; padding-bottom: 2rem; box-sizing: content-box;
		background-clip:content-box; background-origin: content-box;
	}
	.project-row-2 > .col-1 .bg-img.with-name:first-child { margin-bottom: 30px; }
	.project-block .block-content { bottom: 0; top: auto; transform: none; opacity: 1; text-align: left; padding: 0; }
	.project-list.all .block-content {bottom: -2.2rem;}
	.project-block.active::before { background-color:transparent; }

	.contact-info .contact-list { display:block; }
	.contact-info .contact-list > li + li { margin-top:1.5rem; }

	.other-services .cols { display:block; }
	.other-services .cols > .col { width:auto; }
	.other-services .cols > .col + .col { margin-top:2rem; }
}
@media (max-width:600px) {
	.design-approach .cols > .col-r .txt-content ul { column-count:auto; }

	.vision-to-life .cols > .col-r { margin-left:1rem; margin-right:1rem; }
	.vision-to-life .cols > .col-r > .inner-col > .wrapper { padding-left:1rem; padding-right:1rem; }

	.all-we-do .cols > .vc-col { flex-direction:column; text-align:center; }
	.all-we-do .img { margin-bottom:0.75rem; margin-right:0; }
}
@media (max-width:550px) {
	.view-project .cols > .col-txt { padding-left:1rem; padding-right:1rem; }

	#contact-us-form .col-attach { flex-direction:column; }
	#contact-us-form .col-attach .wpcf7-form-control-wrap + .wpcf7-form-control-wrap { margin-top:1.5rem; }
	.contact-form-footer { flex-direction:column; }
	.contact-form-footer > .vc-col + .vc-col { margin-top:1.5rem; }
}
@media (max-width:500px) {
	body.home .our-services .cols { align-items: center; }

	.lets-chat > .vc-col > span { display: inline; }
	.lets-chat a { margin-left:0;  }

	.site-menu .rgc-link-list > li:first-child a { font-size:1.25rem; }
	.site-menu .close-btn { right:10px; top:10px; }
	.site-menu > .bg-overlay { padding:50px 5vw 50px 5vw; }

	.home-banner .slogan { font-size:1rem; }
	.home-banner .banner-image { display:none; }
	.home-banner .banner-image.mobile-image { display:block; }

	.why-choose-us .cols > .col-img .bg-img { padding-top:calc((9 / 16) * 100%); }
}
@media (max-width:450px) {
	.service-blocks { margin:0 0 -0.5rem; display:block; }
	.service-blocks > .vc-col { width:auto; margin:0 0 0.5rem; }

	.site-header img.logo-link { height:50px; }

	.all-we-do .cols { flex-direction:column; margin-bottom:-1rem; }
	.all-we-do .cols > .vc-col { width:auto; flex-direction:row; text-align:left; padding:0.5rem 1rem; margin-bottom:1rem; }
	.all-we-do .img { margin-right:1rem; margin-bottom:0; }

	.client-reviews .client-review-slider { padding:0; }

	.categorised-projects .project-categorises > .vc-col { padding:0.25rem; }

	.project-row-3 > .col-l > .bg-img {
		padding-top:calc((20 / 16) * 100%);
	}
	.project-row-3 > .col-r > .bg-img,
	.project-list > .vc-row > .col-1 .bg-img,
	.project-list > .vc-row > .col-2 .bg-img,
	.project-list > .vc-row.project-row-2 > .col-1 .bg-img {
		padding-top:calc((10 / 16) * 100%);
	}

	.project-row-3 > .col-r > .bg-img.with-name,
	.project-list > .vc-row.project-row-2 > .col-1 .bg-img.with-name,
	.project-list > .vc-row > .col-1 .bg-img.with-name,
	.project-list > .vc-row > .col-2 .bg-img.with-name {
		height: calc((10 / 16) * (100vw - 20px));
	}

	.our-process .cols > .col-txt { padding-left:0;  }
	.our-process .cols > .col-txt .hd > .hd-before { position:static; margin-right:0.75rem; }
}
@media (max-width:400px) {
	.all-we-do .cols > .vc-col { width:300px; max-width:100%; }

	.staff-intro .cols > .col-img .bg-img { background-position-y:-10vw; }

	.categorised-projects .project-categorises > .vc-col + .vc-col { margin-left: calc(1rem + 2px); }
	.categorised-projects .project-categorises > .vc-col + .vc-col::before { right: calc(100% + 0.5rem); }
}
@media (max-width:350px) {
	.accreditation-logos { margin-left: -1rem; margin-right: -1rem; }
	.accreditation-logos > .col { margin-left: 1rem; margin-right: 1rem; }
	.accreditation-logos > .col:first-child > img { height: 50px; }
	.accreditation-logos > .col:last-child > img { height: 40px; }

	.staff-intro .logos > .col + .col { margin-left: 30px; }
	.staff-intro .logos > .col:first-child > img { height: 50px; }
	.staff-intro .logos > .col:last-child > img { height: 40px; }

	.categorised-projects .project-categorises > .vc-col { padding: 0.25rem 0; }
}
@media (max-width:320px) {
	.categorised-projects .project-categorises { flex-direction: column; }
	.categorised-projects .project-categorises > .vc-col { display: block; text-align: left; }
	.categorised-projects .project-categorises > .vc-col + .vc-col { margin-left: 0; }
	.categorised-projects .project-categorises > .vc-col + .vc-col::before { content: normal; }
}