/******************************************
* 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 Displays */
@media screen and (max-width: 1300px) {
    .slides > li .li-wrap { width: 90%; }

}

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

    .inner-wrap { width: 96%; }
    .wpzlb-layout .wpzlb-inner-wrap, .wpzlb-layout .wrapped {  width: 96%; }


    /* Header */
    #logo { display: block; margin-bottom: 2%;}
    #logo img { height: auto; max-width: 100%; width: 100%; }
    #logo h1 { width: 100%; }
    #logo h1 { display: block; float: left; }

    .btn_menu {  position: absolute; right: 3%; top: 35px; width:30px; display: block; cursor: pointer; background-image: url('images/menu.png'); background-position: 8px 9px; background-repeat:  no-repeat; background-color: #206ed1; padding: 5px 5px 0; width: 30px; height: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
     .btn_menu.active { background-image: url('images/menu-close.png'); }

    #menu { display: none; background: #F3F3F3; margin-left: 0; padding: 2% 5%; width: 90%; }
    .mobile-menu { display: none; }
    .dropdown { padding: 15px 0; }
    .dropdown li { display: block; float: none; margin-right: 0; }
    .dropdown a { border:none; padding: 10px 15px; font-weight: bold;}
    .dropdown a.sf-with-ul:hover  { border:none; }
    .dropdown li:hover a.sf-with-ul { background: none; border:none; }
    .dropdown ul li a, .dropdown li:hover ul a { padding: 0 0 10px 20px; font-weight:  normal;}
    .dropdown ul { background: none; display: block !important; margin-left: 10px; position: relative; top: 0; visibility: inherit !important; width: auto; border: none; }
    .dropdown > li > a:hover { margin-top: 0; }
    .dropdown > li > a:after { display: none; }
    .dropdown > li > a:hover:after { border-top-color: #f17141; }
    .dropdown ul {  -webkit-box-shadow: none; box-shadow: none; padding: 0; }
    .dropdown > li > a:hover { color:#333; margin-top: 0; }
    .dropdown > li:hover { margin-top: 0; }
    .dropdown > li:hover > a { margin-top: 0; }
    .dropdown li:hover a { background:none; color: #333; }
    .dropdown li:hover  { background:none; }
    .dropdown li:hover ul,
    .dropdown li.sfHover ul { left: 0; top: 0; z-index: 99; }
    ul.dropdown li:hover li ul,
    ul.dropdown li.sfHover li ul { top: 0; }
    ul.dropdown li li:hover ul,
    ul.dropdown li li.sfHover ul { left: 0; top: 0; }
    ul.dropdown li li:hover li ul,
    ul.dropdown li li.sfHover li ul { top: 0; }
    ul.dropdown li li li:hover ul,
    ul.dropdown li li li.sfHover ul { left: 0; top: 0; }
    a.cart-button { float: left; padding-left: 20px !important; }

    #slider { height: auto;  width: 100%; }
    .slides > li .li-wrap {  width: 85% }
    .slides > li .excerpt { width: 100%; }
    #slider img { height: auto; max-width: 100%; width: 100%; }


    /* Content */
    #main { width: 65%; }
    #sidebar { width: 31%; }

    /* Two sidebars layouts */
    #sidebar-left { width: 25%; margin-right: 2%; }
    .side-both #sidebar { width: 25%; }
    .side-both #main { width: 44%; }

    /* Homepage widgets */
    .home_column_full .post-thumb_left,
    .home_column_full .post-video_left,
    .home_column_full .post-thumb_right,
    .home_column_full .post-video_right { width: 50%; }

    .home_column_full .featured-products li { width: 23%; margin-right: 2%; }
    .home_column_full .featured-products li:nth-child(4n+4) { margin-right: 0; }
    .home_widgets .home_column { width: 31%; margin-right: 3%; }
    .home_column_full .widget .feature-posts-list li { width: 23%; }

    /* Directory widget */
    .page-template-page-templatestemplate-home-directory-php .full-width .featured-pages-4 .wpzoom-featured-page { width: 23%; margin-right: 2%; }
    .page-template-page-templatestemplate-home-directory-php .full-width .featured-pages-4 .wpzoom-featured-page:nth-child(3n+3) { margin-right: 2% }
    .page-template-page-templatestemplate-home-directory-php .side-both .featured-pages-4 .wpzoom-featured-page { margin-right: 6%; width: 47%; }
    .page-template-page-templatestemplate-home-directory-php .featured-pages-4 .wpzoom-featured-page { width: 31%; margin-right: 3%; }
    .page-template-page-templatestemplate-home-directory-php .featured-pages-4 .wpzoom-featured-page:nth-child(4n+4) { margin-right: 3% }

    /* Directory template */
    .featured-pages-3 .wpzoom-featured-page { width: 31%; margin-right: 2%; }
    .side-both .featured-pages-3 .wpzoom-featured-page { width: 48%; margin-right: 2%; }
    .featured-pages-3 .wpzoom-featured-page .title-post { font-size: 18px }
    .featured-pages-2 .wpzoom-featured-page { width: 48%; margin-right: 2%; }
    .featured-pages-2 .wpzoom-featured-page .title-post { font-size: 18px }
    .featured-pages-4 .wpzoom-featured-page { width: 23%; margin-right: 2%; }
    .full-width .featured-pages-4 .wpzoom-featured-page { margin-right: 2%; width: 23%; }
    .full-width .featured-pages-4 .wpzoom-featured-page .title-post { font-size: 18px }

    /* WooCommerce template */
    .page-template-page-templatestemplate-home-woocommerce-php .full-width .featured-products li { width: 23%; margin-right: 2%; }

    #footer div.column { margin-right: 2%; width: 23%; }

    .home_column_full .widget .feature-posts-list li { width: 100% !important; float: none; }

}


/* Large Screens */
@media screen and (max-width: 980px) {

    .slides > li h3 { margin-top: 80px !important; }

    #slider { height: 480px; }
    #slider .slides > li { height: 480px; }
    .slides > li h3 { font-size: 48px;}
    .slides > li .excerpt { line-height: 1.5; }

    /* Two sidebars layouts */
    #sidebar-left { width: 31%; margin-right: 0; float: right; }
    .side-both #sidebar { width: 100%; }
    .side-both #main { width: 65%; }

    #comments .commentlist li #respond input { width:94%; }
	#comments .commentlist li #respond textarea { width: 94%; }
	#comments .commentlist li #respond p.form-submit input { width: auto; }

    #footer div.column { width: 47%; margin-right: 2%; margin-bottom: 3%; display: inline-block; vertical-align: top; float: none;}

    .page-template-page-templatestemplate-home-woocommerce-php .full-width .featured-products li { width: 45%; margin-right: 2%; }

}

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

    #slider { height: 420px; }
    #slider .slides > li { height: 420px; }
    .slides > li .excerpt { font-size: 18px; }
    .slides > li h3 { font-size:36px; }
    .slide_button a  { font-size: 16px; padding: 10px 20px; }

    #main { width: 100%; }

    #sidebar-left { width: 100%; margin-right: 0; float: right; }
    .side-both #sidebar { width: 100%; }
    .side-both #main { width: 100%; }

    #sidebar { width: 100%;  }

    .featured-pages-2 .wpzoom-featured-page { width: 40%; }

    .full-width .featured-pages-4 .wpzoom-featured-page { width: auto; }

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

    .home_column_full .featured-products {text-align: center; }
    .home_column_full .featured-products li { width: 40%; margin-right: 3%; }
    .home_column_full .featured-products li:nth-child(4n+4) { margin-right: 0; }

    .page-template-page-templatestemplate-home-directory-php .side-both .featured-pages-4 .wpzoom-featured-page { width: auto; }
    .page-template-page-templatestemplate-home-directory-php .full-width .featured-pages-4 .wpzoom-featured-page { width: auto; }
    .page-template-page-templatestemplate-home-directory-php .featured-pages-4 .wpzoom-featured-page { width: auto; }

    #recent-posts h2.title { font-size: 26px; }
    h1.entry-title{ font-size: 26px; }

}

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

    #slider { height: 360px !important; }
    #slider .slides > li { height: 360px; }
    .slides > li h3 { margin-top: 30px !important; }
    .slide_button a  { font-size: 16px; padding: 6px 15px; }

    #respond .form_fields { width:97%; margin:0; }
    #respond input, #respond textarea { width: 97%; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input { width:98%; }
    .children #respond { margin-right:0; }

    #sidebar .widget {width:100%; margin-right:0%; float:none; }

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

    #footer .left { float: none; }
    #footer .right { float: none; }
    #footer p.wpzoom { float: none; }

}

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

    .shortcode-tabs ul.tab_titles li.nav-tab a { font-size: 11px; padding: 10px 10px 14px;}

    #header { padding: 10px 0 0; }
    .btn_menu { top: 12px; }

    .slides > li h3 { margin-top: 50px !important; }
    .slides > li .li-wrap { width: 80%; text-align: center; }
    #slider { height: 260px !important; }
    #slider .slides > li { height: 260px; }
    .slides > li .excerpt { display: none; }
    .slides > li h3 { font-size:24px; }

    .home_column_full .widget .feature-posts-list li .post-thumb { width: 30%; }

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

    .featured-pages-3 .wpzoom-featured-page { width: auto; }
    .featured-pages-2 .wpzoom-featured-page { width: auto; }

}