.location-top-outer-container {width: 100%;margin: auto;}
.location-top-container {margin: auto;width: 100%;border-top: 1px solid #CDCDCD;align-items: flex-start;}
.location-bottom-outer-container {background: #ECEAE6;width: 100%;}
.location-bottom-container {width: 100%;margin: auto;align-items: flex-start;}
.location-photo-container figure {padding-bottom: 67.7%;}
.location-title {align-items: center;gap: 15px;}
.location-title > div{color: var(--color-blue-500);}
.location-small-desc {line-height: var(--lh-1-7);}
.area-info-cont {background: var(--color-blue-100);justify-content: center;align-items: center;flex-direction: column;width: 100%;}

.area-title{color: var(--color-white);}
.area-info-text{color: var(--color-white);margin: auto;text-align: center;}

.area-list{width:100%;margin:0 auto}
.area-photo-container figure{padding-bottom:60%}
.area-item{width:100%;}
.area-item.even{flex-direction:row-reverse;margin-left:auto;background:#ECEAE6}
.area-title-container{gap: 10px;}

.area-item-title{color:var(--color-blue-500)}
.area-btn{flex-direction:column;}
.btn-link{color:#686868;font:var(--font-18-regular);text-decoration:underline;margin-top:3px}
.area-title-container img{width:100%;max-width:100%;height:auto}
.info-text{margin-top:25px;font:var(--font-18-medium);line-height:var(--lh-1-7);color:var(--color-black-900)}
.area-list > li{scroll-margin-top: 150px;}
@media (min-width:1200px){
    .location-top-outer-container {padding: 0 20px;}
    .location-top-container {max-width: 1720px;padding-top: 40px;margin-top: 40px;gap: 4.5%;}
    .location-children {width: 39%;row-gap: 70px;}
    .location-photo-container {width: 56.5%;}
    .location-bottom-outer-container {margin-top: 60px;}
    .location-bottom-container {max-width: 1720px;gap: 4.5%;padding: 95px 20px;}
    .location-title > div {font: var(--font-25-bold);}
    .location-small-desc {margin-top: 15px;font: var(--font-18-regular);}
    .area-info-cont {padding: 70px 0;}
    .area-title{font:var(--font-40-bold)}
    .area-info-text{font:var(--font-20-medium);margin-top: 30px;max-width: 960px;line-height: var(--lh-1-6);}

    .area-list{margin-top:100px;row-gap:3.125vw}
    .area-item > a{gap:2%}
    .area-item.odd{max-width:calc(100% - 100px)}
    .area-item.even{padding:3.125vw 0 3.125vw 5.208vw;}
    .area-photo-container{width:65%}
    .info-container{width:33%}

    .area-item-title{font:var(--font-36-bold);}
    .area-btn{max-width:80%}
    .area-title-container figure{max-width:30px;width:5%}
    .info-text{margin-top:25px;}

    .btn-link:hover{color: var(--color-blue-500)}
}
@media (max-width:1199px){
    .area-info-cont{padding:35px 20px;row-gap:23px}
    .area-title{font:var(--font-36-bold)}
    .area-info-text{font:500 18px 'Albert Sans';line-height:var(--lh-1-7)}

    .area-title-container{flex-direction:column;justify-content:center;align-items:center;text-align:center}
    .area-title-container figure{width:6%;height:auto;max-width:30px}
    .area-photo-container{width:100%;padding:0 10px;max-width:80%;margin:0 auto}
    .info-container{margin-top:25px;width:100%}
    .area-item-title{font:var(--font-30-bold)}
    .area-btn{row-gap:10px}
    .info-text{margin-top:30px;padding:0 20px;font:var(--font-16-medium);line-height:var(--lh-2)}
    .area-list{row-gap:40px;margin-top:45px}
    .area-item.even{padding:30px 0}
}
@media (min-width:765px) and (max-width:1199px){
    .location-children{width:48%;row-gap:45px}
    .location-top-container{margin-top:30px;padding-top:30px;gap:4%;align-items:center}
    .location-top-outer-container{padding:0 20px}
    .location-photo-container{width:48%}
    .location-bottom-container{gap:4%;align-items:center}
    .location-bottom-outer-container{padding:40px 20px;margin-top:40px}
    .location-title{font:var(--font-23-bold)}
    .location-small-desc{font:var(--font-18-regular)}
    .location-children > li{row-gap:15px}
    .area-info-text{max-width: 800px;}
}
@media (max-width:764px){
    .location-top-container{margin-top:30px;padding-top:20px}
    .location-children{padding:0 10px;row-gap:25px}
    .location-title{flex-direction:column;justify-content:center;font:var(--font-22-bold);padding:0 40px;text-align:center;gap:10px}
    .location-children > li{justify-content:center;align-items:center;row-gap:15px}
    .location-small-desc{font:var(--font-16-regular);text-align:center;line-height:var(--lh-2)}
    .location-top-container .location-photo-container{width:100%;padding:0 20px;margin:40px auto 0;max-width: 400px;}
    .location-bottom-outer-container{margin-top:25px}
    .location-bottom-container .location-children{margin-top:20px}
    .location-bottom-container .location-photo-container{width:100%;max-width: 400px;margin:0 auto ;}
    .location-bottom-container{padding:30px 20px}

    .area-list{max-width: 450px;}
    .area-photo-container{max-width: 100%;}
    .info-text{text-align: center;}
}