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

*/


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

    .inner-wrap { width: 90%; padding: 0 3%; }

    #content { width:66%;}

    #slider { height:auto; padding:0; }
    #slider .slide_content {width:60%; }
    #slider.small-size .slide_content {width:70%; }

    #sidebar { width:30%; }

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

}


@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 }

    .header_social { margin: 5px 0 0; }

}


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

    .widget_archive li { width:100%;  }

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

    .copyright .left,
    .copyright .right {
        float: none;
        margin: 10px 0;
    }

    #slider h2 a { font-size: 26px;  }

    #slider .slide_content p,
    #slider h3 { display:none; }

    .woocommerce #sidebar {
        float: none;
        width: 100%;
        margin-left: 0;
    }

}


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

    #logo a { font-size: 42px; }

    .home_widgets .home_column {  width:100%; margin: 0;  }

    #content { width:100%;}

    #slider .slide_content { padding:3%; bottom:4%; left:4%; width:auto; }
    #slider h2 a {  font-size: 20px; }

    .home_widgets { margin-left:0%;  }

    .recent-post {
         margin:-1px 0 30px 0;
         width:100%;

    }

    .recent-post .post-content {overflow:visible; }
    .recent-post .post-thumb { width:100%; margin-right:0;}
    .recent-post .post-thumb img { max-width: 100%; height:auto; }

    #respond .form_fields { width:97%; margin:0; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input[type="text"] { width:98%; }
    .children #respond { margin-right:0; }

    #sidebar { width:100%; margin-left:0%;}

    #footer div.column { margin-right: 0;  width: 100%; }

}