@media screen and (max-width: 900px){.first-blk .vertical{margin-left:0px}.first-blk .vertical .cat{padding:10px;width:calc((100% / 6));margin-left:0}.first-blk .vertical .cat a{left:10px;bottom:10px}}@media screen and (max-width: 800px){.fourth-blk .details,.fifth-blk .details{width:100%;padding:0}.fourth-blk .details .img.img-mobile,.fifth-blk .details .img.img-mobile{display:block}.fourth-blk .details p img,.fifth-blk .details p img{width:300px;float:left;margin-right:30px;margin-bottom:10px}.fourth-blk .details .common-btn,.fifth-blk .details .common-btn{margin-top:15px}.fourth-blk .details .img-mobile,.fifth-blk .details .img-mobile{display:inline-block}.fourth-blk .img-pc,.fifth-blk .img-pc{display:none}}@media screen and (max-width: 760px){.first-blk .vertical .cat{padding:10px;width:calc((100% / 3));margin-left:0;height:175px}.first-blk .vertical .cat i{margin-bottom:10px}.first-blk .vertical .cat a{left:10px;bottom:10px}}@media screen and (max-width: 700px){.third-blk.double-blks .blk{width:calc(100% - 20px);padding:0;margin-bottom:40px}.fourth-blk{margin-top:-40px}}@media screen and (max-width: 500px){.banner{background:url(/assets/img/banners/research/why-research.jpg) no-repeat calc(100% + 150px) center;background-size:cover}.first-blk .vertical{margin:20px 0}.first-blk .vertical .cat{padding:20px;width:calc(100%);height:90px;position:relative}.first-blk .vertical .cat i{float:left;margin-bottom:0}.first-blk .vertical .cat .text{display:block;width:calc(100% - 80px);float:left;position:absolute;top:50%;right:0;transform:translateY(-50%);padding:0 20px}.first-blk .vertical .cat a{position:relative;left:auto;bottom:auto}.first-blk .horizontal{margin-top:-10px}.first-blk .horizontal .cat{width:80px;height:80px}.first-blk .horizontal .viewmore{width:80px;height:80px;position:relative}.first-blk .horizontal .viewmore a{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.fourth-blk .details p img,.fifth-blk .details p img{width:100%;margin-right:0px;margin-bottom:30px}}
@media only screen and (max-width: 1023px) {.first-blk .horizontal .cat {width: 100px !important; } }
@media only screen and (max-width: 479px) {.first-blk .horizontal .cat {width: 220px !important;} }
/*# sourceMappingURL=research-why-responsive.css.map */