/*areas section*/
.areas_sec .abt_text,.areasub_box .abt_text{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;margin-bottom: 110px}
.areas_sec .abt_text.area_flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;flex-direction: row-reverse;}
.area_map.abt_img{width: 710px;}
.area_map iframe{height: 425px;}
.areas_sec .abt_content .dlist li{width: 50%;}
.areas_sec .dlist li a:hover{color: #008FCE;}
.areas_sec .area_map .dlist li:hover,.areas_sec .area_map .dlist li.active{color: #008FCE;}
.areas_sec .abt_text .abt_content { padding-right: 40px;}
.area_flex .abt_content,.areas_sec .abt_content ,.areasub_box .abt_content {max-width: 580px;    padding-left: 0;}
.areasub_box .othr_srvbox {display: flex;flex-wrap: wrap;}
.areasub_box li {width: 50%;padding-bottom: 30px;}
.areasub_box li:last-of-type,.areasub_box li:nth-last-of-type(2n){padding-bottom: 0}
.areasub_box .othr_srvimage {width: 64px;margin-bottom: 0}
.areasub_box .othr_srvname {width: calc(100% - 64px);padding-left: 26px;text-align: left;}
.areasub_box li:last-of-type .othr_srvname,.areasub_box li:nth-last-of-type(2n) .othr_srvname{margin-bottom: 0}
.areasub_box {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.areasub_left {width: 710px;}
.areasub_right {width: 595px;    position: sticky;
    top: 110px;}
.areasub_box .othrservice_list { margin: 45px -17px 35px;}
.areasub_box .othrservice_list li:after{display: none}
.areas_sec .abt_text:last-of-type{margin-bottom: 0}
.hm_workshop {padding: 110px 0 0;}
.area_suburb {padding: 110px 0 0}
.hm_other_services {padding-bottom: 0;}
/* Start Responsive */

@media (min-width: 1921px) {
}

/* START MEDIA QUERY */

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


}
@media screen and (max-width: 1439.99px){
    .areasub_left {width: 50%;}
    .areasub_right {width: 50%;padding-left: 50px;}
    .area_map.abt_img {width: 50%;}
    .areasub_box .othr_srvname {padding-left: 10px;}
    .areas_sec .abt_text .abt_content {padding-right: 0px;padding-left: 50px;}
    .areas_sec .abt_text.area_flex .abt_content{padding-right: 50px;padding-left: 0}
    
}
@media screen and (max-width: 1199.99px){
    .hm_workshop {padding: 40px 0 0;}
    .area_suburb {padding: 40px 0 0}
    .areas_sec .abt_text, .areasub_box .abt_text {margin-bottom: 40px;}
    .hm_about.areas_sec {padding: 0 0 40px;}
}

@media screen and (max-width: 991.99px){
    .areasub_left {width: 100%; position: inherit; top: inherit;}
    .areasub_right {width: 100%;padding-left: 0; padding-top: 30px;}
    .abt_img, .abt_content,.area_flex .abt_content, .areas_sec .abt_content, .areasub_box .abt_content {width: 100%;float: none;max-width: 100%}
    .abt_img {position: inherit; top: auto;}
    .areas_sec .abt_text .abt_content {padding-right: 0px;padding-left: 0px;padding-top: 0px}
    .areas_sec .abt_text.area_flex .abt_content{padding-right: 0px;padding-left: 0;padding-top: 0px}
    .area_map.abt_img { width: 100%;}
    .areas_sec .dlist {padding: 0 0 20px;}
    
}
@media screen and (max-width: 767.99px){

}

@media screen and (max-width: 575px){
    .areasub_box li {width: 100%;padding: 0 0px; padding-bottom: 25px; margin: 0 0px;}
    .areasub_box .othr_srvbox {align-items: center;}
    .areasub_box .othr_srvimage {width: 32px;margin-bottom: 0; height: auto;}
    .areasub_box li {width: 50%;padding: 0 0px; padding-bottom: 25px; margin: 0 0px;}
    .areasub_box li:nth-last-of-type(2n) .othr_srvname { margin-bottom: 0;}
    .areasub_box li:last-of-type .othr_srvname{padding-bottom: 0}
    .areasub_box li:nth-last-of-type(2n){padding-bottom: 20px}
    .areasub_box .othr_srvname {padding-left: 8px;margin-bottom: 0px;    width: calc(100% - 42px);}
    .areasub_box .othrservice_list {margin: 30px 0px 0;}
	.page-surrey-hills .areasub_box .othrservice_list {margin-bottom:20px;}
    .areasub_box .othr_srvname {font-size: 14px;line-height: 22px;text-align: left; width: calc(100% - 32px); max-width: 100%; height: auto;}
    .areasub_box .othr_srvname br{display: none;}
	.areas_sec .abt_content .dlist li { width: 100%;}
}

@media screen and (max-width: 360px){
	.areasub_box li {width: 100%;}
	.areasub_box .othr_srvname {padding-left: 10px;}
}