/******************************************
* 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: 1024px) {

    .recent-posts .post-thumb img { max-width: 100%; height: auto; }
    .recent-posts .post-thumb { max-width: 25%; }

    .widget .tabbernav li a { font-size: 12px; }

    .site-main > .section-title { font-size: 28px; }

    .site-info .copyright, .site-info .designed-by { width: 100%; float: none; }
    .site-info .designed-by { float: left; text-align: left; }

}

@media (min-width: 980px) {

    #menu-main-slide { display: none !important }

}

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

    header .menu-main-container { text-indent: -9999px; height: 0; }
    .menu-main-container.mm-menu { text-indent: 0; height: 100%; }
     #navbar-main, #header #menu-main-slide { display: none }
    .navbar-toggle { display: block }

    .navbar .search-form { display: none; }
    .navbar-brand { float: left; }
    .main-navbar { float: right;  }

}

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

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

    .navbar-brand h1 { letter-spacing: 0;}

    #news-ticker h3 { display: none; }

    #slider  { height: 300px; }

    #slider .slide img { height: 300px; }


    .page .site-main > article,
    .single .site-main > article { width: 100%; max-width: 100%; float: none; }

    .recent-posts { float: none; width: 100%; max-width: 100%; }

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

    .single .share { float: none; margin: 0 0 15px; }
    .single .share a { margin: 0 20px 0 0; }

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


    .form-allowed-tags { display: none }

    #sidebar { float: none; margin: 50px 0 0; width: 100%; max-width: 100%; }

    .wpzoom-featured-cat h3 { font-size: 18px; }

    .widget .feature-posts-list li h3 { font-size: 16px; }

    .featured-list h4 { font-size: 16px; }

    .site-main > .section-title { font-size: 22px; }

    .site-widgetized-section .widgets {
        width: 100%;
        max-width: 1200px;
        padding: 0 15px;
        margin: 0 auto;
        font-size: 0;
    }

    /* by default there are 4 widgets */
    .site-widgetized-section .widgets .widget {
        width: 48%;
        margin-right: 4%;

    }

    .site-widgetized-section .widgets .widget:last-child,
    .site-widgetized-section .widgets .widget:nth-child(2n + 2) { margin-right: 0; }

    .site-widgetized-section .widgets-3 .widget { width: 32%; margin-right: 2%; }
    .site-widgetized-section .widgets-3 .widget:last-child { margin-right: 0; }

    .site-widgetized-section .widgets-3 .widget:nth-child(2n + 2) { margin-right: 2%; }
    .site-widgetized-section .widgets-3 .widget:nth-child(3n + 3) { margin-right: 0; }

    .site-widgetized-section .widgets-2 .widget { width: 48%; margin-right: 4%; }
    .site-widgetized-section .widgets-2 .widget:last-child { margin-right: 0; }

    .site-widgetized-section .widgets-1 .widget { width: 100%; margin-right: 0; }

    .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 }

}

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

    .navbar-brand img { max-width: 100%; height: auto; }

    .recent-posts .post-thumb { max-width: 100%; float: none; margin: 0 0 30px; }

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

    .single .share a { margin: 0 10px 0 0; font-size: 10px; padding: 5px 8px;}
    .single .share a:before { font: normal 14px/100% 'dashicons'; vertical-align: top; margin: 0 5px 0 0; }

    .entry-meta { font-size: 12px; }

    .site-widgetized-section .widgets {
        width: 100%;
        max-width: 1200px;
        padding: 0 15px;
        margin: 0 auto;
        font-size: 0;
    }

    /* by default there are 4 widgets */
    .site-widgetized-section .widgets .widget {
        width: 100%;
        margin-right: 0;

    }

    .site-widgetized-section .widgets .widget:last-child,
    .site-widgetized-section .widgets-3 .widget { width: 100%; margin-right: 0; }
    .site-widgetized-section .widgets-3 .widget:nth-child(2n + 2) { margin-right: 0; }
    .site-widgetized-section .widgets-2 .widget { width: 100%; margin-right: 0; }

    /* Navigation */
    div.navigation { font-size: 14px; margin: 15px 0; }
    div.navigation a { padding: 6px 10px;  border: none; }
    div.navigation a:hover { background: none; }
    div.navigation span.current { padding: 6px 10px; color: #333; background: none; }
    div.navigation span.pages { margin-right: 15px; display: none; }
    div.navigation span.dots { color: #999; line-height: 100%; margin: 0 2px;}
    div.navigation .prev, div.navigation .next { position: absolute; padding: 8px 0; border: none; color: #666;  }

    .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; }

}

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

    .flickity-prev-next-button { display: none; }
    .slides  li .slide-header { padding: 0 4%; bottom: 15px;  }
    #slider .slide { max-width: 100%; overflow: hidden;}

}