/******************************************
* 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.

*/



/* Large Screens */
@media screen and (max-width: 1130px) {

    .inner-wrap { width: 96%; background: #fff;}

    #slider { height: auto; max-height: 520px; }
    #slider #slides { width: 65%; }
    #slider_nav  {width: 35%; }
    #slider_nav h3 { display: none; }
    #slider #slides  h2 a { font-size: 22px; }
    #slider #slides img { max-width: 100%; height: auto; }

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

    #carousel { padding:15px 3% 0; }
    #carousel-items { width: 100%; }
    #carousel-items img { max-width: 100%; height: auto; }

    #content { width: 60%; margin:0 0 0 3%; }
    #sidebar { width: 30%; margin-right: 3%; }

    .fb_iframe_widget { width: 100%!important }
    .fb_iframe_widget span { width: 100%!important; }
    .fb_iframe_widget span iframe { width: 100%!important; }
    .widget img,
    .adv_side img { max-width: 100%; height: auto; }

    #footer { padding: 3%; }

}


@media (min-width: 981px) {

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

}


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

    /* Menu */
    header .menu-top-container { text-indent: -9999px; height: 0; }
    header .menu-main-container { text-indent: -9999px; height: 0; }
    .menu-top-container.mm-menu { text-indent: 0; height: 100%; }
    .menu-main-container.mm-menu { text-indent: 0; height: 100%; }

    #navbar-top,
    #navbar-main { display: none; }
    .navbar-toggle { display: block }

}



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


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

    #content { width: 94%; margin: 0 3%; }
    #sidebar { width: 94%; margin: 0 3%; }
    .adv { display: none; }

    #slider #slides { width: 100%; }
    #slider_nav  { display: none; }

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

    #footer div.column { width: 48%; margin-right: 1%; float: none; vertical-align: top; display: inline-block; }

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


}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

    .navbar-search { display: none; }

    .featured_cat .article { width: 100%; float: none; margin: 0 0 20px; }
    .featured_cat ul.latest-entries { float: none; width: 100%; }

    #recent-posts .post-content { width:100%; float:left; overflow: visible; }

    .archiveposts .post-thumb { margin-bottom: 20px; }

    #footer div.column { width: 100%; margin-right:0; float:none; vertical-align: top; display: inline-block;}

    #slider #slidemain .cover, #slider #slidemain .video_cover { margin: 0; text-align: center; }

    #copyright span { float:none; display: block; width: 100%; text-align: left; }

}