#cms-wrapper{width:100%;/*padding:35px 0 0*/}
#cms-container{max-width:1560px;margin:0 auto}
#cms-h1 {text-align: center;font-family: var(--font-family-secondary);color: var(--font-color-dark);font-weight: 400;letter-spacing: var(--font-size-lr);margin-top:15px;}
.breadcrumb-container{justify-content: center;align-items: center;}
.breadcrumb-container > li a,.breadcrumb-container > li{text-transform: uppercase;font-family: var(--font-family-main);font-weight: 300;color: var(--font-color-dark)}
.area-desc{width:100%;margin:auto;color:var(--font-color-dark);line-height:2.22;font-family:var(--font-family-main);font-size:18px;font-weight:300;text-align:center}
.area-categories-container{width:100%;margin:auto}
.category-title{text-align:center;font-weight:600;font-family:var(--font-family-main);color:#262626;position:relative;left:0;right:0;margin:auto;z-index:0}
.category-title > span{position:relative;font-weight:600;background:#fff;padding:5px 30px;}
.actual-list{width:100%;justify-content:center;align-items:center;display:flex}
.actual-list > li{text-align:center;}
.area-photo figure{padding-bottom:100%;border-radius:200px}
.area-category{font-weight:300}
.area-name{font-weight:700;margin-top:8px;font-size:18px}
.area-distance{color:#8D8D8D;font-weight:700;margin-top:10px;font-size:18px}/*#8D8D8D*/
.category-title:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:1px;background:#D9D9D9;margin:auto}

@media (min-width:1200px) {
    .breadcrumb-outer-container{padding: 0 20px;}
    .breadcrumb-wrapper{margin-top:2.083vw}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size: 14px;}
    #cms-h1{font-size: clamp(2.375rem, 1.625rem + 1vw, 2.8125rem);}/*45->38*/
    .area-desc{max-width:1100px;margin-top:40px}
    .area-categories-container{margin-top:65px;max-width:1400px;padding:0 20px}
    .category-title > span{font-size:22px}
    .actual-list{margin-top:35px;row-gap: 35px}
    .categories-list > li:not(:first-child){margin-top:60px}
    .actual-list > li:not(:nth-child(5n + 1)) {margin-left: 5%;}
    .actual-list > li{width:16%;font-family:var(--font-family-main);color:#3D3D3D}
    .area-category{margin-top:20px;font-size:16px}
    .area-name{}
    .area-distance{}
    #footer{margin-top:70px}
}

@media (max-width:1199px) {
    #cms-wrapper{width:100%;padding:20px 0 0}
    .breadcrumb-outer-container{padding: 0 20px;}
    .breadcrumb-wrapper{margin-top:20px;}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size: clamp(1.25rem, 1.0297rem + 0.4608vw, 1.375rem);}
    #cms-h1{font-size: clamp(1.875rem, 1.0179rem + 1.1429vw, 2.375rem);}/*30->38*/
    .area-desc{margin-top:35px;max-width:95%;padding:0 10px}
    .categories-list > li{margin-top:70px}
    .actual-list{margin-top:30px;row-gap: 30px;}
    .actual-list > li{width:30%}
    .actual-list > li:not(:nth-child(3n + 1)){margin-left:5%}
    .area-categories-container{max-width:calc(100% - 9.766vw)}
    .area-category {margin-top: 15px;}
    .category-title > span{font-size:20px}
    #footer{margin-top:55px;}
}

@media (max-width:764px) {
    #cms-h1{font-size: clamp(1.5625rem, 1.0268rem + 0.7143vw, 1.875rem);}/*30-25*/
    .actual-list{justify-content: flex-start;}
    .actual-list > li{width:46%}
    .actual-list > li:not(:nth-child(2n + 1)){margin-left:8%}
    .actual-list > li:nth-child(odd){margin-left:0}
    .category-title > span{font-size:18px}
}