/******************************************
* 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: 1052px) {
    #wrapper {
        width: 96%;
    }
    #slider .slides {
        height: 350px
    }
    #slider .slides > li {
        height: 350px
    }
    .slide-content h3 {
        font-size: 26px
    }
    .post_content {
        width: 65%;
        margin-right: 2%;
    }
    .side-left .post_content {
        margin-left: 2%;
    }
    #portfolio-slider {
        width: 100%;
    }
    #portfolio-slider img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .aside {
        width: 33%;
    }
    #sidebar {
        width: 33%;
    }
}

@media (min-width: 980px) {
    #menu-main-slide {
        display: none !important
    }
}

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

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

@media screen and (max-width: 860px) {
    #logo {
        width: 80%;
    }
    #logo img {
        max-width: 100%;
        height: auto;
    }
    #slider .slides {
        height: 300px
    }
    #slider .slides > li {
        height: 300px
    }
    .slide-content h3 {
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    #heading h2,
    #heading h1 {
        font-size: 26px;
    }
    .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
    }
    .portfolio-sidebar .portfolio-taxonomies .cat-item {
        margin-right: 10px
    }
    #respond input {
        width: 100%
    }
    .form-allowed-tags {
        display: none
    }
    #footer div.column {
        width: 100%;
        margin: 0;
    }
    .home_widgets .widget .feature-posts-list small {
        width: auto;
        display: block;
        float: none;
        margin: 5px 0;
    }
    .portfolio-tags a {
        font-size: 14px;
    }
    .portfolio-tags .portfolio-taxonomies .cat-item {
        margin: 0 20px 10px 0;
        display: inline-block;
    }
}

@media screen and (max-width: 640px) {
    #inner-wrap {
        margin: 0 3%;
    }
    #slider .slides {
        height: 250px
    }
    #slider .slides > li {
        height: 250px
    }
    .slide-content h3 {
        font-size: 14px
    }
    #slider .flex-direction-nav .flex-prev:after,
    #slider .flex-direction-nav .flex-next:after {
        font-size: 16px;
        padding: 10px 8px;
    }
    .slide-content .slide_button a {
        font-size: 10px
    }
    #heading p {
        font-size: 14px;
    }
    .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
    }
    #portfolio-slider .flex-prev:hover {
        opacity: 1;
    }
    .post_content {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    #sidebar {
        width: 100%;
        float: none;
    }
    #portfolio-slider {
        width: 100%;
    }
    .entry {
        width: 100%;
    }
    .aside {
        width: 100%;
    }
    #footer .widget-area {
        padding: 25px 3% 0;
        font-size: 0;
    }
    #footer .copyright .left {
        float: none;
    }
    #footer .copyright .right {
        width: 100%;
        float: none;
        margin: 20px 0;
     }
}