/******************************************
* Media Queries (Responsive Design)
*******************************************/
/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/

@media screen and (max-width: 1450px) {

    .slides li h3 { font-size: 30px; }

}

@media screen and (max-width: 1170px) {

    .inner-wrap { width: 94%; margin: 0 3%; }

    .slides li h3 { font-size: 36px; }

}

@media (min-width: 980px) {

    .navbar-header .navbar-toggle { display: none; }

}

@media screen and (max-width: 979px) {

    #main { width: 94%; margin: 0 3%; }

    .navbar-toggle { display: none; }

    .navbar-header .navbar-toggle { display: block; }

    .main-navbar { padding: 0; }

    #navbar-main { display: none }

    #slider { margin: 0 0 50px; }

    #slider,
    #slider .flickity-viewport,
    #slider .slide,
    #slider .slide img { height: 600px !important; }

}

/* Tablet Portrait */
@media screen and (max-width: 768px) {

    #logo h1 { font-size: 26px; }

    #slider,
    #slider .flickity-viewport,
    #slider .slide,
    #slider .slide img { height: 500px !important; }

    .slides li h3 { font-size: 26px; bottom: 10%; }

    .slides li .slide-header { width: 100%; margin: 0;  }

    .flickity-prev-next-button { padding: 5%; }

    h1.entry-title { font-size: 36px; }

    .author_bio { max-width: 100%; }

    .entry-content blockquote { font-size: 16px; padding: 0 0 0 4%; }

    .navbar-toggle { position: absolute; }

    .entry-content { line-height: 1.7; font-size: 16px; }

    .wpzoom_author_widget p { max-width: 100%; }

    #respond input { width: 100% }

    #respond .form_fields p { margin-bottom: 24px; width: 100%; float: none; padding-left: 0; }

    .form-allowed-tags { display: none }

    .footer-widgets.widget-columns-4 .column { width: 48%; margin-right: 4%; }
    .footer-widgets .widget_wpzoom-instagram li { margin-right: 12px }
    .footer-widgets .widget_wpzoom-instagram li img { width: 80px }
    .footer-widgets .column { width: 48%; margin-right: 4%; }
    .footer-widgets .column:nth-child(2n+2) { margin-right: 0 }

    .footer_social { float: none; text-align: left; margin: 0 0 15px; }

}

@media screen and (max-width: 640px) {

    body { font-size: 14px; }

    #logo { text-align: left; max-width: 80%; margin-bottom: 40px;}

    #logo img { max-width: 100%; height: auto; }

    #logo h1 { font-size: 22px; }

    .site-description { display: none; }

    #slider,
    #slider .flickity-viewport,
    #slider .slide,
    #slider .slide img { height: 250px !important; }

    .slides li h3 { font-size: 22px; }

    .slides li .entry-meta { display: none; }

    .slides .slide_button { display: none; }

    h1.entry-title { font-size: 28px; }

    .recent-post h2.entry-title { font-size: 22px; }

    .entry-content { font-size: 16px; }

    .featured-items li { float: none; text-align: center; width: 100%; margin: 0 0 30px;  }

    .recent-post {  width: 100%; margin: 0 auto 40px; padding: 0; }

    .col_arch  ul li { width: 100%; float: none; margin: 0 0 5px 0; }

    .footer-widgets.widget-columns-2 .column,
    .footer-widgets.widget-columns-3 .column,
    .footer-widgets.widget-columns-4 .column { width: 100% }

    .footer-widgets .column { width: 100%; float: none; margin-right: 0; }

}