/*
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 : 29-Feb-2020, 18:52:59
    Author     : User
*/
@media screen and (max-width: 700px) {
  .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/technology-office/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/technology-office/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/technology-office/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/technology-office/option-4-icon.png) no-repeat 20px center;
      background-size: 33px; }
    .options .option.option-5 .img:after, .options .option.option-5.active .img:after, .options .option.option-5:hover .img:after {
      background: rgba(28, 73, 160, 0.73) url(../../../img/technology-office/option-5-icon.png) no-repeat 20px center;
      background-size: 33px; }

  .third-blk .blk {
    width: 100%; }
    .third-blk .blk:nth-child(1) {
      padding-right: 0; }
    .third-blk .blk .quick-links .link {
      float: left;
      width: 100%; }
    .third-blk .blk .rightpar {
      float: left;
      width: 100%;
      margin-bottom: 20px; } }

/*# sourceMappingURL=technology-office-responsive.css.map */