@media screen and (max-width:1300px){.container{width: 80%;}#sec1 iframe,#sec1 video{height: 24vw;}}
@media screen and (max-width:1230px){.container{width: 95%;}}
@media screen and (max-width:1050px){#case .w-25{width: 33.33%;}#map .w-70,#map .w-30{width: 100%;padding: 5px 0;}.ser.container{background: none;}.pad{display: block;}}
@media screen and (max-width:768px){.txt1{width: 44vw;}.txt2{width: 50vw;margin-top: -23%;}.house{background: url(../../images/ph/house.png) right top / 100% no-repeat;}.people{left: 0;width: 100vw;}.pc{display: none;}.ph{display: block;}.title:after{width: 40vw;}#case .w-25{width: 50%;}#map .w-55,#map .w-45,#sec1 .w-50,#sec2 .w-50{width: 100%; padding:0 0 10px;}#map iframe{height: 300px;}#sec1 iframe,#sec1 video{height: 50vw;}#sec1 .product{width: 25vw;}.human{width: 45%;}#sec2{background: #eee;}}
@media screen and (max-width:600px){#sec1 .product{display: none;}.sec1Title{position: static;}}
@media screen and (max-width:460px){nav.jcr{justify-content: center;}#sec2 h3{font-size: min(max(1.3vw, 20px), 28px);}.serTxt,#case .w-25{width: 100%;}#sec2 .w-33{width: 100%;max-width: 230px;margin: 0 auto;}#map .contact h4{font-size: min(max(1.1vw, 16px), 24px);}#sec2 h2{font-size: min(max(1.6vw, 24px), 32px);}}
@media screen and (max-width:300px){#sec2 h3,nav h4{font-size: min(max(1.1vw, 16px), 24px);}}
@media screen and (max-width:250px){nav h4{font-size: min(max(1vw, 14px), 22px);}}