/*
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 : 03-Feb-2020, 13:05:28
    Author     : User
*/
@media screen and (max-width: 700px) {
  .images-blk .post {
    width: calc(100% / 3); }
    .images-blk .post.mobile {
      display: block; }

  .options .option span {
    display: none; }

  .options .option {
    width: calc((100% / 1) - 10px);
    margin-bottom: 10px;
    height: 60px; }
    .options .option.active .img:before {
      content: ' ';
      position: absolute;
      border: 5px solid #2361b8;
      background: rgba(255, 255, 255, 0.3);
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      top: 0;
      left: 0;
      z-index: 5; }
    .options .option .img {
      overflow: hidden;
      position: relative;
      height: 60px; }
      .options .option .img:after {
        display: block !important; }
      .options .option .img img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        .options .option .img img:after {
          display: block; }
      .options .option .img span.mobile {
        display: block;
        position: absolute;
        left: 65px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        color: #fff;
        z-index: 5;
        text-align: left; }
    .options .option.option-1 .img:after, .options .option.option-1.active .img:after, .options .option.option-1:hover .img:after {
      background: rgba(28, 73, 160, 0.73) url(../../../img/student-life/campus-life-option-1-icon.png) no-repeat 20px center;
      background-size: 33px; }
    .options .option.option-2 .img:after, .options .option.option-2.active .img:after, .options .option.option-2:hover .img:after {
      background: rgba(28, 73, 160, 0.73) url(../../../img/student-life/campus-life-option-2-icon.png) no-repeat 20px center;
      background-size: 33px; }
    .options .option.option-3 .img:after, .options .option.option-3.active .img:after, .options .option.option-3:hover .img:after {
      background: rgba(28, 73, 160, 0.73) url(../../../img/student-life/campus-life-option-3-icon.png) no-repeat 20px center;
      background-size: 33px; }
    .options .option.option-4 .img:after, .options .option.option-4.active .img:after, .options .option.option-4:hover .img:after {
      background: rgba(28, 73, 160, 0.73) url(../../../img/student-life/campus-life-option-4-icon.png) no-repeat 20px center;
      background-size: 33px; } }
@media screen and (max-width: 550px) {
  .video-blks .blk {
    width: calc(100% - 20px);
    margin-bottom: 30px; } }
@media screen and (max-width: 500px) {
  .images-blk .post {
    width: calc(100% / 2); }
    .images-blk .post.mobile {
      display: none; } }

/*# sourceMappingURL=campus-life-responsive.css.map */