body{font-family: 'Arial'; font-weight: normal;}
h1 { font-family: 'Pieta Light'; font-size: 36px; color: #000000; line-height: 50px;}
h2, h3, h4, h5, h6 { color: #000; font-size: 32px; font-family: 'Pieta Light'; line-height: 45px;}
body{ min-height: 100vh; color: #000000;font-size: 17px; line-height: 30px;}
.container-fluid.custom-header-width { max-width: 1600px; }
nav .navbar{ height: 100%;  width: 100%;   /* background: red; */ padding: 0 50px;}
.navbar .logo a{ font-size: 30px; color: #000; text-decoration: none; font-weight: 600;}
nav .navbar .nav-links{ line-height: 70px; height: 100%;}
nav .navbar .links{ display: flex; margin-bottom: 0px;}
li.more { display: none !important;}
nav .navbar .links li{ position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 0 14px;}
nav .navbar .links li a{ height: 100%; text-decoration: none; white-space: nowrap; color: #000; font-size: 14px; font-weight: bold; font-family: 'Poppins'; text-transform: uppercase; padding-top: 0;}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow{ transform: rotate(180deg);margin-top:-4px;}
nav .navbar .links li .arrow{ /* background: red; */ cursor: pointer; height: 100%; width: 30px; line-height: 70px; text-align: center; display: inline-block; color: #000; transition: all 0.3s ease;}
nav .navbar .links li .sub-menu{ position: absolute; top: 70px; left: 0; line-height: 40px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 0 0 4px 4px; display: none; z-index: 2;}
nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .js-sub-menu{ display: block;}
.navbar .links li .sub-menu li { padding: 0 0px; border-bottom: 1px solid rgba(255,255,255,0.1); width: 274px;}
.navbar .links li .sub-menu a{ color: #000; font-size: 17px; font-weight: normal; font-family: 'Arial';  line-height: 30px; text-transform: capitalize;}
.navbar .links li .sub-menu .more-arrow{ line-height: 40px;}
.navbar .links li .htmlCss-more-sub-menu{ /* line-height: 40px; */}
.navbar .links li .sub-menu .more-sub-menu{ position: absolute; top: 0; left: 100%; border-radius: 0 4px 4px 4px; z-index: 1; display: none;}
.links li .sub-menu .more:hover .more-sub-menu{ display: block;}
.navbar .search-box{ position: relative; height: 40px; }
.navbar .search-box i{ height: 100%;  line-height: 40px; text-align: center; font-size: 22px; color: #333; font-weight: 600; cursor: pointer; transition: all 0.3s ease;}
.navbar .search-box .input-box{ position: absolute; right: calc(12% - 40px); top: 80px; height: 60px; width: 300px; background: #3E8DA8; border-radius: 6px; opacity: 0; pointer-events: none; transition: all 0.4s ease;}
.navbar.showInput .search-box .input-box{ top: 65px; opacity: 1; pointer-events: auto; background: #336699;}
.search-box .input-box::before{ content: ''; position: absolute; height: 20px; width: 20px; background: #336699; right: 10px; top: -6px; transform: rotate(45deg);}
.search-box .input-box input{ position: absolute; top: 50%; font-family: 'Poppins'; font-weight: 600; left: 50%; border-radius: 4px; transform: translate(-50%, -50%); height: 35px; width: 280px; outline: none; padding: 0 15px; font-size: 14px; border: none;}
.navbar .nav-links .sidebar-logo{ display: none;}
.navbar input[type="text"]::placeholder { color: #000;}
.navbar .bx-menu{ display: none;}
.logo img { width: 100%; max-width:80%;}
.slide-image img { width: 100%; height: 405px;}
.search-box a.btn.btn-lg.btn-primary { font-weight: bold; padding: 8px 20px 5px 20px; border-radius: 10px; background-color: #336699; border-color: #336699; text-transform: uppercase; font-size: 14px; font-family: 'Poppins'; position: relative; bottom: 0; margin-right: 12px;}
.search-box a.btn.btn-lg.btn-primary:hover { background-color: #173d63; border-color: #173d63;}
.navbar .search-box .btn-primary:focus {box-shadow: none;}
.search-box img { padding-left: 5px; padding-bottom: 5px;}
.row.custom-menu { margin-top: 10px; margin-bottom: 10px;}
.bg-image1 img { width: 100%; outline: 1px solid #fff;     height: 431px; object-fit: cover;}
.container-fluid.space-custom { padding-left: 45px; padding-right: 45px; position: relative; margin-top: -323px; max-width: 1600px;}
.slide-image { position: relative;}
.custom-button { position: relative; }
.custom-button img {width: 100%;}
.custom-button a.btn.btn-lg.btn-primary { width: 100%; border-radius: 0px; line-height: 45px; background-color: #336699; border-color: #336699; font-family: 'Poppins';  font-size: 20px; font-weight: bold;
display: flex; justify-content: center; align-items: center;}
.space-custom .custom-button .btn-primary:focus {box-shadow: none;}
.bg-about {background-image: url(../images/bg-image-box.jpg);  margin-top: -185px; padding-top: 250px; padding-bottom: 100px;}
.container-fluid.about-space {padding-left: 45px; padding-right: 45px; max-width: 1600px;}
.bg-about p { font-family: 'Arial'; font-size: 17px; color: #000; font-weight: normal; line-height: 30px; padding-left: 37px; padding-right: 37px;}
.bg-about img { box-shadow: 5px 5px #ccc;}
.container-fluid.service { margin-top: 50px; padding-left: 36px; padding-right: 36px; max-width: 1600px; margin-bottom: 59px;}
.service-image img {width: 100%;}
.service-list ul li a { line-height: 30px; font-family: 'Arial'; font-size: 17px; color: #336699; font-weight: normal;}
.service-list ul li a:hover { text-decoration: none;}
.service-list ul { margin: 0px; }
.service-image img { box-shadow: 5px 5px #ccc; }
.call-to-action-bg {background-image: url(../images/call-to-action-bg.jpg); background-size: cover; background-repeat: no-repeat;  background-position: bottom;}
 .inner-text h3 { color: #fff; font-size: 32px; font-family: 'Pieta Light'; color: #fff;}
.call-to-action-bg p { color: #fff; font-size: 17px; font-family: 'Arial'; margin-top: 2rem; margin-bottom: 0px; font-weight: 500;}
.inner-text { text-align: center; padding-top: 220px; padding-bottom: 146px;}
.call-to-action-bg a.btn.btn-lg.btn-primary { background: #336699; padding: 8px 63px; border-radius: 10px; border-color: #336699; font-family: 'Poppins'; font-size: 20px; font-weight: bold;
display: flex; align-items: center; justify-content: center; width: fit-content; margin: 50px auto;}
.call-to-action-bg  .btn-primary:focus {box-shadow: none;}
a.btn.btn-lg.btn-primary.on-state:hover { background-color: #173d63; border-color: #173d63;}
.col-lg-5.col-sm-5.carer { padding-left: 0px; padding-right: 0px;}
.col-lg-7.col-sm-7.carer { padding-left: 0px; padding-right: 0px;}
.carer img { width: 100%; height: 420px; object-fit: cover;}
.right-bg-color-blue { background: #4c79a5; padding: 150px;}
.right-bg-color-blue p a:hover { text-decoration: none;}
.right-bg-color-blue p a { color: #fff;}
.right-bg-color-blue p { font-size: 17px; color: #ffff; font-family: 'Arial'; font-weight: normal; word-spacing: 1px; line-height: 30px;}
 .right-bg-color-blue h4 { color: #fff; font-size: 32px; font-family: 'Pieta Light';}
.container-fluid.foter {max-width: 1600px; padding-left: 36px; padding-right: 36px;}
.foter-menu ul { margin: 0px;  padding: 0px; list-style: none;}
/*.foter-menu li a:hover { text-decoration: none;}*/
.foter-menu li a:hover { text-decoration: underline;}
.foter-menu li a { color: #000; font-family: 'Arial'; font-size: 14px; line-height: 24px; font-weight: 500; text-decoration: none;}
.foter-menu {margin-top: 40px;}
.foter-address-title p { font-weight: 700; font-family: 'Poppins'; font-size: 14px; color: #000; margin-bottom: 3px; line-height: 24px;}
.foter-bg-color { background-color: #e0e0e0; padding: 50px;}
p.inner-adress {color: #000; font-family: 'NexaRegular'; font-size: 14px; font-weight: 100; line-height: 24px;}
/*p.inner-adress { font-weight: 700; font-family: 'Poppins'; font-size: 14px; color: #000; line-height: 24px;}*/
p.inner-adress a { color: #000; text-decoration: none;}
.foter-menu-list li { color: #fff; font-size: 14px;}
.foter-menu-list li a { color: #fff; font-family: 'Arial'; text-decoration: none; font-weight: 500;}
.foter-menu-list ul { margin: 0px; padding: 0px; list-style: none; display: flex; gap: 5px;}
.foter-bg-black {background-color: #000; padding: 12px;}
.slide-image-about img { width: 100%; height: 210px; object-fit: cover;} 
.slide-image-about .carousel-caption { position: absolute; right: 15%; top: 29%; left: 9%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center;}
p.inner-pages-heading { font-family: 'Pieta Light'; font-size: 36px; line-height: 50px;}
.container-fluid.pagination-bg { max-width: 1600px; padding-left: 25px; padding-right: 25px;}
.pagination li { color: #fff; font-family: 'Arial'; font-size: 14px; font-weight: 500;}
.pagination li a { color: #fff; font-family: 'Arial'; font-size: 14px; font-weight: 500;}
.pagination li a:hover {text-decoration: none;}
.pagination ul { margin: 0px; padding: 0px; list-style: none; display: flex; gap: 9px;}
.about-us-pagination {background-color: #999999; padding: 4px;}
.container-fluid.abt { max-width: 1600px; margin-top: 79px; padding-left: 25px; padding-right: 25px; margin-bottom: 79px; margin-bottom: 15px; margin-top: 70px;}
.container-fluid.abt.serv { margin-top: 60px; margin-bottom: 30px;}
.container-fluid.abt.serv .ser { margin-bottom: 30px;}
.side-bar-menu ul { margin: 0px; padding: 0px; list-style: none;}
.side-bar-menu ul li { line-height: 46px; font-family: 'Arial'; font-weight: normal; font-size: 17px; border-bottom: 1px solid #ccc;}
.side-bar-menu li a { color: #336699; text-decoration: none;}
.about-us-inner-text p {font-family: 'Arial'; font-size: 17px; line-height: 30px; font-weight: normal; color: #000;}
.list ul {margin: 0px;}
.list li {font-family: 'Arial'; font-size: 17px; font-weight: normal; color: #000;}
.row.abutbg img { width: 100%; margin-top: 48px; margin-bottom: 10px;}
.row.abutbg  a.btn.btn-lg.btn-primary { font-weight: bold; width: 86%; padding: 10px 22px; margin: auto; display: flex; font-family: 'Poppins'; border-radius: 10px; background-color: #336699; border-color: #336699; margin-bottom: 80px; font-size: 20px;
justify-content: center; align-items: center}
.row.abutbg a.btn.btn-lg.btn-primary:hover { background-color: #173d63; border-color: #173d63;}
.row.abutbg  img.img-fluid.arrow-about { width: auto; margin-top: 0px; margin-bottom: 0px; padding-left: 7px;}
.row.abutbg  .btn-primary:focus {box-shadow: none;}
.name-acthor p { text-align: center; font-weight: 500; font-family: 'Arial'; color: #000; margin-bottom: 5px; font-size:17px; }
p.studies { font-weight: normal; font-size: 17px; font-style: italic; margin-bottom: 5px; font-family: 'Arial';}
.name-acthor p a:hover { color: #173d63; text-decoration: none;}
.name-acthor p a { color: #336699; font-weight: 500; font-size: 17px; font-family: 'Arial';}
.row.our-team img { width: 100%; margin-top: 0px; margin-bottom: 10px;}
.row.inner-team-section img { width: 100%; height: 309px; object-fit: cover;}
.row.inner-team-section p { font-family: 'Arial'; line-height: 30px;   font-size: 17px; font-weight: normal; margin-bottom: 20px;}
.service-image1 img { margin-bottom: 30px; width: 100%;}
/*.ser .custom-button { position: relative; margin-top: -49px; margin-bottom: 30px;}*/
.ser .img-fluid.service-icon-arrow {width: auto; padding-left: 7px; padding-bottom: 0px; height: auto;}
.ser .custom-button a.btn.btn-lg.btn-primary { line-height: 45px; width: 100%; border-radius: 0px; background-color: #336699; border-color: #336699; font-family: 'Pieta Black'; font-size: 17px;}
.ser .custom-button a.btn.btn-lg.btn-primary.btn-rectangular{line-height: 1.4em;}
.row.inner-team-section .btn-primary:focus {box-shadow: none;}
.graph-img { margin: auto; display: table;}
.remote-text p { font-family: 'Arial'; font-size: 17px; line-height: 30px; font-weight: 500;}
.inner-text-graph p { color: #666666; font-size: 17px; font-family: 'Arial'; font-style: italic; font-weight: 500; text-align: center; margin-top: 30px; margin-bottom: 30px;}
.remote-image { margin: auto; display: table;}
.inner-text-graph-sub  p { line-height: 30px; color: #666666; font-size: 17px; font-family: 'Arial'; font-style: italic; font-weight: 500; text-align: left; margin-top: 30px; margin-bottom: 30px;}
.container-fluid.showcasee { max-width: 1600px; margin-top: 60px; margin-bottom: 30px;  padding-left: 25px; padding-right: 25px;}
.container-fluid.showcasee.landing { margin-top: 60px; margin-bottom: 30px;}
.container-fluid.showcasee.landing .ser { margin-bottom: 30px;}
/*.container-fluid.showcasee .ser {margin-bottom: 30px;}*/
.container-fluid.showcasee.residentals { max-width: 1600px; margin-top: 60px;  margin-bottom: 60px;  padding-left: 25px; padding-right: 25px;}
.custom-button-showcase a.btn.btn-lg.btn-primary { padding-top: 9px; padding-bottom: 0px; width: 100%; border-radius: 0px; background-color: #336699; border-color: #336699; font-family: 'Pieta Black'; font-size: 17px;}
.custom-button-showcase { position: relative;  background: #336699; text-align: center;}
.ser .custom-button-showcase p { font-size: 14px; line-height: 23px; margin-bottom: 0px; color: #fff; padding-bottom: 8px;}
.custom-button-showcase { position: relative; background: #336699; text-align: center;  height: 100%;  display: flex; flex-direction: column;}
.show-space { margin-top: 30px;}
.container-fluid.abt .about-us-inner-text { margin-bottom: 31px;}
span.locaton-bold { font-weight: 700; font-family: 'Arial'; font-size: 17px; line-height: 30px;}
span.thin-text { font-size: 17px; font-weight: 500; font-family: 'Arial';}
.slider.slider-nav.thumb img { margin-left: 0px; width: 100%; height: auto; object-fit: cover; object-position: left top; border-radius: 0px; }
.slick-slide img { display: block; width: 98%;}
.slider.slider-nav.thumb button.slick-prev.slick-arrow { background-image: url(../images/black-arrow-left.png); margin-left: 15px; left: 14px; right: unset;
background-repeat: no-repeat; background-position: center; width: 15px; z-index: 1; height: 32px; top: -209px;}
.slider.slider-nav.thumb button.slick-next.slick-arrow { background-image: url(../images/black-arrow-right.png); margin-right: 15px; left: unset; right: 14px; background-repeat: no-repeat; background-position: center; width: 15px; z-index: 1; height: 32px; top: -209px;}
.slick-prev:before, .slick-next:before {display: none;}
.container-fluid.contact { max-width: 1600px; margin-top: 60px; margin-bottom: 40px; padding-left: 25px; padding-right: 25px;}
p.locations-text-office { font-weight: 600; font-size: 17px; font-family: 'Arial'; margin-bottom: 4px;}
.locations-address p { font-family: 'Arial'; font-weight: normal; margin-bottom: 0px; font-size: 17px; color: #000;}
.contact-inner-text p a:hover { text-decoration: none;}
.contact-inner-text p a { color: #336699;}
.contact-inner-text { margin-top: 30px;}
.office-hours p a:hover { text-decoration: none;}
.office-hours p a { color: #336699;}
.custom-form input { margin-bottom: 14px; height: 45px; background-color: #fbfbfb; border-radius: 0px; border: 1px solid #000;}
.custom-form input::placeholder{ font-weight:500; font-size:17px; color:#000; font-family: 'Arial'; }
.custom-form textarea#exampleFormControlTextarea1 { height:191px; background-color: #fbfbfb; border-radius: 0px; border: 1px solid #000; font-weight:500; font-size:17px; color:#000; font-family: 'Arial'; }
.custom-form textarea#exampleFormControlTextarea1::placeholder { color: #000;}
.form-custom {margin-top: 30px;}
.form-custom .form-control:focus {box-shadow: none; border-color: #000;}
.custom-form a.btn.btn-lg.btn-primary {  font-weight:bold; background: #336699; padding: 8px 30px; border-radius: 10px; border-color: #336699; font-family: 'Poppins'; font-size: 20px; margin-top: 30px;
display: flex; justify-content: center; align-items: center; width: max-content;}
.custom-form .btn-primary:focus {box-shadow: none;}
.container-fluid.contact-columns { max-width: 1600px; margin-top: 60px; margin-bottom: 40px; padding-left: 25px; padding-right: 25px;}
.container-fluid.contact-columns p { font-size: 17px; font-family: 'Arial'; color: #000; line-height: 30px; margin-bottom: 49px ; font-weight: 500;}
.side-bar-menu ul li:last-child{ border-bottom: 0px;}
a.btn.btn-lg.btn-primary img { padding-left: 8px;  width: auto;}
.search-box a.btn.btn-lg.btn-primary img { padding-left: 7px; margin-top: 0px;}
.name-acthor { margin-bottom: 20px;}
.row.inner-team-section a.btn.btn-lg.btn-primary img { padding-left: 9px; margin-top: -1px;}
.mobile-slider {display: none;}
p.geo-text {float: left; color: #fff; padding-top: 2px; padding-right: 10px; font-size: 14px; font-family: 'Arial'; margin-bottom: 0px; font-weight: 500;} 
nav .navbar { padding: 0 0px;}
nav .navbar .nav-links { line-height: 70px; height: 100%; display: flex; justify-content: end;}
.top-sticky { position: sticky; top: 0px; z-index: 999; background: #fff;}
p.iner-text-contact { color: #000; font-family: 'Arial'; font-size: 17px; font-weight: 500;}
.container-fluid.abt.bio-team .row.inner-team-section { margin-top: 48px;}
.row.our-team { margin-top: 36px;}
.row.alberni { margin-top: 21px; margin-bottom: 40px;}
p.time { margin-bottom: 15px; margin-top: 15px;}
.container-fluid.abt.our-teams .about-us-inner-text { margin-bottom: 0px;}
.container-fluid.abt.bio-team .about-us-inner-text { margin-bottom: 0px;}
.container-fluid.abt.rem .about-us-inner-text { margin-bottom: 0px;}
.container-fluid.showcasee.alber .about-us-inner-text { margin-bottom: 0px;}
.container-fluid.abt.bio-team { margin-bottom: 53px;  margin-top: 60px;}
.container-fluid.abt.rem { margin-top: 70px; margin-bottom: 70px;}
.container-fluid.showcasee.alber {margin-top: 60px; margin-bottom: 30px;}
.container-fluid.abt.our-teams { margin-bottom: 38px; margin-top: 70px;}
.slider.slider-for img {width: 100%;}
.main .slick-slide {padding: 8px;}
.btn-primary:focus { box-shadow: none !important;}
.about-us-inner-text.residentals-headings h1 { color: #333; font-family: 'Pieta Light'; font-size: 32px; line-height: 45px;}
.about-us-inner-text h1 { color: #333; font-family: 'Pieta Light'; font-size: 32px; line-height: 45px;}
nav .navbar .links li a:hover { color: #666666;}
.slide-image-about h1 { font-family: 'Pieta Light'; font-size: 36px; color: #fff; line-height: 50px;}
.cost-effective h1 { margin-bottom: 40px; font-size: 36px; font-family: 'Pieta Light'; line-height: 50px;}


@media only screen and (min-width: 320px) and (max-width: 667px) { 
.mobile-slider { height: 600px;}
}



@media (max-width:767px) {
.navbar ol, ul { padding-left: 0px !important;}
.navbar .search-box { position: relative; height: 40px; width: 280px; display: block;}
.logo { position: absolute; left: 0%;}
.logo img { width: 100%; max-width: 100%; position: relative; right: 9px;}
nav .navbar { max-width: 100%; padding: 12px 8px;}
.mobile-slider {display: block; margin-top: 85px;}
.mobile-slider .slick-slide img {width: auto; display: inline-flex;}
.bg-image1 img {width: 100% !important; height: 327px;}
.container-fluid.space-custom {display: none;}
.slide-image {display: none;}
.mobile-slider {background-image: url(../images/bg-image-slide.jpg); height: 100%;  background-repeat: no-repeat; background-size: cover;     min-height: 394px;}
.mobile-slider .bg-image1 {padding: 13px; padding-top: 32px;}

.custom-button a.btn.btn-lg.btn-primary {width: 93%; margin: auto; display: table;  border-bottom: 1px solid #fff; margin-top: -83px;}

.mobile-slider button.slick-prev.slick-arrow { background-image: url(../images/black-arrow-lefts.png); margin-left: 15px; left: -4px; right: unset;
background-repeat: no-repeat; background-position: center; width: 15px; z-index: 1; height: 32px; }
.mobile-slider button.slick-next.slick-arrow { background-image: url(../images/black-arrow-rights.png); margin-right: 7px; left: unset; right: 4px; background-repeat: no-repeat; background-position: center; width: 15px; z-index: 1; height: 32px; }
.mobile-slider .slick-dots li button:before {font-size: 34px; color: #fff; opacity: 0.9}
.mobile-slider .slick-dots li.slick-active button:before {color: #666666; opacity: 0.9}
.mobile-slider .slick-dots li {margin: 0px 1px;}
h1 { font-size: 20px;}
.bg-about {padding-top: 30px; padding-bottom: 20px; background-size: cover; background-repeat: no-repeat;  margin-top: 0px;}
.container-fluid.about-space {padding-left: 12px; padding-right: 12px;}
.bg-about img {  margin-bottom: 30px; box-shadow: none;}
.service-image img { box-shadow: none; }
.bg-about p {font-size: 15px; line-height: 24px;}
.column-reverse { display: flex; flex-direction: column-reverse;}
.container-fluid.service {padding-left: 12px; padding-right: 12px; margin-top: 0px;}
.service-list ul { padding-left: 2rem !important;}
h2 {font-size: 20px; padding-left: 10px; padding-top: 25px; line-height: 24px;}
.carer img {display: none;}
.call-to-action-bg {height: 400px;}
.right-bg-color-blue {padding: 27px;}
.inner-text h3 {font-size: 20px; line-height: 0px;}
.navbar .bx-menu { float: right; justify-content: right; display: flex; width: auto; position: absolute; right: 0px; z-index: 999;}
.logo img { width: 100%; max-width: 180px; position: relative; right: 0px;}
nav .navbar { max-width: 100%; padding: 12px 8px;}
.sidebar-logo i, .navbar .bx-menu { font-size: 46px; color: #000;}
.row.custom-menu { margin-top: 30px; margin-bottom: 30px;}
.right-bg-color-blue p {font-size: 15px; line-height: 24px;}
.foter-address-title { width: 144px; margin-top: 19px; margin-bottom: 0px;}
p.inner-adress br { /*display: none;*/}
.container-fluid.foter { padding-left: 3px; padding-right: 3px;}
.foter-bg-color { padding: 14px;}
p.inner-adress {font-size: 12px;}
p.geo-text {float: none; font-weight: 500; font-size: 12px;} 
.foter-menu-list { margin: auto; display: table;}
.foter-menu-list ul {gap: 4px;}
.foter-menu-list li {font-size: 12px;}
.geo-text { float: none; margin-bottom: 0px; text-align: center; font-size: 12px;}
.col.col-lg-4.col-sm-4.mt-4.kam { margin-top: 0px!important;}
.service-space { padding-left: 0px; padding-right: 0px;}
.about-us-pagination {display: none;}
.slide-image-about img { height: 234px; object-fit: cover;}
.slide-image-about .carousel-caption {top: 50%;}
p.inner-pages-heading { font-size: 22px;}
.side-bar-menu.aboutlist { display: none;}
.container-fluid.abt {padding-left: 15px; padding-right: 15px;     margin-top: 50px; margin-bottom: 0px;}
.list ul { padding-left: 1rem !important;}
.row.abutbg a.btn.btn-lg.btn-primary {font-size: 15px; margin-bottom: -39px; font-weight: bold;}
.col-lg-4.pro-show a.btn.btn-lg.btn-primary {margin-bottom: 61px; }
.row.inner-team-section p {font-size: 15px; line-height: 24px;}
.side-bar-menu { display: none;}
.ser .custom-button a.btn.btn-lg.btn-primary { height: 67px; line-height: 61px; font-size: 16px; padding: 0px 5px;}
.remote-text p {font-size: 15px; line-height: 24px;}
.inner-text-graph p {font-size: 15px; text-align: left;}
.container-fluid.showcasee {padding-left: 15px; padding-right: 15px;}
.slider.slider-nav.thumb button.slick-next.slick-arrow {top: -119px;}
.slider.slider-nav.thumb button.slick-prev.slick-arrow {top: -119px;}
/*.slider.slider-nav.thumb img { width:98px;  height: 106px;}*/
span.thin-text {font-size: 15px;}
.container-fluid.contact { padding-left: 15px; padding-right: 15px; margin-top: 30px;}
.container-fluid.contact p.iner-text-contact { font-size: 15px; font-weight: 500; margin-bottom: 0px; font-family: 'Arial';}
.custom-form a.btn.btn-lg.btn-primary {font-size: 18px; font-weight: bold;}
.office-hours h2 { font-size: 20px; padding-left: 0px; padding-top: 25px;}
.col-lg-6.col-sm-6.custom-form { padding-right: 0px;}
.container-fluid.contact .column-reverse { padding-right: 0px;}
.custom-form  h2 {padding-left: 3px;}
.form-custom { margin-top: 9px;}
.container-fluid.contact .row.row.column-reverse h2 {padding-left: 3px;}
.right-bg-color-blue h4 {font-size: 20px;}
.call-to-action-bg p {  font-size: 16px; font-weight: 500;}
.service-list ul li a {font-size: 15px; line-height: 24px;}
nav .navbar .links li .arrow {width: 47px;}
/*.search-box a.btn.btn-lg.btn-primary {padding: 5px 10px;}*/
.top-sticky { position: fixed; width: 100%;}
/*.carer img { display: block; height: 219px;}*/
.foter-logo img { width: 100%; max-width: 60%;}
.row.inner-team-section a.btn.btn-lg.btn-primary img { padding-left: 9px; margin-top: 0px;}
.container-fluid.abt.rem { margin-top: 30px; margin-bottom: 30px;}
.inner-text { padding-top: 180px;}
/*btn showcase 23-02*/
.custom-button a.btn.btn-lg.btn-primary.btn-rectangular {width: 100%; display: flex; justify-content: center; align-items: center; line-height: 30px; margin-top: 0px;}
}




@media  (max-width: 360px) {
  .custom-button a.btn.btn-lg.btn-primary {width: 94%;}
  .mobile-slider {min-height: 590px;}
}

@media  (max-width: 380px) {
  .mobile-slider {min-height: 371px; margin-top: 85px;}
  .custom-button a.btn.btn-lg.btn-primary {width: 92%;}
  .carer img { display: none;}

}

@media  (max-width: 430px) {
.mobile-slider { min-height: 399px; margin-top: 85px;}
.row.abutbg { margin-left: 5px; margin-right: 4px; margin-top: 36px;}
.row.abutbg img {  margin-top: 0px; margin-bottom: 10px;}
.row.abutbg a.btn.btn-lg.btn-primary { margin-bottom: 30px; margin-top: 17px; width: max-content;}
.row.inner-team-section img {margin-bottom: 39px; height: auto;}
.row.inner-team-section { margin-top: 40px; margin-bottom: 23px;}
.container-fluid.abt.bio-team { margin-top: 0px; margin-bottom: 0px;}
.container-fluid.abt.serv { padding-left: 20px; padding-right: 20px; margin-top: 50px; margin-bottom: 34px;}
a.btn.btn-lg.btn-primary img { padding-left: 9px; margin-top: -3px;}
.container-fluid.showcasee {padding-left: 20px; padding-right: 20px; margin-top: 0px; margin-top: 50px; margin-bottom: 33px;}
.row.alberni { margin-top: 0px; margin-bottom: 0px;}
.container-fluid.abt.rem h2 { padding-left: 0px; margin-bottom: 22px;}
.container-fluid.abt.rem { margin-top: 17px; margin-bottom: 12px;}
h1 { font-size: 22px;}
.container-fluid.abt {margin-top: 50px; margin-bottom: 23px;}
.container-fluid.abt.our-teams { margin-top: 0px;}
.row.our-team { margin-top: 20px;}
.container-fluid.showcasee.residentals { margin-top: 0px; margin-bottom: 30px; padding-left: 24px; padding-right: 24px;}
.container-fluid.showcasee.alber { margin-top: 0px; margin-bottom: 48px; padding-left: 15px; padding-right: 15px;}
.container-fluid.contact { padding-left: 28px; padding-right: 27px; margin-top: 50px;}
.container-fluid.about-space p { padding-left: 0px; padding-right: 0px;}
.cost-effective h2 { margin-bottom: 30px; padding-top: 0px; font-size: 20px; font-family: 'Pieta Light'; line-height: 29px;}
.custom-button a.btn.btn-lg.btn-primary {width: 93%; display: flex; justify-content: center; align-items: center; line-height: 30px; margin-top: 0px;}
/*.ser { margin-top: 30px;}*/
.container-fluid.service {margin-bottom: 53px;}
.right-bg-color-blue { padding-left: 21px; padding-right: 21px; padding-top: 56px; padding-bottom: 85px;}
.foter-bg-color { padding: 14px; padding-top: 33px; padding-bottom: 33px;}
.about-us-inner-text { margin-bottom: 22px;}
.ser .custom-button {margin-bottom: 0px;}
.container-fluid.abt.serv .ser { margin-bottom: 17px;}
.container-fluid.showcasee .ser { margin-bottom: 17px;}
.about-us-inner-text.residentals-heading { margin-bottom: 0px;}
.show-space { margin-top: 0px;}
.inner-text { padding-top: 117px; padding-bottom: 116px;}
.contact-inner-text.mb-5 { margin-bottom: 6px !important;}
.container-fluid.showcasee.landing { margin-top: 50px; margin-bottom: 16px;}
.mobile-slider .custom-button { position: relative; margin-top: -60px;}
.container-fluid.abt.bio-team .row.inner-team-section { margin-top: 26px;}
.locations-text-inner { margin-top: 15px; padding-left: 10px; padding-right: 10px;}
.col-lg-6.col-sm-6.custom-form h2 { padding-bottom: 28px;}
p.inner-adress { font-size: 12px; line-height: 18px; color: #000;}
.foter-address-title p { font-size: 12px; line-height: 18px; color: #000;}
.foter-menu li a { font-size: 12px; line-height: 18px; color: #000;}
.slide-image-about h1 { font-family: 'Pieta Light'; font-size: 22px; color: #fff; line-height: 50px;}
.search-box a.btn.btn-lg.btn-primary {padding: 5px 8px;}
.search-box .input-box input {width: 90%;}
.navbar.showInput .search-box .input-box {width: 85%; top: 52px; right: calc(29% - 42px);}
h2, h3, h4, h5, h6 { color: #000; font-size: 20px; font-family: 'Pieta Light';}
.about-us-inner-text p { font-size: 15px; line-height: 24px;}
.list li { font-size: 15px; line-height: 24px;}
span.thin-text { font-size: 15px; line-height: 24px;}
.about-us-inner-text.residentals-headings h1 {font-size: 20px;}
.container-fluid.showcasee.residentals .about-us-inner-text { margin-top: 22px;}
.about-us-inner-text h1 {font-size: 20px;}
.container-fluid.showcasee.alber .about-us-inner-text { margin-top: 22px;}
.container-fluid.abt.bio-team .about-us-inner-text h1 { font-size: 20px; line-height: 27px; margin-top: 22px;}
p.inner-pages-heading { font-size: 22px; padding-top: 5px;}
.slide-image-about .carousel-caption { top: 50%; left: 6%;}
.cost-effective h1 { margin-bottom: 40px; font-size: 20px; font-family: 'Pieta Light'; line-height: 29px;}
}



 @media (min-width: 768px) and (max-width: 1023px) {
.navbar .bx-menu { float: right; justify-content: right; display: flex; width: auto; position: absolute; right: 0px; z-index: 999;}
.logo img { width: 100%; max-width: 100%; position: relative; right: 9px;}
nav .navbar { max-width: 100%; padding: 12px 8px;}
.sidebar-logo i, .navbar .bx-menu { font-size: 46px; color: #000;}
.container-fluid.space-custom {margin-top: -236px; padding-left: 20px; padding-right: 20px;}
.custom-button a.btn.btn-lg.btn-primary { font-size: 15px; display: flex; justify-content: center; align-items: center;}
.container-fluid.showcasee.residentals {margin-top: 19px; margin-bottom: 21px; padding-left: 24px; padding-right: 24px;}
.carer img {height:333px;}
.right-bg-color-blue {padding: 72px;}
/*.call-to-action-bg {height: 399px;}*/
/*.inner-text {padding-top: 102px;}*/
.inner-text h3 {font-size: 21px;}
h2 { font-size: 21px;}
.about-us-inner-text h2 { font-size: 21px; line-height: 35px;}
.row.our-team { margin-top: 13px;}
.cost-effective h2 { font-size: 21px; line-height: 33px; margin-bottom: 36px;}
.bg-about {padding-top: 224px;}
.service-list ul li a {line-height: 24px; font-size: 15px;}
.bg-about p {font-size: 15px; line-height: 24px; margin-bottom: 4px; padding-left: 7px; padding-right: 7px;}
h1 {font-size: 24px;}
.container-fluid.about-space { padding-left: 15px; padding-right: 15px;}
.container-fluid.service { padding-left: 15px; padding-right: 15px;}   
.foter-bg-color {padding: 10px;}
.container-fluid.foter {padding-left: 15px; padding-right: 15px;}
.foter-address-title { margin-top: 22px;}
p.inner-adress { font-size: 12px; line-height: 18px; color: #000;}
.foter-address-title p { font-size: 12px; line-height: 18px; color: #000;}
.foter-menu li a { font-size: 12px; line-height: 18px; color: #000;} 
p.inner-adress br {/*display: none;*/}
p.geo-text {font-size: 12px; margin-bottom: 0px; font-weight: 500;}
.foter-menu-list li {font-size: 12px;}
.foter-bg-black {padding: 4px;}
.service-space { padding-left: 0px; padding-right: 0px;}
.slide-image img { height: 280px;}
.right-bg-color-blue h4 {font-size: 21px;}
.right-bg-color-blue p {font-size: 15px;}
.search-box a.btn.btn-lg.btn-primary {padding: 5px 11px; margin-right: 0px;}
ul.links { padding-left: 0px;}
.service-list ul { padding-left: 1rem;}
.navbar .bx-menu { display: none;}
.row.abutbg a.btn.btn-lg.btn-primary {font-size: 15px; font-weight: bold; padding: 10px 16px; margin-bottom: 20px;}
.navbar .search-box {display: block;}
.slide-image-about .carousel-caption {top: 16%; left: 5%;}
p.inner-pages-heading {font-size: 24px; padding-top: 5px;}
.slide-image-about img {height: 137px;}
.side-bar-menu.aboutlist {display: none;}
.about-us-inner-text p {font-size: 15px; line-height: 24px;}
.container-fluid.abt { padding-left: 24px; padding-right: 24px; margin-bottom: 40px; margin-top: 45px;}
.list li {font-size: 15px; line-height: 24px;}
.list ul {padding-left: 1rem !important}
.row.inner-team-section p {font-size: 15px; line-height: 24px;}
.side-bar-menu { display: none;}
.ser .custom-button a.btn.btn-lg.btn-primary { height: 67px;  font-size: 15px; padding: 0px; display: flex; justify-content: center; align-items: center;}
.ser .img-fluid.service-icon-arrow {padding-bottom: 0px;}
.container-fluid.showcasee {padding-left: 25px; padding-right: 25px; margin-bottom: 0px;}
.container-fluid.showcasee.landing { margin-top: 42px; margin-bottom: 14px;}
.custom-button-showcase a.btn.btn-lg.btn-primary {font-size: 13px;}
.custom-button-showcase p { font-size: 12px !important;}
/*.custom-button-showcase {max-height: 81px;}*/
.slider.slider-nav.thumb button.slick-next.slick-arrow {top: -119px;}
.slider.slider-nav.thumb button.slick-prev.slick-arrow {top: -119px;}
.container-fluid.contact p.iner-text-contact { font-size: 15px; margin-bottom: 21px; line-height: 24px; font-weight: 500; color: #000;}
.container-fluid.contact {padding-left: 15px; padding-right: 15px;     margin-top: 40px;}
.custom-form a.btn.btn-lg.btn-primary {font-weight: bold; font-size: 18px;}
.col.col-lg-4.col-sm-4.mt-4.kam { margin-top: 0px !important;}
.show3 {display:block !important;}
nav .navbar .links li .arrow {width: 40px;}
nav .navbar .nav-links { position: fixed; top: 0; right: -100%; display: block; max-width: 270px; width: 100%; background: #fff; line-height: 40px; padding: 20px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000;}
.navbar .bx-menu { display: grid;}
.navbar .bx-menu { display: block;}
.sidebar-logo i, .navbar .bx-menu { font-size: 46px; color: #000;}
nav .navbar .links li a { font-size: 15px;}
nav .navbar .links li { display: block;}
nav .navbar .links { display: block; margin-top: 20px;}
.navbar .nav-links.show1 .links .htmlcss-arrow, .navbar .nav-links.show3 .links .js-arrow { transform: none;}
.links li:hover .htmlcss-arrow, .links li:hover .js-arrow { transform: rotate(0deg);margin-top: -4px;}
.navbar .nav-links .sidebar-logo {display: block;}
nav .navbar .links li .arrow { width: 33px;}
.navbar .nav-links .sidebar-logo { display: flex; align-items: center; justify-content: space-between;}
nav .navbar .links li { padding: 0 6px; white-space: nowrap;}
.navbar .nav-links.show1 .links .htmlCss-sub-menu, .navbar .nav-links.show3 .links .js-sub-menu, .navbar .nav-links.show2 .links .more .more-sub-menu {
display: block;}
nav .navbar .links li .sub-menu { position: relative; top: 0; box-shadow: none; display: none; left: 29px;}
nav .navbar .links li { display: block;}
nav .navbar .links li:hover .htmlCss-sub-menu, nav .navbar .links li:hover .js-sub-menu { display: none;}
nav .navbar .links li .arrow { line-height: 40px;}
.bg-image1 img { height: 251px;}
.service-image img { margin-left: -22px;}
.container-fluid.abt.serv { margin-top: 60px; margin-bottom: 30px;}
.container-fluid.abt.our-teams  { margin-top: 36px; margin-bottom: 36px;}
.container-fluid.abt.rem { margin-top: 22px; margin-bottom: 14px;}
.row.alberni { margin-top: 16px; margin-bottom: 40px;}
/*.container-fluid.showcasee.residentals { margin-top: 20px; margin-bottom: 20px;}*/
.container-fluid.showcasee.alber { margin-top: 20px; margin-bottom: 20px;}
.office-hours { width: 580px;}
/*.container-fluid.showcasee.residentals { margin-top: 20px; margin-bottom: 0px;}*/
.container-fluid.abt.bio-team .row.inner-team-section { margin-top: 30px;}
.row.inner-team-section img { width: 100%; height: 326px; object-fit: cover;}
.container-fluid.abt.bio-team { margin-bottom: 30px; margin-top: 36px;}
.service-image img { margin-top: 66px;}
.foter-bg-color { padding: 10px; padding-top: 31px; padding-bottom: 31px;}
.inner-text { padding-top: 117px; padding-bottom: 116px;}
.search-box .input-box input {width: 90%;}
.navbar.showInput .search-box .input-box {width: 100%; top: 52px; right: calc(16% - 42px);}
h2, h3, h4, h5, h6 { color: #000; font-size: 21px; font-family: 'Pieta Light';}
.slide-image-about h1 { font-family: 'Pieta Light'; font-size: 24px; color: #fff; line-height: 50px;}
.remote-text p { font-size: 15px; line-height: 24px;}
.inner-text-graph-sub p { font-size: 15px; line-height: 24px;}
.about-us-inner-text.residentals-headings h1 {font-size: 21px;}
span.thin-text { font-size: 15px; line-height: 24px;}
.locations-address p  { font-size: 15px; line-height: 24px;}
p.locations-text-office { font-size: 15px; line-height: 24px;}
.about-us-inner-text h1 {font-size: 21px;}
.cost-effective h1 { margin-bottom: 40px; font-size: 21px; font-family: 'Pieta Light'; line-height: 33px;}
}

 @media (min-width: 896px){
.carer img { height: 303px;}

 }

 @media (min-width: 1024px) and (max-width: 1200px) {
.container-fluid.space-custom {margin-top: -271px;}
 nav .navbar {padding: 0 5px;}
.search-box a.btn.btn-lg.btn-primary { width:201px; padding:8px  13px 5px 13px; font-size: 13px; margin-left: 12px; }
.search-box a.btn.btn-lg.btn-primary{bottom:0;}
.navbar .search-box .input-box  {position: relative; width: 252px; }
.navbar.showInput .search-box .input-box {top: 0px;}
.search-box .input-box input {width: 92%;}
.call-to-action-bg {height: 526px;}
.inner-text {padding-top: 150px;}
.right-bg-color-blue { padding: 36px;}
.about-us-inner-text.residentals-headings h1 {font-size: 32px;}
h1 {font-size: 24px;}
.slide-image-about h1 {font-size: 36px;} 
.about-us-inner-text h1 {font-size: 32px;}
h2 {font-size: 32px;} 
.cost-effective h1 { font-size: 36px; font-family: 'Pieta Light';}
.carer img { display: block; height: 231px;}
.row.abutbg a.btn.btn-lg.btn-primary {width: auto; font-size: 15px; font-weight: bold; margin-bottom: 50px;}
.slide-image-about .carousel-caption {  left: 4%;}
.ser .custom-button a.btn.btn-lg.btn-primary { height: 67px; line-height: 22px; padding: 0px; font-size: 15px; display: flex; justify-content: center; align-items: center;}
.ser .img-fluid.service-icon-arrow {padding-bottom: 0px;}
.container-fluid.abt {padding-left: 20px; padding-right: 20px; margin-bottom: 0px; margin-top: 36px;}
.container-fluid.abt.bio-team { margin-bottom: 40px; margin-top: 40px;}
.container-fluid.abt.bio-team .row.inner-team-section { margin-top: 18px;}
.side-bar-menu ul li {font-size: 16px;}
p.inner-pages-heading { font-size: 36px; padding-top: 5px;}
p.inner-adress br {/*display: none;*/}
.custom-button-showcase a.btn.btn-lg.btn-primary {font-size: 15px; padding:5px 2px; }
.ser .custom-button-showcase p {padding-left: 10px; padding-right: 11px; line-height: 18px; font-size: 13px;}
.slider.slider-nav.thumb button.slick-next.slick-arrow {top: -140px;}
.slider.slider-nav.thumb button.slick-prev.slick-arrow {top: -140px;}
.container-fluid.contact p.iner-text-contact { font-size: 15px; margin-bottom: 21px; line-height: 24px; font-weight: 500; color: #000;}
.foter-bg-color { padding: 15px; padding-top: 31px; padding-bottom: 31px;}
.container-fluid.showcasee {padding-left: 20px; padding-right: 20px; margin-bottom: 0px;}
nav .navbar .links li .arrow {width: 35px;}
nav .navbar .links li {padding: 0 3px !important;}
nav .navbar .links li a {font-size: 14px;}
.custom-menu .navbar ul.links { padding-left: 0px;}
.slide-image img { width: 100%; height: 315px;}
.bg-image1 img {height: 341px;}
/*.container-fluid.abt.serv { margin-top: 60px; margin-bottom: 0px;}*/
.container-fluid.abt.our-teams  { margin-top: 40px; margin-bottom: 40px;}
.container-fluid.showcasee.alber { margin-top: 40px; margin-bottom: 40px;}
.row.alberni { margin-top: 16px; margin-bottom: 40px;}
/*.service-list ul li a {line-height: 24px;}*/
.container-fluid.service {margin-bottom: 50px; margin-top: 50px;}
.row.inner-team-section p {line-height: 27px;}
.row.inner-team-section img { width: 100%; height: 94%; object-fit: cover;}
.bg-about {padding-bottom: 58px; padding-top: 225px;}
.service-image img { box-shadow: 5px 5px #ccc; margin-top: 66px;}
.container-fluid.abt.rem { margin-top: 40px; margin-bottom: 40px;}
}

@media (max-width:920px) { nav .navbar .logo a { font-size: 27px; }
nav .navbar .links li{ padding: 0 6px; white-space: nowrap;}
nav .navbar .links li a { font-size: 15px; }
}

@media (max-width:800px){
.navbar .bx-menu{ display: grid;}
nav .navbar .nav-links{ position: fixed; top: 0; right: -100%; display: block; max-width: 270px; width: 100%; background:  #fff; line-height: 40px; padding: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000;}
.navbar .nav-links .sidebar-logo{ display: flex; align-items: center;  justify-content: space-between;}
.sidebar-logo .logo-name{ font-size: 25px; color: #fff;}
.sidebar-logo i, .navbar .bx-menu { font-size: 46px; color: #000;}
nav .navbar .links{ display: block; margin-top: 20px; }
nav .navbar .links li .arrow{line-height: 40px;}
nav .navbar .links li{ display: block;}
nav .navbar .links li .sub-menu{ position: relative; top: 0; box-shadow: none; display: none; left: 0px;}
nav .navbar .links li .sub-menu li{ border-bottom: none;}
.navbar .links li .sub-menu .more-sub-menu{ display: none; position: relative; left: 0;}
.navbar .links li .sub-menu .more-sub-menu li{ display: flex; align-items: center; justify-content: space-between;}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow{ transform: rotate(0deg);}
.navbar .links li .sub-menu .more-sub-menu{ display: none;}
.navbar .links li .sub-menu .more span{ /* background: red; */ display: flex; align-items: center; /* justify-content: space-between; */}
.links li .sub-menu .more:hover .more-sub-menu{ display: none; }
nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .js-sub-menu{ display: none;}
.navbar .nav-links.show1 .links .htmlCss-sub-menu,
.navbar .nav-links.show3 .links .js-sub-menu,
.navbar .nav-links.show2 .links .more .more-sub-menu{ display: block;} .navbar .nav-links.show1 .links .htmlcss-arrow,
.navbar .nav-links.show3 .links .js-arrow{ transform: none;}
.navbar .nav-links.show2 .links .more-arrow{ transform: rotate(90deg);}
.show3 {display:block !important;}
}
@media (max-width:370px)
{ nav .navbar .nav-links
  { max-width: 100%;} 
}

@media (min-width: 1200px) and (max-width: 1280px) { 
nav .navbar {justify-content: space-evenly; padding: 0 0px;}
ul.links { padding-left: 5rem;}
.right-bg-color-blue { padding: 98px;}
.slide-image-about .carousel-caption {left: 3%;}
.list ul { padding-left: 18px;}
.showcase .ser .custom-button a.btn.btn-lg.btn-primary { font-size: 17px;}
/*.slider.slider-nav.thumb img { margin-left: 0px; width: 163px; height: 128px; margin-top: 15px;}*/
.slider.slider-nav.thumb button.slick-prev.slick-arrow {top: -179px;}
.slider.slider-nav.thumb button.slick-next.slick-arrow {top: -179px;}
.carer img { width: 100%; height: 355px; object-fit: cover;}
.cost-effective { margin-bottom: 0px;}
.service-list { margin-top: 40px;}
.ser .custom-button a.btn.btn-lg.btn-primary { font-size: 16px; height: 64px; line-height: 50px;}
.ser .custom-button a.btn.btn-lg.btn-primary.btn-rectangular { font-size: 16px; height: 64px; line-height: 1.4em;}

.search-box a.btn.btn-lg.btn-primary { padding:11px 13px 5px 13px; }
/*.slider.slider-nav.thumb img { width:148px;  height: 106px;}*/
.container-fluid.space-custom { padding-left: 35px; padding-right: 35px; position: relative; margin-top: -335px; max-width: 1600px;}
.row.inner-team-section img { height: 367px; object-fit: cover; width: 100%;}
.slide-image img { width: 100%; height: 405px;}
.container-fluid.showcasee {margin-bottom: 30px;}
.service-image img { box-shadow: 5px 5px #ccc; margin-top: 92px;}
.container-fluid.service { margin-bottom: 68px; margin-top: 50px;}
.container-fluid.showcasee.residentals { max-width: 1600px; margin-top: 40px; margin-bottom: 16px; padding-left: 45px; padding-right: 45px;}
.cost-effective h2 { margin-bottom: 8px;  font-size: 32px; font-family: 'Pieta Light'; line-height: 45px;}
.bg-about { padding-top:224px; }
.container-fluid.abt.bio-team { margin-bottom: 40px; margin-top: 40px;}
.container-fluid.abt.bio-team .row.inner-team-section { margin-top: 25px;}
}

@media (min-width: 1280px) and (max-width: 1600px) {
.carer img {height: 445px;}
.right-bg-color-blue {padding: 143px;} 
.row.abutbg a.btn.btn-lg.btn-primary {font-weight: bold;}
.ser .custom-button a.btn.btn-lg.btn-primary { height: 67px; line-height: 47px; font-size: 17px;}
.ser .custom-button a.btn.btn-lg.btn-primary.btn-rectangular{line-height: 1.4em;}
.slide-image-about .carousel-caption {left: 3%;}
 nav .navbar { padding: 0 0px;}
/*.slider.slider-nav.thumb img { width:159px;  height: 106px;}*/
.slider.slider-nav.thumb button.slick-next.slick-arrow {top: -191px;}
.slider.slider-nav.thumb button.slick-prev.slick-arrow {top: -191px;}
.foter-bg-color { padding: 18px; padding-top: 50px; padding-bottom: 50px;}
.container-fluid.foter { padding-left: 16px; padding-right: 16px;}

}

@media (min-width: 1601px) and (max-width: 1920px) {
.carer img { display: block; height: 429px;}
}