/* ==========================================================================
    Media Queries
   ========================================================================== */

.notPhone {
    display:block;
}
.phone {
    display:none;
}

.notTablet {
    display:block;
}
.tablet {
    display:none;
}


/* Tablet Landscape */
@media only screen and (max-width: 1100px) {
    .clearfix:before,.clearfix:after{content:" ";display:table;}
    .clearfix:after{clear:both;}
    .clearfix{*zoom:1;} 
     
    .center{
        width: 940px;
    }
}
/* Tablet Portrait */
@media only screen and (max-width: 970px) {
     
    .center{
        width: 728px;
        max-width: 100%;
    }
    .slide-container{
	   padding: 45px 0 0 300px;
    }
    #logo{
	    width: 230px;
    }
    .section .row{
	    padding: 0 17px;
    }
    .half_col{
	    width: 100%;
	    margin-bottom: 20px;
    }
     
    .avatar.pull-left {
      float: none;
      margin: 0 auto;
    }
    .profile{
    }
    .profile-content {
      width:100%;
      /*text-align:justify;*/
    }
  .profile h4 {
    text-align:center;
    display:block;
  }
}
/* Mobile Landscape */
@media only screen and (max-width: 730px) {
  
    .half_col {
        /*text-align: justify;*/
        padding: 0px;
    }
    .center {
        width:100%;
    }

    .slide-container {
        padding: 115px 0 0;
        text-align: center;
    }

    .twitter_section .tweet {
        width: 100%;
    }

        .twitter_section .tweet:after {
            height: 1px;
            width: 100%;
            left: 0;
            right: auto;
            bottom: -12px;
            top: auto;
        }

    .avatar {
        margin-bottom: 20px;
    }
  .nav_board {
    margin: 0 15px;
  }
    .notTablet {
        display:none;
    }
    .tablet {
        display:block;
    }
    #header {
      padding: 10px;
    }
}
/* Mobile Portrait */

@media only screen and (min-width: 414px) and (max-width: 729px) {

    .nav_board {
      margin: 0 48px;
    }

    .tile img {
      max-height:80px !important;
    }
    .tile {
      height: 132px !important;
      //width: 114px !important;
    }
   
    .nav_board > div {
        height: 132px !important;
        //width: 114px !important;
    }

    .nav_board .contact {
        line-height: 114px !important;
    }
    .slide-container {
        padding: 20px 0 0;
    }
    .center{
        width: 100%;
        /*padding:0 10px;*/
    }  
    .nav_board > div{
	    margin: 5px;
	    width:calc(50% - 10px);
    }
    .twitter_section h3{
	    font-size: 19px;
    }
    .section h2{
	    font-size: 25px;
	    line-height: 34px;
    }
    .profile-content {
        width:100%;
    }
    .contact_form input[type=text], .contact_form input[type=email] {
        /*width: 96%;*/
    }
    .contact_form textarea {
        /*width: 96%;*/
    }
    .contact_form input[type=submit] {
        /*width: 96%;*/
    }
    .services_section {
        padding: 20px 0 0 0;
    }
    .slide-container h1 {
      line-height: 22px;
    }
    .showcase-slide {
        height:300px;
    }
  .showcase-pager {
    display:none;
  }
    .btn {
    width:95%;
    }
  .showcase-slide {
    height: auto;
    background-image:none !important;
  }
    .notPhone {
        display:none;
    }
    .phone {
        display:block;
        top:0;
        bottom:inherit;
        padding:0;
    }
    .phone img {
      max-width:100%;
    }
    .phone .btn {
      margin:0;
    }
    .phone h1 {
      font-size: 20px;
        padding:0;
    }
    .nav_board > div .pop {
    display:none;
    }
    
    .nav_board > div:hover > span{
	    opacity: 1;
    }

    .nav_board .phone a {
        text-decoration:none;
    }

    .nav_board .contact {
        line-height: 125px;
        font-size: 15px;
    }   
    
    .nav_board > div span {
        padding-top:10px;
        font-size: 15px;
    }   

    .nav_board .phone a span img {
        max-height: 80px;
    }
    .cycle-slideshow .slide-container.phone {
        /*position: absolute;*/
        bottom: 80px;
    }
}


@media only screen and (max-width: 413px) {
    .nav_board {
      margin: 0 28px;
    }
    .tile img {
      max-height:80px !important;
    }
    .tile {
      height: 132px !important;
      //width: 114px !important;
    }
   
    .nav_board > div {
        height: 132px !important;
        //width: 114px !important;
    }

    .nav_board .contact {
        line-height: 114px !important;
    }
    .slide-container {
        padding: 20px 0 0;
    }
    .center{
        width: 100%;
        /*padding:0 10px;*/
    }  
    .nav_board > div{
	    margin: 5px;
	    width:calc(50% - 10px);
    }
    .twitter_section h3{
	    font-size: 19px;
    }
    .section h2{
	    font-size: 25px;
	    line-height: 34px;
    }
    .profile-content {
        width:100%;
    }
    .contact_form input[type=text], .contact_form input[type=email] {
        /*width: 96%;*/
    }
    .contact_form textarea {
        /*width: 96%;*/
    }
    .contact_form input[type=submit] {
        /*width: 96%;*/
    }
    .services_section {
        padding: 20px 0 0 0;
    }
    .slide-container h1 {
      line-height: 22px;
    }
    .showcase-slide {
        height:300px;
    }
  .showcase-pager {
    display:none;
  }
    .btn {
    width:95%;
    }
  .showcase-slide {
    height: auto;
    background-image:none !important;
  }
    .notPhone {
        display:none;
    }
    .phone {
        display:block;
        top:0;
        bottom:inherit;
        padding:0;
    }
    .phone img {
      max-width:100%;
    }
    .phone .btn {
      margin:0;
    }
    .phone h1 {
      font-size: 20px;
        padding:0;
    }
    .nav_board > div .pop {
    display:none;
    }
    
    .nav_board > div:hover > span{
	    opacity: 1;
    }

    .nav_board .phone a {
        text-decoration:none;
    }

    .nav_board .contact {
        line-height: 125px;
        font-size: 15px;
    }   
    
    .nav_board > div span {
        padding-top:10px;
        font-size: 15px;
    }   

    .nav_board .phone a span img {
        max-height: 80px;
    }
    .cycle-slideshow .slide-container.phone {
        /*position: absolute;*/
        bottom: 80px;
    }
}


@media only screen and (max-width: 374px) {
    .tile img {
      max-height:65px !important;
    }
    .tile {
      height: 105px !important;
      //width: 114px !important;
    }
   
    .nav_board > div {
        height: 105px !important;
        //width: 114px !important;
    }

    .nav_board .contact {
        line-height: 105px !important;
    }
}