/* ipad / blackberry / lumia / nexus */

@media only screen and (max-width: 768px) and (min-width:481px)
{
    .mean-container .mean-bar
    {
        background-color : rgb(4, 82, 164) !important;
    }

    .mean-container a.meanmenu-reveal span
    {
        background: #ffffff !important;
        width : 40px; 
        height: 5px;
    }

    #slogan
    {
        left : -5px;
        font-size: 12pt;
    }

    .mean-container .mean-bar .meanmenu-reveal
    {
        margin-right : 60px;
    }

    h1.title-light-medium
    {
        position: relative;
    }

    #thn-jumbotron
    {
        height : 60px;
    }
    
    .thank-you
    {
        font-size : 9pt;
        font-weight: 800;
    }
    
    

}

/* mobile devices */
@media only screen and (max-width: 480px) {
    .mean-container .mean-bar
    {
        background-color : rgb(4, 82, 164) !important;
    }

    .mean-container a.meanmenu-reveal span
    {
        background: #ffffff !important;
        width : 40px; 
        height: 5px;
    }

    .media
    {
        display: inline-table !important;
        align-items:center !important;
    }

    .testimonial-layout2 .ttm-content
    {
        font-size : 13px;
        text-align : justify;
    }

    .testimonial-layout2 .title-bar-light:after
    {
        display: none;
    }

    
    h2.section-title-dark
    {
        font-size: 2r.5em;
    }

    .para
    {
        padding-left : 0px !important; 
        
        text-align: justify !important;
    }

    #site-logo
    {
        height: 100px !important;
        
    }

    #slogan
    {
        left : -5px;
        font-size: 8pt;
    }

    .line-1
    {
    
        margin: 0 auto;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
               
    }
    
    .anim-typewriter
    {
        animation: typewriter 4s steps(44) 1s 1 normal both,
                   blinkTextCursor 500ms steps(44) infinite normal;
    }
      @keyframes typewriter
      {
        from{width: 0;}
        to{width: 24em;}
      }
      @keyframes blinkTextCursor
      {
        from{border-right-color: rgba(255,255,255,.75);}
        to{border-right-color: transparent;}
      }
      .slider-area .slide-1 p.slider-big-text, .slider-area .slide-2 p.slider-big-text, .slider-area .slide-3 p.slider-big-text
      {
          font-size: 16px;
      }
      
      #faq .accordion .card .card-header button span
      {
          font-size: 13px;
      }
      h2.section-title-dark{
        font-size: 2.6rem;
      }
      .list-body-items .list-body-item .list-body-item-content
      {
          font-size: 15px;
      }
      .inner-page-banner-area .breadcrumbs-area h1
      {
        font-size: 3rem;
      }
      .inner-title-dark h2
      {
        font-size: 3.4rem;
      }
      .lead p
      {
          font-size: 15px;
      }

      #slider-div
      {
        height: 200px;
        top: 100px;
      }

      .slides img
      {
          height: 250px;
          width: 100% !important;
          object-fit: cover !important;
      }

      .slider-area .nivo-directionNav a.nivo-prevNav ,.slider-area .nivo-directionNav a.nivo-nextNav
      {
        border-radius : 5px;
        top: 150px;
      }

      #contact-us
      {
          top: 100px;
      }

      #first-section
      {
          height: 80px;
      }

      .item-content p
      {
        font-size : 9.5pt;
      }

      #slider-div 
    {
        height: auto;
    }

    
    .mean-container .mean-bar .meanmenu-reveal
    {
        margin-right : 60px;
    }

    #slogan
    {
        bottom : 5px;
    }

    .nivoSlider img
    {
        max-width: none;
    }

    h1.title-light-medium
    {
        font-size : 9pt !important;
        top : 3px ;
        position: relative;
    }

    #request-estimate
    {
        font-size: 10pt !important;
        padding: 2px 10px 5px;
        top: -15px;
    }
    
    video
    {
        height : 200px;
    }
  }