/******************************************
* 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
add your styles in Customizer > Additional CSS.

*/

@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[type="text"] { 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; }

}