@media screen and (min-width:992px) {

.navigation ul { padding: 0; list-style-type: none; margin: 0;}
.navigation ul.menu {margin: 0;position: relative; z-index: 3;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.navigation ul.menu ul { display: none; }
.navigation-open, .navigation-close { display: none; }
.navigation ul.menu li { position: relative;    padding: 0; margin: 0;}
.navigation ul.menu > li { z-index: 2; text-align: left;float: left; }
.navigation ul.menu > li.mb-portal-btn {display: none;}
.navigation ul.menu > li {padding: 0 35px;position: relative;}
.navigation ul.menu > li:last-child:after{display: none;}
.navigation ul.menu > li > a {float: left;color: #767676;letter-spacing: 0px;font-size: 16px;font-weight: 500;text-transform: uppercase;line-height: 16px;padding: 18px 0px;position: relative;}
.navigation ul.menu > li.has-sub > a::before, .navigation ul.menu > li.has-sub a.ancher.hovered::before {position: absolute;right: -15px;top: 17px;font-family: "Font Awesome 5 Free";font-weight: 700;content: "\f107";color: #767676;font-size: 17px;}
.navigation ul.menu > li.has-sub.hovered > a:hover::before, .navigation ul.menu > li.has-sub.hovered > a:before, .navigation ul.menu > li.has-sub a.ancher.hovered::before, .navigation ul.menu > li.has-sub a.ancher.hovered:before {color: #fff;transform: rotate(-180deg);}
.navigation ul.menu li.has-sub .sub-menu, .navigation ul.menu li a.has-sub+.sub-menu {padding: 20px 20px;position: absolute;min-width: 250px;background: #fff;z-index: 5;opacity: 0;top: 50px;visibility: hidden;/* margin-top: 40px; */display: block;pointer-events: auto;font-weight: 400;-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.menu-back, .menu > li > .toggle-submenu { display: none; }
.toggle-submenu { display: block; height: 32px; width: 30px; position: absolute; right: 0;top: 0; pointer-events: none; }
.navigation ul.menu li.has-sub .sub-menu a {padding: 8px 0px;display: block;letter-spacing: 1px;font-size: 15px;color: #000;line-height: normal;text-transform: uppercase;}
.navigation ul.menu li.has-sub .sub-menu a:hover{color: #222 !important;}
.navigation ul.menu li.has-sub .sub-menu a:after {position: absolute;content: "";background-color:  #222 ; width:0px;height: 3px;left: 0;top: 0;bottom: 0;margin: auto;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.navigation ul.menu li.has-sub .sub-menu li:hover a:after, .navigation ul.menu li.has-sub .sub-menu li.selected a:after {width: 10px;}
.navigation ul.menu > li:hover > a, .navigation ul.menu > li.selected > a, .navigation ul.menu > li.hovered > a, .navigation ul.menu > li a.hovered {color: #fff;}
.navigation ul.menu li.has-sub li.has-sub .sub-menu { left: 100%; top: 50px; }
/*.navigation ul.menu li.has-sub:hover > .sub-menu {display: block !important; opacity: 1; visibility: visible; margin-top: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }*/
.navigation ul.menu li:hover { overflow: visible; }
.navigation ul.menu li.has-sub li.has-sub:hover .sub-menu { top: 0; }
.navigation ul.menu li.has-sub .sub-menu li:hover > .device-toggle:before { opacity: 0; }
.navigation ul.menu li.has-sub .sub-menu li:hover > .device-toggle:after { opacity: 1; }
.navigation ul.menu li:hover > .toggle-submenu:before { opacity: 0; }
.navigation ul.menu li:hover > .toggle-submenu:after { opacity: 1; }
.navigation ul.menu li.has-sub .sub-menu li:hover > a, .navigation ul.menu li.has-sub .sub-menu li.selected > a { color: #151515 ;padding-left: 20px; }
.navigation ul.menu li:before{ display: none; }
.navigation ul.menu > li a span.menu_count {display: block;color: #a5a5a5;font-size: 13px;line-height: 24px;}
.link:hover:after { top: -2px; margin-top: 0; opacity: 1; }
.navigation ul.menu > li:first-child{padding-left: 0;}
.navigation ul.menu > li:last-child{padding-right: 0;}

.navigation ul.menu li.has-sub .sub-menu li .sub-menu a:after {position: absolute;content: "";background-color:  #ec1e22; width:0px;height: 3px;left: 0;top: 0;bottom: 0;margin: auto;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.navigation ul.menu li.has-sub .sub-menu li .sub-menu li:hover > a, .navigation ul.menu li.has-sub .sub-menu li .sub-menu li.selected > a { color: #ec1e22; padding-left: 20px;}
.navigation ul.menu li.has-sub .sub-menu li .sub-menu li:hover a:after, .navigation ul.menu li.has-sub .sub-menu li .sub-menu li.selected a:after { width: 10px;}


.navigation ul.menu > li {position: static !important;}
.navigation ul.menu {position: static !important;}
.navigation ul.menu li.has-sub.has-subnu {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    background-color: #1a1a1a;
    top: 100%;
    border: 1px solid #ffffff21;
}

body .navigation ul.menu li.has-sub .sub-menu {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    background-color: #1a1a1a;
    top: 100%;
    border: 1px solid rgb(255 255 255 / 13%);
    transform: translate(0px, -20px);
    -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
}
.team-lead-group .section-title.br-left {padding-left: 170px;}
.menu_box.selected{    background-color: #96aa88;
    border-color: #96aa88;}


}


@media screen and (max-width:1400px) {
.tw-onestudio-box { max-width: calc(100% - 109px);}
}


@media screen and (max-width:1366px) {


}

@media screen and (max-width:1366px) {

.navigation ul.menu > li {padding: 0 15px;position: relative;}






}

@media screen and (max-width:1280px) {

.townsend-art .townsend-right-img { width: 100%;max-width: 100%;}
.townsend-art .townsend-left-content {max-width: 100%;padding-right: 00px;}


}
@media screen and (max-width:2000px) and (min-width:1801px) {
}
@media screen and (max-width:1200px) {

.navigation ul.menu > li {margin-right: 0px;padding: 0 14px;}
.menu_wrapper_sub {padding: 50px 20px;}


.about_left_content ul li { line-height: 20px;}
.about_left_content ul li:before {  top: 7px;}
.about_left_content ul li {  padding-left: 20px;}
.about_left_content ul { margin: 0 0 30px;}
.feature-details ul li { font-size: 14px;}
.about-right-content ul li + li {    margin-left: 60px;}
.abt-box-btn {  padding: 25px;}

footer .footer_links_box ul li {    margin-bottom: 15px; font-size: 16px;    line-height: 20px;}
.footer-box ul {  margin-top: 15px;}




}
@media screen and (max-width:1024px) {
.feature-details ul li { padding-right: 15px;}
.navigation ul.menu li.has-sub .sub-menu a.menu_box { padding: 30px 10px;}
.navigation ul.menu li.has-sub .sub-menu a.menu_box .menu_cnt h2 { font-size: 12px;}
.rose-bank-ave-left ul {  margin-top: 90px; }


}

@media screen and (max-width:1800px) and (min-width:1301px) {


   section{padding: 50px 0px;}
   .universal-right p, .universal-right ul li{font-size: 18px;}
   .feature-content p{font-size: 16px;}


   .desk-menu .container {max-width: calc(100% - 15px);width: calc(100% - 15px);}
.navigation ul.menu > li > a {font-size: 13px;line-height: 25px;}
.mobile-cta a{font-size: 14px;}
.navigation ul.menu > li {margin-right: 0px;padding: 0 30px;}
.desk-menu{padding: 30px 0px;}
.site-main{padding-top: 108px;}
.banner-box figure img{height: 700px;}
.banner-title{font-size: 54px;margin-bottom: 20px;}
.banner-title span{font-size: 42px;}
.counter-title{font-size: 18px;}
.counter{margin: 0 auto;width: 60px;height: 60px;margin-bottom: 15px;font-size: 34px;}
.desk-menu .container {max-width: calc(100% - 0px);width: calc(100% - 0px);}
.desk-menu{padding: 20px 0px;}
.site-main{padding-top: 88px;}
.counter-title{font-size: 16px;line-height: 24px;}
.counter-box ul li {margin: 0px 10px;}
.counter {width: 50px;height: 50px;font-size: 23px;padding-top: 7px;margin: 0 auto;margin-bottom: 10px;line-height: initial;}
/*.mobile-cta a small{display: none;}
.mobile-cta a svg{fill: #fff;width: 16px;height: 16px;}
.mobile-cta a span{margin-right: 0px;}
.mobile-cta a {border: 2px solid #fff;width: 30px;height: 30px;padding: 2px;display: flex;justify-content: center;align-content: center;}*/


/*.section-title.br-left::before{width: 150px;}*/
.section-title.br-left, .service-box-inner h2{font-size: 23px;line-height: 21px;padding-bottom: 10px;margin-bottom: 30px;/*padding-left: 0px;*/}
.common_content_sec h1, .common_content_sec h2, .common_content_sec h3{font-size: 23px;line-height: 21px;padding-bottom: 10px;}
.commercial-construction-renovation h2, .conduct-residential-renovation h2{font-size: 23px;line-height: 28px;padding-bottom: 10px;}
.about-left-content{padding-right: 0px;flex-wrap: wrap;}
.bt-top-title span:before {left: -15px;top: -10px;width: 10px;height: 20px;}
.about-left-content > div {width: 100%;}
.about-full-box {max-width: calc(100% - 30px);margin: 0 auto;width: 100%;}
.bt-top-title span {font-size: 18px;line-height: 26px;}
.about-left-content .bt-top-title {margin-bottom: 30px;padding-left: 10px;}
.about-details .about-location {font-size: 18px;margin-bottom: 30px;}
.about-details p{font-size: 15px;}
.about-right-content{padding: 0px;margin-top: 30px;}
.about-right-content ul li:last-child{margin-bottom: 0px;}
.about-right-content ul li.commercial-about .round-box{top: -10px;right: -10px;box-shadow: 10px -5px 8px #dddddd;}
.about-right-content ul li.residential-about .round-box{top: -10px;right: -10px;box-shadow: 10px -5px 8px #dddddd;}
.review-box p{font-size: 15px;margin-bottom: 30px;}
.user-type{font-size: 15px;}
.bt-top-title{padding-left: 10px;margin-bottom: 30px;}
.services-box{padding: 0px;}
.services-box .service-types{margin-bottom: 30px;}
.services-section{padding-bottom: 0px;}
.feature-content .bt-top-title{padding-left: 10px;margin-bottom: 30px;width: 100%;}
.feature-content{padding: 0px 15px;}
.feature-details .common-title{font-size: 18px;}
.feature-details{max-width: 100%;}
.feature-content p {font-size: 15px;margin-bottom: 30px;}
.feature-img{padding: 0px 15px;}
.testimonial-box p{font-size: 15px;margin-bottom: 30px;}
.universal-left {padding: 0px 15px;}
.universal-left .bt-top-title {padding-left: 10px;}
.universal-right {max-width: 100%;display: block;padding: 0px 15px;}
.universal-title{font-size: 23px;margin-bottom: 30px;}
.universal-right p, .universal-right ul li{font-size: 15px;line-height: 30px;}
.projects-title-box .bt-top-title {padding-left: 10px;margin-bottom: 30px;}
.projects-title-box {width: 100%;padding-left: 0px;max-width: 100%;margin-top: 0px;margin-bottom: 30px;}
.projects-title-box p {font-size: 15px;}
.project-single-box figure figcaption a{font-size: 26px;}
.project-single-box figure figcaption p{font-size: 15px;}
.project-single-box{width: 32%;margin-bottom: 30px;}
.project-single-btns{width: 100%;}
.click-project-btn{margin: 10px;}
.learn-more-img{width: 100%;}
.learn-more-img img {width: 100%;height: 300px;object-fit: cover;}
.learn-more-btn {left: 50%;right: unset;transform: translate(-50%,-50%);top: 50%;margin: 0px;bottom: unset;display: flex;flex-wrap: wrap;justify-content: center;padding: 0px 15px;width: 100%;}
.learn-more-btn li {width: 100%;margin-right: 0px;}
.learn-more-btn li a{font-size: 13px;width: 100%;min-width: 100%;}
footer{padding: 30px 0px;}
.footer-box{max-width: 100%;}
.footer-cnt-title{text-align: center;margin-bottom: 30px;}





.banner-text-btm .inner-banner-content{padding: 0px 40px;}









}

@media screen and (max-width:1900px) and (min-width:1401px) {
.abt-box-title{font-size: 30px;}	
.team_member_box li {width: 25%;margin-bottom: 90px !important;padding: 0px 15px;}
.st-title-box{margin-top: 0px;}
.residential-projects .project-single-box{margin-bottom: 0px;}
.right-bg-layer{}
.tw-onestudio-box{margin-left: 30px;}
.right-bg-title{font-size: 165px;}

}

@media screen and (max-width:1600px) and (min-width:1401px) {
	.house-delight-banner .section-title.br-left, .lexiu-kitchen-banner .section-title.br-left, .sun-kitchen-banner .section-title.br-left {color: #fff;font-family: 'Bebas Kai';font-weight: 400;margin-top: 15px;padding-bottom: 15px;padding-left: 15px;margin-bottom: 15px;}
	.townsand-banner .section-title.br-left{padding-left: 0px;}
	.jd_text{max-width: calc(100% - 45%);}
	.right-bg-title{font-size: 100px;line-height: 80px;}
	
}
@media screen and (max-width:1400px) and (min-width:1301px) {
.navigation {display: flex;justify-content: center;}
.abt-box-title{font-size: 30px;}
.team_member_box li {width: 25%;margin-bottom: 90px !important;padding: 0px 15px;}
.st-title-box{margin-top: 0px;}
.residential-projects .project-single-box{margin-bottom: 0px;}
.townsand-banner .section-title.br-left{padding-left: 0px;}
.right-bg-layer{border-left: 30px solid #1a1a1a;}
.townsend-slider {max-width: calc(100% - 140px);}
.rose-bank-ave-left ul li figure svg {width: 30px;height: 30px;}
.rose-bank-ave-left ul li {max-width: 32.33%;margin: 0px 0px;text-align: center;display: inline-block;width: 32.33%;margin-bottom: 0px;padding: 0px;}
.rose-bank-ave-left p{font-size: 16px;}
.right-bg-title{font-size: 100px;line-height: 80px;}


}
@media screen and (max-width:1300px) and (min-width:992px) {
.desk-menu .container {max-width: calc(100% - 15px);width: calc(100% - 15px);}
.navigation ul.menu > li > a {font-size: 13px;line-height: 25px;}
.mobile-cta a{font-size: 14px;}
.navigation ul.menu > li {margin-right: 0px;padding: 0 15px;}
.desk-menu{padding: 30px 0px;}
.site-main{padding-top: 108px;}
.banner-box figure img{height: 600px;}
.banner-title{font-size: 54px;margin-bottom: 20px;}
.banner-title span{font-size: 42px;}
.counter-title{font-size: 18px;}
.counter{margin: 0 auto;width: 60px;height: 60px;margin-bottom: 15px;font-size: 34px;}
.desk-menu .container {max-width: calc(100% - 0px);width: calc(100% - 0px);}
.desk-menu{padding: 20px 0px;}
.site-main{padding-top: 88px;}
.counter-title{font-size: 16px;line-height: 24px;}
.counter-box ul li {margin: 0px 10px;}
.counter {width: 50px;height: 50px;font-size: 23px;padding-top: 7px;margin: 0 auto;margin-bottom: 10px;line-height: initial;}
.banner-content{padding-bottom: 20px;}
.banner-title {line-height: 45px;}
.banner-title span {font-size: 23px;display: inline-block;}
/*.banner-box figure img{height: 400px;}*/
/*.banner-box figure::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;z-index: 0;opacity: 0.5;}*/

/*.mobile-cta a small{display: none;}
.mobile-cta a svg{fill: #fff;width: 16px;height: 16px;}
.mobile-cta a span{margin-right: 0px;}
.mobile-cta a {border: 2px solid #fff;width: 30px;height: 30px;padding: 2px;display: flex;justify-content: center;align-content: center;}*/

.section-title.br-left::before{width: 150px;}
.section-title.br-left, .service-box-inner h2{font-size: 23px;line-height: 28px;padding-bottom: 10px;margin-bottom: 30px;padding-left: 50px;}
.common_content_sec h1, .common_content_sec h2, .common_content_sec h3{font-size: 23px;line-height: 21px;padding-bottom: 10px;}
.commercial-construction-renovation h2, .conduct-residential-renovation h2{font-size: 23px;line-height: 28px;padding-bottom: 10px;}
.about-left-content{padding-right: 0px;flex-wrap: wrap;}
.bt-top-title span:before {left: -15px;top: -10px;width: 10px;height: 20px;}
.about-left-content > div {width: 100%;}
.about-full-box {max-width: calc(100% - 30px);margin: 0 auto;width: 100%;}
.bt-top-title span {font-size: 18px;line-height: 26px;}
.about-left-content .bt-top-title {margin-bottom: 30px;padding-left: 10px;}
.about-details .about-location {font-size: 18px;margin-bottom: 30px;}
.about-details p{font-size: 15px;}
.about-right-content{padding: 0px;margin-top: 30px;}
.about-right-content ul li:last-child{margin-bottom: 0px;}
.about-right-content ul li.commercial-about .round-box{top: -45px;right: -45px;box-shadow: 10px -5px 8px #dddddd;}
.about-right-content ul li.residential-about .round-box{top: -45px;right: -45px;box-shadow: 10px -5px 8px #dddddd;}
.review-box p{font-size: 15px;margin-bottom: 30px;}
.user-type{font-size: 15px;}
.bt-top-title{padding-left: 10px;margin-bottom: 30px;}
.services-box{padding: 0px;}
.services-box .service-types{margin-bottom: 30px;}
.services-section{padding-bottom: 0px;}
.feature-content .bt-top-title{padding-left: 10px;margin-bottom: 30px;width: 100%;}
.feature-content{padding: 0px 15px;}
.feature-details .common-title{font-size: 18px;}
.feature-details{max-width: 100%;}
.feature-content p {font-size: 15px;margin-bottom: 30px;}
.feature-img{padding: 0px 15px;}
.testimonial-box p{font-size: 15px;margin-bottom: 30px;}
.universal-left {padding: 0px 15px;}
.universal-left .bt-top-title {padding-left: 10px;}
.universal-right {max-width: 100%;display: block;padding: 0px 15px;}
.universal-title{font-size: 23px;margin-bottom: 30px;}
.universal-right p, .universal-right ul li{font-size: 15px;line-height: 30px;}
.projects-title-box .bt-top-title {padding-left: 10px;margin-bottom: 30px;}
.projects-title-box {width: 100%;padding-left: 0px;max-width: 100%;margin-top: 0px;margin-bottom: 30px;}
.projects-title-box p {font-size: 15px;}
.project-single-box figure figcaption a{font-size: 22px;}
.project-single-box figure figcaption p{font-size: 15px;}
.project-single-box{width: 32%;margin-bottom: 30px;}
.project-single-btns{width: 100%;}
.click-project-btn{margin: 10px;}
.learn-more-img{width: 100%;}
.learn-more-img img {width: 100%;height: 300px;object-fit: cover;}
.learn-more-btn {left: 50%;right: unset;transform: translate(-50%,-50%);top: 50%;margin: 0px;bottom: unset;display: flex;flex-wrap: wrap;justify-content: center;padding: 0px 15px;width: 100%;}
.learn-more-btn li {width: 100%;margin-right: 0px;}
.learn-more-btn li a{font-size: 13px;width: 100%;min-width: 100%;}
footer{padding: 30px 0px;}
.footer-box{max-width: 100%;}
.footer-cnt-title{text-align: center;margin-bottom: 30px;}
.service-title{font-size: 18px;}
.services-box .service-types figcaption p{font-size: 15px;}
.abt-box-title{font-size: 30px;}


/*inner-pages*/
.team_member_box li {width: 33.33%;padding: 0px 15px;margin-bottom: 30px !important;}
.team_member_box{max-width: 100%;justify-content: flex-start !important;}
.st-title-box{margin-top: 0px;}
.st-right-logos li {width: 100%;max-width: 33.33%;margin-bottom: 50px !important;padding: 0px 15px;}
.st-right-logos{column-gap: 0px;}
.conduct-title,.conduct-ul ul li .conduct-ul-content figcaption p{font-size: 15px;}
/*.commercial-construction-ul  ul li {padding: 0px 15px;margin-bottom: 30px;width: 33.33%;}*/
.commercial-construction-ul  ul li:last-child{margin-bottom: 0px;}
.residential-projects .project-single-box{margin-bottom: 0px;}
.residential-projects .project-single-box figure figcaption {padding: 30px 15px;}
.pr_subtitle{font-size: 18px;}
.house-delight-banner .section-title.br-left, .lexiu-kitchen-banner .section-title.br-left, .sun-kitchen-banner .section-title.br-left {color: #fff;font-family: 'Bebas Kai';font-weight: 400;margin-top: 15px;padding-bottom: 15px;padding-left: 15px;margin-bottom: 15px;}
.sun-kithen-left{max-width: 100%;margin: auto 0;}
.conduct-ul ul li:last-child {margin-bottom: 0px;}
.townsand-banner .section-title.br-left{padding-left: 0px;}


.townsend-right-img {display: inline-block;max-width: 50%;margin-left: 0px;height: 100%;}
.townsend-main-box{padding-right: 0px;}
.townsend-left-content {max-width: 50%;padding-right: 30px;}
.townsend-main-box{padding: 30px 15px !important;}

.townsend-main-box{padding: 30px 15px;justify-content: flex-start !important;}
.tw-art-title {font-size: 30px;line-height: 40px;margin-bottom: 30px;}
.townsend-left-content p{font-size: 16px;}
.townsend-pr-completed {padding: 0px 15px !important;margin-top: 30px;}
.townsend-pr-completed .tw-art-title {max-width: 100%;margin: 30px 0px;margin-left: 0px;}
.right-bg-layer{border-left: 5px solid #1a1a1a;}
.right-bg-title {font-size: 24px;line-height: 48px;letter-spacing: 10px;}
.rose-bank-ave-left ul li figure svg {width: 30px;height: 30px;}
.rose-bank-ave-left ul li {max-width: 32.33%;margin: 0px 0px;text-align: center;display: inline-block;width: 32.33%;margin-bottom: 0px;padding: 0px;}
.rose-bank-ave-left p{font-size: 16px;}
.preston_art .townsend-main-box{justify-content: flex-end !important;}
.sun-kithen-location {font-size: 16px;margin-bottom: 30px;}

}
@media screen and (max-width:991px) {
.navigation-open { padding: 0; position: relative; vertical-align: middle; z-index: 1; width: 30px; height: 19px; background: none; border: none; width: 50px; height: 50px; background: #71186b; }
.navigation-open span { display: block; width: 24px; height: 3px; background: #fff; margin: 0 auto; position: relative; pointer-events: none; -moz-transition: all 0s ease 0.25s; -ms-transition: all 0s ease 0.25s; -o-transition: all 0s ease 0.25s; -o-transition: all 0s ease 0.25s; -webkit-transition: all 0s ease 0.25s; transition: all 0s ease 0.25s; }
.navigation-open span:before, .navigation-open span:after { content: ""; display: block; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: -7px; -moz-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -ms-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -o-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; }
.navigation-open span:after { top: 7px; -moz-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -ms-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -o-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; -webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; transition: top 0.25s ease 0.25s, transform 0.25s ease, background 0.25s ease 0.25s; }
.navigation ul { padding: 0; list-style-type: none; margin: 0; }
.navigation ul.menu { font-size: 16px; font-weight: 500; z-index: 6; text-align: left; width: 100%;  }
.navigation { z-index: 99; position: fixed; top: 0; left: 100%; width: 300px; height: 100%; overflow: auto; background: #fff; -webkit-overflow-scrolling: touch; display: block !important; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding: 45px 15px 30px 15px; }
.menu-back { border: none; width: 100%; height: 40px; background: none; color: #333; font-size: 16px; font-weight: 500; padding: 0; font-family: inherit; text-align: left; }
.menu-back:before { content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 13px; margin: -2px 8px 0 0; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='13px' viewBox='-955.5 457 8 13'%3e%3cpath fill='%23333333' d='M-955.281,462.993l6.059-5.785c0.139-0.136,0.326-0.208,0.526-0.208s0.388,0.074,0.528,0.208l0.444,0.425 c0.29,0.278,0.29,0.729,0,1.006l-5.089,4.858l5.096,4.862c0.141,0.136,0.217,0.314,0.217,0.504c0,0.191-0.076,0.37-0.217,0.503 l-0.446,0.427c-0.139,0.135-0.328,0.207-0.528,0.207c-0.199,0-0.385-0.073-0.525-0.207l-6.064-5.79 c-0.141-0.135-0.219-0.314-0.219-0.506C-955.5,463.309-955.422,463.128-955.281,462.993z'/%3e%3c/svg%3e"); background-size: cover; }
.theme-header:after { content: ""; display: block; position: fixed; left: 0; right: 0; top: 0; height: 100%; background: rgba(0,0,0,0.7); z-index: 9; cursor: pointer; transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
body.menu-action .theme-header:after { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; }
body.menu-action .navigation { margin-left: -300px; }
body.menu-action { position: fixed; top: 0; left: 0; height: 100vh !important; width: 100%; overflow: hidden; max-height: 100vh !important; }
.navigation ul.menu li { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding:0  }
.navigation ul.menu li:before{ display: none;  }

.navigation ul.menu > li { width: 100%;margin: 0 !important; padding:0;  }
.navigation ul.menu > li:before{ display: none }
.navigation ul.menu li a { padding: 8px 30px 8px 0; color: #000000; font-weight: 500; display: block; font-size: 14px;font-size: 15px;letter-spacing: 1px;    text-align: left;
    border: none;text-transform: uppercase;}
.toggle-submenu { display: block; height: 40px; width: 30px; position: absolute; right: 0;top: 0; }
.toggle-submenu:before, .toggle-submenu:after { content: ""; display: block; width: 8px; height: 13px; position: absolute; right: 0; top: 50%; margin: -6px 0 0 0; background-size: cover; }
.toggle-submenu:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='13px' viewBox='0.5 190.5 6 10'%3e%3cpath fill='%23333333' d='M6.337,195.109l-4.545-4.449c-0.105-0.104-0.245-0.16-0.395-0.16c-0.149,0-0.29,0.057-0.395,0.16l-0.334,0.327 c-0.218,0.214-0.218,0.561,0,0.774l3.816,3.736l-3.821,3.74c-0.105,0.104-0.163,0.241-0.163,0.387 c0,0.147,0.058,0.285,0.163,0.387l0.334,0.328c0.105,0.104,0.246,0.16,0.396,0.16s0.29-0.057,0.395-0.16l4.549-4.453 c0.105-0.104,0.164-0.242,0.163-0.389C6.5,195.352,6.442,195.213,6.337,195.109z'/%3e%3c/svg%3e"); }
.toggle-submenu:after { opacity: 0; /*background-image: url("../images/right-arrow.svg");*/ }
.navigation ul.menu li.selected > a { color: #151515; }
/*.navigation ul.menu li.selected > .toggle-submenu:before { opacity: 0; }*/
.navigation ul.menu li.selected > .toggle-submenu:after { opacity: 1; }
.navigation ul.menu li.has-sub a span {  }
.navigation ul.menu li ul { background: #fff; position: fixed; right: 0; bottom: 0; z-index: 1; margin-right: -300px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 300px; top: 0; overflow: scroll; -webkit-overflow-scrolling: touch; padding: 5px 15px 30px 15px; }
.navigation ul.menu li ul.show { margin-right: 0; }
.navigation ul.menu li .device-toggle { position: absolute; width: 39px; height: 39px; left: 0; top: 0; cursor: pointer; }
.navigation ul.menu li .device-toggle:before, .navigation ul.menu li .device-toggle:after { content: ""; display: block; height: 3px; width: 15px; position: absolute; left: 12px; top: 18px; background: #333; }
.navigation ul.menu li .device-toggle:after { width: 3px; height: 15px; top: 12px; left: 18px; }
.navigation ul.menu li.selected > .device-toggle:before, .navigation ul.menu li.selected > .device-toggle:after { background: #660460;  }
.navigation ul.menu li .device-toggle.in:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.navigation ul.menu .sub-menu .inner-sub li > a { padding-left: 55px; }
.navigation ul.menu li .inner-sub .device-toggle { left: 0; }
.navigation ul.menu.no-sub li a { padding-left: 15px }
.megamenu_img { display: none }
.navigation ul.menu li.has-sub.megamenu .sub-menu { display: block !important }
.navigation ul.menu li.has-sub .mega_menu { display: none }
.navigation-open:before { opacity: 1; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
body.menu-action .navigation-open:before { opacity: 0; }
.navigation ul.menu li .device-toggle { position: absolute; width: 26px; height: 30px; left: 0; top: 0; cursor: pointer; }
.navigation ul.menu li .device-toggle:before, .navigation ul.menu li .device-toggle:after { content: ""; display: block; height: 2px; width: 12px; position: absolute; left: 7px; top: 14px; background: #606060; }
.navigation ul.menu li .device-toggle:after { width: 2px; height: 12px; left: 12px; top: 9px; }
.navigation ul.menu .sub-menu .inner-sub li > a { padding-left: 44px; }
.navigation-close { padding: 0; position: absolute; right: 15px; top: 15px; vertical-align: middle; z-index: 11; width: 22px; height: 21px; background: none; border: none; }
.navigation-close:before, .navigation-close:after { content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; top: 50%; margin-top: -2px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.navigation-close:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/*header:after {content: ""; display: block; position: fixed; left: 0; right: 0; top: 0; height: 100%; background: rgba(0,0,0,.7); z-index:2; cursor: pointer; transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; } */
body.menu-action header:after {transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; }  
.navigation-open {padding: 2px;position: absolute;vertical-align: middle;z-index: 1;width: 30px;height: 30px;background: transparent;right: 15px;top: 50%;transform: translateY(-50%);}
.navigation ul.menu li > a span.menu_count {color: #0070b2;margin-right: 10px;}
.navigation-open span {display: block; width: 25px; height: 2px; background: #fff; margin: 0 auto; position: relative; pointer-events: none; -moz-transition: all 0s ease .25s; -ms-transition: all 0s ease .25s; -o-transition: all 0s ease .25s; -o-transition: all 0s ease .25s; -webkit-transition: all 0s ease .25s; transition: all 0s ease .25s; } 
.navigation-open span:before, .navigation-open span:after {content: ""; display: block; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: -7px; -moz-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -ms-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -o-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -webkit-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; } 
.navigation-open span:after {top: 7px; -moz-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -ms-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -o-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; -webkit-transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; transition: top .25s ease .25s,transform .25s ease,background .25s ease .25s; } 
.btn:hover, .btn:focus, .btn:active {color: #666666 !important;}
.desk-menu {position: relative;}
html, body {font-size: 14px;}
section{padding: 50px 0px;}
.mobile-cta {position: absolute;right: 60px;}
.abt-box-title{font-size: 30px;}

/*inner-pages*/
.inner-banner-img > img{height: 400px;}
.inner-banner-title{font-size: 34px;text-align: center;}
.inner-banner-content {left: 50%;bottom: unset;transform: translate(-50%,-50%);top: 50%;text-align: center;}
.inner-banner-btn a{margin:0 auto;}
.residential-projects-banner .inner-banner-content .section-title.br-left{margin-bottom:0;}
.team_member_box {max-width: 100%;justify-content: flex-start !important;}
.team_member_box li{width: 33.33%;padding: 0px 15px;}
.team_member_title{font-size: 22px;}
.lead_group_bottomtext{margin-bottom: 30px;}
.team_member_box li{margin-bottom: 30px !important;}
.big-font-grey{display: none;}
.lead_group_uppertext,.lead_group_bottomtext{padding: 0px 15px;}
.lead_group_bottomtext p{font-size: 15px;}
.bt-top-title span{font-size: 15px;}
.st-title-box {width: 100%;padding-left: 0px;max-width: 100%;margin-top: 0px;margin-bottom: 30px;}
.st-title-box p{font-size: 15px;}
.strong-together-box .st-left-title {max-width: 100%;width: 100%;margin-top: 0px;font-size: 23px;line-height: initial;margin-bottom: 30px;text-align: center;}
.st-right-logos {max-width: 100%;width: 100%;column-gap: 0px;}
.banner-text-btm .inner-banner-btn {margin-top: 15px;}
.inner-right-top-content p{font-size: 15px;}
.inner-right-top-content {max-width: 100%;padding-left: 20px;}
.conduct-residential-title, .commercial-construction-title{font-size: 23px;line-height: initial;margin-bottom: 30px;}
.conduct-ul ul li{width: 100%;padding: 0px;     margin-bottom: 35px;}
.conduct-ul ul li .conduct-ul-content figcaption p, .commercial-construction-ul ul li .commercial-construction-ul-content figcaption p{font-size: 15px;        line-height: 22px;}
.conduct-ul ul li .conduct-ul-content figcaption p br, .commercial-construction-ul ul li .commercial-construction-ul-content figcaption p br{ display:none;}
.case-display-section .section-title.br-left {margin-bottom: 30px;}
.conduct-ul ul li::after, .commercial-construction-ul ul li:after {left: 50%;bottom: -30px;top: unset;right: unset;background: url(../images/long-arrow-alt-down.svg)no-repeat center !important;transform: translate(-50%,-50%);background-size: contain !important;}
.commercial-fitouts-ul li:last-child:after{left: 50%;top: -25px;bottom: unset;right: unset;background: url(../images/long-arrow-alt-down.svg)no-repeat center !important;transform: translate(-50%,-50%);background-size: contain !important;}
.conduct-ul ul li:last-child, .commercial-construction-ul ul li:last-child{margin-bottom: 0px;}

.commercial-construction-ul ul li .commercial-construction-ul-content figure {  margin: 0 0 10px;}
.commercial-construction-ul  ul li {margin-bottom: 60px;width: 100%;padding: 0px;  }
.commercial-construction-ul  ul li:last-child{margin-bottom: 0px;}
.commercial-construction-ul ul li .commercial-construction-ul-content figcaption { height: auto !important;    margin-bottom: 10px;}

.footer_links_box { margin-bottom: 30px;}
.about-right-content ul li + li {  margin-left: 0px;}

.phases-left-box ul li .phases-content figure, .conduct-ul ul li .conduct-ul-content figure {  margin: 0 0 5px;    padding: 10px 15px;}
.phases-left-box ul li {margin-bottom:30px;width: 100%;padding: 0px;  }
.phases-left-box ul li:last-child{margin-bottom: 0px;}
.phases-left-box ul li .phases-content figcaption { height: auto !important;    margin-bottom: 10px;}
.phases-left-box ul li:after {left: 50%;bottom: -30px;top: unset;right: unset;background: url(../images/long-arrow-alt-down.svg)no-repeat center !important;transform: translate(-50%,-50%);background-size: contain !important;}
.phases-left-box ul li .phases-content figcaption p br{ display:none;}
.phases-left-box ul li .phases-content figcaption p{font-size: 15px;        line-height: 22px;}
.phases-left-box ul li .phases-content {margin: 0;}
.phases-title, .conduct-title {  margin-bottom: 2px;    margin-top: 2px;}
.phases-left-box ul li .phases-content figure img, .conduct-ul ul li .conduct-ul-content figure img { height: 30px;}






.house-delight-banner .inner-banner-content p, .lexiu-kitchen-banner .inner-banner-content p, .residential-projects-banner p, .sun-kitchen-banner p{font-size: 15px;max-width: 100%;line-height: 24px;}
.banner-text-btm .inner-banner-content{bottom: unset;padding: 0px 30px;}
.residential-projects .project-single-box{margin: 0px;}
.snapshot-title{font-size: 23px;line-height: initial;}
.snapshot-title-status{margin-bottom: 30px;}
.sun-kithen-left{max-width: 100%;margin: auto 0;}
.sun-kithen-left ul li span {margin-right: 10px;}
.sun-kithen-right {margin-top: 30px;}
.sun-kitchen-section {padding-bottom: 0px;}
.sun-kithen-location{font-size: 15px;margin-bottom: 30px;}
.sun-kitchen-section .section-title.br-left{font-size: 23px;line-height: initial;}
.house-delight-banner .section-title.br-left, .lexiu-kitchen-banner .section-title.br-left, .sun-kitchen-banner .section-title.br-left {color: #fff;font-family: 'Bebas Kai';font-weight: 400;margin-top: 15px;padding-bottom: 15px;padding-left: 0px;margin-bottom: 15px;}
.townsand-banner .inner-banner-content p{font-size: 15px;}
.townsand-banner .section-title.br-left{padding-left: 0px;}
.cnt-slider-title{font-size: 22px;line-height: 30px;}
.raaf_rose_Swiper .fitout-slider {height: calc(100vh - 40vh);display: flex;align-items: center;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}
.raaf_rose_Swiper .swiper-button-next, .raaf_rose_Swiper .swiper-button-prev{width: calc(var(--swiper-navigation-size)/ 44 * 0);}
.raaf-rose-slider .swiper {height: 100%;}
.fitout-slider .swiper-slide img {width: 100%;height: 500px;object-fit: cover;}
.fitout-slider .swiper-slide figure figcaption .fitout-slide-title{font-size: 22px;line-height: 30px;}
.fitout-slider-section .counter-box li {margin: 0px 15px;}
.fitout-slider-section .counter-box{    margin-top: 20px; padding-bottom: 0;}
.cmf-title{font-size: 15px;width: 100%;}

.townsend-slider+.times-roman-right{display:none;}

.right-bg-layer{border-left: 5px solid #1a1a1a;}
.right-bg-title {font-size: 24px;line-height: 48px;letter-spacing: 10px;}
.townsend-slider{max-width: 100%;padding: 30px 0px;}
.tw-btm-text p {margin-top: 30px;font-size: 16px;}
.townsend-architech p{font-size: 16px;text-align: center;flex-wrap: wrap;justify-content: center;}
.tw-onestudio-box {max-width: 100%;margin-left: 0px;padding: 0px 15px;margin-top: 30px;text-align: center;}
.townsend-architech{padding: 0px 15px !important;margin-top: 30px;}
.grange-pr-box > div > div {max-width: 100%;}
.grange-pr-box .tw-art-title {/*width: 100%;*/}
.grange-pr-box .cy-logo {/*width: 100%;*/margin-bottom: 30px;text-align: center;}
.trown2-extra-img {width: 100%;margin: 0 auto;}
.grange-pr-box{padding-top: 0px;}
.grange-pr-box .container {padding: 0px;}
.forge-logo {max-width: 100%;margin-right: 0px;width: 100%;display: inline-block;margin-bottom: 30px;}
.forge-logo img {width: 150px;}
.jd_text {max-width: 100%;padding-bottom: 30px;padding-top: 30px;justify-content: center;}
.rose-bank-ave-left ul li figure svg {width: 30px;height: 30px;}
.rose-bank-ave-left ul li {max-width: 32.33%;margin: 0px 0px;text-align: center;display: inline-block;width: 32.33%;margin-bottom: 0px;padding: 0px;}
.rose-bank-ave-left p{font-size: 16px;}
.rose-bank-ave-right {margin-top: 30px;}
.rose-bank-ave-snapshots {padding-bottom: 0px;}
.rose-bank-ave-location{margin-top: 30px;}
.sun-kithen-left p{font-size: 16px;}
.preston_art .townsend-left-content{padding: 70px 15px;width: 100%;max-width: 100%;}




ul.mega-menu.sub-menu .megamenu_wrapper { background-color: #1a1a1a;height: 100%;}
.menu_wrapper_sub {padding: 15px 15px;}
.megamenu_column>h2 {margin-bottom: 10px;}
.megamenu_column p {font-size: 12px;line-height: 1.5;}
.blank_div {min-height: auto;padding: 15px 15px;border-radius: 5px;}
.navigation ul.menu li.has-sub .sub-menu a.menu_box {padding: 20px 10px;}
.navigation ul.menu li.has-sub .sub-menu a.menu_box .menu_cnt { padding-left: 10px;}
.navigation ul.menu li.has-sub .sub-menu a.menu_box .menu_icon svg {width: 20px;}
.navigation ul.menu li {margin:0px;}
.menu-back {padding: 0 10px;}
.navigation ul.menu li.has-sub .sub-menu a.menu_box .menu_cnt h2 {font-size: 12px;}




    .service-box {
        width: 100%;
        height: auto !important;
    }
    .service-box-image {
        width: 100%;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        max-height: 500px;
    }

    .service-box-image {
        height: 300px;        margin: 30px 0 0;
    }
    .common_content_sec h1{      font-size: 23px;}
.common_content_sec .only_sec_title.section-title{        font-size: 23px;
        line-height: 21px;
        padding-bottom: 10px;
        margin-bottom: 30px;
        padding-left:10px;}
        
.service-box-inner h2    { padding-left:35px;}   
/*.common_content_sec .only_sec_title.section-title {*/
/*    padding: 0 15px;*/
/*}*/

.common_content_sec h2, .common_content_sec h3{  font-size: 20px;}
.service-box-inner { padding: 0;}
.cta_sec, .second_sec {  padding: 50px 0;}
.location_page ul { margin: 0 ;}
.about_left_content {         margin: 30px 0 0;}
.service-box-inner ul {
    margin: 0 0 20px;
}
    .about_left_content ul li {
        line-height: 25px;
    }
    
    
    
footer .col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12 {    width:50%;}    
  footer .footer_links_box .title { margin: 0 0 15px;}
  
    
    .page-template-residential_projects_page .residential-projects .project-single-box {
    margin-bottom: 20px;
}
 .section_grey_title {
    display: none;
}   
    
  .copyright_section {   margin: 0 0 0;
    padding: 10px 0 0;
}  
    
}

@media screen and (max-width:1400px) and (min-width:1170px) {
	.navigation ul.menu > li{padding: 0px 20px;}
}
@media screen and (max-width:1399px) and (min-width:992px) {
    .banner-text-btm .inner-banner-content {bottom: 100px;padding: 0px 50px;}
}
@media screen and (max-width:991px) and (min-width:767px) {
.townsend-right-img {display: inline-block;max-width: 50%;margin-left: 0px;height: 100%;}
.townsend-main-box{padding-right: 0px;}
.townsend-left-content {max-width: 50%;padding-right: 30px;}
.townsend-main-box{padding: 30px 15px !important;}

.townsend-main-box{padding: 0px 15px;justify-content: flex-start !important;}
.tw-art-title {font-size: 30px;line-height: 40px;margin-bottom: 30px;}
.townsend-left-content p{font-size: 16px;}
.townsend-pr-completed {padding: 0px 15px !important;margin-top: 30px;}
.townsend-pr-completed .tw-art-title {max-width: 100%;margin: 30px 0px;margin-left: 0px;}
.townsend-art {padding-top: 30px !important;}
.townsend-left-content {width: 100%;max-width: 100%;padding: 0px;}
.townsend-right-img {display: inline-block;max-width: 100%;margin-left: 0px;margin-top: 30px;width: 100%;}

}

@media screen and (max-width:991px) and (min-width:575px) {
.desk-menu .container {max-width: calc(100% - 0px);width: calc(100% - 0px);}
.desk-menu{padding: 20px 0px;}
.site-main{padding-top: 88px;}
.counter-title{font-size: 16px;line-height: 24px;}
.counter-box ul li {margin: 0px 10px;}
.counter {width: 50px;height: 50px;font-size: 23px;padding-top: 7px;margin: 0 auto;margin-bottom: 10px;line-height: initial;}
.banner-content{padding-bottom: 20px;}
.counter-box{justify-content: center;}
.banner-title {font-size: 34px;margin-bottom: 130px;text-align: center;}
.banner-title span {font-size: 23px;display: inline-block;}
.banner-box figure img{height: 400px;}
/*.banner-box figure::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;z-index: 0;opacity: 0.5;}*/
.mobile-cta a small{display: none;}
.mobile-cta a svg{fill: #fff;width: 16px;height: 16px;}
.mobile-cta a span{margin-right: 0px;}
.mobile-cta a {border: 2px solid #fff;width: 30px;height: 30px;padding: 2px;display: flex;justify-content: center;align-content: center;}
.section-title.br-left::before{width: 150px;}
.banner-text-btm .inner-banner-content .section-title.br-left::before{display:none;}
.section-title.br-left, .service-box-inner h2{font-size: 23px;line-height: 28px;padding-bottom: 10px;margin-bottom: 30px;padding-left: 10px;}
.common_content_sec h1, .common_content_sec h2, .common_content_sec h3{font-size: 23px;line-height: 21px;padding-bottom: 10px;}
.commercial-construction-renovation h2, .conduct-residential-renovation h2{font-size: 23px;line-height: 28px;padding-bottom: 10px;}
.commercial-construction-renovation .only_sec_title, .conduct-residential-renovation .only_sec_title{padding:0 20px;}
.about-left-content{padding-right: 0px;flex-wrap: wrap;}
.bt-top-title span:before {left: -15px;top: -10px;width: 10px;height: 20px;}
.about-left-content > div {width: 100%;}
.about-full-box {max-width: calc(100% - 30px);margin: 0 auto;width: 100%;}
.bt-top-title span {font-size: 18px;line-height: 26px;}
.about-left-content .bt-top-title {margin-bottom: 30px;padding-left: 10px;}
.about-details .about-location {font-size: 18px;margin-bottom: 30px;}
.about-details p{font-size: 15px;margin-bottom: 30px;}
.about-right-content{padding: 0px;margin-top: 30px;}
.about-right-content ul li{max-width: 100%;margin-bottom: 30px;width: 46%;}
.about-right-content ul li:last-child{margin-bottom: 0px;}
.about-right-content ul li + li {  margin-left: 30px;}
.about-right-content ul li.commercial-about .round-box{top: -10px;right: -10px;box-shadow: 10px -5px 8px #dddddd;}
.about-right-content ul li.residential-about .round-box{top: -10px;right: -10px;box-shadow: 10px -5px 8px #dddddd;}
.review-box p{font-size: 15px;margin-bottom: 30px;}
.user-type{font-size: 15px;}
.bt-top-title{padding-left: 10px;margin-bottom: 30px;}
.services-box{padding: 0px;}
.services-box .service-types{margin-bottom: 30px;}
.services-section{padding-bottom: 0px;}
.feature-content .bt-top-title{padding-left: 10px;margin-bottom: 30px;width: 100%;}
.feature-content{padding: 0px 15px;}
.feature-details .common-title{font-size: 18px;}
.feature-details{max-width: 100%;}
.feature-content p {font-size: 15px;margin-bottom: 30px;}
.feature-img{padding: 0px 15px;}
.testimonial-box p{font-size: 15px;margin-bottom: 30px;}
.universal-left {padding: 0px 15px;}
.universal-left .bt-top-title {padding-left: 10px;}
.universal-right {max-width: 100%;display: block;padding: 0px 15px;}
.universal-title{font-size: 23px;margin-bottom: 30px;}
.universal-right p, .universal-right ul li{font-size: 15px;line-height: 30px;}
.projects-title-box .bt-top-title {padding-left: 10px;margin-bottom: 30px;}
.projects-title-box {width: 100%;padding-left: 0px;max-width: 100%;margin-top: 0px;margin-bottom: 30px;}
.projects-title-box p {font-size: 15px;}
.project-single-box figure figcaption a{font-size: 26px;}
.project-single-box figure figcaption p{font-size: 15px;}
.project-single-box{width: 48%;margin-bottom: 40px;}
.project-single-btns{width: 100%;}
.click-project-btn{margin: 10px 0;}
.learn-more-img{width: 100%;}
.learn-more-img img {width: 100%;height: 300px;object-fit: cover;}
.learn-more-btn {left: 50%;right: unset;transform: translate(-50%,-50%);top: 50%;margin: 0px;bottom: unset;display: flex;flex-wrap: wrap;justify-content: center;padding: 0px 15px;width: 100%;}
.learn-more-btn li {width: 100%;margin-right: 0px;}
.learn-more-btn li a{font-size: 13px;width: 100%;min-width: 100%;}
footer{padding: 30px 0px;}
.footer-box{max-width: 100%;}
.footer-cnt-title{text-align: center;margin-bottom: 30px;}

/*inner-pages*/
.residential-projects .row.gx-0 {--bs-gutter-x: 1.5rem;}
.residential-projects .project-single-box figure figcaption {padding: 30px 15px;}
.contact-form-content {padding-right: 0px;}


.common_content_sec h1{ line-height:28px;}




}
@media screen and (max-width:991px) and (min-width:768px) {
.banner-title {line-height: initial;text-align: left;}
.counter-box ul li {margin: 0px 20px;display: flex;align-items: center;}
.counter-box ul{width: 100%;}
.counter-title {font-size: 13px;line-height: 20px;margin-left: 10px;}
}

@media screen and (max-width:1024px) {
.section-title.br-left, .service-box-inner h2 {padding-left: 10px;}
.four_sec .about_left_content .section-title.br-left {  padding-left: 0;}
.second_sec .service-box .service-box-inner h2 { padding-left: 0;}
.case-display-section .section-title.br-left { margin-bottom: 50px;}
.inner-banner-title { font-size: 38px;}
.banner-text-btm .inner-banner-btn {  margin-top: 30px; }
.inner-banner-btn a { display: inline-block; min-width: inherit; width: auto; padding: 10px 20px;}
.cnt-slider-title { font-size: 50px; letter-spacing: 4px;}
.fitout_Swiper { margin-bottom: 50px;}
.fitout-slider .swiper-slide figure figcaption .fitout-slide-title { font-size: 50px; letter-spacing: 4px;line-height: 70px;}
.fitout-slider-section .counter-box { margin-top: 40px;}








}

@media screen and (max-width:991px){
.tw-art-title br{display:none;}
.page-template-canterbury_page_template .col-8.col-xxl-5.col-xl-5.col-lg-5.col-md-6.col-sm-6.d-flex.align-items-center, .page-template-canterbury_page_template .col-4.col-xxl-5.col-xl-5.col-lg-5.col-md-6.col-sm-6 { width: 100%;}
.page-template-canterbury_page_template .townsend-right-img img {  height: 600px;}
.page-template-canterbury_page_template .townsend-art .townsend-right-img {margin-top:0;}
.page-template-canterbury_page_template .townsend-architech { margin-top: 0;}
.page-template-canterbury_page_template .tw-onestudio-box {  margin-top: 0; margin-bottom: 30px;}
.page-template-canterbury_page_template .townsend-art {  padding-top: 0px !important;}
.page-template-canterbury_page_template .townsend-pr-completed { margin-top: 30px;}
.page-template-canterbury_page_template .tw-onestudio-box {text-align: left;}
.page-template-canterbury_page_template .townsend-architech p {text-align: left;}
.page-template-canterbury_page_template .inner-banner-content .section-title.br-left::before { border-color: #fff;}

.page-template-townsend_page .col-8.col-xxl-5.col-xl-5.col-lg-5.col-md-6.col-sm-6.d-flex.align-items-center, .page-template-townsend_page .col-4.col-xxl-5.col-xl-5.col-lg-5.col-md-6.col-sm-6 { width: 100%;}
.page-template-townsend_page .townsend-right-img img {  height: 600px;}
.page-template-townsend_page .townsend-art .townsend-right-img {margin-top:0;}
.page-template-townsend_page .townsend-architech { margin-top: 0;}
.page-template-townsend_page .tw-onestudio-box {  margin-top: 0; margin-bottom: 30px;}
.page-template-townsend_page .townsend-art {  padding-top: 0px !important;}
.page-template-townsend_page .townsend-pr-completed { margin-top: 30px;}
.page-template-townsend_page .tw-onestudio-box {text-align: left;}
.page-template-townsend_page .townsend-architech p {text-align: left;}
.page-template-townsend_page .inner-banner-content .section-title.br-left::before { border-color: #fff;}



.page-template-stafford_page .col-8.col-xxl-5.col-xl-5.col-lg-5.col-md-6.col-sm-6.d-flex.align-items-center, .page-template-stafford_page .col-4.col-xxl-5.col-xl-5.col-lg-5.col-md-6.col-sm-6 { width: 100%;}
.page-template-stafford_page .townsend-right-img img {  height: 600px;}
.page-template-stafford_page .townsend-art .townsend-right-img {margin-top:0;}
.page-template-stafford_page .tw-onestudio-box {  margin-bottom: 30px;}
.page-template-stafford_page .townsend-art {  padding-top: 0px !important;}
.page-template-stafford_page .townsend-pr-completed { margin-top: 30px;}
.page-template-stafford_page .tw-onestudio-box {text-align: left;}
.page-template-stafford_page .inner-banner-content .section-title.br-left::before { border-color: #fff;}
.page-template-stafford_page .townsend-architech p { text-align: left;}

.page-template-Irisst_page .inner-banner-content .section-title.br-left::before { border-color: #fff;}

.page-template-townsend_style_2_page .grange-pr-box .tw-art-title { width: 100%;}
.page-template-townsend_style_2_page .grange-pr-box .cy-logo {  text-align: left; }
.page-template-townsend_style_2_page .townsend-architech p { text-align: left;}
.page-template-townsend_style_2_page .trown2-extra-img img {  height: 600px;}


.page-template-grangest_page_template .grange-pr-box .tw-art-title { width: 100%;}
.page-template-grangest_page_template .grange-pr-box .cy-logo {  text-align: left; }
.page-template-grangest_page_template .townsend-architech p { text-align: left;}
.page-template-grangest_page_template .trown2-extra-img img {  height: 600px;}

.page-template-Irisst_page .iris-pr-completed .col-xxl-5.col-xl-5.col-lg-5.col-md-6.col-sm-6.col-6 {   width:100%;}
.page-template-Irisst_page .iris-pr-completed .col-xxl-7.col-xl-7.col-lg-7.col-md-6.col-sm-6.col-6{   width: 100%;}
.page-template-Irisst_page .townsend-architech { margin-top: 0;}
.page-template-Irisst_page .townsend-pr-completed .tw-art-title{margin-bottom: 0;}
.rose-bank-ave-left { max-width: 100%;}
.rose-bank-ave-left ul {  margin-top: 10px;}
.team-top-box figcaption { padding-left: 40px;}
.fitout_Swiper { margin-bottom: 50px;}
.fitout-slider .fitout_Swiper:nth-child(3) {  margin: 0;}
.residential-projects-banner .inner-banner-content .section-title.br-left br{display:none;}

.banner_belt { justify-content: center;}


}


@media screen and (max-width:767px){
.review-slider{width: 100%;}
.testimonial-slider{max-width: 100%;}
.phases-content figcaption {padding-left: 25px;width: calc(100% - 25px);}
.phases-title{font-size: 17px;}
.phases-content figcaption p{font-size: 15px;}
.feature-content{max-width: 100%;}
.feature-details ul {margin-bottom: 20px;}
.team_member_box li{width: 50%;}
.st-right-logos li {width: 33.33%;max-width: 50%;margin-bottom: 30px !important;column-gap: 0px;padding: 0px 15px;}
/*.commercial-construction-ul  ul li {width: 50%;padding: 0px 15px;}*/


.townsend-main-box{padding: 30px 15px;justify-content: flex-start !important;}
.townsend-left-content{width: 100%;max-width: 100%;padding: 0px;}
.tw-art-title {font-size: 30px;line-height: 40px;margin-bottom: 30px;}
.townsend-left-content p{font-size: 16px;}
.townsend-art {padding-top: 30px !important;}
.townsend-right-img {display: inline-block;max-width: 100%;margin-left: 0px;}
.townsend-pr-completed {padding: 0px 15px !important;}
.townsend-pr-completed .tw-art-title {max-width: 100%;margin: 30px 0px;margin-left: 0px;}


.contact-form-content {padding-right: 0px;}
.desktop_view_fs{display: none;}
.mobile_view_fs{display: block;}
.townsand-banner .inner-banner-title {font-size: 26px;}
.team-top-box figcaption{width: 100%;    padding: 15px 0 0;    max-width: 100%;}
.team-top-box figure{width: 100%;}
.rose-bank-ave-left ul{margin-bottom: 10px;margin-top: 30px; }
.rose-bank-ave-location {margin-top: 50px;margin-bottom: 40px;justify-content: flex-start;}

/*.team-top-box figure { width: 50%;}
.team-top-box figcaption { width: 50%;}*/
.trown2-extra-img img {  width: 100%;}

.about_left_content { margin: 30px 0 0;}

footer .footer_links_box .title {  margin: 0 0 10px;}

.feature-details ul { display: inline-flex;}
.feature-details ul li {  width: 100%; padding-right: 0;}

.rose-bank-ave-left ul li figcaption strong {  font-size: 20px;}
.rose-bank-ave-left ul li figure {  width: 35px;  height: 32px;}



.banner-title {margin-bottom: 0px !important;font-weight: 600;font-size: 25px;text-align: center;}
.banner-content .container {flex-wrap: wrap;justify-content: center;}
.banner-title br {display: none;}
.banner_subtitle_box h4 {font-size: 16px;margin: 10px 0px;}
.banner_subtitle_box {justify-content: center;text-align: center;}
.banner-content {padding-bottom: 15px;}
.banner_subtitle_box a {font-size: 12px;min-width: 180px;width: 180px;padding: 8px 10px;}
.banner-title {
    text-align: center !important;
}

.banner-content {
    padding-bottom: 20px !important;
}



}
@media screen and (min-width:641px){
.rose-Swiper .swiper-pagination{display:none;}
}
@media screen and (max-width:640px){
    .swiper-pagination .swiper-pagination-bullet, .rose-Swiper .swiper-pagination .swiper-pagination-bullet{    border: 1px solid; background: #000;}
.simple-swiper .swiper-pagination .swiper-pagination-bullet, .rose-Swiper .swiper-pagination .swiper-pagination-bullet{    border: 1px solid; background: #000;}
.simple-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .rose-Swiper .swiper-pagination .swiper-pagination-bullet{}
    
.rose-Swiper { padding: 0px 0 35px;} 
.rose-bank-ave-slider {  padding-bottom: 20px;}  

.sun-kitchen-banner .inner-banner-img > img, .grange-banner .inner-banner-img > img, .iris-banner .inner-banner-img > img, .stafford-banner .inner-banner-img > img, .townsand-banner .inner-banner-img > img, .lexiu-kitchen-banner .inner-banner-img > img,
.house-delight-banner .inner-banner-img > img{    height: 400px;}
.inner-banner-content .section-title.br-left::before{display:none}   
.townsand-banner .section-title.br-left { margin: 0;}
 .inner-banner-title {    font-size: 26px;}
   
    
}


@media screen and (max-width:767px) and (min-width:575px) {
    
    
    .testimonial-slider {display: none;}
/*.mobile-cta{display: none;}*/
.review-section {display: none;}
.banner-title {line-height: initial;text-align: left;}
.counter-box ul li {margin: 0px 20px;display: flex;align-items: center;}
.counter-box ul{width: 100%;}
.counter-title {font-size: 13px;line-height: 20px;margin-left: 10px;}
.learn-more-img img{border-radius: 0px;}
.footer-box{flex-wrap: wrap;}
.footer-location {width: 100%;}
.footer-box ul li {margin: 0px;margin-right: 10px;}
footer {padding: 70px 0px 20px;}
.learn-more{padding-bottom: 0px;}
.learn-more-btn {left: unset;right: 30px;top: unset;margin: 0px;bottom: 30px;display: flex;flex-wrap: wrap;justify-content: center;padding: 0px 15px;width: 100%;float: right;transform: unset;padding: 0px;}
.learn-more-btn li a {font-size: 13px;min-width: 250px;width: 250px;padding: 10px;}
.learn-more-btn li {width: 100%;margin-right: 0px;display: flex;justify-content: flex-end;}
.feature-details {max-width: 100%;float: left;}


}

@media screen and (max-width:575px){
.page-template-canterbury_page_template .townsend-right-img img {  height: 400px;}
.page-template-townsend_page .townsend-right-img img {  height: 400px;}   
.page-template-stafford_page .townsend-right-img img {  height: 400px;}   
.page-template-townsend_style_2_page .trown2-extra-img img {  height: 400px;}
.about-right-content ul li + li {
    margin-left: 0;
}
.about-right-content ul li {
    margin-bottom: 30px;
}
}


@media screen and (max-width:575px) and (min-width:320px) {
html, body {font-size: 12px;}
.desk-menu .container {max-width: calc(100% - 0px);width: calc(100% - 0px);}
.desk-menu{padding: 20px 0px;}
.site-main{padding-top: 88px;}
.counter-title{font-size: 16px;line-height: 24px;}
.counter-box ul li {margin: 0px 10px;}
.counter {width: 50px;height: 50px;font-size: 23px;padding-top: 7px;margin: 0 auto;margin-bottom: 10px;line-height: initial;}
.banner-content{padding-bottom: 20px;}
.counter-box{justify-content: center;}
.banner-title {font-size: 34px;margin-bottom: 100px;line-height: initial;}
.banner-title span {font-size: 23px;display: inline-block;}
.banner-box figure img{height: 360px;}
.banner-box figure::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;z-index: 0;opacity: 0.5;}
.mobile-cta a small{display: none;}
.mobile-cta a svg{fill: #fff;width: 16px;height: 16px;}
.mobile-cta a span{margin-right: 0px;}
.mobile-cta a {border: 2px solid #fff;width: 30px;height: 30px;padding: 2px;display: flex;justify-content: center;align-content: center;}
.section-title.br-left::before{width: 150px;}
.section-title.br-left, .service-box-inner h2{font-size: 20px;line-height: 25px;padding-bottom: 10px;margin-bottom: 30px;padding-left: 50px;padding-right: 0px;}
.common_content_sec h1, .common_content_sec h2, .common_content_sec h3{font-size: 20px;line-height: 25px;padding-bottom: 10px;}
.commercial-construction-renovation h2, .conduct-residential-renovation h2{   font-size: 20px;     }
.commercial-construction-renovation .only_sec_title, .conduct-residential-renovation .only_sec_title{padding:0 20px;}
.about-left-content{padding-right: 0px;flex-wrap: wrap;}
.bt-top-title span:before {left: -15px;top: -10px;width: 10px;height: 20px;}
.about-left-content > div {width: 100%;}
.about-full-box {max-width: calc(100% - 30px);margin: 0 auto;width: 100%;}
.bt-top-title span {font-size: 18px;line-height: 26px;}
.about-left-content .bt-top-title {margin-bottom: 30px;padding-left: 10px;}
.about-details .about-location {font-size: 18px;margin-bottom: 30px;}
.about-details p{font-size: 15px;margin-bottom: 30px;}
.about-right-content{padding: 0px;margin-top: 30px;}
.about-right-content ul li{max-width: 100%;margin-bottom: 30px;width: 100%;}
.about-right-content ul li:last-child{margin-bottom: 0px;}
.about-right-content ul li.commercial-about .round-box{top: -10px;right: -10px;box-shadow: 10px -5px 8px #dddddd;}
.about-right-content ul li.residential-about .round-box{top: -10px;right: -10px;box-shadow: 10px -5px 8px #dddddd;}
.review-box p{font-size: 15px;margin-bottom: 30px;}
.user-type{font-size: 15px;}
.bt-top-title{padding-left: 10px;margin-bottom: 30px;}
.services-box{padding: 0px;}
.services-box .service-types{margin-bottom: 30px;}
.services-section{padding-bottom: 0px;}
.feature-content .bt-top-title{padding-left: 10px;margin-bottom: 30px;}
.feature-content{padding: 0px 15px;}
.feature-details .common-title{font-size: 18px;}
.feature-details{max-width: 100%;}
.feature-content p {font-size: 15px;margin-bottom: 30px;}
.feature-img{padding: 0px 15px;}
.testimonial-box p{font-size: 15px;margin-bottom: 30px;}
.universal-left {padding: 0px 15px;}
.universal-left .bt-top-title {padding-left: 10px;}
.universal-right {max-width: 100%;display: block;padding: 0px 15px;}
.universal-title{font-size: 23px;margin-bottom: 30px;}
.universal-right p, .universal-right ul li{font-size: 15px;line-height: 30px;}
.projects-title-box .bt-top-title {padding-left: 10px;margin-bottom: 30px;}
.projects-title-box {width: 100%;padding-left: 0px;max-width: 100%;margin-top: 0px;margin-bottom: 30px;}
.projects-title-box p {font-size: 15px;}
.project-single-box figure figcaption a{font-size: 26px;}
.project-single-box figure figcaption p{font-size: 15px;}
.project-single-box{width: 100%;margin-bottom: 30px;}
.project-single-btns{width: 100%;}
.click-project-btn{margin: 10px 0px;}
.click-project-btn a{min-width: 100%;width: 100%;}
.learn-more-img{width: 100%;}
.learn-more-img img {width: 100%;height: 300px;object-fit: cover;}
.learn-more-btn {left: 50%;right: unset;transform: translate(-50%,-50%);top: 50%;margin: 0px;bottom: unset;display: flex;flex-wrap: wrap;justify-content: center;padding: 0px 15px;width: 100%;}
.learn-more-btn li {width: 100%;margin-right: 0px;}
.learn-more-btn li a{font-size: 13px;width: 100%;min-width: 100%;}
footer{padding: 30px 0px;}
.footer-box{max-width: 100%;flex-wrap: wrap;}
.footer-cnt-title{text-align: center;margin-bottom: 30px;}
.footer-box ul li {margin: 0px 5px;}
.common_content_sec h1{ line-height:28px;}
.welcome_img_box img { margin: 20px 0 0 20px;}
    
    
    
/*inner-pages*/


.team_member_box li:last-child{margin-bottom: 0px !important;}
.team_member_box {max-width: 100%;padding: 0px 15px;}
.st-right-logos li {width: 50%;max-width: 50%;margin-bottom: 30px !important;column-gap: 0px;padding: 0px 15px;}
.commercial-construction-ul  ul li {width: 100%;}


}


@media screen and (max-width:575px) {

/*.sun-kitchen-section .container {padding: 0px;}*/
/*.sun-kithen-left{padding: 0px 30px;}*/
.footer-location {width: 100%;align-items: center;}
.testimonial-slider {display: none;}
/*.mobile-cta{display: none;}*/
.review-section {display: none;}
.contact-form-content {padding-right: 0px;}


.location_page ul li a { padding: 10px 15px;
    width: 170px;
    font-size: 14px;}
 .location_page {    padding: 0;}   
.location_page ul { margin: 0;}

    
 .cta_sec a.cta_btn { min-width: 160px;
    width: 160px;
    padding: 10px 10px;}   
    
    
.footer-location svg { width: 24px;}
  
    
.banner-title {margin-bottom: 0px !important;font-weight: 600;font-size: 25px;text-align: center;}
.banner-content .container {flex-wrap: wrap;justify-content: center;}
.banner-title br {display: none;}
.banner_subtitle_box h4 {font-size: 16px;margin: 10px 0px;}
.banner_subtitle_box {justify-content: center;text-align: center;}
.banner-content {padding-bottom: 15px;}
.banner_subtitle_box a {font-size: 12px;min-width: 180px;width: 180px;padding: 8px 10px;}
.banner-title {
    text-align: center !important;
}

.banner-content {
    padding-bottom: 20px !important;
}    
    
}

@media screen and (max-width:400px) {
.location_page ul li a { padding: 7px 6px; width: 140px; font-size: 13px; }
.location_page ul li a i { left: -7px;}
.rose-bank-ave-snapshots ul li img, .sun-kithen-left ul li img {width: 20px;}   
.sun-kithen-left ul li span { margin-right: 5px;}    
.sun-kithen-left ul li { font-size: 15px;} 

}







@media screen and (max-width:1007px) and (min-width:641px)  {

}

@media screen and (min-width:641px) {
.mobile_title {display:none;}
.rose-bank-ave .inner-banner-img { position: relative;    z-index: 2;}
.rose-bank-ave .inner-banner-img:after {position: absolute; content: "";height: 100%; width: 100%; background-color: #ffffff8f; top: 0; left: 0;z-index: 0;}
.rose-bank-ave .inner-banner-img figcaption { z-index: 2;}
}


@media screen and (max-width:640px) {
.main_logo a {font-size: 30px;}
.desk-menu {padding: 26px 0px;}
.banner-title { font-weight: normal;text-shadow: 0px 4px 5px #000;font-size: 29px; margin-bottom: 180px;}
.banner-content { padding-bottom: 0;}
.counter {    margin-bottom: 0;}
.counter-box:after {
    position: absolute;
    content: "";
    height: 100%;
    width:calc(100% - -15px);
    background-color: #000000;
    top: 0;
    bottom: 0;
    left: -15px;
    right: 0;
    z-index: -1;
}
.counter-box {
    padding: 30px 0;
    width: 100%;
    float: left;
    position: relative;
}
.banner-box figure::before {opacity: 0;}
.counter-box ul li {margin: 0px 20px; display: flex;align-items: center;}
.counter-title {font-size: 13px;line-height: 20px;margin-left: 10px;}
.about-left-content { padding-left: 20px;}
.about-location svg { margin-left: -32px;height: 22px; width: auto; margin-right: 10px;}
.about-right-content ul li {min-height: 300px;}
.about-right-content ul li.commercial-about .round-box {width: 80px;height: 80px;font-size: 12px;top:auto;box-shadow: none;}
.about-right-content ul li.residential-about .round-box {width: 80px; height: 80px;font-size: 12px;right: 95px;box-shadow: none;top: -25px;}
.about-right-content ul li {margin-bottom: 60px;}
.abt-box-title {    top: 15%;}
.abt-box-btn { padding: 10px 10px;}
.about-right-content ul li a { clear: both;display: block;margin-top: 15px;}

.services-box .service-types .mobile_flex {display: flex;align-items: end;margin-bottom: 25px;}
.services-box .service-types .mobile_flex figure {margin: 0;height: auto;width: auto;}
.service-title {margin: 0;padding-left: 15px;}
div .services-box .service-types figure img {height: 50px;max-width: 50px;}
.service-title {font-size: 17px;}
.services-box .service-types {padding: 30px 20px 20px 20px;margin-bottom: 60px;}
.testimonial-section { display: none;}
.feature-details ul { margin-bottom: 0;}
.phases-content figcaption {padding-left: 10px;}
.phases-content figcaption p { font-size: 13px; line-height: 1.3; opacity: 1;}
.phases-content {margin-bottom: 25px;}
.phases-title { font-size: 16px;font-weight: 800;}
.section_grey_title {display:none;}
.project-single-box {  height: 350px;margin-bottom: 30px;}
.click-project-btn {width: 50%;text-align: center;float: left;}
.case-display-section .click-project-btn {text-align: left;}
.click-project-btn a {display: inline-flex;min-width: 200px;width: auto;}
.learn-more {  padding-top: 15px;padding-bottom: 0;}
.click-project-btn small {font-size: 10px;}
.learn-more-btn li a { font-size: 13px;  min-width: 250px;  width: 250px; padding: 10px;}
.learn-more-img img { border-radius: 0;}
.learn-more-btn {top: auto;right: 30px;left: auto;transform: unset; text-align: right;bottom: 30px;}
footer { padding: 50px 10px 20px;}
.strong-together-banner.banner-text-btm .inner-banner-content, .page-template-team_page .inner-banner-content {transform: unset; left: 0; bottom: 100px; top: auto;}
.inner-banner-title { font-weight: normal;}
.strong-together-box .st-left-title {margin-top: 50px;text-align: left;}
.st-right-logos {margin-left: -10px;}
.section-title.br-left {padding-left: 15px;}
.about_left_content .section-title.br-left {
    padding-left: 0;
}
.rose-bank-ave figcaption.inner-banner-content {position: static !important;transform: unset !important;padding: 30px 0;}
.rose-bank-ave figcaption.inner-banner-content .container { display: flex; flex-direction: column-reverse!important;}
.rose-bank-ave figcaption.inner-banner-content p {  max-width: 445px;}
/*.rose-bank-ave-section {padding: 120px 0;}*/
.rose-bank-ave-section .section-title.br-left { margin-bottom: 50px;}
.rose-bank-ave-section .section-title.br-left::before { transform: translate(-15%,50%); left: 0px; bottom: -15px;  width: 310px;    border-color: #fff;}
.rose-bank-ave-left { max-width: 100%;}
/*.rose-bank-ave-left ul {margin-top: 80px;}*/
.snapshot-title {/* font-size: 40px;*/  text-transform: capitalize;}
.residential-projects .project-single-box {  margin: 0;}
.residential-projects-banner.banner-text-btm .inner-banner-content .section-title {display:none;}
.residential-projects-banner.banner-text-btm .inner-banner-content {bottom: auto;/*top: 50px;max-width: 340px;*/}
.residential-projects-banner.banner-text-btm .inner-banner-img > img{height:400px;}

.mobile_title {  width: 100%;  float: left; padding: 20px 0 ; background-color: #000000; color: #ffffff;}
.residential-projects .project-single-box { margin: 0;}
.mobile_title .section-title.br-left {line-height: normal; font-weight: 600;font-size: 22px;    padding: 0; margin: 0;    text-align: center;}
.mobile_title .section-title.br-left br{display:none;}
.section-title.br-left::before {width: 220px;left: -30px;border-color: #ffffff;}
.project-single-box figure::before {opacity: 0.3;}
.footer-box ul li {  margin: 0px;  margin-right: 10px;}
.townsand-banner.banner-text-btm .inner-banner-content {top: auto; bottom: 0; transform: unset; left: 0;}
.banner_belt { width: 100%; float: left;position: relative;padding: 20px 0;background-color: #000000;z-index: 2;}
.banner_belt:after {position: absolute; content: "";height: 100%; width:calc(100% - -60px);background-color: #000000; top: 0;bottom: 0;left: -30px;right: 0;z-index: -1;}
.banner_belt li { width: 20%; text-align: center;}
.tw-onestudio-box {    text-align: left; padding:0;}
.townsend-architech p {text-align: left;}
.townsend-pr-completed {padding: 0px 0px !important;}
.townsend-main-box {padding: 30px 15px;}
.townsend-pr-completed .tw-art-title {padding-left: 15px;padding-right: 15px;}
.townsend-pr-completed figure { position: relative;}
.townsend-pr-completed figure .mobile_title {  width: auto;}
.subtitle_year {font-weight: 400;}
.title_year_count { font-weight: 400;}
.team-lead-group .section-title.br-left { padding-left: 18px;}
.section-title.br-left::before {border-color: #000000;}
.team-lead-group .section-title.br-left {  margin-bottom: 50px;}
/*.team-top-box figcaption { padding-left: 20px;}*/
.team_member_box li figcaption small { font-family: 'Evolventa Regular';    margin-bottom: 5px;}
.team_member_title {font-size: 17px;}

.common_content_sec .only_sec_title.section-title{ padding-left:15px;    padding-right: 10px;}
.service-box-inner h2{padding-left:0px}
.cta_sec h2 { font-size: 20px;}
footer .footer_links_box ul li { margin-bottom: 5px;        line-height: 30px;}
.home_ser_sec .services-box .service-types .mobile_flex figure img {  max-width: 100%;}
.home_ser_sec .services-box .service-types .mobile_flex{        display: inline;}
.home_ser_sec .services-box .service-types .mobile_flex figure {  width: 100%;}
.home_ser_sec .services-box .service-types{        margin-bottom: 15px;}

.about-right-content ul li.commercial-about .round-box, .about-right-content ul li.residential-about .round-box { top: -35px; right: -10px;}

.inner-banner-img > img, .page-template-rosebank_ave_page .inner-banner-img > img { height: 270px;}
.rose-bank-ave-left ul li figcaption p {  font-size: 16px;    margin-top: 0px;}

  .subtitle_year { font-size:30px;padding:0;}  
 .title_year_count {font-size: 30px;}
  .title_year_label { font-size: 30px;}  
    
 .inner-banner-btn a { min-width: inherit;    display: inline-block;
    width: auto;
    padding: 10px 15px;
    line-height: 20px;}   

 .rose-bank-ave figcaption.inner-banner-content p, .rose-bank-ave figcaption.inner-banner-content .inner-banner-title {  text-align: center;    margin: 0;}   
 .raaf-base-banner figcaption.inner-banner-content p, .raaf-base-banner figcaption.inner-banner-content .inner-banner-title {
    text-align: center;
    margin: 0;
}   
    
    
    
    
    
    
    
}


@media screen and (max-width:575px) {
.counter-box ul li {margin: 0px 10px;}
.counter-title {font-size: 11px;line-height: 17px;}
.counter {width: 40px;height: 40px;font-size: 18px;padding-top: 3px;}
.residential-projects .project-single-box figure figcaption { padding: 20px 15px;}
.project-status {font-size: 11px;margin-bottom: 6px;    opacity: 1;}
.project-single-box figure figcaption a {  font-size: 20px;}
.pr_subtitle {font-size: 13px;line-height: normal; margin-bottom: 10px; margin-top: 5px;}
.project-single-box figure figcaption .learn-more a {font-size: 12px;min-width: 120px;padding: 10px 0px;line-height: 9px;}
.townsend-pr-completed figure .right-bg-title { font-size: 17px; line-height: 48px; letter-spacing: 5px;}

.common_content_sec .only_sec_title.section-title, .service-box-inner h2{  font-size: 20px;  line-height: 28px; padding-bottom: 10px; margin-bottom: 30px;}
.footer-location{  align-items: start;}
footer .col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12 { width: 100%; }

}

@media screen and (max-width:480px) {
.services-box .service-types figcaption p {font-size: 14px; line-height: 1.7;}  
.click-project-btn a {min-width: 160px;}
.townsand-banner .inner-banner-content p { font-size: 13px; line-height: 1.7;}
}


@media screen and (max-width:415px) {
.counter-title {font-size: 10px;line-height: 14px;}
.counter {width: 32px;height: 32px;font-size: 14px;}
.counter-box ul li {margin: 0px 10px;}
.counter-box { padding: 20px 0;}
.banner-title {margin-bottom: 180px;}
.project-single-box figure figcaption a { font-size: 16px;}
.pr_subtitle {font-size: 11px; margin-bottom: 5px;}
.project-status svg {  width: 11px; height: 11px;}
.tw-art-title {  font-size: 25px;}

.home_ser_sec .services-box .service-types .mobile_flex figure { height: 170px;}
.abt-box-title { font-size: 22px;}


.counter-box ul {     justify-content: space-between;  width: 100%;}  
.counter-box ul li:first-child, .counter-box ul li:last-child{margin:0;}
.counter-title {  text-align: left;}
   
    
}


@media screen and (max-width:370px) {
.home_ser_sec .col-6 {  width: 100%;}
.home_ser_sec .services-box .service-types {  height: auto !important;}
.feature-details ul li {  font-size: 12px;}
.sun-kithen-left ul li {   display: flex;}
}


@media screen and (max-width:359px) {
.counter-box ul li { margin: 0px 4px;}
.counter-title { margin-left: 7px;}
.rose-bank-ave-left ul li figcaption p {  font-size: 14px;}



}
@media screen and (max-width:350px) {
.location_page ul li a { width: 160px;}
}