/*
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 : 21-Nov-2019, 18:44:24
    Author     : User
*/
@media screen and (max-width: 1300px) {
  #banner-fade .img img {
    height: 100% !important;
    min-width: 100% !important;
    width: auto !important; } }
@media screen and (max-width: 1141px) {
  .wrapper {
    width: 100%;
    padding: 0 20px; }

  header .bottom-header .menu {
    right: 20px; }
  header .bottom-header .logo {
    left: 20px; }

  #banner-fade .caption .wrapper {
    padding-left: 20px; }
    #banner-fade .caption .wrapper .inner .readmore {
      left: 20px; }

  .social-blk .blk.inst .posts .post {
    margin-bottom: 32px; }
  .social-blk .blk.ytb .posts .post span {
    height: 76px; } }
@media screen and (max-width: 1050px) {
  .social-blk {
    margin: 50px 0;
    margin-left: -20px; }
    .social-blk .blk.twt {
      width: calc((100% / 2) - 20px); }
      .social-blk .blk.twt .posts .post {
        margin-bottom: 23px;
        padding-bottom: 0; }
        .social-blk .blk.twt .posts .post .text {
          height: 88px; }
    .social-blk .blk.inst {
      width: calc((100% / 2) - 20px); }
      .social-blk .blk.inst .posts .post {
        margin-bottom: 28px; }
    .social-blk .blk.ytb {
      margin-top: 50px;
      width: calc((100% / 1) - 20px); }
      .social-blk .blk.ytb .posts .post {
        padding: 0 10px; }
        .social-blk .blk.ytb .posts .post span {
          height: auto; }
        .social-blk .blk.ytb .posts .post .viewmore {
          margin-top: 10px; } }
@media screen and (max-width: 1050px) and (min-width: 800px) {
  .social-blk .blk.inst .posts .post .img {
    height: 139px !important; } }
@media screen and (max-width: 1000px) {
  #banner-fade:before {
    display: none; }
  #banner-fade .caption {
    top: auto;
    bottom: 0;
    height: auto;
    background: rgba(0, 27, 72, 0.7); }
    #banner-fade .caption .wrapper {
      padding: 20px;
      padding-right: 150px; }
      #banner-fade .caption .wrapper .inner {
        padding: 0;
        width: 100%; }
        #banner-fade .caption .wrapper .inner br {
          display: none; }
        #banner-fade .caption .wrapper .inner .title {
          font-size: 20px;
          line-height: 23px; }
        #banner-fade .caption .wrapper .inner .cat {
          margin-bottom: 14px; }
        #banner-fade .caption .wrapper .inner .readmore {
          left: auto;
          right: 20px;
          bottom: 20px; }
  #banner-fade .bjqs-controls {
    left: auto;
    right: 20px;
    bottom: 105px; } }
@media screen and (max-width: 850px) {
  .double-blk .news {
    padding-right: 0;
    width: 100%; }
  .double-blk .sidebar {
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 20px; }

  .subscribe {
    padding: 50px 0; }
    .subscribe p {
      max-width: 80%; } }
@media screen and (max-width: 800px) {
  .social-blk .blk.twt {
    width: calc((100% / 1) - 20px);
    margin-bottom: 50px; }
    .social-blk .blk.twt .posts .post {
      margin-bottom: 23px;
      padding-bottom: 0; }
      .social-blk .blk.twt .posts .post .text {
        height: auto;
        padding-bottom: 24px; }
  .social-blk .blk.inst {
    width: calc((100% / 1) - 20px); }
  .social-blk .blk.ytb {
    margin-top: 50px;
    width: calc((100% / 1) - 20px); } }
@media screen and (max-width: 600px) {
  #banner-fade .caption .wrapper {
    padding-right: 110px; }
    #banner-fade .caption .wrapper .inner .title {
      font-weight: normal;
      font-size: 14px;
      line-height: 18px; }
    #banner-fade .caption .wrapper .inner .readmore {
      padding: 3px 6px;
      font-size: 12px; }
  #banner-fade .bjqs-controls {
    width: 44px;
    bottom: 80px; }
    #banner-fade .bjqs-controls a {
      width: 20px;
      height: 20px; } }
@media screen and (max-width: 500px) {
  .subscribe p {
    max-width: 100%; }

  .social-blk .blk.ytb .posts .post {
    padding: 0; } }
@media screen and (max-width: 400px) {
  .subscribe form input[type="text"] {
    width: calc(100% - 50px); } }

/*# sourceMappingURL=news-index-responsive.css.map */