/******************************************
* 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: 1441px) {
	.container, .widget, .navbar-header {
		margin-right: 15%;
		margin-left: 15%;
		padding:0px;
		width: 70%;
		padding-bottom: 0px;
	}
}

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

    .wpzlb-layout .wpzlb-inner-wrap, .wpzlb-layout .wrapped { max-width: 96%; }
	
	.navbar-brand a img {width:100%;height:auto}
	
	.container, .widget, .navbar-header {
		margin-right: 10%;
		margin-left: 10%;
		padding:0px;
		width: 80%;
		padding-bottom: 0px;
	}
}


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

    .side-nav .navbar-nav {
        display: block;
    }

    .navbar-toggle { display: block; }

    .navbar-collapse { display: none; }
	
	.navbar-nav { display: none; }
	/*.in>.navbar-nav { display: block; }*/

    .navbar-nav { float: none; }

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

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

    .navbar-nav li a { color: #fff; }

    .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; margin-bottom: 12px; 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 }
	
	.navbar-brand a img {width:300px;height:auto}

    a.cart-button { float: none; margin-top: 12px; }

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

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

    .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-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 h4, .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; }
	article a:hover .entry-thumbnail-popover-content h4, article a:hover .entry-thumbnail-popover-content p, article a:hover .entry-thumbnail-popover-content .btn { display: block; }

    .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 }
	
	.single-portfolio_item .entry-content {margin: 18% auto 20px;}

	.container, .widget, .navbar-header {
		margin-right: 10%;
		margin-left: 10%;
		padding:0px;
		width: 80%;
		padding-bottom: 0px;

		}
}




/* Tablet Portrait */
@media screen and (max-width: 768px) {
    #slider .slides > li, #slider .flex-viewport, #slider .slides { min-height: 300px; }

	.slides > li .li-wrap {
		top: 50%;		
	}

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

    .slides > li .excerpt { font-size: 16px; margin: 10px auto 0; }
	.slides > li  .excerpt p { line-height:1.2em }

    .slides > li h3 { font-size: 24px;padding-bottom: 10px; }
	.slides > li h3:after {border-bottom: 1px solid white}	

	
	.slides > li .slide_button {margin: 20px 0 0;}
	.slides > li .slide_button a { padding: 5px 15px; font-size: 0.6em;}
	
	

    .wrap .site-main { width: 100%; }
    .wrap .sidebar--shop { width: 100%; }

    .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: 0; overflow: hidden; padding:0}

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

    .widgetized-section .featured_page_wrap.text-columns-2 .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 }
	
	.admin-bar .side-nav__wrap { padding-top: 106px /* 60 + 46 */ }
	
	.single-portfolio_item .entry-content {margin: 25% auto 20px;}
	
	.container, .widget, .navbar-header {
		margin-right: 10%;
		margin-left: 10%;
		padding:0px;
		width: 80%;
		padding-bottom: 0px;
	}

}


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



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

    .side-nav__close-button { display: block; }

    .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; }
	
	.single-portfolio_item .entry-content {margin: 28% auto 20px;}
}

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

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

    .side-nav {
        width: 50%;
    }

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

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

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

    .navbar-nav ul {
        width: auto;
    }

    .side-nav .widget {
        margin-bottom: 30px;
    }

    .side-nav .title {
        margin-bottom: 10px;
    }
	
	.navbar-default  .navbar-brand {padding:5px 0px; height:74px;width: 75%;}
	.navbar-brand a.page-scroll { font-size: 16px; text-transform: uppercase; }
	.navbar-brand #subtitle {font-size: 0.6em; margin: -40px 0 0 180px; }
	.navbar-toggle{margin-top:15px;}
	
	.navbar-brand img { max-width: 100%; height: auto; }
	
	.single-portfolio_item .entry-content {margin: 40% auto 20px;}
	
}

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


@media screen and (min-height: 368px) and (orientation: landscape) {
	.slides > li .li-wrap {
		top: 30%;		
	}
}

@media screen and (min-height: 768px) and (orientation: landscape) {
	.slides > li .li-wrap {
		top: 50%;		
	}
}

@media (min-width: 769px ) {
}

@media (min-width: 1025px) {	
	.navbar-nav > li { margin: 0 8px }
}

@media (min-width: 1281px) {
	.navbar-nav > li { margin: 0 15px }
}

nav  {width:100%;}
.navbar .container {margin:0px;padding:0px}

.container.widget.widget_text {
width:100%;
}


  
@viewport {
   width: device-width;
   zoom:1;
}