/*--------------------------------------------------------------
>>> 1000px
--------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
  .br-none {
    border-right: 1px solid rgb(80, 88, 102) !important;
  }
  .mobile-hidden {
    display: none;
  }
  .with-sidebar .page-content,
  .with-sidebar #sidebar {
    float: none;
    width: 100%;
    padding: 0;
  }
  .with-sidebar #sidebar {
    margin-right: 0;
  }
  .plan, 
  .plan__col {
    display: block;
  }
  .plan__col {
    margin-bottom: 30px;
  }
  .plan__icon {
    width: 95px;
    margin: 0 auto 15px;
  }
  .plan__heading,
  .plan__text {
    width: 100%;
    text-align: center;
  }
  .concrete-ideas__icon {
    width: 32px;
  }
  .concrete-ideas__info br {
    display: none;
  }
}

/*--------------------------------------------------------------
>>> 768px
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .header__navigation-container {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: -100%;
    opacity: 0;
    overflow: auto;
    padding: 40px;
    position: fixed;
    top: 0;
    -webkit-transition: all 500ms cubic-bezier(0.19,1,0.22,1) 0s;
    -moz-transition: all 500ms cubic-bezier(0.19,1,0.22,1) 0s;
    -o-transition: all 500ms cubic-bezier(0.19,1,0.22,1) 0s;
    -ms-transition: all 500ms cubic-bezier(0.19,1,0.22,1) 0s;
    transition: all 500ms cubic-bezier(0.19,1,0.22,1) 0s;
    width: 100%;
    z-index: 2;
  }
  .header__navigation-container.slidein {
    left: 0;
    opacity: 1;
  }
  .close-menu {
    float: right;
    background-color: #ee372f;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    margin-bottom: 15px;
  }
}