/* Large screen, non-retina */
@media (min-width: 1300px) {
  .banner .embed-responsive-4by3 {
    padding-bottom: 34%;
  }
  .banner .embed-responsive {
    position: absolute;
    top: 47px;
    left: 261px;
  }

  .main-nav img{
    margin: 0px 0 0 608px;
    top: 264px;
  }
}

@media (min-width: 1280px) {
  .main-nav img{
    margin: 0px 0 0 608px;
    top: 264px;
  }
}

/*For Desktop*/
@media(max-width:1024px){
  .main-nav img{
    margin: 0px 0 0 500px;
    top: 230px;
  }
}

@media (max-width: 960px){
  .main-nav img {
      margin: 0px 0 0 400px;
      top: 185px;
  }
}

/*Trigger tablets, landscape ipad and big tabs*/
@media(min-width:768px) and (max-width:1024px){

}

/*Big tabs and Desktop*/
@media(min-width:768px){
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
      width: 95px;
  }
}

/*High End smartphones*/
@media(max-width:768px){
    .tabImg img {
      height: auto;
  }

  .main-nav img {
      top: 185px;
  }

  .main-nav img{
    margin: 0px 0 0 398px;
    top: 185px;
  }

}

@media(max-width:640px){
  .main-nav img {
      margin: 0px 0 0 315px;
      top: 160px;
  }
}

/*1 Gen smartphones*/
@media(max-width:480px){
  .main-nav img {
      top: 117px;
      width: 9%;
  }

  .main-nav img {
    margin: 0 50%;
    top: 100px;
  }
}

/*Low res smartphone*/
@media(max-width:320px){
  .main-nav img {
      top: 98px;
      width: 9%;
  }

  .main-nav img {
    margin: 0 50%;
}
}