/*    LEVEL 1 */
@media screen and (max-width: 2560px) {

  .intro-section{
    padding-top: 100px;
  }

  .slider-wrapper{
    width:50%;
    /*background-color:purple;*/
  }

}


/*    LEVEL 2 */
@media screen and (max-width: 1280px) {

  .intro-section{
    padding-top: 100px;
  }

  .slider-wrapper{
    width:70%;
    /*background-color:green;*/
  }

  .slider-wrapper > .slider-title{
    font-size: 40px;

  }

  .slider-wrapper > .slider-subtitle{
      font-size: 33px;
  }

  .eyesee-block-footer{
    width:70%;
    /*background-color: pink;*/
  }

}


/*    LEVEL 3 */
@media screen and (max-width: 768px) {

  .eyesee-topbar{
      height: 40px;
  }

  .eyesee-topbar .eyesee-logo .eyesee-home{
      background-size: 95px;
  }

  .eyesee-topbar .eyesee-nav-wrapper{
      display: none;
  }

  .eyesee-topbar .eyesee-nav-wrapper-mobile{
      display: block;
  }

  .eyesee-topbar .eyesee-topbar-container{
      line-height: 40px;
      padding-left: 10px;
      padding-right: 10px;
  }

  .intro-section{
    padding-top: 50px;
  }


  .slider-wrapper{
    width:80%;
    /*background-color:blue;*/
  }

  .slider-wrapper > .slider-title{
    font-size: 33px;

  }

  .slider-wrapper > .slider-subtitle{
      font-size: 25px;
  }


  .eyesee-block-footer{
    width:90%;
  }

}


/*    mobile first */
/*    LEVEL 4  */
@media screen and (max-width: 480px){

  .demo-buttons{
    width:100%;
  }

  #advSvg{
    width:100%;
  }

  .slider-wrapper{
    width:100%;
    /*background-color:red;*/
  }

  .slider-wrapper > .slider-title{
    font-size: 28px;

  }

  .slider-wrapper > .slider-subtitle{
      font-size: 20px;
  }

  .section-title{
    font-size: 28px;
  }

  .eyesee-block-footer{
    width:95%;
  }
}