@media screen and (max-width: 1365px) {
    .main-navigation ul > li {padding: 10px 20px;}
    .navsticky .main-navigation ul > li {padding: 2px 20px;} 
    .commercial-text {width: 45%;} 
    .commercial-image {width: 55%;}
    
    .contact-form {padding: 140px 110px 75px 110px;}
    
}

@media screen and (max-width: 1280px) {
    .fancybox-slide--html {padding: 20px;}
    .request-popup-inner .form-col {max-width: 47.5%;}
    .request-popup-inner h2 {margin-bottom: 50px;}
    
    .agreement-section {width:100%; max-width: 100%;}
    .agreement-section .form-row.row-checkbox {float:left;}
}


@media screen and (max-width: 1199px) {
    body {font-size: 17px;line-height: 29px;}
    h1, .h1 { font-size:70px; margin: 0 0 30px; }
    h2, .h2 { font-size:55px; margin: 0 0 20px; }
    h3, .h3 { font-size:40px; margin: 0 0 20px;}
    h4, .h4 { font-size:35px; margin: 0 0 15px;}
    h5, .h5 { font-size:30px;margin: 0 0 15px;}
    h6, .h6 { font-size:25px;margin: 0 0 15px;}
    
    .form-row span.label {font-size: 19px;}
    
    .button-link {font-size: 13px;letter-spacing: 5px;}
    
    .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link {padding: 16px 25px 12px;font-size: 14px;line-height: 18px; letter-spacing: 5px;}

    .container {max-width: 948px;}
    .site-header {padding: 20px 30px;}
    .navsticky .site-header {padding: 16px 30px;}
    .logo a img, .logo-browna img, .logo a svg {height: 45px;width: 45px;}
    .logo a > span, .logo-brown a > span { margin: -1px 0 0 0; padding: 0 0 0 13px;}
    
    .main-navigation {padding:0;}
    .main-navigation ul > li {padding: 8px 17px;}
    .navsticky .main-navigation ul > li {padding: 4px 17px 0;}
    .main-navigation ul > li:last-child {padding-right:0;}
    .main-navigation ul li a {font-size: 13px;}
    .main-navigation ul > li .sub-menu li a {font-size: 17px;}
    .main-navigation ul > li .sub-menu li a {padding: 6px 29px;}
    
    .site-content {margin: 0; padding:88px 0 0 0;} 
    
    .home-banner-content h1 {font-size: 65px; line-height: 65px;}
    .home-banner-content span {font-size: 17px;}
    .slider-nav .item h4 {font-size: 15px;}
    .slider-nav .item {padding: 24px 30px;}
    #magic-line:after {right: 30px;}
    
    .refurbishment {padding: 60px 0;}
    .img-line {position: absolute;left: 245.5px;top: -96px;width: 27.5px;height: auto;z-index: -1;}
    
    .refurbishment-img {max-width: 457px;}
    .refurbishment-content {padding: 40px 0 0 0;width: 380px;}
    .refurbishment-content span { font-size: 17px;line-height: 23px;letter-spacing: 4.7px;}
    .refurbishment-item span {font-size: 10px;line-height: 12px;letter-spacing: 1px;}
    .refurbishment-content p {font-size: 25px;line-height: 40px;padding: 0 0 105px 0;}
    .refurbishment-item {width: 75px; margin: 0 35px 0 0;}
    .refurbishment-item .refurbishment-box {height: 75px;}
    
    .workspace-content .item {height: 320px;}
    .workspace-content .workspace-item-content h3 {font-size: 40px;}
    .workspace-content .workspace-item-content p {font-size: 17px;line-height: 27px;}
    
    .home-about {padding: 120px 0 90px;}
    .home-about-wrapp h2 {font-size: 243px;}
    .home-about-content .lead-para {font-size: 27px;line-height: 40px;}
    .home-about-content p {margin-bottom: 30px; font-size: 17px; line-height: 29px;}
    .home-about-content {padding: 0 55px 0 0;max-width: 620px;}
    
    .quote-content {top: 150px;width: 280px;}
    .quote-content h5 {font-size: 25px;line-height: 40px;margin-bottom: 30px;}
    .quote-content:before {font-size: 200px;top: -20px;}
    .quote-content span {font-size: 14px;letter-spacing: 5px;}
    
    .request-quote-box h4 {font-size: 34px;}
    .quote-right .img-hidden {bottom: 207px;}
    
    .brand-section {padding: 75px 0 60px 0;}
    .brand-section .container {max-width: 900px;}
    .brand-section .brandlogo {margin-right:0; margin-top: 40px;margin-bottom: 40px;}
    
    .about-section {padding: 48px 0;}
    .about-section .container {max-width: 948px;}
    .about-section .image-col {max-width: 450px;}
    .about-section .content-col {max-width: 384px;}
    .about-section .content-col h1 {font-size: 63px;margin-bottom: 40px;}
    .about-section .content-col h5 { font-size: 25px;line-height: 38px;margin-bottom: 25px;}
    
    .about-content {padding: 50px 0;}
    .about-content .container {padding: 74px 15px 56px 15px;max-width:948px;}
    .about-content h5 {padding: 0 44px 0 0; line-height: 38px;font-size: 25px;}
    
    
    .about-img-text {padding: 48px 0;}
    .img-text-left .about-img {padding-right: 75px;}
    .img-text-right .about-img {padding-left: 75px;}
    .about-text {max-width: 436px;}
    .about-text h5 {width: 78%;}
    .about-text p {margin-bottom:40px;}
    
    .about-image-slider {padding: 50px 0;}
    .about-image-slider .container {max-width: 948px;}
/*    .about-image-slider h2 {left: calc(100% + 22px);}*/
    .about-image-title {right: -11px;}
    .about-text-quote {padding: 48px 0;}
    .about-text-quote .container {max-width: 948px;}
    .about-text-desc h5 {margin: 0 0 15px 0;line-height: 40px;}
    
    .about-text-desc {max-width: 480px;}
    .about-quote-content {width: 320px;}
    .about-quote-content:before {font-size: 245px;margin: 0 0 20px -4px;}
    .about-quote-content h5 { font-size: 25px;line-height: 40px;}
    
    .meet-team {padding: 65px 0 0 0;}
    .meet-team-main .container {max-width: 948px;}
    .meet-team-main {padding: 200px 0 0 0;}
    .team-item:first-child {margin-top: -195px;} 
    .team-item {max-width: 394px;margin: 0 0 130px 0;}
    .team-item-content {margin: 0;padding:40px 0 0 0;}
    .team-item-content h4 {font-size: 28px;}
    .team-position {font-size: 14px; padding: 0 0 40px 0;letter-spacing: 5px;}
    
    .project-slider-content {padding: 0 50px;}
    .project-slider-project {font-size: 14px;letter-spacing: 5px;}
    .project-slider-title h2 {margin-left: -3px; margin-bottom: 35px;font-size: 50px;}
    .about-project-main .slideCount {font-size: 22px;}
    
    
    .what-we-offer .container {max-width: 948px;}
    .what-we-offer .text-col {width: 100%;max-width: 424px;}
    .commercial-section {margin-bottom: 50px;}
    .what-we-offer {padding: 50px 0 50px;}
    
    .services-section {    padding: 50px 0;}
    .services-section .container {max-width: 948px;}
    .services-section h3 {margin-bottom: 35px;}
    .accordion {padding: 20px 60px 60px 60px;}
    .accordion-item {padding: 35px 0;}
    .accordion-icon {width: 72px;height: 72px}
    .accordion-item h4 { font-size: 28px;padding: 21px 0 21px 112px;}
    .accordion-content .a-button {margin:0;}
    .accordion-content {padding: 35px 0 0 0;}
    
    .service-quote-content:before {font-size: 225px;}
    .service-quote-content h5{font-size: 25px;line-height: 40px;}
    .service-quote-content {max-width: 600px;}
    
    .service-quote {padding: 50px 0 50px 0;}
    .page-template-tp-service .about-content .container {padding: 20px 15px 35px 15px;}
    
    .page-template-tp-service .about-img-text {padding: 50px 0;}
    .page-template-tp-service .about-img-text .container {padding: 0 15px;max-width:948px;}
    .page-template-tp-service .about-img-text .about-img {max-width: 410px;}
    
    .page-template-tp-service .about-text-quote {padding:75px 0;}
    
    .commercial-text .info h2 { padding: 0 0 35px 0;font-size: 50px;}
    .commercial-text .info {max-width: 337px;}
    .commercial-text .info p {font-size: 25px;line-height: 40px;}
    
    .our-work .box h4 { font-size: 20px; letter-spacing: 5px;}
    .our-work .box h1 {font-size: 70px;}
    
    .our-work .box .example-text {max-width: 254px;}
    .our-work .box .example-text h5 {font-size: 23px;line-height: 33px;}
    .work-content-inner h5 { font-size: 17px;letter-spacing: 4.7px;}
    .port-button .a-button .d-cursor__inner {font-size: 14px;}
    
    .portfolio-project .container {max-width: 948px;}
    .portfolio-project-left {max-width: 330px;}
    .portfolio-project-right {max-width: 578px;}
    
    .portfolio-project {padding: 80px 0;}
    .portfolio-project-right h5 {margin: 0 0 27px 0;}
    .inner-image-slider .container {max-width: 948px;}
    .page-template-tp-portfolio-single .service-quote .container, .single-portfolio .service-quote .container {max-width: 948px;}
    
    .page-template-tp-portfolio-single .service-quote, .single-portfolio .service-quote {padding: 60px 0 60px 0;}
    .stackable-grid .container {max-width: 948px;}
    .stackable-grid {padding: 50px 0;}
     .stackable-full {margin:40px 0;}
    .stackable-two-images {margin: 0;padding: 40px 0;}
    .stackable-portrait {max-width: 346px;}
    .stackable-square { max-width: 515px;}
    .portfolio-bottom .container {max-width: 948px;}
    .portfolio-bottom {padding: 90px 0;}
    .portfolio-next .container {max-width: 948px;}
    .portfolio-next a.portfolio-next-item {font-size: 58px;padding: 0 160px 0 0;}
    .portfolio-next a.portfolio-prev-item {font-size: 58px;padding: 0 0 0 160px;}
    .portfolio-next { padding: 40px 0 60px 0;}
    
    .footer-top {padding-bottom: 50px;}
    .site-footer {padding-top: 80px;}
    .site-footer .container {max-width: 948px;}
    .foo-col.address, .foo-col.info {margin-right: 90px;}
    .foo-col h3 {font-size: 58px;line-height: 76px;}
    .foo-col.address p {font-size: 13px;line-height: 18px;letter-spacing: 5px;}
    .foo-col.info {padding-top: 25px;}
    .foo-col.info a {font-size: 20px;line-height: 32px;}
    .rating-box {margin-top: 33px;}
    .rating-label {margin-top: 38px;font-size: 18px;letter-spacing: -0.40px;}
    .copyright-section {padding-bottom: 30px;}
    .foo-col.address, .foo-col.info {margin-right: 146px;}
    
    .portfolio-content .container {max-width: 948px;} 
    .portfolio-content .portfolio-content-left {max-width: 328px; font-size: 25px;line-height: 40px;}
    .portfolio-content-right {max-width: 558px;}
    .portfolio-content {padding: 130px 0;}
    
    .news-tiles .container {max-width: 865px;}
    .news-tiles .tile-box {max-width: 350px;}
    
    .contact-info {width: 400px;}
    .contact-form {width: calc(100% - 400px);padding: 140px 70px 75px 70px;}
    .request-popup-inner {padding: 40px 50px 50px;}
    
    input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {font-size: 16px;}
    
    .error-404 h1 {font-size: 150px;}
    .error-404 h5 {margin-bottom: 50px;}
    
    .thankyou-popup-inner {max-width: 516px;}
    .thankyou-popup-inner .button {margin-top: 0;padding: 14px 30px;}
    
    .global-content .container {max-width: 948px;}
    
    .inner-image-slider {padding: 0 0 60px 0;}
    
}



@media screen and (max-width: 991px) {
    body {font-size: 15px;line-height: 27px;}
    h1, .h1 { font-size:55px; margin: 0 0 30px; }
    h2, .h2 { font-size:43px; margin: 0 0 20px; }
    h3, .h3 { font-size:35px; margin: 0 0 20px;}
    h4, .h4 { font-size:30px; margin: 0 0 15px;}
    h5, .h5 { font-size:25px;margin: 0 0 15px;}
    h6, .h6 { font-size:20px;margin: 0 0 15px;}
    .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link {font-size: 13px;}
    .container {max-width: 730px;}
    .site-header {padding: 20px 25px;}
    .logo a > span, .logo-brown a > span {font-size: 16px;}
    .logo, .logo-brown {width: 194px;}
    
    .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link {font-size: 12px;padding: 13px 25px 12px;}
    .a-button .d-cursor__inner {font-size: 13px;letter-spacing: 5px;}
    .button-link {font-size: 13px;letter-spacing: 4px;}
    .main-navigation ul > li {padding: 8px 15px;}
    .main-navigation ul li a {font-size: 13px;letter-spacing: 5px;}
    .main-navigation ul > li .sub-menu {width: 240px;}
    .main-navigation ul > li .sub-menu li a {padding: 4px 24px;}
    
    .navsticky .site-header {padding: 13px 25px;}
    .main-navigation ul > li .sub-menu:after {top: 11px;}
    .navsticky .main-navigation ul > li {padding: 4px 15px 0;}
    .main-navigation ul > li:last-child {padding-right: 0;}
    
    .home-banner-content {padding: 0 4.8%;}
    .slider-nav {width: 95.2%;}
    .home-banner-content span {padding: 10px 0 0 4px;font-size: 15px;}
    .home-banner-content h1 {font-size: 60px;line-height: 60px;}
    
    .slider-nav .item {padding: 18px 20px;}
    .slider-nav .item h4 {font-size: 14px;}
    #magic-line {height: 71px;}
    #magic-line:after {right: 20px;}
    
    .refurbishment {padding: 50px 0;}
    .img-line {position: absolute;left: 186.5px;top: -75px;width: 21.5px;height: auto;z-index: -1;}
    .refurbishment-img {max-width: 350px;}
    .refurbishment-content {padding: 30px 0 0 0;width: 300px;}
    .refurbishment-content span {font-size: 15px;line-height: 20px;letter-spacing: 3.7px;}
    .refurbishment-content h2 {padding: 0 0 15px 0;}
    .refurbishment-content p {font-size: 20px;line-height: 30px;padding: 0 0 75px 0;max-width: 100%;}
    .refurbishment-item {width: 65px;margin: 0 30px 0 0;}
    .refurbishment-item .refurbishment-box {height: 65px;}
    .refurbishment-item span {font-size: 9px;line-height: 12px;letter-spacing: 1px;}
    .refurbishment-item .refurbishment-box svg {transform: scale(0.8);}
    .refurbishment-content .a-button {margin-top: 30px;}
    
    .workspace-content {width: 400px;}
    .workspace-content .item {padding: 40px 40px 40px 40px;height:275px;}
    .workspace-content .workspace-item-content h3 {font-size: 35px;}
    
    .home-about {padding: 100px 0 60px;}
    .home-about-content .lead-para {font-size: 25px;line-height: 36px;}
    .home-about-content {padding: 0 25px 0 0;margin: -62px 0 0 0;max-width: 515px;}
    .home-about-wrapp h2 {font-size:180px;}
    
    .site-footer {padding-top: 50px;}
    .footer-top {padding-bottom: 20px;}
    .foo-col.address, .foo-col.info {margin-right: 50px;}
    
    .quote-content:before {font-size: 140px;top: -20px;}
    .quote-content {top: 100px;width: 240px;}
    .quote-content h5 {font-size: 21px;line-height: 32px;margin-bottom:20px;}
    .quote-content span {font-size: 13px;letter-spacing: 4px;}
    
    .quote-right {width: calc(37% - 30px);}
    .request-quote-box h4 {font-size: 25px;}
    .request-quote-box {padding: 25px 15px 25px;}
    .quote-right .img-hidden {bottom: 154px;}
    
    .brand-section {padding: 45px 0 40px 0;}
    .brand-section .brandlogo {margin-right: 0;margin-top: 0px;margin-bottom: 0px;}
    .brand-section .brandlogo img {transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);}
    
    .about-section {padding: 28px 0;}
    .about-section .container {max-width: 730px;}
    .about-section .image-col {max-width: 350px;}
    .about-section .content-col {max-width: 294px;}
    .about-section .content-col h1 {font-size: 50px;margin-bottom: 20px;}
    .about-section .content-col h5 {font-size: 22px;line-height: 34px;margin-bottom: 16px;}
    
    .about-content {padding: 28px 0;}
    .about-content .container {padding: 44px 15px 30px 15px;max-width: 730px;}
    .about-content h5 {padding: 0 0px 0 0;line-height: 32px;font-size: 20px;}
    .about-image-title {right: -14px;}
    .about-img-text {padding: 28px 0;}
    .img-text-left .about-img {padding-right: 50px;}
    .img-text-right .about-img {padding-left: 50px;}
    .about-text h5 {width: 90%;line-height: 35px;margin: -12px 0 20px 0;}
    .about-text {max-width: 335px;}
    
    .about-image-slider {padding: 28px 0;} 
    .about-image-slider .container {max-width: 730px;}
    .about-image-slider .slideCount {font-size: 20px;}
    .about-image-slider h2 {font-size: 17px;}
    .about-text-quote {padding:28px 0;}
    .about-text-quote .container {max-width: 730px;}    
    
    .about-text-desc {max-width: 370px;}
    .about-quote-content {width: 270px;}
    .about-quote-content h5 {font-size: 22px;line-height: 36px;}
    .about-quote-content span {font-size: 14px;letter-spacing: 5px;}
    .about-quote-content:before {font-size: 225px;margin: 0 0 10px -4px;}
    
    .meet-team-title h2 {left: -2.7%;}
    .meet-team-main {padding: 110px 0 0 0;}
    .meet-team-main .container {max-width: 730px;}
    .team-item {max-width: 294px;margin: 0 0 90px 0;}
    .team-item:first-child {margin-top: -75px;}
    .team-item:last-child {margin-bottom: 90px;}
    .team-item-content {margin: 0;padding: 30px 0 0 0;}
    .team-item-content h4 {font-size: 25px;}
    .team-position {font-size: 13px;padding: 0 0 30px 0;letter-spacing: 4px;}
    
    .project-slider-content {padding: 0 30px;}
    .project-slider-project {padding-top: 35px;}
    .project-slider-project {font-size: 13px;line-height: 16px;letter-spacing: 4px;}
    .project-slider-title h2 {margin-left: -3px;margin-bottom: 25px;font-size: 40px;}
    .see-all {margin-bottom: 25px;}
    .about-project-main .slideCount {top: 30px;font-size: 20px;}
    .project-next:before {top: calc(50% - 5px);left: calc(50% - 14px);width: 20px;height: 20px;}
    
    .commercial-section .flex { flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;}
    .commercial-image {width: 100%;} 
    .commercial-text {width: 100%;}
    .commercial-image .bg-cover {height: auto;}
    
    .page-template-tp-service .logo svg .logo-ring {fill: #fff;}
    .page-template-tp-service .logo svg .logo-home {fill: #fff;}
    .page-template-tp-service .logo a span {color: #fff;}
    
    .page-template-tp-service.navsticky .logo svg .logo-ring {fill: #D6CDC2;}
    .page-template-tp-service.navsticky .logo svg .logo-home {fill: #A08367;}
    .page-template-tp-service.navsticky .logo a span {color: #453B3B;}
    
    .commercial-section {margin-bottom: 28px;}
    .commercial-text {margin: 0; padding:40px 34px 0;}
    .commercial-text .info {max-width: 100%;}
     .commercial-text .info h2 {padding: 0 0 30px 0;font-size: 45px;}
    .what-we-offer .container {max-width: 730px;} 
    
    .what-we-offer {padding: 28px 0 28px;}
    .what-we-offer .text-col {width: 100%;max-width: 325px;}
    
    .services-section {margin: 0;padding: 28px 0;}
    .services-section .container {max-width: 730px;}
    
    .accordion {padding: 10px 50px 50px 50px;}
    .service-quote-content h5 {font-size: 22px;line-height: 36px;}
    .service-quote-content {max-width: 570px;}
    .service-quote {padding: 25px 0 45px 0;}
    
    .page-template-tp-service .about-img-text {padding:40px 0;}
    .page-template-tp-service .about-img-text .container {padding: 0 15px;max-width: 730px;}
    .page-template-tp-service .about-img-text .about-img {max-width: 320px;}
    
/*    .page-template-tp-service .about-text-quote {padding: 100px 0;}*/
    .page-template-tp-service .about-text-quote {padding:40px 0;}
    
    
    .our-work .box h4 { font-size: 17px;letter-spacing: 4px;}
    .our-work .box h1 {font-size: 60px;}
    
    .our-work .box .example-text h5 {font-size: 23px;line-height: 33px;}
    .our-work .box .example-text {max-width: 215px;}
    .our-work .box .example-text h5 {font-size: 20px;line-height: 30px;}
    .our-work .box .example-text {max-width: 215px;margin-top: -20px;}
    
    .work-content-inner h2 {font-size: 40px;}
    .work-content-inner h5 {font-size: 15px;letter-spacing: 3.5px;}
    .port-button .a-button .d-cursor__inner {font-size: 13px;}
    
    .portfolio-content .container {max-width: 730px;} 
    .portfolio-content .portfolio-content-left {max-width: 288px;font-size: 22px;line-height: 32px;}
    .portfolio-content-right {max-width: 398px;}
    .portfolio-content {padding: 90px 0;}
    
    .site-footer {padding-top: 40px;}
    .foo-col h3 {font-size: 48px; line-height: 66px;}
    .foo-col.address p {font-size: 13px;}
    .foo-col.info a {font-size: 16px; line-height: 20px;}
    .rating-box {margin-top: 34px;}
    .rating-label {margin-top: 27px; font-size: 16px;}
    
    .site-footer .container {max-width: 730px;}
    .foo-col.info a:first-child {margin-bottom: 38px;}
    
    .news-title {max-width: 300px;}
    .news-tiles .container {max-width: 650px;}
    .news-tiles .tile-box {max-width: 270px;}
    
    .news-detail .news-title {max-width: 700px;}
    .news-detail .news-title h1 {margin-bottom: 60px;}
    .lead-para {margin-top: 60px; padding: 107px;}
    .news-detail .lead-para {padding: 0 92px;}
    .news-detail h5 {line-height: 40px;}
    
    .portfolio-project {padding: 50px 0;}
    .portfolio-project .container {max-width: 730px;}
    .portfolio-project-left {max-width: 220px;}
    .portfolio-project-right {max-width: 468px;}
    .portfolio-project-right h5 {font-size: 25px; line-height: 35px; margin: 0 0 15px 0;}
    .inner-image-slider .container {max-width: 730px;}
    
    .page-template-tp-portfolio-single .service-quote, .single-portfolio .service-quote {padding:45px 0 50px 0;}
    .page-template-tp-portfolio-single .service-quote .container, .single-portfolio .service-quote .container {max-width: 730px;}
    .page-template-tp-portfolio-single .service-quote-content, .single-portfolio .service-quote-content {max-width:500px;}
    .page-template-tp-portfolio-single .service-quote-content:before, .single-portfolio .service-quote-content:before {margin: 0 0 10px -6px;}
    .stackable-grid .container {max-width:730px;} 
    .stackable-grid {padding: 30px 0;}
    .stackable-full {margin: 20px 0;}
    .stackable-two-images {margin: 0;padding: 20px 0;}
    .stackable-portrait {max-width: 246px;}
    .stackable-square {max-width: 415px;}
    .portfolio-bottom {padding: 70px 0;}
    .portfolio-bottom .container {max-width:730px;}
    
    .portfolio-next .container {max-width: 730px;}
    .portfolio-next a.portfolio-next-item {font-size: 48px;padding: 0 110px 0 0;}
    .portfolio-next a.portfolio-next-item:before {width: 25px;bottom: 29px;}
    .portfolio-next a.portfolio-next-item:after {right: 1px;width: 13px;height: 13px;bottom: 23px;}
    
    .portfolio-next a.portfolio-prev-item {font-size: 48px;padding: 0 0 0 110px;}
    .portfolio-next a.portfolio-prev-item:before {width: 25px;bottom: 29px;}
    .portfolio-next a.portfolio-prev-item:after {left: 1px;width: 13px;height: 13px;bottom: 23px;}
    .portfolio-next {padding: 37px 0 68px 0;}
    
    
    .contact-info {width: 300px;}
    
    .contact-form {width: calc(100% - 300px);padding: 120px 30px 75px 30px;}
    .contact-form h1 {margin: 0 0 58px;} 
    .contact-info .contact-details {max-width: 240px;top: 223px;}
    .contact-details h3 a {font-size: 28px;}
    .contact-details h5 a {font-size: 13px;}
    .address-section {padding: 35px 35px 17px;}
    .address-section p {margin-bottom: 30px;}
    .email-section {margin-bottom: 84px;}
    
    .form-submit {margin: -60px 0 0 0;}
    .thankyou-popup-inner {max-width: 456px;}
/*    .request-popup-inner .form-submit {margin: -10px 0 0 0;}*/
    
    .global-content .container {max-width: 730px;}
    .height-less {height: 60px;}
    .heading-section {padding: 0 0 55px 0;}
    
    .inner-image-slider {padding: 0 0 50px 0;}
}


@media screen and (max-width: 767px) {
    .desktop-hide {display: block;}
    .mobile-hide {display: none;}
    body {font-size: 19px;line-height: 31px;}
    .site-header {padding: 28px 35px;}
    .container {max-width: 100%;}
    .logo, .logo-brown {width: 212px; position: relative; z-index: 10;}
    .logo a img, .logo-brown a img, .logo a svg {width: 51px; height: 51px;}
    .logo a > span, .logo-brown a > span {font-size: 17px;}
    .logo a span span, .logo-brown a span span {font-size: 17px;}
    .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link {font-size: 15px;  letter-spacing: 6px;}
    .home-about-content .lead-para {font-size: 30px; line-height: 45px;}
    .mobile-trigger{ position: absolute;top:43px; right: 35px; width: 33px;height: 20px; z-index: 9; cursor: pointer; display: block; transition: all 0.5s;}
    .home-about-content p {font-size: 19px; line-height: 31px; font-weight: 300; margin-bottom: 39px;}
    .navsticky .site-header {padding: 13px 35px; background: #f0ede8;}     
    .navsticky .mobile-trigger {top:21px; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8);} 
    .navsticky .mobile-trigger i, .navsticky .mobile-trigger i:before, .navsticky .mobile-trigger i:after { background: #454344;}
    .navsticky .mobile-trigger.open i {background: transparent;}
    .navsticky .main-navigation ul > li {padding:0;}
    .navsticky .main-navigation .menu-main-menu-container {padding: 61px 0 0 0;}
    
    body {padding-bottom:0 !important;}
    
    .mobile-trigger i {position: absolute;height: 2px;display: block;width:33px;background: #fff;right:0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; backface-visibility: hidden;}
    .mobile-trigger i:after, .mobile-trigger i:before {content: "";height: 100%;width: 100%;background: #fff;right: 0;position: absolute;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;backface-visibility: hidden;}
    .mobile-trigger i:before {top: -9px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transition: transform 0.2s linear, top 0.2s linear 0.2s;-webkit-transition: transform 0.2s linear, top 0.2s linear 0.2s;-moz-transition: transform 0.2s linear, top 0.2s linear 0.2s;}
    .mobile-trigger i:after {top: 9px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transition: transform 0.2s linear,top 0.2s linear 0.2s;-webkit-transition: transform 0.2s linear,top 0.2s linear 0.2s;-moz-transition: transform 0.2s linear,top 0.2s linear 0.2s;}
    .open.mobile-trigger i {background: transparent !important;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;}
    .open.mobile-trigger i:before {top: 0;width: 100%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transition: all 0.2s linear, transform 0.2s linear 0.2s;-webkit-transition: all 0.2s linear, transform 0.2s linear 0.2s;-moz-transition: all 0.2s linear, transform 0.2s linear 0.2s;}
    .open.mobile-trigger i:after {transform: rotate(45deg);top: 0;width: 100%;transition: all 0.2s linear, transform 0.2s linear 0.2s;-webkit-transition: all 0.2s linear, transform 0.2s linear 0.2s;-moz-transition: all 0.2s linear, transform 0.2s linear 0.2s;}    
    
    .menu-open .logo-text, .menu-open .logo-text span {color:#454344; transition: none;}
    .menu-open .logo svg .logo-ring {fill: #D6CDC2;}
    .menu-open .logo svg .logo-home {fill: #A08367;}
    
    span.menu-arrow {position: absolute;top:0px;right:0px;width:55px;height: 69px; cursor: pointer; z-index: 1;}
    span.menu-arrow:before {position: absolute;left:22px;top: 23px;content: "";width: 13px;height: 13px;border-left: 1px solid #454344;border-bottom: 1px solid #454344;transform: rotate(-45deg);}
    
    .main-navigation ul > li .sub-menu {padding:0;width: 100%; display: none; opacity: 1; visibility: visible; position: relative;transform: translateX(-50%);-webkit-transform: translateX(0);-moz-transform: translateX(-50%);top: 0;left: 0;}
    .main-navigation ul > li .sub-menu:before {display: none;}
    .main-navigation ul > li .sub-menu:after {display: none;}
    .main-navigation ul > li .sub-menu li a {font-size: 20px; color: #453B3B; padding:10px 45px 10px 45px; font-weight: 400;}
    span.menu-arrow.active:before {top: 31px; transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);}
    
    .main-navigation ul li.open > .sub-menu {display: block;}
    
    .menu-open .mobile-trigger i:after, .menu-open .mobile-trigger i:before {background: #454344;}
    .main-navigation {position: fixed; top:0; left: 0; width: 100%;  display: none; background: #f0ede8; z-index: 9;  }
    .main-navigation .menu-main-menu-container {padding:96px 0 0 0;transition: all 0.5s;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
    .main-navigation ul > li {float: none;padding:0 0px;}
    .main-navigation ul li a {padding:19px 45px 19px 35px; color: #454344;font-size: 22px;line-height: normal;font-weight: 600;letter-spacing: 1px;text-transform: none; border-bottom: 1px solid #454344;}
    .main-navigation div > ul > li:last-child > a {border-bottom: 0;}

    
    .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current-page-parent > a, .main-navigation ul li.current-page > a, .main-navigation ul li.current-page-parent > a, .main-navigation ul li.current-page-ancestor > a, .main-navigation ul li.current_page_parent > a {opacity: 1; color: #A08367;} 
    
    .main-navigation ul li ul li:hover > a, .main-navigation ul li ul li.open > a, .main-navigation ul li ul li.current-menu-item > a, .main-navigation ul li ul li.current-menu-ancestor > a, .main-navigation ul li ul li.current-page-parent > a, .main-navigation ul li ul li.current-page > a, .main-navigation ul li ul li.current-page-parent > a, .main-navigation ul li ul li.current-page-ancestor > a, .main-navigation ul li ul li.current_page_parent > a {background: none; opacity: 1; color: #A08367;}
    
    .site-content {margin: 0; padding:107px 0 0 0;}
    
    .home-banner .item {height: 85vh;}
    .home-banner-content {padding:50px 35px 0 35px;height: 100%; transform: none !important;}
    .home-banner-content h1 {font-size: 60px;line-height: 63px;}
    .home-banner-content span {padding: 10px 0 0 4px;font-size: 19px; line-height: 23px;letter-spacing: 5.7px;}
    
    .slider-nav {margin: -3px 0 0 0; position: relative;width: 100%;}
    .slider-nav .item {padding: 15px 33px; border-bottom: 1px solid #F0EDE9;}
    .slider-nav .item span, .slider-nav .item h4 {display: inline-block; vertical-align: middle;}
    .slider-nav .item span {font-size: 11px; line-height: 13px; }
    .slider-nav .item h4 {font-size: 17px; letter-spacing: 0.85px; padding: 0 0 0 3px;}
    #magic-line {display: none;}
    .slide-nav-content:after { z-index: 0;}
    .slider-nav .item.slick-current {background: #F0EDE9;}
    .slider-nav .item.slick-current .slide-nav-content:after {border-color:#d6cdc2 !important;}
    
    .refurbishment {padding:40px 0 54px;}
    .img-line {position: absolute;left: 53.2%;top: -65px;width: 5.4%;height: auto;z-index: -1;}
    .refurbishment-img, .refurbishment-content, .workspace-content {width: 100%; max-width: 100%; padding-left:23px; padding-right:23px; }
    .refurbishment-content {padding:60px 30px 0 23px;}
    .workspace-content {position: relative; padding-right: 0; padding-left: 0; right:0; bottom: 0;}
    .refurbishment-content > span { font-size: 19px;line-height: 23px;letter-spacing: 5.7px; padding: 0 0 4px 0;}
    .refurbishment-content h2 {padding: 0 0 20px 0;}
    .refurbishment-item  span {font-size: 10px; line-height: 12px; text-align:center;}
    .refurbishment-content p {font-size: 30px; line-height: 45px; padding: 0 0 40px 0;}
    .refurbishment-content .a-button {margin-top: 38px;} 
    .refurbishment-item .refurbishment-box svg {transform: scale(0.85);}
    .home-about {padding-left:23px;  padding-right:23px;}
    .home-about-content {max-width: 100%; padding-right: 0; margin: -50px 0 0 0;}
    
    .quote-section .flex {display: block;}
    .quote-box, .quote-right {width: 100%;}
    .quote-right {margin-top: 43px;}
    .quote-right .img-hidden {position: relative; bottom: 0;}
    .quote-content {width: 270px;}
    
    .workspace-content .item {padding:53px 40px 64px 40px;height:auto;}
    .workspace-content .workspace-item-content h3 {font-size: 43px;  line-height: 61px; margin: 0 0 15px 0;}
    .workspace-content .workspace-item-content p {font-size: 19px;line-height: 31px;}
    .workspace-img img {width: 100%; height: auto; opacity: 0; visibility: hidden; }
    .workspace .flickity-viewport .item {height: auto; min-height:inherit;}
    .workspace {height: inherit;}
    .workspace-inner {height: inherit;padding-top: 56.25%; position: relative; }
    .workspace-img {height: inherit; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .quote-box {height: 700px;}
    .quote-right {margin-top: 78px;}
    .quote-content {top: 218px;}
    .quote-content:before {font-size: 271px;top: -6px;}
    .quote-content h5 {font-size: 22px; line-height: 45px; margin-bottom:16px;}
    .quote-content span {font-size: 16px;}
    .quote-right {margin-top: 43px;} 
    
    .request-quote-box {position: relative; margin-top: 43px;}
    .quote-content span {font-size: 15px;letter-spacing: 6px;}
    .request-quote-box .a-button {margin-top: 23px;}
    .request-quote-box {padding: 40px 15px 52px;}
    .request-quote-box h4 {font-size: 48px; line-height: 55px; padding: 0 75px;}
    .button-link {font-size: 15px; letter-spacing: 6px;}
    .site-footer {padding:58px 20px 0; position: relative !important;}
    
    
    
    .page-template-tp-about .mobile-trigger i, .page-template-tp-about .mobile-trigger i:after, .page-template-tp-about .mobile-trigger i:before {background: #453b3a;}
    .page-template-tp-news-detail .mobile-trigger i, .page-template-tp-news-detail .mobile-trigger i:after, .page-template-tp-news-detail .mobile-trigger i:before {background: #453b3a;}
    .page-template-default .mobile-trigger i, .page-template-default .mobile-trigger i:after, .page-template-default .mobile-trigger i:before {background: #453b3a;}
    .page-template-tp-portfolio .mobile-trigger i, .page-template-tp-portfolio .mobile-trigger i:after, .page-template-tp-portfolio .mobile-trigger i:before {background: #453b3a;}
    
    
    .blog .mobile-trigger i, .blog .mobile-trigger i:after, .blog .mobile-trigger i:before {background: #453b3a;}
    .single .mobile-trigger i, .single .mobile-trigger i:after, .single .mobile-trigger i:before {background: #453b3a;}
    .page-template-tp-generic-template .mobile-trigger i, .page-template-tp-generic-template .mobile-trigger i:after, .page-template-tp-generic-template .mobile-trigger i:before {background: #453b3a;}
    .page-template-tp-request-quote-default .mobile-trigger i, .page-template-tp-request-quote-default .mobile-trigger i:after, .page-template-tp-request-quote-default .mobile-trigger i:before {background: #453b3a;}
    .page-template-tp-request-quote-service .mobile-trigger i, .page-template-tp-request-quote-service .mobile-trigger i:after, .page-template-tp-request-quote-service .mobile-trigger i:before {background: #453b3a;}
    .page-template-tp-request-quote .mobile-trigger i, .page-template-tp-request-quote .mobile-trigger i:after, .page-template-tp-request-quote .mobile-trigger i:before {background: #fff;}
    .page-template-tp-thankyou .mobile-trigger i, .page-template-tp-thankyou .mobile-trigger i:after, .page-template-tp-thankyou .mobile-trigger i:before {background: #453b3a;}
    .page-template-tp-thankyou-default .mobile-trigger i, .page-template-tp-thankyou-default .mobile-trigger i:after, .page-template-tp-thankyou-default .mobile-trigger i:before {background: #453b3a;}
    .page-template-tp-thankyou-service .mobile-trigger i, .page-template-tp-thankyou-service .mobile-trigger i:after, .page-template-tp-thankyou-service .mobile-trigger i:before {background: #453b3a;}
    .tp-thankyou-about .mobile-trigger i, .tp-thankyou-about .mobile-trigger i:after, .tp-thankyou-about .mobile-trigger i:before {background: #453b3a;}
    
    
    .error404 .mobile-trigger i, .error404 .mobile-trigger i:after, .error404 .mobile-trigger i:before {background: #453b3a;}
    .global-content .mobile-trigger i, .global-content .mobile-trigger i:after, .global-content .mobile-trigger i:before {background: #453b3a;}
    
    .about-section {padding:10px 0 56px;} 
    .about-section .image-col {max-width:100%; width: 100%; margin: 0 0;}
    .about-section .image-col .img-hidden {margin-left: -15px; margin-right: -15px;}
    .about-section .content-col { max-width:100%; padding:56px 25px 0;}
    
    .about-section .content-col h1 {font-size:46px;margin-bottom: 48px;}
    .about-section .content-col h5 {font-size: 30px;line-height: 45px;margin-bottom: 45px;}
    .about-content .container {padding: 84px 40px 80px 40px;max-width:100%;}
    .about-content h5 {padding: 0 0px 0 0;line-height: 31px;font-size: 20px;letter-spacing: -0.5px;}
    .about-content {padding:0;}
    .about-img-text {padding:0;}
    
    .about-img-text-main .flex {flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap:wrap;}
    .about-img-text-main {margin: 0; padding: 0 !important;}
    .img-text-left .about-img {width: 100%;padding-right:0;}
    .img-text-right .about-img {padding-left: 0;}
    .about-img .img-hidden img {display: block;}
    
    .about-text {padding:80px 40px 80px 40px; max-width: 100%;}
    .about-text h5 {font-size: 30px; line-height: 45px; width: 100%;margin: -12px 0 40px 0;}
    
    .about-image-slider {padding:0;}
    .about-image-slider .container {padding: 0;}
    .about-image-slider .slideCount {font-size: 18px;top: 15px;right: 15px;}
    .about-image-slider h2 {font-size: 19px; margin: 10px 0 0 0; padding:3px 34px 0 40px; position: relative; left:0; transform: rotate(0);}
    
    .about-text-quote {padding:58px 0 28px;}
    .about-text-quote .container {max-width:100%; padding: 0 40px;}
    .about-text-desc h5 {font-size: 30px; margin: 0 0 20px 0;line-height: 40px;}
    
    .about-quote-content:before {font-size: 271px;margin: 0 0 25px -1px;}
    .about-text-desc {padding:0 0 70px 0; max-width:100%;}
    .about-quote-content h5 {font-size: 28px;line-height: 45px;margin: 0 0 0px;}
    .about-quote-content {width: 100%;}
    .about-quote-content span {font-size: 15px;letter-spacing: 6px;}
    
    .team-item:first-child {margin-top: 0;}
    .meet-team-main .container {max-width: 100%; padding: 0 40px;}
    .meet-team-main {padding: 95px 0 0 0;}
    .team-item {max-width: 100%;margin: 0 0 90px 0; transform: none !important;}
    .team-item-content h4 {font-size: 30px;}
    .team-item-content {margin: 0;padding: 42px 0 0 0;}
    .team-position {font-size: 15px;padding: 0 0 52px 0;letter-spacing: 6px;}
    .team-item:last-child {margin-bottom: 60px;}
    
    .about-project-slider {width: 50%;}
    .project-content-slider { left: 50%;width:50%;}
    .project-slider-nav {display: none;}
    .about-project-main .slideCount {display: none;}
    .project-next {display: none;}
    .project-slider-img img {min-height: 295px;}
    .project-slider-content {padding: 0 22px;}
    .project-slider-project {font-size: 10px;line-height: 14px;letter-spacing:2px;}
    .project-slider-project {padding-top: 23px;font-size: 8px;line-height: 8px;letter-spacing: 2px;}
    .project-slider-title h2 {margin-left: -3px;margin-bottom: 25px;font-size: 30px;line-height: 42px;margin: 0 0 10px;}
    .project-slider-content .a-button .d-cursor__inner {font-size: 9px;letter-spacing: 3px;}
    .see-all {margin-bottom: 10px;font-size: 10px;}
    
    .commercial-section {margin-bottom: 36px;}
    .commercial-text {margin: 0;padding: 53px 40px 0;}
    .commercial-image .bg-cover {min-height: 470px;}
    .commercial-text .info h2 {padding: 0 0 40px 0;font-size: 50px;}
     .commercial-text .info p {font-size: 30px;line-height: 45px;}
    
    .what-we-offer .container {max-width:100%; padding: 0 40px}
    .what-we-offer h5 {margin-bottom: 20px;}
    .what-we-offer .text-col + .text-col {padding:45px 0 0 0;}
    .services-section .container {max-width: 100%; padding: 0 0px;}
    .services-section .container h3 {padding: 0 40px;}
     .accordion-icon {width: 44px;height: 44px;}
    .accordion-icon img {width: 15px;}
    .accordion {padding:50px 40px 84px 40px;}   
    .accordion-item h4 {font-size: 19px;padding: 8px 0 8px 82px;letter-spacing: -0.5px;line-height: normal;}
    .accordion-item h4 .arrow {margin: -9px 0 0 0;}
    .accordion-item {padding: 25px 0;}
    .accordion-content {padding: 42px 0 34px 0;}
    .accordion-content .a-button .d-cursor__inner { font-size: 15px;letter-spacing: 6px;}
    .accordion-content .a-button {margin:13px 0 0 0;}
    
    .what-we-offer .text-col {width: 100%; max-width: 100%;}
    
    .service-quote .container {padding: 0 40px;}
    .service-quote-content {margin: 0; max-width: 100%; text-align: left;}
    .service-quote-content:before {margin-left: 0;}
    .service-quote-content:before {font-size: 271px;margin-left: -4px;}
    .service-quote-content h5 {margin: 0 0 6px 0; font-size: 28px;line-height: 45px; text-align: left;}
    .service-quote {padding: 92px 0 108px 0;}
    .page-template-tp-service .about-content .container {padding:55px 40px 40px 40px;}
    
    .page-template-tp-service .about-img-text {padding:45px 0;}
    .page-template-tp-service .about-img-text .about-img-text-main {width: 100%;}
    .page-template-tp-service .about-img-text .container {padding: 0 40px;max-width: 100%;}
    .page-template-tp-service .about-img-text .about-img {max-width: 100%;} 
    .page-template-tp-service .about-text {padding:50px 0px 0px 0px;max-width: 100%;}
    .page-template-tp-service .about-text h5 {margin: -12px 0 28px 0;}
    .page-template-tp-service .about-text-quote {padding:60px 0 50px;}
    .page-template-tp-service .about-quote-content h5 {margin: 0 0 7px;}
    
    
    .footer-top.flex {display:block;}
    .foo-col {width: 100%;}    

    .foo-col h3 {font-size: 68px; line-height: 68px; margin-bottom: 23px;}
    .foo-col.address, .foo-col.info {margin-right:0;}
    
    .foo-col.info {padding-top: 55px;}
    .foo-col.info a:first-child {margin-bottom: 40px;}
    
    .foo-col.review {display: flex;}
    .foo-col.review .rating-box {margin-right:15px;}
    
    .brand-section .brandlogo {/*width:calc(50% - 20px);*/  margin-top: 15px;margin-bottom: 15px;}
    .brand-section .brandlogo:nth-child(odd) {width: 40%; text-align: center;}
    .brand-section .brandlogo:nth-child(even) {width: 60%; text-align: center;}
    .brand-section .brandlogo img {max-height: 55px;}
    .request-quote-box {margin-top: 43px;}
    .foo-col.address p {font-size: 15px; letter-spacing: 5.7px;}
    .foo-col.info a {font-size: 22px;}
    .rating-label {font-size: 19px;}
    .foo-col.review a {display: flex; width: 100%;}
    
    .about-image-title {position: relative;width: 100%;right:0;}
    .about-image-title .slick-list, .about-image-title .slick-track, .about-image-title .item {height: auto;}
    
    .page-template-tp-portfolio .site-content {padding-top: 107px !important;}
    
    .box.sub-title {margin: 0; padding:43px 0 73px;}
    .our-work .box .example-text {max-width: 215px;margin-top:0;}
    .our-work .box h4 {margin-bottom: 1px;}
    
    .our-work .box .example-text h5:after {margin: 17px 0 0 -7px;position: relative;bottom: 0px; display: block;}
    .our-work .box .example-text {padding:30px 0 44px; max-width: 264px;}
    .our-work .box .example-text h5 {font-size: 30px;line-height: 45px;}
    
    .our-work .box .port-button {position: relative; bottom: 0;}
    .work-content-inner h5 {margin: 0 0 16px;font-size: 19px;letter-spacing: 5.7px;} 
    .work-content-inner h2 {font-size: 46px;} 
    .our-work .box .port-button {padding:24px 0 0 0;}
    .port-button .a-button .d-cursor__inner {font-size: 15px; letter-spacing: 6px;}
    .our-work-list-row {margin: 0 0 20px 0;}
    .our-work-list-row .box.align-item-center {padding:72px 0 62px;}
    
    .portfolio-content {padding: 53px 0 80px;}
    .portfolio-content .container {max-width: 100%; padding: 0 40px;}
    .portfolio-content .portfolio-content-left {max-width: 100%;font-size: 30px;line-height: 45px;}    
    .portfolio-content-right {padding:35px 0 0 0; max-width: 100%;}
    
    .news-title {max-width: 100%; padding:0 45px; margin-bottom: 68px;}
    .news-title h1 {font-size: 59px; line-height: 83px; font-weight: 500; margin-bottom: 26px;}
    .news-title h5 {font-family: acumin-pro; font-weight: 300; line-height: 45px; font-size: 30px;}
    
    .news-tiles .container {max-width: 100%; padding: 0;}
    .news-tiles .tile-box {max-width: calc(100% - 66px); margin-bottom: 80px;transform: none !important}
    .news-tiles .tiles-inner {display: block;}
    .news-tiles .tile-box .tile-info {padding-left: 45px;}
    .news-tiles .tile-box .tile-info p {margin-bottom:0;}
    .news-tiles .tile-box .tile-info h5 {font-size: 30px;}
    
    .news-tiles .tile-box:nth-child(even) {margin-top: 0; float: left;}
    
    .news-detail .news-title {padding-top:60px;}
    .news-detail .container, .news-detail h5 {padding-left:35px; padding-right:35px;}
    .news-detail .lead-para {padding-left: 0; padding-right: 0; padding-bottom: 0;}
    .news-detail .news-title h1 {font-size: 59px; line-height: 83px;}
    .news-detail .news-title h1 {margin-bottom: 47px;}
    
    .news-detail h5 {margin-bottom: 44px;}
    .news-detail .container {padding-top:60px;}
    .news-detail h5 {font-size: 30px; padding-left: 0;  padding-right: 0;}
    
    .news-detail .heading-section {padding-left: 35px; padding-right: 35px;padding-bottom:0;}
    .heading-section .bg-cover { margin-left: -35px;margin-right: -35px;}
    
    .blog-sides {display: none;}
    
    .news-detail .container img {margin-top: 24px;}
    .navigation-section { margin-top: 60px; position: relative; padding: 120px 0 41px;}
    .navigation-section .social.control {position: absolute;top:46px;left: 0;right: 0;text-align: center;}
    .navigation-section .container img {margin-top:0;}
    
    .port-single-banner .aos-animate h1 {text-align: center;font-size: 59px; line-height: 83px;}
    .portfolio-project-left {margin-bottom: 24px;}
    .portfolio-project {padding:30px 0 45px;}
    
    .portfolio-project .container {max-width:100%; padding: 0 40px;}    
    .portfolio-project-right h5 {margin: 0 0 30px 0;font-size: 30px; line-height: 45px;}
    .inner-image-slider .container {max-width: 100%; padding: 0;}
    .inner-image-slider .slideCount {font-size: 18px;top: 15px;right: 15px;}
    .page-template-tp-portfolio-single .service-quote-content, .single-portfolio .service-quote-content {padding:0 0 0 0;}
    .page-template-tp-portfolio-single .service-quote, .single-portfolio .service-quote {padding:50px 0 50px 0;}
    
    .stackable-grid {padding: 33px 0;}
    .stackable-grid .container {max-width:100%; padding: 0 40px;}
    .stackable-full {margin: 14px 0;}
    .stackable-two-images {margin: 0;padding: 14px 0;}
    
    .stackable-portrait {max-width: 36%;}
    .stackable-square {max-width: 51%;}
    
    .portfolio-bottom {padding:52px 0;}
    .portfolio-bottom .container {max-width:100%; padding: 0 40px;}
    .portfolio-bottom h5 {font-size: 30px; line-height: 45px; margin: 0 0 15px 0;font-weight: 300;}
    
    .portfolio-next a.portfolio-next-item {font-size:30px;padding: 0 70px 0 0;}
    .portfolio-next a.portfolio-prev-item {font-size:30px;padding: 0 0 0 70px;}
    .portfolio-next .container {max-width: 100%; padding: 0 40px;}
    .portfolio-next {padding: 37px 0 68px 0;text-align: left;}
    .portfolio-next a.portfolio-next-item:before {width: 28px;bottom: 20px;}
    .portfolio-next a.portfolio-next-item:after {right: 1px;width: 15px;height: 15px;bottom: 13px;}
    
    .portfolio-next a.portfolio-prev-item:before {width: 28px;bottom: 20px;}
    .portfolio-next a.portfolio-prev-item:after {left: 1px;width: 15px;height: 15px;bottom: 13px;}
    
    .contact-section .flex {display:block;}
    .contact-info, .contact-form {width:100%;}
    .same-height {position: absolute;}
    
    .contact-info .contact-details {padding:0; max-width: 265px;}
    .contact-details h3 a {font-size: 42px;}
    .contact-info .contact-details {top: 0;position: relative;padding: 160px 0 85px;}
    .contact-details h5 a {font-size: 19px;}
    .call-section {margin-bottom: 38px;}
    
    .contact-form {padding: 57px 30px 75px 30px;}
    .contact-form h1 {margin: 0 0 58px;}
    .contact-form-inner .form-submit {margin:0; text-align: left;}
    
    .request-popup-inner {padding: 40px 30px 50px;}
    .request-popup-inner .form-col {max-width: 100%;}
    .request-popup-inner h2 {font-size: 37px;}
    
    .agreement-section {display: flex;flex-direction: column-reverse;justify-content: flex-start;align-items: flex-start;}
    .agreement-section .form-submit {margin-top: 18px;}
    div.wpcf7-response-output {font-size: 16px; line-height: 26px;}
    
    .form-row .wpcf7-list-item label .wpcf7-list-item-label a {display: inline-block;}
    
    .error-404.not-found {padding-bottom: 50px; padding-top:30px;}
    .error-404 h1 {font-size: 80px;}
    .error-404 h5 {font-size: 30px;}
    
    .thankyou-popup-wrapp {padding: 60px 30px 60px;}
    .thankyou-popup-inner {max-width: 556px;}
    .thankyou-popup-inner h2 {margin-bottom: 25px;font-size: 50px;}
    
    .global-content {padding-top: 20px;padding-bottom: 40px;}
    .global-content .container {max-width: 100%; padding-left: 40px; padding-right: 40px;}
    
    .navigation-section .container {padding-top: 0;}
    
    
    
}


@media screen and (max-width: 479px) {
    
    .refurbishment-service {text-align: ;left;}
    .refurbishment-content h2 {font-size: 43px; line-height: 61px;}
    .refurbishment-item {width:73px; display: inline-block; float: none;}
    .refurbishment-item .refurbishment-box {height: 73px;}
    
    .home-about-content {text-align: center;}
    .home-about-wrapp h2 {font-size: 118px; margin-left: -10px; text-align: left;}
    .home-about-content .lead-para, .home-about-content p {text-align: left;}
    
    .foo-col.review {margin-top: 6px; padding-left: 6px;}
    .footer-top {padding-bottom: 43px;}
    
    .request-popup-inner h2 {max-width: 150px;}
    
    
}

@media screen and (max-width: 370px) {
    .refurbishment-item {width: 59px; margin: 0 25px 0 0;}
    .home-about-wrapp h2 {font-size: 100px;}
}
@media screen and (max-width: 360px) {
    .form-row.go-top span.label, .form-row.input-has-value span.label {
        font-size: 14px; letter-spacing: 3px;
    }
    .foo-col.info a {font-size: 20px;}
    .refurbishment-content h2 {font-size: 38px;}
    .request-quote-box h4 {padding: 0 65px;}
    .copyright-section a {font-size: 9px;}
}