@media only screen and (min-width: 375px) {
    .contact-us-details__desc p {
        font-size: unset;
    }

    .location__map {

        width: 350px;
    }

    .home__introduction .section__title {
        flex-direction: row;
        align-items: center;
    }
}

@media only screen and (min-width: 425px) {
    .footer-content--first__wrapper {
        margin: 0 45px;
    }

    .location__map {
        width: 400px;
    }
}

@media only screen and (min-width: 768px) {

    /* our-firm */
    .home__our-firm-desc {
        padding: 0;
    }

    .bg-our-firm-title {
        height: 380px;
    }

    .our-firm__section {
        flex-direction: row;
    }

    .our-firm__font-content__wrapper {
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .our-firm__img-content {
        max-width: 800px;
    }

    .our-firm__story__section {
        flex-direction: row;
    }

    .our-firm__second-img {
        max-width: 400px;
    }

    .our-firm__practice-area-content {
        margin-top: 30px;
        padding-right: 50px;
    }

    .our-firm__second-img figure {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .our-firm__story-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .our-firm__story__wrapper {
        justify-content: center;
        margin: 20px 0;
    }

    .our-firm__practice-area__wrapper {
        margin-top: unset;
    }

    .our-firm__story-img {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .our-firm__story-content__wrapper {
        margin-top: 30px;
        padding-left: 30px;
    }

    .our-firm__section-2__title {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .location__item {
        max-width: 300px;
    }

    .location__map {
        width: 330px;
    }

    /* publication */
    .publication__vl {
        margin: 0 10px 0 20px;
        border-left: 3px solid var(--color--darkgrey);
        height: 150px;
    }

    .publication__content__wrapper {
        display: flex;
        flex-direction: row;
    }

    .publication__button-list {
        display: flex;
        flex-direction: row;
        margin-right: 30px;
    }

    .publication__button ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .publication__button ul li {
        padding: 0px 15px 20px 15px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0;
    }

    .publication__list {
        margin: 0px 15px;
    }

    .publication__wrapper {
        padding: 15px 35px;
    }

    .publication__list ul {
        padding-left: 38px;
    }

    .publication__list ul li {
        margin-bottom: 20px;
    }

    .home__introduction__img {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .home__our-practice-area .section__title {
        margin-bottom: 4rem;
    }

    .practice-area__image__wrapper {
        margin-bottom: 3rem;
    }

    /* our-team */
    .title-wrapper {
        flex-direction: row;
        max-width: 590px;
        margin: 0 auto;
    }

    .title-h1,
    .practice-title-h1 {
        flex-direction: column;
    }

    .our-team__vl {
        margin: 0 10px 0 20px;
        border-left: 3px solid var(--color--darkgrey);
        height: 100px;
    }

    .title-description {
        text-align: start;
        display: inline-flex;
        flex-direction: column;

        justify-content: center;
    }

    .our-team__button-bar {
        justify-content: end;
    }


    .contact__title__desc {
        font-size: 1.3rem;
    }

    .contact-us-details__desc p {
        font-size: 0.9rem;
    }


    .team-member__content {
        padding: 0 20px;
    }

    .team-member__member-intro .bg--lightblue {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .our-firm__first_section {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .our-firm__section-1-font-content {
        max-width: 500px;

        margin-right: 0;
    }

    .our-firm__practice-area-content-img {
        width: 350px;
    }

    .our-firm__practice-area-content-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .slick-prev{
        left: 30px !important;
    }
    
    .slick-next {
        right: 30px !important;
    }

    .slick-next, .slick-prev {
        width: 40px !important;
    }

    .slick-next:before{
        margin: 0.5rem 0.5rem;
    }
    
    .slick-prev:before{
        margin: 0.5rem 0.5rem;
    }

    .slick-arrow{
        height:55px!important;
    }

    .slick-arrow:before{
        width: 120%!important;
        height: 50%!important;
    }
    
}

@media only screen and (min-width: 992px) {
    .contact-us-details__desc p {
        font-size: unset;
    }
}

@media only screen and (min-width: 1024px) {

    .header__mobile_nav--bars {
        display: none;
    }

    .header__navigation__wrapper {
        width: auto;
        height: 100%;
        position: relative;
        top: unset;
        left: unset;
        padding-left: unset;
        flex-direction: row;
        justify-content: space-between;
        background-color: transparent;
        min-width: 750px;
        align-items: center;
    }

    .header__navigation__wrapper a {
        font-size: 1.3rem;
        margin-bottom: 0;
    }

    .header__mobile_nav--cross {
        display: none;
    }

    .bg-our-firm-title {
        height: 460px;
    }

    .location__item {
        max-width: 400px;
    }

    .location__map {
        width: 440px;
    }

    /* our-firm */
    .our-firm__font-content__wrapper {
        padding: 35px;
    }

    .our-firm__img-content {
        max-width: 600px;
    }

    .our-firm__second-img {
        max-width: 400px;
    }

    .our-firm__practice-area-content {
        padding-right: 80px;
    }

    .our-firm__story__wrapper {
        margin: 30px 0;
    }

    .our-practice-area__item {
        margin-bottom: 30px;
    }

    .our-practice-area__item__inner {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .our-practice-area__item__inner img {
        margin-bottom: 1rem;
    }

    .home__our-practice-area-desc {
        display: block;
    }

    .home__introduction-desc__wrapper {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .our-firm__practice-area-content-img {
        width: 475px;
    }


    /* publication */
    .publication__button-list {
        margin: 0px 30px;
    }

    .publication__vl {
        height: 120px;
    }

    .footer-content--first {
        margin-top: 20px;
    }

    .bg-practice-area .home__our-practice-area-desc {
        margin: 0;
        width: 140px;
        text-align: center;
        padding-top: 1rem;
    }

    .home__introduction .section__title {
        margin-top: 0;
    }

    /* our-team */
    .title-wrapper {
        max-width: 720px;
    }

    .our-firm__section-1-font-content {
        max-width: 650px;
    }

    .home__introduction .section__title::before {
        top: 0px;
        left: -50px;
        width:110%;
    }

    .home__introduction .chinese-desk .section__title::before {
        top: 0;
        left: -10px;
        width: 110%;
    }

    .bg-practice-area {
        max-width: 920px;
    }

    .practice-area__wrapper {
        max-width: 1000px;
    }

    .practice-area__item {
        font-size: 1.4rem;
    }

    .practice-area__img {
        margin-bottom: 1.5rem;
    }

    .practice-area__content__wrapper {
        margin-bottom: 4rem;
    }

    .practice-area__icon{
        width:35px;
        height:35px;
    }
}

@media only screen and (min-width: 1440px) {

    .header__logo__wrapper {
        max-width: 450px;
    }

    .location__item {
        max-width: 450px;
    }

    .location__map {
        width: 600px;
    }

    /* our-firm */
    .our-firm__container,
    .our-firm__story__section,
    .member-details-container {
        max-width: 1320px;
        margin: 0 auto;
    }

    .our-firm__font-content__wrapper {
        padding: 20px;
    }

    .our-firm__font-content {
        margin-right: 50px;
    }

    .our-firm__img-content {
        max-width: 720px;
    }

    .our-firm__second-img {
        max-width: 600px;
    }

    .our-firm__practice-area-content {
        padding-right: 100px;
    }

    .our-firm__practice-area__wrapper {
        justify-content: start;
        padding-left: 40px;
    }

    .our-firm__firm__content {
        padding-left: unset;
    }

    .our-firm__last-section {
        padding-right: 20px;
    }

    /* publication */
    .publication__container {
        max-width: 1320px;
        margin: 0 auto;
    }

    .footer-content__title {
        font-size: 1.2rem;
    }

    .footer-content__address {
        font-size: 1rem;
    }

    .footer-content__contact {
        font-size: 1rem;
    }

    .bg-our-firm-title {
        margin-left: 180px;
        width: 450px;
        height: 550px;
    }

    .home__our-firm-desc {
        max-width: 450px;
    }

    .title-wrapper {
        max-width: 880px;
    }

    .our-team__member-name {
        min-height: 70px;
    }

    .contact-us__line {
        border-top: unset;
        width: 0;
        border-left: 1px solid var(--color--darkgrey);
        height: 23rem;
    }

    .contact-us__line__wrapper {
        display: inline-flex;
        padding: 0rem 2rem;
    }

    .social-media__wrapper {
        display: inline-block;
    }

    .our-firm__practice-area-content-img {
        width: 590px;
    }

    .home__introduction .chinese-desk .section__title::after {
        right: -65px;
    }

    .bg-practice-area {
        max-width: 1080px;
    }

    .activities__image {
        height: 300px;
    }

    .activities__title p{
        max-width: 250px;
    }
    /* .home__introduction .chinese-desk .section__title::after {
        right: -55px;
    } */
}

@media only screen and (min-width: 2560px) {
    /* .single-item img{
        height:160vh;
        object-fit:cover;
    } */

}