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


/* Small Screens */
@media screen and (max-width: 1170px) {

    .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {max-width: 830px !important; min-height: 366.867px !important;}


    div#single_728 {
        display: none !important;
    }
    .filter_out {
        width: 100%;
        display: block;
        min-height: auto;
    }

    #sidebar {
        float: right;
        width: 300px;
    }

    .flowplayer {

        height:auto;

    }

    .zoomvideo iframe {
        width: 100% !important;
    }


    #bannerHead {display:none; }

    .inner-wrap { width: 92%; }

    .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
    .flex-direction-nav .flex-next {opacity: 1; right: 0;}

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

    #content { width: 60%; }
    /*#sidebar { width: 30%; }*/

    .recent-posts li { margin: 0 2.8% 30px 0;  width: 31%; }
    .recent-posts .post-thumb img { max-width: 100%; height: auto; }

    .full-width .recent-posts li { margin: 0 1% 30px 0;  width: 23%; }
    .full-width .recent-posts li:nth-child(3n+3) { margin-right: 1%; }

    div.zoomvideo_big { padding: 0; }

    .zoomvideo .wp-video {
        width: 100% !important;
        height: auto !important;
    }

    #footer-widgets .column { width: 320px; margin-right: 3%; display: inline-block; vertical-align: top; float: none; }
    #footer-widgets .column:nth-child(2n+2) { margin-right: 0; }
}

@media (min-width: 981px) {

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

}


/* Tablet Landscape */
@media screen and (max-width: 980px) {

    div#single_728 {
        display: block !important;
    }

    .menu-top-container { text-indent: -9999px; height: 0; }
    .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%; }

    #content { width: 100%; float: none; }

    /*#navbar-top,
    #navbar-main { display: none; }

    .navbar-toggle { display: block }*/

    #slider img { max-width:100%; height:auto; margin-bottom:20px;  }
    #slider .video-cover, #slider .wp-video {
        width: 100%;
        margin: 0 0 20px;
    }
    #slider .post-content {
        overflow: visible;
    }
    #slider .video-cover  {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    #slider .video-cover iframe,
    #slider .video-cover object,
    #slider .video-cover embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #slider .wp-video {
        width: 100% !important;
        height: auto !important;
    }

    #footer-widgets .column { width: 320px; margin-right: 3%; display: inline-block; vertical-align: top; float: none; }
    #footer-widgets .column:nth-child(2n+2) { margin-right: 0; }
    #sidebar { /*width: 50%;*/
        float: none;
        margin-top: 50px !important;
        margin: 0 auto;
        display: block; }
}


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


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

    .navbar-toggle { display: block }

    .navbar-brand h1 { font-size:60px; }
    .recent-posts h2 { font-size: 18px;  }
    #slider h2.entry-title { font-size: 22px; }
    .inner-wrap { width: 88%; }
    .post-entry h1.entry-title { font-size: 24px; }
    .entry-content blockquote { font-size: 16px; padding-left: 10%; }
    .post-entry .meta-share { text-align: left; }
    .post-entry .meta-share h3 { float: none; display: block; margin: 0 0 15px; }
    .post-entry .meta-share a { float: left;  margin: 0 15px 0 0; }

    #respond input { width: 100%; }

    #featured-slider { padding: 10px 0 0; }

    #slider { padding: 0 10px; }

    .full-width .recent-posts li { margin: 0 2% 30px 0;  width: 31%; }
    .full-width .recent-posts li:nth-child(3n+3) { margin-right: 0; }
    .full-width .recent-posts li:nth-child(4n+4) { margin-right: 2%; }

}


/* Smartphones (landscape) */
    @media screen and (max-width: 640px) {

    h3.block-system {
        background-size: 100px 100px !important;
        font-size: 15px;
        height: 300px !important;
    }

    .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {max-width: 830px !important; min-height: 266.867px !important;}


    #sidebar {
        /*float: left;*/
    }

    .flowplayer {
        /*height:280px;*/
        height: auto;
    }
    .fp-ratio {
        padding-top: 51.7%!important;
    }

    h2.entry-title {
        font-size: 18px;
    }

    div.post-ratings img {
        max-width: 20px;
    }

    .views {
        font-size: 16px;
        font-weight: bold;
        color: white;
        margin-bottom: 20px;
    }

    .zoomvideo iframe {
        max-height: 280px !important;
    }
    .recent-posts h2 { font-size: 16px;  }
    .inner-wrap { width: 90%; }
    .navbar-brand h1 { font-size:40px; }

    #slider p { display: none; }
    #slider .more-link { display: none; }
    #carousel { display: none; }

    #slider h2.entry-title { font-size: 16px; }

    .recent-posts li { width: 100%; margin: 0 0 25px; display: block; clear: both;}

    /*responsive content*/
    .recent-posts .post-thumb { width: 260px;
        margin: 0 auto; }
    .recent-posts .post-thumb img,.post-meta div,.post-meta span {
        margin: 0 auto;
        display: block;
    }

    .recent-posts .post-thumb img { -webkit-border-radius: 3px; border-radius: 3px; }
    .recent-posts .post-content { background: none; padding: 0; overflow: hidden; }
    .recent-posts .post-content p { display: none; }
    .recent-posts li:hover .post-content { background: none; }

    .full-width .recent-posts li { margin-right: 0;  width: 100%;  border: 1px dotted black;
        padding: 10px;  }
    .full-width .recent-posts li:nth-child(3n+3) { margin-right: 0; }
    .full-width .recent-posts li:nth-child(4n+4) { margin-right: 0; }

    .post-entry .meta-share li {display: inline-block;  }
    .post-entry .meta-share a { float: none; margin: 0 0 15px; display: inline-block;  }
    .post_author span.author_links { padding: 0; }

    #footer-widgets .column { width: 100%; margin-right: 0; display: inline-block; vertical-align: top; float: none; }
    #footer-widgets .column:nth-child(2n+2) { margin-right: 0; }

    #footer .site-copyright { float: none; display: block; margin: 0 0 15px; }
    #footer .wpzoom { float: none; }

}

/* Smartphones (landscape) */
@media screen and (max-width: 420px) {

    h3.block-system {
     font-size: 13px;
     background-size: 30px 30px !important;
     height: 200px !important;
     padding: 10px !important;
    }

    .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {max-width: 830px !important; min-height: 166.867px !important;}


    .zoomvideo iframe {
    height: auto !important;
}
}

/* Smartphones (landscape) */
@media screen and (max-width: 260px) {
    .zoomvideo iframe {
        height: auto !important;
    }
    .recent-posts .post-thumb { width: 100%;
        margin: 0 auto; }
}