/*write some responsive code here */
/* Portrait tablets and medium desktops */
/* Portrait tablets and small desktops */
/* Landscape phones and portrait tablets */


@media (max-width: 1080px) {
	body{padding: 0 16px;}
	div.tile.case .story-logo { margin: 0px 0px 0px 0px; height: 150px;  border:0px}
	div.tile.case {text-align: center; font-size: 90%;}	
	div.tile span.name{width: 100%;}
}

@media (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 22px;
  }
  .page-title h1 {font-size: 28px!important; line-height: 36px;margin: 0px 0 20px 0;}
  .page-title h3 {font-size: 16px!important; line-height: 23px; margin: 0px;}
  body {border: 0!important;}
  
  h1 {font-size: 24px!important;line-height: 30px; margin: 10px 0 10px 0;width: 100%;}
  h2{font-size: 16px; line-height: 23px; }
  h3{font-size: 16px; line-height: 23px;}
  h4{font-size: 16px; line-height: 23px; margin-top: 30px;}
  h5{font-size: 11px;font-weight: 500; line-height: 18px;}
  
  .slide {margin: 70px 0; clear: both; display: inline-block;}
  .slide h3{font-weight: 700;font-size: 16px; line-height: 23px; }
  .slide-text{font-weight: 300; font-size: 16px; line-height: 23px; width: 100%;}
  .slide-img{margin: 20px 0 0 0; width: 100%;}

  .slide.left .slide-text{float: none; padding: 0 ;}
  .slide.left .slide-img{float: none;}
  .slide.right .slide-text{float: none; padding: 0; clear: both;}
  .slide.right .slide-img{float: none;}
  .slide.shadow {padding: 10px 0px;}

  .project-line {margin: 60px auto 60px auto; }
  .project-line.top0 {margin: 0px auto 50px auto;padding: 0;}
  .project-line.bottom0 {margin: 50px auto 0px auto;padding: 0;}
 
  .showcase h1{padding: inherit 40px;margin: 0 auto 10px auto;}
  .showcase img,.showcase video,.showcase h1{width: 90%!important; text-align: center;}
  .dark-mode{padding-bottom: 10px; padding-top: 10px; margin:0;}
  
  blockquote {font-size: 13px;line-height: 20px;padding: 20px;}
  .index-arrow {display: none;}
  .index-logos {display: ;}
  
  .menu-wrapper header .mobile-menu {
    display: block;
  }

  .menu-wrapper header {
    margin-top: 0;
  }

  .menu-wrapper header .logo {
    position: absolute;
    top: 35px;
 
    line-height: 0;
  }
  .menu-wrapper header .logo img {
    width: 180px;
  }

  .menu-wrapper header nav {
    float: left;
    line-height: 25px;
    margin-top: 100px;
    width: 80%;
    background-color: #fff;
  }

  .menu-wrapper header nav ul {
    display: none;
  }

  .menu-wrapper header nav ul li {
    display: block;
    margin: 0;
    border-bottom: 1px solid #eee;
    padding: 8px 15px;
  }

  .menu-wrapper header nav ul li ul {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    border: none;
  }

  .menu-wrapper header nav ul li ul li {
    padding: 0;
  }

  .menu-wrapper header nav ul li ul li:last-child {
    border-bottom: none;
  }

  .menu-wrapper header nav ul li ul li a {
    padding: 8px 15px;
    color: #848484;
  }

  .menu-wrapper header nav ul li ul li ul {
    display: block;
    position: relative;
    left: 0;
    opacity: 1 !important;
    visibility: visible !important;
    border: none;
  }

  .menu-wrapper header nav ul li ul li ul li {
    margin-left: 12px !important;
  }

  .menu-wrapper header nav ul li a {
    font-size: 13px;
  }

  .about-number {
    flex: 100px;
  }
  .tabs ul {margin: 0px 0 30px 0;}
  .tabs ul li a{font-size: 12px!important;}
  .atom-footer-area {text-align: center;}
  .social-icons{text-align: center;}
  .homeslide {margin: 100px 0 100px 0; clear: both;}
  .tesla_img{margin-top: 0px;}
  
  /* =========================================================== 
   STORY PAGE 1 COL OVERRIDES
============================================================ */
  div.tile, div.slide.shadow{padding: 10px 15px;}
  div.tile.case .story-logo {text-align: center; margin: 0px 0px 0px 0px; height: 150px; clear: both; opacity: 1; float: none; border:0px}
  div.tile span.name{width: 100%; margin: 0px 0px 10px 0px; font-weight: 700;font-size: 26px!important; line-height: 34px!important;}
  div.tile.case {min-height: 400px!important; padding: 40px; }
  
}
/* Landscape phones and smaller */
/* portrait phones */