﻿
/*
.col-xs-$	Extra Small	    Phones         Less than 768px
.col-sm-$	Small Devices	Tablets        768px and Up
.col-md-$	Medium Devices	Desktops       992px and Up
.col-lg-$	Large Devices	Large Desktops 1200px and Up
*/


/* For lower resolution laptop 
@media (max-width: 1365px) and (min-width:1024px) {
    
}
*/

@media (max-width: 1365px) {
    #logo, .agency_top_brand {
        display:none;
    }

    .login_user_info {
        display:none;
    }
}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}
