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

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

    #slider #slides { width: 100%; }
    #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%; border-top:1px dotted #e7e7e7; margin-top:1em; padding-top:1em; }

    #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { padding-right:0px !important;}
    #jp-relatedposts .jp-relatedposts-items-visual { margin-right:0px !important; }
    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width:100% !important;}

    .alignright { width:100%; float: none; margin-left: 0px;}
	.widget img { width:100%; }
  
    .archiveposts .post-thumb { float:left; width:30%; margin: 0px; }
    .archiveposts .post-thumb img { width:100%; }
    .archiveposts .post-content { float:right; width:65%; overflow: visible; }
    .archiveposts .post-content h2.entry_title { font-size:18px; }

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

}