@media screen and (max-width:1450px){#ind_about .w-60{width: 100%;} #ind_about .w-40{width: 50%; margin: 0 auto; padding-bottom: 1rem;} #ind_news .newsContent, #ind_news h4.w-30{font-size: 1.3rem} .topContact img{width: 40px} #ind_ser .imgBox{width: 190px; height: 190px} #ind_news h4.w-30{line-height: 2}}
@media screen and (max-width:1366px){.rightImg.w-30{width: 35%} header h2, .map h2{font-size: 1.8rem} .btnBox .w-50{width: 46% !important} #ind_cont h3{font-size: 1.5rem} .map h4{font-size: 1.3rem}}
@media screen and (max-width:1280px){#ind_cont iframe{height: 200px} #ind_cont h2{font-size: 1.8rem} #ind_news h4.w-30, #ind_news .newsContent{font-size: 1rem} #ind_news a.d-block{margin-left: 75%} #ind_ser h2, header h2, #ind_cont h3, form h4, .h4{font-size: 1.3rem} .topContact img{width: 30px} .newsDate{bottom: 0} #ind_ser .imgBox{width: 160px; height: 160px} .line_img img{width: 100%} .t1:after{width: 13rem} .t2:after{width: 10rem} .pc_img{display: none} .ph_img{display: block}}
@media screen and (max-width:1199px){#ind_cont h3 .h5{font-size: 15px;}.topImg{top: 13%;}}
@media screen and (max-width:1080px){#ind_cont iframe{height: 170px} header h2, #ind_cont h2, .map h2{font-size: 1.5rem} #ind_news h4.w-70{font-size: 1.3rem} #ind_cont h3{font-size: 1rem} #ind_news h4.w-30{font-size: 14px} .map h4{font-size: 1.1rem} #ind_ser .imgBox{width: 150px; height: 150px}}
@media screen and (max-width:992px){.h4{font-size: 1rem}.proImg{height: 200px;} .container{width: 100%; max-width: 960px}.topImg{top: 10%;} #ser h3{font-size: 1.5rem} #contact h4, #ind_news .newsContent{font-size: 1.25rem} #ind_ser .w-16{width: 33.33%;} #ind_news .w-33{width: 50%} .newsDate{bottom: 3%} #ind_ser .imgBox{width: 200px; height: 200px}  .btnBox{padding-left: 20%} .btnBox .w-50{width: 45% !important}}
@media screen and (max-width:800px){header h2{font-size: 1.3rem} .topContact img{width: 25px} }
@media screen and (max-width:768px){#ind_about .p-3.w-33,#ind_about .p-3.w-55,#ind_about .p-3.w-44,#contact .p-3.w-33,#contact .p-3.w-55,#contact .p-3.w-44{padding: 1rem 0!important;}h3.ml-5.py-3{margin-left: 1rem!important;}.map .w-33{width: 50%;}.map .row{-ms-align-items: center; align-items: center;}#anc,.anc{top: 0;} #contact .pb-2{padding-bottom: 1rem !important}#contact .p-3, #ind_about .p-5{padding: 1rem 0 !important} #contact .container > .row > .w-50, #ind_about .w-55, #ind_about .w-44, #ind_about .w-50 ,.address.w-50,#contact .w-33,#contact .w-50,#contact .w-55,#contact .w-44{width: 100% !important}  #ind_cont .my-5{margin: 1rem auto !important} #ind_cont iframe{height: 300px} .container{max-width: 95%} .pc{display: none} .ph{display: block} #img .row{-ms-align-items: center; align-items: center} .rightImg.w-30{width: 35%} #ind_about .w-33, #news .w-30, #news .w-70, #ind_cont .w-40, #ind_cont .w-60, header img{width: 100%} #ind_about .w-50{padding: 0 !important; margin: 1rem 0} .btnBox .w-50{width: 47% !important} .itemBox.w-50.px-1{margin: 1rem 0}.topImg img{transform: translateX(0) scale(.6); transform-origin: right top;}.bottomImg img{transform: scale(.6); transform-origin: right bottom;}}
@media screen and (max-width:680px){h1.mask > div{font-size: 1.8rem} .ph .headerTop{padding-top: .4rem} .itemBox .col-lg-6.col-12{padding: 0} .map h4, h1.title{font-size: 2rem} .map h2{font-size: 2.5rem} .t1:after{width: 20rem} .t2:after{width: 16rem} #ser .imgBox{width: 400px; height: 180px; margin-top: 1.5rem} #ser img.po-a{top: 25%; left: 350px} .btnBox .w-50{width: 46% !important} .map .w-33 h2{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: center} .map .w-33{text-align: center; width: 100%}}
@media screen and (max-width:575px){.ph .headerTop{padding-top: .3rem} .map h4, #ser h2{font-size: 1.5rem} ul.w-50{width: 100% !important; margin-bottom: 0} #ser img.po-a{width: 20%; top: 20%} .newsDate{bottom: 0} #ind_about .w-40{width: 100%} }
@media screen and (max-width:480px){h5.w-33.recode.text-center{display: none;} h1.mask > div{font-size: 1.5rem}article#img{padding: 0 0 10px;}.ph .headerTop{padding-top: .25rem} #ser .ph{display: none} #about .col-md-6.col-12{padding: 1rem 0 !important} #ser .itemBox .col-lg-6.col-12{margin-bottom: 1rem} #about h3, .h3{font-size: 1.5rem} #about h4{top: 10px} #ser h3, #about h4{font-size: 1.3rem} #ser .imgBox{width: 300px; height: 140px} #ser img.po-a{left: 250px} #news .newsContent img{width: 100%} .btnBox .w-50{width: 44% !important}}
@media screen and (max-width:370px){.fb_dialog_content iframe{bottom: 5px !important;} h1.title{font-size: 1.5rem;} .itemBox.w-70.py-1.page.row h5{font-size: 14px} .ph .headerTop{padding-top: .2rem} #ser #news h5{font-size: 1rem} h1.mask > div{font-size: 1.3rem} .map h2{font-size: 2rem; white-space: nowrap} .t1:after{width: 16rem} .t2:after{width: 13rem} #ser .imgBox{width: 220px; height: 100px} #ser img.po-a{top: 30%; left: 190px; width: 15%} .btnBox .w-50{width: 42% !important}}
@media screen and (max-width:320px){h1.mask > div{font-size: 1.1rem} .ph .headerTop{padding-top: .15rem} h1, h2, h3, h4, h5{font-size: 1rem !important} .t1:after{width: 8rem} .t2:after{width: 6.5rem} #ser img.po-a{top: 25%; width: 25%; left: 170px} #news a h5{font-size: 12px !important; white-space: nowrap}}