/******************************************
* 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 (min-width: 1700px) {

    .recent-post {
        width: 20%;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 20%;
    }
}


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

    .recent-post {
        width: 33.3333333333%;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 25%;
    }

}

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

    .entry-cover { height: 350px; }

    /* Menu */
    .side-nav .navbar-nav {
        display: block;
    }

    .navbar-toggle { display: block; }

    .navbar-collapse { display: none; }

    .site-header .navbar-brand { margin-bottom: 18px; }

    .navbar-nav { float: none; }

    .navbar-nav li { display: block; float: none; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #F0F0F0; }

    .navbar-nav ul li, .navbar-nav li a { border: none; padding: 0; margin: 0; }

    .navbar-nav > li > a:hover { border: none }

    .navbar-nav > li > a.sf-with-ul:hover { border-bottom: none }

    .navbar-nav li a { padding: 4px 0 }

    .navbar-nav ul { height: auto !important; display: block !important; margin-left: 15px; margin-top: 0; margin-bottom: 0; position: relative; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); left: 0; border-top: none; background: none; }

    .navbar-nav ul:before { display: none }

    .navbar-nav ul ul { left: 0 }


    .recent-post h2.entry-title {
        font-size: 22px;
    }

    .post_wrap {
        width: 100%;
    }

    /* Archive widget */
    .widget_archive li {
        width: 100%;
        float: none;
        padding: 0;
    }



    .gallery {
        margin-left: 0;
        margin-right: 0;
    }

    .aligncenter,
    .alignnone {
        max-width: 100%;
    }

    .aligncenter img,
    .alignnone img {
        max-width: 100%;
    }

    .alignnone,
    .aligncenter {
        margin-left: 0;
        margin-right: 0;
    }

    .alignleft {
        margin-left: 0;
    }

    .alignright {
        margin-right: 0;
    }

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

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 33.33333%;
    }

}

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

    .sb-search .sb-search-input {
        font-size: 20px;
    }

    .entry-footer {
        text-align: center;
    }

    .meta-left {
        width: 100%;
    }

    .entry-footer .post_author {
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }

    .entry-footer .post_author img {
        float: none;
        margin: 0;
    }

    .form-allowed-tags { display: none }


    .recent-post {
        width: 50%;
    }


    .entry-cover { height: 250px; }


    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 50%;
    }


    .footer-widgets { display: block; }

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


    #comments > h3 {
        font-size: 30px;
    }

    #respond > h3 {
        font-size: 30px;
    }

    #respond .form_fields p {
        margin-bottom: 24px;
        width: 96%;
        float: none;
        padding-left: 0;
    }

    .form-allowed-tags {
        display: none
    }


    .woocommerce .woocommerce-result-count {
        width: 100%;

    }

    .woocommerce .woocommerce-ordering {
        text-align: left;
        width: 100%;
        padding: 15px 0 0 30px;
    }


    .woocommerce-page ul.products li.product h3 {
        font-size: 20px;
    }


    .woocommerce ul.products li.product .button {
        display: none;
    }


    .site-info .copyright, .site-info .designed-by {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }



}

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


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

    .side-nav__close-button { display: block; }
    .side-nav__close-button .navbar-toggle { float: right; }

    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(2) { -webkit-transform: rotateZ(-40deg) translate3d(4px, 17px, 0); transform: rotateZ(-40deg) translate3d(4px, 17px, 0); width: 12px; }
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(3) { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); opacity: 1; }
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(4) { -webkit-transform: rotateZ(40deg) translate3d(4px, -17px, 0); transform: rotateZ(40deg) translate3d(4px, -17px, 0); width: 12px; }

    .side-nav__wrap { padding-top: 20px; }


    .prevnext .previous {
        float: none;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
    }

    .prevnext .next {
        float: none;
        width: 100%;
        text-align: left;
    }

}

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

    .recent-post {
        width: 100%;
    }

    .side-nav-open .site {
        -webkit-transform: translateX(-86%);
            -ms-transform: translateX(-86%);
                transform: translateX(-86%);
    }

    .side-nav {
        width: 86%;
    }

    .side-nav-transitioning,
    .side-nav-open .side-nav-overlay {
        right: 86%;
    }

    .side-nav__scrollable-container {
        -webkit-transform: translateX(80%);
            -ms-transform: translateX(80%);
                transform: translateX(80%);
    }

    .side-nav__wrap {
        padding-bottom: 30px;
    }

    .navbar-nav ul {
        width: auto;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100%;
    }
}

@media screen and (max-width: 380px) {
    .side-nav__scrollable-container {
        width: 100%;
    }
}