/*
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 : 23-Oct-2019, 13:33:17
    Author     : User
*/
@media screen and (max-width: 1260px) {
  .banner .banner-img {
    height: 100%;
    min-height: auto;
    min-width: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%); } }
@media screen and (max-width: 1141px) {
  .banner .title {
    left: 20px; }
  .banner .details {
    right: 20px; } }
@media screen and (max-width: 800px) {
  .banner {
    height: 600px; }
    .banner .title {
      width: calc(100% - 145px);
      font-size: 40px;
      line-height: 40px;
      bottom: 125px; }
    .banner .details {
      bottom: 20px;
      padding-top: 35px;
      background: url(/assets/img/research-centers/banners/details-quote.png) no-repeat top right;
      background-size: 30px; }

  .news-section .featured-news .img {
    height: 414px; }

  .container .vision-mission .blk {
    width: 100%; }
    .container .vision-mission .blk.mission, .container .vision-mission .blk.vision {
      padding: 0;
      padding-top: 60px;
      text-align: center; }
      .container .vision-mission .blk.mission .title, .container .vision-mission .blk.vision .title {
        position: relative;
        left: auto;
        top: 0;
        width: 100%; }
    .container .vision-mission .blk.mission {
      background: url(/assets/img/research-centers/research-center-1/about-mission.png) no-repeat center top;
      background-size: 50px;
      margin-bottom: 50px; }
    .container .vision-mission .blk.vision {
      background: url(/assets/img/research-centers/research-center-1/about-vision.png) no-repeat center top;
      background-size: 40px; } }
@media screen and (max-width: 700px) {
  .news-section .featured-news .img {
    position: relative; }
    .news-section .featured-news .img img {
      position: absolute;
      right: 0; }

  .first-blk .img {
    width: 100%; } }
@media screen and (max-width: 600px) {
  .banner .title {
    width: calc(100% - 50px); }

  .news-section .featured-news .img {
    width: 100%;
    height: 250px; }
    .news-section .featured-news .img img {
      width: 100%;
      min-height: 100%; }
  .news-section .featured-news .dtls {
    position: relative;
    top: 0;
    transform: translateY(0%);
    padding: 20px;
    width: 100%; } }

/*# sourceMappingURL=research-center-home-responsive.css.map */