/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07-Sep-2019, 12:34:44
    Author     : User
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 05-Sep-2019, 15:07:26
    Author     : User
*/
@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; } }

/*# sourceMappingURL=research-why-responsive.css.map */