@media screen and (max-width: 1500px) {
   .bg-p {
    padding: 100px 0px 208px;
} 
section.about-sec {
    padding: 100px 0px;
}
section.contact-sec {
    padding: 20px 0px 100px;
}
section.testimonial-sec {
    padding: 100px 0px;
}
.rolocation-sec {
    padding: 100px 0px;
}
.values-sec {
    padding: 100px 0px;
}
.bg-ww {
    padding: 100px 0px;
}
}

@media screen and (max-width: 991px) {
    .values-sec, .bg-ww {
    padding: 60px 0px;
}
section.contact-sec {
    padding: 20px 0px 60px;
}
.serv-sec {
    margin-bottom: 50px;
}
.serv-sec:nth-child(even) {
    padding: 50px 0px;
}
.bg-ww{
    padding-bottom: 180px;
}
    .banner-section {
        height: auto;
        padding: 32px 0px 100px;
    }
    .contact-infos ul{
        padding-top: 0px;
    }
    .rolocation-sec {
    padding: 60px 0px;
}
    section.testimonial-sec {
    padding: 60px 0px;
}
.col-content-ff, .col--ab, .col-ab-con, .col-content-ro, .col-ro-img, .contact-infos, .contact-form, .col--img-serv, .col--con-ser {
    width: 100%;
}
section.about-sec {
    padding: 60px 0px;
}
section.about-sec::after {
    width: 100%;
    height: 35%;
}
.col-flex-ff {
    width: 100%;
}
.box-test h4 {
    padding-top: 20px;
}
.box-test p {
    font-size: 18px;
}
.box-test h2 {
    padding-bottom: 0px;
}
.col-value {
    width: 100%;
    padding: 0px 20px;
}
section.families-sec {
    padding: 60px 0px 60px;
}
.col-value img {
    right: 20px;
    top: -31px;
}
.col-value h2 {
    left: 20px;
    top: -32px;
}
    h1,
    h2 {
        font-size: 35px;
    }
    .col-bath {
    width: 49.29%;
}
.col-ab-con p {
    padding: 0px 0px 4px;
}
section.path-sec {
    padding: 50px 0px;
}
section.path-sec h2 {
    margin-bottom: 30px;
}
img.thrt {
    width: 400px;
}
.bg-p {
    padding: 80px 0px 258px;
}
section.story-sec p {
    font-size: 18px;
    line-height: 28px;
}
section.story-sec h2 {
    margin-bottom: 20px;
}
.owl-nav {
    display: block;
    position: static;
    width: 100%;
    padding-top: 20px;
}
.banner-inner img {
    height: 300px;
    object-fit: cover;
}
}

@media screen and (max-width: 767px) {
    .video-popup iframe {
        height: 40vh;
    }

    .row-header.dy-flex {
        align-items: center;
    }
section.about-sec::after {
    height: 18%;
}
    .row--menu {
        flex-wrap: wrap;
        gap: 30px;
        padding: 20px 0px 40px;
    }
.col-bath {
    width: 100%;
}
.ftr-info-box .contact-info {
    flex-direction: column;
    gap: 22px;
}
    .offcanvas-body {
        padding: 20px 0px 40px;
    }

    .col-logo-right .inner {
        gap: 15px;
    }

    .col-logo-hdr img {
        width: 150px;
    }

    .banner-section {
        padding: 0px 0px 100px;
        background-position: 69%;
    }

    header.header {
        padding: 20px 0px;
    }
.f-logo img {
    width: 150px;
    margin-top: -75px;
}
    .nav-links {
        width: 100%;
    }

    .bar-menu img {
        width: 40px;
    }

    .logo-off img {
        width: 160px;
    }

    .linl--site a {
        font-size: 18px;
        padding: 10px 0px;
    }
}

@media screen and (max-width: 500px) {
    .col-one-f {
    width: 100%;
}
}