@media screen and (max-width:1300px){
    .baseLayout{width: 100%; max-width: 96% !important; padding:0 2vw;}

}

@media screen and (max-width:1000px){
    h1{font-size: 2.8vw;}
    #lawfirmName {width: 50vw; height: 4.91vw; margin-left: 21vw;}
    #search button{width: 7.82vw; height: 4.91vw;}
    #lawfirmName{font-size: 1.6vw;}
    #result p{font-size: 1.4vw;}
    .ment{font-size: 1.2vw;}
    .ment02 {color: #777777; font-size: 1.5vw; letter-spacing: -0.03em; margin-top: 1vw;}
    .qna{width: 50vw; padding: 4.08vw 4.6vw;}
    .qna li{font-size: 1.2vw;}
    .qna li h3{font-size: 1.2vw;}
    #suggestions li{font-size: 1.4vw; line-height: 3vw;}
    #result{font-size: 1.4vw; width: 80%;}
    h2{font-size: 2.6vw; line-height: 3.8vw;}
    .logo p{font-size: 1.2vw; line-height: 1.2vw;}
    .s{font-size: 2vw;}
    h2 img{width: 22vw;}
    footer{text-align: center;}
    .baseLayout{width: 100%; max-width: 96% !important; }
    .baseLayout div div{ flex-wrap: wrap; margin: 0 auto;}
    .baseLayout > div > div > div:nth-child(2){margin-top: 4vw;}
    .baseLayout > div > div > div{text-align: center;}
    .icon{justify-content: center;}
 

}

@media screen and (max-width:800px){
    body{padding: 12vw 0 0 0;}
    .ment02 {color: #777777; font-size: 1.5vw; letter-spacing: -0.03em; margin-top: 1vw;}
    .s{font-size: 2.2vw;}
    h2 img{width: 25vw;}
    #footer img{width: 110%; margin-left: -5%;}

}