@media only screen and (max-width: 992px){
  .logo-wide{
    display: none !important;
  }

  .logo-tall{
    display: block !important;
    height: 46px !important;
  }

  header .navbar-default .navbar-nav li a{
    font-size: 12.5px;
  }

  #global-header .block {
    padding-left: 0;
  }

  .emails-1-4{
    display: none;
  }

  #myCarousel{
    display: block;
    width: 100%;
    margin: auto;
    padding: 30px 10px;
  }

  .carousel-inner .emails-box h2{
    font-size: 36px
  }

  .carousel-inner .emails-box h3{
    font-size: 22px
  }

  .emails-section{
    padding-bottom: 0 !important;
  }

  .compare-chart-header{
    display: none;
  }

  .compare-chart-full-header{
    display: table-cell;
  }

  table#t01{
    padding: 0;
    width: 100%;
  }

  table#t01 tr th{
    width: 25%;
    border: 1px solid #ccc;
  }

  table#t01 tr th:nth-child(2){
    border-left: 1px solid transparent;
  }

  table#t01 tr th:last-child{
    border-right: 1px solid transparent;
  }

  table#t01 tr td:nth-child(2){
    border-left: 1px solid transparent;
  }

   table#t01 tr.compare-chart-row:nth-child(4n+1), table#t01 tr.compare-chart-row:nth-child(4n+2){
    background-color: #f3f3f3;
  }
}

@media only screen and (max-width: 330px) {
  table#t01 tr th{
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .logo-tall{
    height: 60px !important;
  }

  header li:hover ul{
    position: relative;
    margin-bottom: 55px;
  }

  .portfolio-text h3{
    font-size: 24px
  }
}

@media  only screen and  (min-width: 992px){
  .col-md-3 {
    width: 33%;
  }
}

@media only screen and (max-width: 650px) {
  .portfolio{
    width: 49%;
  }
}

@media only screen and (max-width: 400px) {
  .portfolio{
    width: 100%;
  }
}