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

    .inner-wrap { width: 92%; }

    #homepage-wrap { width: 92%; padding: 40px 3% 0; }

    .content-wrap { padding: 20px 3% 30px; }

    .site-footer { padding: 3%; }

    .slides > li .li-wrap { width: 86%; }

    .recent-posts,
    .post-wrap {
        width: 64%;
    }

    #sidebar {
        width: 33%;
        margin-left: 3%;
    }

    .sidebar-left #sidebar {
        margin-right: 3%;
    }

    .aside {
        width: 33%;
    }


    #portfolio-slider {
        width: 100%;
    }

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

    #heading h3 { font-size: 20px; }

    .post-thumb_left,
    .post-video_left,
    .post-thumb_right,
    .post-video_right { width: 50%; }

    .homepage_widgets .widget {
        margin: 0 0 30px;
        padding: 0 0 30px;
    }

    .wpzoom-testimonial blockquote { font-size: 16px; line-height: 30px; }


    .wpzoom_subpages ul.subpages-5 > li { width: 31.5%; margin-right: 2.75%; }
    .wpzoom_subpages ul.subpages-5 > li:nth-child(3n+3) { margin-right: 0; }

    .entry-content iframe { max-width: 100%; }

}


@media (min-width: 980px) {

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

}

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

    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, #header #menu-main-slide { display: none }
    .navbar-toggle { display: block }

}


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

    .wpzoom_subpages ul.subpages-4 > li { width: 48%; margin: 0 3% 30px 0; }
    .wpzoom_subpages ul.subpages-4 > li:nth-child(2n+2) { margin-right: 0; }

    #slider {
        height: 450px;
    }

    #slider .slides > li {
        height: 450px;
    }

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

    .slides > li .excerpt { font-size: 16px; }
}



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

    .homepage_widgets .feature-posts-list > li {
        width: 48%;
        margin: 0 3% 50px 0;
    }

    .homepage_widgets .feature-posts-list > li:nth-child(3n+3) {
        margin-right: 3%;
    }

    .homepage_widgets .feature-posts-list > li:nth-child(2n+2) {
        margin-right: 0;
    }

}


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

    .recent-posts,
    .post-wrap {
        width: 100%;
        float: none;
    }

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

    .sidebar-left #sidebar {
        float: none;
        margin-right: 0;
    }

    .sidebar-left .post-wrap {
        float: none;
    }

    .aside {
        width: 100%;
        float: none;
        margin-top: 40px;
    }

    .breadcrumbs { margin-bottom: 20px; }
}


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

    #slider {
        height: 400px;
    }

    #slider .slides > li {
        height: 400px;
    }

    .slides > li .li-wrap { width: 80%; }

    .slides > li h3 { font-size: 32px; margin-top: 30%; }

    .slides > li .excerpt { max-width: 85%; }

    .page-title { font-size: 30px; }

    .wpzoom_subpages ul.subpages-3 > li { width: 100%; margin-right: 0; }
    .wpzoom_subpages ul.subpages-3 > li .post-thumb  { text-align: center; }

    .wpzoom_subpages ul.subpages-5 > li { width: 100%; margin-right: 0; }
    .wpzoom_subpages ul.subpages-5 > li .post-thumb  { text-align: center; }

    .homepage_widgets .home_column { width: 100%; margin-right: 0; }

    .post-video_left,
    .post-video_right,
    .post-thumb_left,
    .post-thumb_right { width: 100%; float: none; margin: 0 0 30px;}

    h1.entry-title { font-size: 30px; }

    .page-template-template-testimonials .testimonial {
        margin: 0 0 50px 0;
        width: 100%;
        display: block;
    }

    .page-template-template-testimonials .testimonial:nth-child(2n+2) {
        margin-right: 0;
    }


    .portfolio-grid li h3 {
        font-size: 16px
    }
    .portfolio-grid li {
        width: 48%;
        margin: 0 3% 40px 0;
    }
    .portfolio-grid li:nth-child(3n+3) {
        margin-right: 3%
    }
    .portfolio-grid li:nth-child(2n+2) {
        margin-right: 0
    }


    .homepage_widgets .portfolio-grid li {
        width: 48%;
        margin: 0 3% 40px 0;
    }

    .homepage_widgets .portfolio-grid li:nth-child(3n+3) {
        margin-right: 3%;
    }

    .homepage_widgets .portfolio-grid li:nth-child(2n+2) {
        margin-right: 0;
    }


    .portfolio-tags a {
        font-size: 14px;
    }
    .portfolio-tags .portfolio-taxonomies .cat-item {
        margin: 0 20px 10px 0;
        display: inline-block;
    }


    #respond input { width: 100% }
    .form-allowed-tags { display: none }


    /* 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 { display: block; }

    .footer-widgets .column {
        width: 100% !important;
        display: block;
        border: none;
    }

    .footer-menu ul li {
        margin-right: 10px;
    }

}

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

    .page-title { font-size: 24px; }
    #slider {
        height: 350px;
    }

    #slider .slides > li {
        height: 350px;
    }

    .slides > li .li-wrap { width: 80%; }

    .slides > li h3 { font-size: 26px; margin-top: 20% !important; }

    .slides > li .excerpt { max-width: 100%; line-height: 1.3; font-size: 14px; }


    #slider .flex-direction-nav li a {
        width: 30px;
    }

    #slider .flex-direction-nav .flex-prev:after,
    #slider .flex-direction-nav .flex-next:after  {
        font-size: 30px;
    }


    #slider .flex-direction-nav .flex-prev {
        left: 1%;
    }

    #slider .flex-direction-nav .flex-next {
        right: 1%;
    }


    .wpzoom_subpages ul.subpages-4 > li { width: 100%; margin: 0 0 30px 0; }
    .wpzoom_subpages ul.subpages-4 > li:nth-child(2n+2) { margin-right: 0; }


    #heading h3 { font-size: 16px; }

    .cta-btn { font-size: 14px; padding: 6px 18px; }

    .wpzoom-testimonial .testomonial_wrapper { padding: 0 12%; }


    .homepage_widgets .feature-posts-list > li {
        width: 100%;
        margin: 0 0 50px 0;
        display: block;
        box-shadow: none;
    }

    .homepage_widgets .feature-posts-list .post-content {
        border: none;
        box-shadow: none;
        padding: 15px 0 0;
    }

    .homepage_widgets .feature-posts-list > li:nth-child(3n+3) {
        margin-right: 0;
    }

    .homepage_widgets .feature-posts-list > li:nth-child(2n+2) {
        margin-right: 0;
    }

    .portfolio-grid li {
        width: 100%;
        margin: 0 0 40px 0;
    }
    .portfolio-grid li:nth-child(3n+3) {
        margin-right: 0
    }
    .portfolio-grid li:nth-child(2n+2) {
        margin-right: 0
    }

    .homepage_widgets .portfolio-grid li {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .homepage_widgets .portfolio-grid li:nth-child(3n+3) {
        margin-right: 0;
    }

    .homepage_widgets .portfolio-grid li:nth-child(2n+2) {
        margin-right: 0;
    }


    #portfolio-slider .flex-prev:hover {
        opacity: 1;
    }

    /* 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; }

}