/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
   --------------------------------------------*/
   
   @media (min-width: 1200px){
    .container {
      max-width: 1280px;
    }
  }


  @media all and (max-width: 1290px) {
    .banner-text h2 {
      font-size: 66px;
      line-height: 76px;
    }

  }


  @media all and (max-width:1024px) {
    .banner-text h2 {
      font-size: 60px;
    }

  }




  @media all and (max-width: 992px) {
    .b-sm-right{
      border-right: none;
    }
    .b-lg-none{
      border-bottom: 1px solid #cecece;
    }
    .banner-text h2 {
      font-size: 54px;
      line-height: 64px;
    }
    .mat-site {
    top: 0px;
}

  }



  @media all and (max-width: 767px) {
    .portfolio-grid {
      display: inline-block;
      margin-bottom: 40px;
      text-align: center;
    }

  }


  @media all and (max-width: 480px) {
    .banner-text h2 {
      font-size: 46px;
      line-height: 60px;
    }
    .buy-btn {
      margin: 26px 0;
      padding: 16px 20px;
      font-size: 20px;
    }
    .header-wrapper {
      text-align: center;
    }

    .footer-heading h2 {
      font-size: 50px;
    }
    .navigation-wrapper .main-menu li a {
      padding: 4px 12px;
      font-size: 15px;
      line-height: 12px;
    }
    .navigation-wrapper {
      padding: 8px 30px;
    }
    .main-heading h2 {
      font-size: 44px;
    }
    .tab-content {
      padding: 60px 0;
    }
    .logo-wrapper {
      padding: 20px 40px;
    }
    .scan-wrapper li {
      margin: 0 10px;
    }

  }


  @media (max-width: 330px){
    .navigation-wrapper .main-menu li a {
      font-size: 12px;
    }
  }