/******************************************
* 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: 1200px) {
    .widgetized-section .feature-posts-list { margin: 0 -15px; }

    .widgetized-section .featured-products li { width: 23%;  margin-right: 2%; }

    .widgetized-section .featured-products li img { max-width: 100%; height: auto; }
}

@media screen and (max-width: 1024px) {
    /* Menu */
    .site-header.has-menu-overlay .navbar { position: relative; background: #111; }

    .navbar-toggle { display: block }

    .navbar-collapse { display: none }

    .navbar-collapse.in { display: block }

    .navbar-nav { padding: 15px 0 }

    .navbar-nav li { display: block; float: none; margin-right: 0; }

    .navbar-nav > li > a { font-weight: bold; color: #fff; border: none; }

    .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: 20px; margin-top: 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; }

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

    .navbar-nav ul ul { left: 0 }

    .navbar-nav li li a { color: #ccc }

    a.cart-button { float: left }

    .current-menu-item a, .current_page_item a, .current-menu-parent a, .current_page_parent a { border-bottom: none }

    .slides > li h3 { font-size: 56px }

    .slides > li .excerpt { font-size: 18px }

    .entry-thumbnail-popover-content { bottom: 0; padding: 10px 20px; }
    .has-post-thumbnail .entry-thumbnail-popover { opacity: 1; pointer-events: none; }
    .has-post-thumbnail .entry-thumbnail-popover:before {  content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D000000', endColorstr='#33000000', GradientType=0); }
    .has-post-thumbnail .entry-thumbnail-popover:after { display: none; }
    .has-post-thumbnail .entry-thumbnail-popover-content { opacity: 1; }
    .has-post-thumbnail .entry-thumbnail-popover-content h2, .has-post-thumbnail .entry-thumbnail-popover-content h3 { font-size: 18px; }
    .entry-thumbnail-popover-content p, .entry-thumbnail-popover-content .btn { display: none; }
    .portfolio-view_all-link .entry-thumbnail-popover-content .btn { display: inline-block; float: right; }

    .link_to_post { display: block }

    .portfolio-showcase .portfolio_item:hover img, .portfolio-archive .portfolio_item:hover img, .portfolio-scroller .portfolio_item:hover img { transform: none }

    .site-info .copyright, .site-info .designed-by { width: 100%; float: none; }

    .site-info .designed-by { float: left; text-align: left; }

    .recent-posts .post-thumb img { max-width: 100%; height: auto; }

    .page .has-post-cover .entry-header .entry-title, .single .has-post-cover .entry-header .entry-title { font-size: 42px }

}

/* Tablet Portrait */
@media screen and (max-width: 768px) {
    .slides > li h3 { font-size: 38px }

    .slides > li .excerpt { font-size: 16px }

    .slides > li .slide_button a { font-size: 20px }

    .widgetized-section .featured-products { text-align: center }

    .widgetized-section .featured-products li { width: 45%; margin-right: 2%; }

    .portfolio-showcase .portfolio_item, .portfolio-archive .portfolio_item { width: 50% }

    .footer-widgets .column { width: 100%; float: none; margin-right: 0; }

    .widgetized-section .featured_page_content .post-content { -moz-column-count: 1; -moz-column-gap: 10%; -webkit-column-count: 1; -webkit-column-gap: 50px; }

    .recent-posts .entry-body { width: 100%; float: none; }

    .recent-posts .entry-meta { width: 100%; float: none; margin-top: 25px; }

    .recent-posts .entry-meta p { float: left; margin-right: 15px; }

    .recent-posts .post-thumb img { max-width: 100%; height: auto; }

    .entry-title { font-size: 32px }

    .page .share a, .single .share a { width: auto; clear: both; display: table; margin: 0 auto 20px; }

    .portfolio-archive-taxonomies a { padding: 0; border: none; margin-right: 20px; font-size: 14px; }

    #respond input { width: 100% }

    .form-allowed-tags { display: none }

}

@media screen and (max-width: 640px) {
    .widgetized-section .feature-posts-list > li { width: 100%; padding: 0 30px; margin-bottom: 40px; float: left; }

    .slides > li .excerpt { display: none }

    .slides > li h3 { font-size: 24px }

    .slides > li .slide_button a { font-size: 16px }

    .slides > li .li-wrap { margin-top: 0 }

    .slides > li h3 a:after, .slides > li h3.missing-url:after { display: none }

    .portfolio-archive-taxonomies li { display: block }

    .portfolio-archive-taxonomies a { font-size: 12px; margin: 0 0 15px; }

    .portfolio-archive-taxonomies li + li { margin: 0 }

    .page .has-post-cover .entry-header .entry-title, .single .has-post-cover .entry-header .entry-title { font-size: 24px }

    .widget_wpzoom-instagram li:nth-child(3n+3) { margin-right: 15px }

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

}

@media screen and (max-width: 460px) {
  .portfolio-showcase .portfolio_item, .portfolio-archive .portfolio_item { width: 100%; }

  .widgetized-section .featured-products li { width: 100%;  margin-right: 0; }
}