/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 767px) {

    nav.logo-center, 
    nav.top-bar { background: rgba(255,255,255,0.9); max-height: 70px; overflow: hidden; padding-top: 70px; -webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease; }
    .logo-center.fixed-nav{ padding-top: 66px !important; }
    .open-menu { border: 1px solid #222; display: block !important; position: absolute; right: 22px; top: 15px; cursor: pointer; width: 40px; height: 40px; padding: 10px; z-index: 999; }
    
    .open-nav{ max-height: 800px !important; }
    .logo-center .medium-2{ display: none; }
    nav.logo-center .open-logo .logo { bottom: 0; }
    nav.logo-center.fixed-nav .open-logo .logo { display: block; }
    .logo-center .menu { width: 100%; /*text-align: left !important;*/ }
    .logo-center ul.menu:first-child { margin-top: 11px; }
    .logo-center .menu li{ padding-left: 11px; padding-right: 0px; padding-bottom: 11px; float: none; }
    nav.logo-center .text-left .menu li{ padding-left: 11px; }
    .logo-center .menu li a { color: #333; display: block; }
    
    
    nav.top-bar .logo, 
    nav.logo-center .open-logo .logo { max-width: 110px; width: 110px; }
    nav.top-bar.open-nav { display: block; }
    .open-logo { display: block; position: absolute; left:22px; top: 15px; z-index: 99; }
    nav.top-bar .menu{ display: block; text-align: center; }
    nav.top-bar .menu li{ padding-left: 0; float: none; padding-bottom: 0 !important; }
    nav.top-bar .mobile-nav { display: block; padding-bottom: 37px; }
    nav.top-bar .menu li a { display: block; }
    
    nav.off-screen{ padding: 33px; }
    nav.off-screen .bottom-content{ display: none; }
    nav .push-large{ display: none; }
    nav.off-screen .nav-toggle{ right: 310px; top: 15px; }
    nav.off-screen .nav-toggle{ color: #ddd; }
    .off-screen.reveal-nav .nav-toggle{ right: 240px !important; }
    
    .show-for-small { display: block; }
    .hide-for-small { display: none; }
    
    .video-wrapper{ display: none; }
    
    p{ font-size: 12px; line-height: 16px; }
    h3{ margin-bottom: 11px; }
    hr{ margin: 22px 0px; }
    .headline-style-2 .sub-title{ letter-spacing: 6px; margin-right: -6px; }
    
    .menu-item{ padding: 0px !important; width: 100% !important; }
    .narrow-menu .menu-item{ width: 100%; padding-right: 0px; padding-left: 0px; }
    .sub-title{ line-height: 1.8; }
    #instafeed a img{ width: 33.3333333%; }
    #instafeed a:nth-child(n+4){ display: none;  }
    .gallery-slider .slides li{ height: 250px; }
    .no-pad p.columns{ padding: 0px !important; }
    
    
    
    .divider-background{ padding: 50px 0px; }
    .headline-style-1 h1{ font-size: 60px; }
    .headline-style-1 .sub-title{ font-size: 10px; letter-spacing: 1px; }
    .flex-direction-nav{ display: none; }
    .headline-style-2 h3{ font-size: 60px; line-height: 80px; }
    h3{ font-size: 22px; }
    .no-left-pad{ padding-left: 15px !important; }
    
    .text-icon { margin-bottom: 33px; }
    .reviews .columns{ margin-bottom: 22px; }
    .no-pad .columns{ padding: 88px 15px; }
    
    .post .big-image { height: 200px; margin-bottom: 22px; }

    footer.footer-social .logo { max-width: 110px; }

}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    .no-pad .columns{ padding-left: 15px !important; padding-right: 15px; }
    .no-pad .medium-6{ width: 75% !important; }
    .no-pad .photo-container{ width: 25% !important; }
    
    .menu .medium-9{ width: 100%; }
    .menu .menu-item:nth-child(even){ float:right; }
    
    .bg-fixed { background-attachment: scroll !important; }
    .hero-slider .slides li{ background-size: cover !important; }

    .photo-container.left-align{ display: none; }
    
    .no-pad .medium-6.right{ width: 100% !important; }
    
    .no-pad p.medium-6{ width: 50% !important; }
    
    .reviews .sub-title{ line-height: 18px; }
    
    #instafeed a img{ width: 16.666667%; }
    #instafeed a:nth-child(n+7){ display: none;  }

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

    .divider-background{ padding: 80px 0px; }   
    .hero-slider .flex-direction-nav a{ top: auto; bottom: 44px; }
    
    .gallery-slider .slides li{ height: 400px; }
    .no-left-pad{ padding-right: 15px !important; }
    nav.off-screen .bottom-content{ display: none; }
    
    .video-wrapper{ display: none; }

}