.sec_areasbanner {
position: relative;
min-height: 580px;
border-bottom: 2px solid #ebf1f7;
padding: 81px 0 20px;
}
.areasbanner_box {
max-width: 354px;
}
.alter_Sec .areas_top_left {
width: 65%;
padding-right: 0px !important;
padding-left: 50px !important;
} .sec_areas_top {
margin: 97px 0 92px;
}
.areas_top_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.areas_top_left {
width: 65%;
padding-right: 50px;
}
.areas_top_right {
width: 35%;
}
.alter_Sec {
margin: 97px auto 92px;
} .sec_areas_main {
margin: 100px 0;
}
.areas_main_wrap {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.areas_main_left {
width: 100%;
}
.areas_main_right {
width: 100%;
margin: 40px 0 0;
}
.areas_map {
height: 440px;
}
.areas_list {
display: flex;
flex-wrap: wrap;
}
.areas_list li {
width: 25%;
position: relative;
font-weight: bold;
color: #343637;
font-size: 16px;
display: block;
text-transform: capitalize;
line-height: 1.6;
letter-spacing: 0.1px;
padding: 0 0 0 25px;
margin: 0 0 16px;
}
.areas_list li:before {
content: "\f041";
position: absolute;
top: 2px;
left: 0;
display: block;
font-family: FontAwesome;
font-size: 16px;
color: #343637;
}
.areas_list li a:hover,
.areas_list li.active {
color: #32a5d8;
}
.suburb_list:not(:last-of-type) {
margin: 0 0 25px;
} .sec_suburb_block {
}
.suburb_block {
display: flex;
flex-wrap: wrap;
}
.suburb_block_content {
width: 65%;
padding: 0 70px 0 0;
}
.suburb_block_img {
width: 35%;
position: sticky;
top: 0;
align-self: flex-start;
}
.suburb_block:nth-of-type(even) .suburb_block_img {
order: 1;
}
.suburb_block:nth-of-type(even) .suburb_block_content {
order: 2;
padding: 0 0 0 70px;
}
.suburb_block:not(:last-of-type) {
margin-bottom: 50px;
}
.suburb_block.withbox {
border: 1px solid rgb(68 68 68 / 25%);
align-items: center;
background: #ebf1f7;
}
.suburb_block.withbox .suburb_block_content {
padding: 30px 70px;
}
.suburb_block.withbox .suburb_block_img {
border-left: 1px solid rgb(68 68 68 / 25%);
position: inherit;
top: auto;
align-self: auto;
align-items: center;
}
.suburb_block.withbox:nth-of-type(even) .suburb_block_img {
border-right: 1px solid rgb(68 68 68 / 25%);
border-left: 0;
}
.multiimgblock .suburb_block_content {
width: 100%;
padding: 0;
}
.multiimgblock .suburb_block_img {
width: 85%;
display: flex;
flex-wrap: wrap;
margin: 40px -20px 0;
position: inherit;
top: auto;
align-self: auto;
}
.multiimgblock .suburb_block_img .multimg_item {
padding: 0 20px;
width: 33.33%;
margin: 0 0 20px;
}
.suburb_block.multiimgblock:nth-of-type(even) .suburb_block_content {
order: 1;
padding: 0;
}
.suburb_block.multiimgblock:nth-of-type(even) .suburb_block_img {
order: 2;
}
.suburb_block.fullblock .suburb_block_content {
width: 100%;
padding: 0;
}
.suburb_block.multiimgblock {
background: #fafafa;
padding: 50px 50px 30px;
}
.page-template-area-suburb
.js_accordion.smk_accordion
.accordion_in
.acc_content
p {
margin-bottom: 0;
font-size: 16px;
line-height: 1.85;
margin-bottom: 28px;
letter-spacing: 0.043px;
font-weight: normal;
}
.page-template-area-suburb .sec_areas_main .contblock.leftblock {
width: 100%;
} @media (max-width: 1650px) {
}
@media (max-width: 1550px) {
}
@media (max-width: 1439px) { .suburb_block_content {
padding: 0 40px 0 0;
}
.suburb_block.withbox .suburb_block_content {
padding: 30px 40px;
}
}
@media (max-width: 1199px) { .areas_top_left {
padding-right: 40px;
}
.sec_areas_top {
margin: 60px 0;
}
.alter_Sec {
margin: 60px auto;
} .sec_areas_main {
margin: 60px 0;
} .suburb_block:nth-of-type(even) .suburb_block_content {
padding: 0 0 0 40px;
}
}
@media (max-width: 991px) { .areas_top_left {
padding-right: 0px;
width: 100%;
text-align: center;
}
.areas_top_left [class*="sechead"].withline:after {
right: 0;
margin: 0 auto;
}
.areas_top_right {
width: 100%;
margin: 40px 0 0;
text-align: center;
}
.alter_Sec .areas_top_left {
width: 100%;
padding-right: 0px !important;
padding-left: 0px !important;
order: 1;
}
.alter_Sec .areas_top_right {
order: 2;
} .sec_areas_main {
margin: 60px 0;
}
.areas_list li {
width: 33.33%;
} .suburb_block_img {
position: inherit;
top: auto;
align-self: auto;
order: 1;
width: 100%;
}
.suburb_block_content {
width: 100%;
padding: 0;
order: 2;
margin: 30px 0 0;
}
.suburb_block.withbox .suburb_block_img {
text-align: center;
}
.suburb_block.withbox .suburb_block_content {
padding: 0px 30px 30px;
}
.suburb_block:not(:last-of-type) {
margin-bottom: 40px;
}
.suburb_block.multiimgblock .suburb_block_img {
order: 2;
}
.suburb_block.multiimgblock .suburb_block_content {
order: 1;
margin: 0;
}
.multiimgblock .suburb_block_img {
width: 100%;
margin: 40px -10px 0;
}
.multiimgblock .suburb_block_img .multimg_item {
padding: 0 10px;
margin: 0 0 10px;
}
.suburb_block.multiimgblock {
padding: 30px 30px 20px;
}
.suburb_block.fullblock .suburb_block_content {
margin: 0;
}
.suburb_block:nth-of-type(even) .suburb_block_content {
padding: 0;
}
}
@media (max-width: 767px) { .sec_areasbanner {
min-height: 520px;
padding: 60px 0 20px;
} .sec_areas_top {
margin: 30px 0 40px;
}
.alter_Sec {
margin: 30px auto 40px;
} .areas_main_right {
margin: 25px 0 0;
}
.areas_list li {
font-size: 16px;
padding: 0 0 0 20px;
margin: 0 0 10px;
width: 50%;
}
.areas_list li:before {
width: 13px;
top: 1px;
}
.sec_areas_main {
margin: 40px 0 30px;
}
}
@media (max-width: 575px) { .sec_areasbanner {
min-height: 500px;
padding: 40px 0 20px;
}
.areasbanner_box {
text-align: center;
}
.areasbanner_box.sbquote {
padding: 28px 20px;
} .areas_top_right {
margin: 30px 0 0;
} .areas_main_right {
margin: 25px 0 0;
}
.sec_areas_main {
margin: 30px 0;
}
.areas_map {
height: 370px;
}
.suburb_list:not(:last-of-type) {
margin: 0 0 15px;
}
.areas_list li {
width: 50%;
} .suburb_block:not(:last-of-type) {
margin-bottom: 30px;
}
.suburb_block.withbox .suburb_block_content {
padding: 0px 20px 30px;
}
.suburb_block.multiimgblock {
padding: 20px;
}
.multiimgblock .suburb_block_img .multimg_item {
width: 50%;
}
.multiimgblock .suburb_block_img .multimg_item {
padding: 0 5px;
}
.multiimgblock .suburb_block_img {
margin: 30px -5px 0;
}
}
@media (max-width: 420px) { .areas_list li {
width: 100%;
}
}
@media (max-width: 350px) {
}