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

*/



/* Small Displays */
@media screen and (max-width: 1300px) {
    .slides > li .li-wrap { width: 90%; }

}

@media screen and (max-width: 1200px) {
    .navbar-toggle { display: block }

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

    #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:hover { margin-top: 0; }
    .dropdown > li:hover > a { margin-top: 0; }
    .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%; }
    #footer .widget-columns-1 .column { width: 100%; }
    #footer .widget-columns-2 .column { width: 48%; }
    #footer .widget-columns-3 .column { width: 31%; }

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

}


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

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

    .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[type="text"] { width:94%; }
	#comments .commentlist li #respond textarea { width: 94%; }
	#comments .commentlist li #respond p.form-submit input { width: auto; }

    #footer .widgets .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[type="text"], #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 .widgets .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) {

    #logo { display: block; margin-bottom: 2%;}
    #logo h1 { width: 100%; }
    #logo h1 { display: block; float: left; }

    .site-description { display: none; }

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

    #header { padding: 10px 0 0; }

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

}