#cms-wrapper.about-us{width:100%}
.about-us-header-container{width:100%;align-items:flex-start;position:relative;margin-right:auto}
.about-us-image-container picture{width:100%;position:relative;overflow:hidden;padding-bottom:83.33%;display:block}
.about-us-small-desc {font-weight: var(--reg);}
.about-us-quote-wrapper{/*background:var(--bg-head);*/text-align:center;position: relative;}
.about-us-quote-wrapper:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:var(--bg-head);width:100%;height:100%;transform:scaleX(0);transition:transform 0.6s ease-in;transform-origin:center left;}
.about-us-quote-wrapper.active:before{transform:scaleX(1);}
.about-us-quote{color:var(--bl);font-weight:var(--reg);position:relative;padding:20px 0;}
.about-us-quote:before,.about-us-quote:after{content:'';position:absolute;left:0;right:0;margin:auto;background:url(../img/about-us/quote.svg) center no-repeat;width:20px;height:20px}
.about-us-quote:before{top:-10px}
.about-us-quote:after{bottom:-10px}
.about-us-description-wrapper{width:100%}
.about-us-desc{color:var(--b2);font-weight:var(--reg);line-height:1.09}
.about-us-desc-img picture{position:relative;width:100%;overflow:hidden;padding-bottom:137.20%;display:block}
.about-us-why-wrapper {width: 100%;margin:0 auto;flex-direction: column;justify-content: center;align-items: center;border-top: 1px solid var(--gr-foot);border-bottom: 1px solid var(--gr-foot);}
.why-us-title{font-weight:var(--bold);letter-spacing: 13.5px;}
.why-us-list > li{background: var(--bl);display: flex;align-items: center;justify-content: center;}
.why-us-list > li > .why-title{color: var(--w);font-weight: var(--reg);text-align: center;}

.about-us-contact {width: 100%;}
.about-us-inner{justify-content: space-between;align-items: center;background: #F5F5F5;}
.about-contact-txt {font-weight: var(--reg);line-height: 1.09;}
.about-link-wrapper > a {color: var(--b2);font-weight: var(--bold);letter-spacing: 6px;border: 1px solid var(--b1);border-radius: 100px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.photo-gallery-outer-wrapper {width: 100%;flex-direction: column;}
.photo-gallery-title {font-weight: var(--bold);letter-spacing: 12px;color:var(--b2);text-align: center;}
.photo-gallery-list {width: 100%;}
.photo-gallery-list > li figure {padding-bottom: 100%;position: relative;width: 100%;overflow: hidden;}

@media (min-width: 1200px) {
    #footer{margin-top:100px}
    .breadcrumb-wrapper{margin-top:2.083vw}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size:clamp(1.25rem,1.0417rem + 0.2778vw,1.375rem)}
    #cms-h1{margin-top:15px;font-size:clamp(3.125rem,2.0833rem + 1.3889vw,3.75rem)}
    .about-us-header-container{gap:4%;max-width:calc(100% - 3.125vw)}
    .about-us-image-container{width:51%;max-width:960px}
    .about-us-text-container{width:44%}
    .about-us-small-desc{margin-top: 2.604vw;}
    .about-us-small-desc .smalldesc{font-size:clamp(1.3125rem, 1rem + 0.4167vw, 1.5rem);line-height:1.09}
    .about-us-quote-wrapper{position:absolute;max-width:740px;bottom:-4.167vw;left:48%;padding:2.344vw 3.646vw}
    .about-us-quote{font-size:clamp(1.875rem,0.8333rem + 1.3889vw,2.5rem)}
    .about-us-description-wrapper{max-width:calc(100% - 23.958vw);margin:8.854vw auto 0;gap:2%}
    .about-us-desc{width:68%;margin-top:1.563vw;font-size:clamp(1.3125rem, 1rem + 0.4167vw, 1.5rem);text-align:right}
    .about-us-desc-img{width:30%}
    .about-us-why-wrapper{max-width:calc(100% - 10.417vw);margin-top:3.125vw;padding:2.604vw 0}
    .why-us-title{font-size: clamp(2.375rem, 1.6458rem + 0.9722vw, 2.8125rem);}
    .why-us-list{margin-top: 2.604vw;gap:1.33%;}
    .why-us-list > li{width: 24%;padding: 0 1.042vw;}
    .why-us-list > li > .why-title{font-size: clamp(1.75rem, 1.5417rem + 0.2778vw, 1.875rem);padding:3.125vw 0;}
    .about-us-contact{max-width: 1240px;margin: 2.604vw auto 0;padding: 0 3.125vw;}
    .about-us-inner{gap: 40px;padding: 45px 100px;}
    .about-contact-txt {font-size: clamp(1.75rem, 1.3333rem + 0.5556vw, 2rem);max-width: 765px;width: 71%;}
    .about-link-wrapper > a {font-size: 20px;padding: 10px 1.563vw;}
    .about-link-wrapper > a:hover {border-color: var(--bl);color: var(--bl);background: white;}
    .photo-gallery-outer-wrapper{margin:3.906vw auto 0;max-width: calc(100% - 15.625vw);}
    .photo-gallery-title{font-size: clamp(2.1875rem, 1.6667rem + 0.6944vw, 2.5rem);}
    .photo-gallery-list{margin-top: 2.083vw;column-gap:1.25%;row-gap:1.563vw;}
    .photo-gallery-list > li {width: 19%;}
}

@media (max-width: 1199px) {
    #footer{margin-top: 60px}
    .breadcrumb-container{justify-content: center;align-items: center;}

    .about-us-header-container{flex-direction: column;width: 100%;}
    .about-us-image-container{width:100%;}
    .about-us-quote-wrapper{margin-top: 25px;width: 100%;padding: 20px 30px;}
}

@media (max-width: 1199px) and (min-width: 764px) {
    .about-us-description-wrapper{max-width:calc(100% - 2.93vw);margin:30px auto 0;padding:0 1.465vw;gap:2%;flex-direction: column}
    .about-us-desc{/*width:68%;*/margin-top:25px;font-size:clamp(1.5rem,1.0593rem + 0.9217vw,1.75rem);text-align:center}
    .about-us-desc-img{width:50%;margin:0 auto;}
    .about-us-header-container{gap:2%}
    .about-us-text-container{padding:0 15px;max-width: calc(100% - 30px);width: 100%;margin:30px auto 0;align-items: center;justify-content: center;}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size:clamp(1.125rem,0.9047rem + 0.4608vw,1.25rem)}
    #cms-h1{margin-top:10px;font-size:clamp(2.5rem,1.3983rem + 2.3041vw,3.125rem)}
    .about-us-small-desc{margin-top:30px;font-size:clamp(1.5rem,1.0593rem + 0.9217vw,1.75rem)}
    .about-us-quote{font-size:clamp(1.625rem,1.1843rem + 0.9217vw,1.875rem)}
    .about-us-why-wrapper{padding:20px 15px;max-width:calc(100% - 2.93vw);margin-top:35px}
    .why-us-title{font-size:clamp(2.1875rem,1.6367rem + 1.1521vw,2.5rem);letter-spacing:11.5px}
    .why-us-list{width:100%;column-gap:2%;row-gap:20px;margin-top:25px}
    .why-us-list > li{width:49%;padding:30px 20px}
    .why-us-list > li > .why-title{font-size:clamp(1.625rem,1.4047rem + 0.4608vw,1.75rem)}
    .about-us-contact{margin:30px auto 0;max-width:calc(100% - 2.93vw);padding:0 15px}
    .about-us-inner{padding:25px 50px}
    .about-contact-txt{font-size:clamp(1.75rem,1.5297rem + 0.4608vw,1.875rem);width:67%}
    .about-link-wrapper{text-align:center}
    .about-link-wrapper > a{padding:15px;font-size:18px}
    .photo-gallery-outer-wrapper {max-width: calc(100% - 2.93vw);margin: 30px auto 0;padding: 0 15px;}
    .photo-gallery-title{font-size: clamp(1.875rem, 1.3242rem + 1.1521vw, 2.1875rem);}
    .photo-gallery-list{margin-top: 30px;column-gap:2%;row-gap: 25px;}
    .photo-gallery-list > li {width: 32%;}
}

@media (max-width: 764px) {
    #cms-h1{font-size: clamp(1.875rem, 1.2565rem + 2.6042vw, 2.5rem);}
    .about-us-text-container{width:100%;max-width:calc(100% - 5vw);margin:40px auto 0;padding: 0 10px;justify-content: center;}
    .about-us-small-desc{margin-top: 25px;}
    .about-us-small-desc > .smalldesc,.about-us-description-wrapper > .about-us-desc{font-size: clamp(1.25rem, 1.0026rem + 1.0417vw, 1.5rem);line-height: 1.45;text-align: center;}
    .about-us-quote{font-size: clamp(1.375rem, 1.1276rem + 1.0417vw, 1.625rem);text-align: center;}
    .about-us-description-wrapper{margin:35px auto 0;max-width: calc(100% - 5vw);flex-direction: column;padding: 0 10px;}
    .about-us-desc-img{width: 100%;max-width:380px;margin:35px auto 0;}
    .about-us-why-wrapper{margin: 35px auto 0;max-width: calc(100% - 5vw);padding: 0 10px;}
    .why-us-title{margin-top: 30px;font-size: clamp(1.5625rem, 1.2533rem + 1.3021vw, 1.875rem);letter-spacing: 9px;text-align: center;}
    .why-us-list{margin:20px auto 25px;flex-direction: column;row-gap:13px;}
    .why-us-list > li{width: 100%;padding: 45px 35px;font-size: 26px;}
    .about-us-contact{margin: 25px auto 0;max-width: calc(100% - 5vw);flex-direction: column;display: flex;justify-content: center;align-items: center;}
    .about-us-inner{padding: 20px 30px;}
    .about-contact-txt{line-height: 1.25;font-size: clamp(1.625rem, 1.5013rem + 0.5208vw, 1.75rem);text-align: center;}
    .about-link-wrapper{width: 100%;max-width: 220px;margin: 25px auto 0;text-align: center;}
    .about-link-wrapper > a{padding:10px 30px;font-size: clamp(1.125rem, 1.0013rem + 0.5208vw, 1.25rem);}

    .photo-gallery-outer-wrapper{margin-top:40px;}
    .photo-gallery-title{letter-spacing: 9px;font-size: clamp(1.5625rem, 1.2533rem + 1.3021vw, 1.875rem);text-align: center;}
    .photo-gallery-list{margin:25px auto 0;column-gap:2%;row-gap:15px;max-width: calc(100% - 5vw);width: 100%;padding: 0 2.5vw;}
    .photo-gallery-list > li{width: 49%;}
}
