@media screen and (max-width: 600px) {
    .section1 .lawyers_section {
        height: 370px !important;
    }

    .section1 .lawyers_section .lawyers_section_wrap img {
        width: 300px !important;
    }

    .section1 .lawyers_section .info_1st {
        top: -70px !important;
        left: 80px !important;
    }

    .section1 .lawyers_section .info_2nd {
        top: -60px !important;
        left: -75px !important;

    }

    .section1 .lawyers_section .info .info_name {
        width: 90px !important;
    }

    .section1 .lawyers_section .info .info_name>span:first-child {
        font-size: 18px !important;
    }

    .section1 .lawyers_section .info .info_name>span:last-child {
        font-size: 13px !important;
    }

    .section1 .lawyers_section .info .info_content {
        font-size: 11px !important;
    }

}

@media screen and (max-width: 750px) {
    .title_section {
        height: 200px !important;
        padding-top: 90px !important;
    }

    .title_section>div {
        padding: 15px !important;
    }

    .title_section>div:first-child {
        width: 200px !important;
        font-size: 17px !important;
    }

    .title_section>div:last-child {
        font-size: 12px !important;
    }


}


@media screen and (max-width: 853px) {
    .section1 .lawyers_section{
     
        height: calc(100vh - 290px) !important;
    }

    .section1 .lawyers_section .lawyers_section_wrap img{
        width:  400px;
        height: auto;
    }

    .section1 .lawyers_section .lawyers_section_wrap .info_1st{
        top: 184px;
        left: 20px;
    }

    .section1 .lawyers_section .lawyers_section_wrap .info_2nd{
        top: 142px;
        left: -13px;
        text-align: right;
    }

    .section1 .lawyers_section .lawyers_section_wrap .info .info_name{
        width: 120px ;
        border-bottom: 1px solid black;
    }

    .section1 .lawyers_section .lawyers_section_wrap .info .info_name>span:first-child{
        font-size: 20px;
    }

    .section1 .lawyers_section .lawyers_section_wrap .info .info_name >span:last-child{
        font-size: 15px;
    }

    .section1 .lawyers_section .lawyers_section_wrap .info .info_content{
        font-size: 13px; 
    }



    .container_wrap {
        flex-flow: column;
        align-items: center;
        margin-top: 30px;
        width: 90%;
        height: 80%;
        min-width: 300px;
        min-height: 300px;

    }

    .container_wrap>.p_info_text {
        width: 100%;
        height: 70%;
    }

    .container_wrap>.p_info_picture {
        width: 100%;
        height: 30%;
    }

    .p_info_text .write_area {
        position: absolute;
        top: 20px;
        left: 30px;
        width: 90%;
        overflow: visible;
        white-space: nowrap;
    }

    .write_area .info_title {
        width: 60px;
        padding: 5px;
        background-color: rgb(64, 46, 41);
        text-align: center;
        font-size: 3.8vw;
        color: aliceblue;
        font-weight: 700;

    }

    .write_area li,
    .extra_info {
        color: rgb(64, 46, 41);
        font-weight: 400;
        font-size: 3.4vw;
    }

    .p_info_picture img {
        filter: drop-shadow(5px -1px 9px);
        position: absolute;
        width: 21vh;
        bottom: 2px;
        right: 3vw;
        object-fit: contain;
    }

    .line_bottom {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 80%;
        height: 50px;
        border-right: 2px solid rgb(64, 46, 41);
        border-bottom: 2px solid rgb(64, 46, 41);
        color: rgb(64, 46, 41);
        display: flex;
        align-items: end;
        box-sizing: border-box;
    }

    .line_bottom .name {
        font-size: 20px;
        font-weight: 700;

    }

    .line_bottom .name .job {
        font-size: 10px;
        font-weight: 300;
        padding-left: .5vw;
    }


    .write_area ul {
        margin-top: 2vw;
        margin-bottom: 7vw;
    }




}
@media screen and (max-width: 1455px) {
   .section4 .section4_title{
      
        top:50px  !important;
    }
}
@media screen and (max-width: 1210px) {
    .partner_section{
       flex-wrap: wrap;
       padding: 0 8vw;
     
    
    }
    .partner_section>div{
    
        width: 100%;  
        
    }
    .partner_name{
        font-size: 15px;
    }

    .partner_detail{

        font-size: 15px;
      
    }
    .partner_section>div>img{
        width:200px;
    }
}

@media screen and (max-width: 653px) {
    .partner_section{
        padding: 0 1vw;
    }
    .partner_name{
        font-size: 12px;
    }
    .partner_txt{
        padding: 0 1vw;
    }
    .partner_detail{

        font-size: 11px;
      
    }
    .partner_section>div>img{
        width:20vh;

    }

    .section4_title{
        font-size: 16px !important;
        top:0 vh !important;
    }

    .section4{
        justify-content: start;
    
    }

    .section4 > div{
        margin: 30px 0;
    }
}
@media screen and (max-width: 445px) {
    .partner1>img{
       position: relative;
       left: -20px;

    }
    .partner2>img{
        position: relative;
        right: -20px;
 
     }
}