.inner_banner:after {background: linear-gradient(270deg, rgb(0 0 0 / 0%) , rgb(0 0 0 / 10%) , rgb(0 0 0 / 30%) );opacity: 1}
.arealist li{width: 33.33%}
.area-map iframe{height: 553px;line-height: 0}
.areas-sec .cmncontain-rgt {width: 674px;}
.fmlist{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;    text-align: center;}
.fmlist li{width: 25%}
.areas-fam {position: relative;padding: 371px 0 10px;}
.fmlist li img{filter: brightness(0)invert(1)}
.fmlist li .title_xxs{color: #fff;margin: 15px 0 0}
.areas-fam:after {background: linear-gradient(0deg, rgb(0 0 0) , rgb(0 0 0 / 90%) , rgb(0 0 0 / 0%) ); position: absolute; content: "";left: 0; right: 0; margin: 0 auto; width: 100%; height: 24%; top: auto; z-index: -1;opacity: 0.9; bottom: 0;}
.inbnr-left {max-width: 740px;}
ul.woo_breadcums li,ul.woo_breadcums li a {color: #fff;}
ul.woo_breadcums{margin-bottom: 50px;}
/*media query*/
@media(max-width:1650px) {

}

@media(max-width:1199px) {
    .dlist.arealist { padding-bottom: 0;}
}

@media(max-width:992px) {
    ul.woo_breadcums {margin-bottom: 25px;}
    .area-map iframe {height: 300px;}
}

@media(max-width:768px) {
    .arealist li {width: 50%;}
    ul.woo_breadcums {margin-bottom: 20px;}
    .areas-fam:after {height: 70%;}
    .areas-fam {padding: 180px 0 10px;}

}
@media(max-width:480px) {
    .fmlist li { width: 50%;}
}

@media(max-width:365px) {
    .dlist.arealist li{ margin-bottom: 0;}
    .arealist li {width: 100%;}
}