/* @override http://development.local/testing/wp-content/themes/multi/css/media-queries.css?ver=3.8.1 */

/* @override http://development.local/testing/wp-content/themes/multi/css/media-queries.css?ver=3.8.1 */

/*=================================================================*/
/*  Media Queries
/*=================================================================*/
@media (min-width: 992px) {
	.container{
		max-width: 1040px;
	}
}


/* #Tablet Portrait
================================================== */
@media (min-width: 768px) and (max-width: 991px){
	body.boxed #wrapper{
		width: 750px !important;
	}
	#menu,
	#header-cart-info,
	#header-login-info{
		display: none;
	}
	#header-cart-info{
		display: none !important;
	}
	
	#page-header-slider .button{
		font-size: 120% !important;
	}
	
	#mobile-menu-open{
		float: right;
		position: relative;
		display: block;
	}
	
	html.mobile #mobile-menu-open{
		position: absolute;
		top: 18px !important;
		right: 15px;
	}
	
	#mobile-menu-open i{
		color: #fff;
		font-size: 22px;
		background-color: rgba(6, 6, 5, 0.2);
		font-weight: 300 !important;
		padding: 3px 7px;
		margin-right: 8px;
		border-radius: 2px;
		text-shadow: 0 1px 1px rgba(5, 5, 5, 0.42);
	}
	
	#mobile-menu-open span{
		color: #fff;
		font-size: 15px;
		font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-weight: 300 !important;
	}
	
	#mobile-menu-open{
		position: relative;
		top: 50px;
		display: block;
		float: right;
	}
	
	#portfolio.three-cols .project{
		width: 31%;
	}
	
	
	#main-content{
		margin-left: 0 !important;
		padding-left: 0 !important;
		padding-right: 10px;
	}
	
	#main-content{
		width: 100% !important;
	}
	
	
	#blog.style2 .post .post-content{
		width: 100%;
	}
	
	#blog.style3 .post{
		width: 47% !important;
	}

	#sidebar{
		width: 100%;
		padding: 40px 16px 0 20px !important;
		margin-top: 40px;
		border-top: 1px solid #ececeb;
	}
	
	
	.woocommerce #order_comments{
		width: 100%;
	}
	body.sidebar-none .woocommerce ul.products li.product,
	body.sidebar-none .woocommerce-page ul.products li.product{
		width: 23% !important;
		margin-right: 10px;
	}
	
	body.sidebar-left ul.products li.product,
	body.sidebar-left ul.products li.product,
	body.sidebar-right ul.products li.product,
	body.sidebar-right ul.products li.product{
		width: 45% !important;
		margin-right: 10px;
		float: left !important;
	}
	.woocommerce ul.products li.product:nth-child(2n), 
	.woocommerce-page ul.products li.product:nth-child(2n){
		clear: none !important;
	}
	.woocommerce ul.products li.product:nth-child(3n), 
	.woocommerce-page ul.products li.product:nth-child(3n){
		clear: both !important;
	}
	
	/*
	.member-social p{
		display: none;
	}*/
	
	
	.wpb_tour ul.nav-tabs{
		width: 200px !important;
	}
	
	
	.crsl-item{
		width: 300px;
	}
	
	.newsletter_shortcode .newsletter_text{
		float: none;
		width: 100%;
		min-width: 100%;
	}
	
	.newsletter_shortcode .newsletter_container input,
	.newsletter_shortcode .newsletter_container .subscribe-btn{
		width: 49%;
	}
	.col-md-4 .newsletter_shortcode input[type="text"]{
		width: 100%;
		position: absolute;
	}
	.col-md-4 .newsletter_shortcode .newsletter_container .subscribe-btn{
		width: 100%;
		margin-top: 49px;
	}
	
	
	
	#page-header-slider .button{
		font-size: 100%;
	}
	
	
	.mcrowvideo video,
	.video-background{
		display: none !important;
	}
	
	
	.col-style2 .col-icon{
		float: none;
		margin: 0 auto;
		padding-top: 25px;
		padding-bottom: 25px;
	}	
	.col-style2 .col-text{
		width: 100%;
		text-align: center;
	}	
	
	.column_abimage{
		height: auto !important;
	}
	.column_abimage .col-text{
		width: 100%;
	}
	.column_abimage .col-image{
		display: none;
	}
	
	
			
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11 {
	  float: left;
	}
	.col-md-1 {
	  width: 8.333333333333332%;
	}
	.col-md-2 {
	  width: 16.666666666666664%;
	}
	.col-md-3 {
	  width: 25%;
	}
	.col-md-4 {
	  width: 33.33333333333333%;
	}
	.col-md-5 {
	  width: 41.66666666666667%;
	}
	.col-md-6 {
	  width: 50%;
	}
	.col-md-7 {
	  width: 58.333333333333336%;
	}
	.col-md-8 {
	  width: 66.66666666666666%;
	}
	.col-md-9 {
	  width: 75%;
	}
	.col-md-10 {
	  width: 83.33333333333334%;
	}
	.col-md-11 {
	  width: 91.66666666666666%;
	}
	.col-md-12 {
	  width: 100%;
	}
	.col-md-push-0 {
	  left: auto;
	}
	.col-md-push-1 {
	  left: 8.333333333333332%;
	}
	.col-md-push-2 {
	  left: 16.666666666666664%;
	}
	.col-md-push-3 {
	  left: 25%;
	}
	.col-md-push-4 {
	  left: 33.33333333333333%;
	}
	.col-md-push-5 {
	  left: 41.66666666666667%;
	}
	.col-md-push-6 {
	  left: 50%;
	}
	.col-md-push-7 {
	  left: 58.333333333333336%;
	}
	.col-md-push-8 {
	  left: 66.66666666666666%;
	}
	.col-md-push-9 {
	  left: 75%;
	}
	.col-md-push-10 {
	  left: 83.33333333333334%;
	}
	.col-md-push-11 {
	  left: 91.66666666666666%;
	}
	.col-md-pull-0 {
	  right: auto;
	}
	.col-md-pull-1 {
	  right: 8.333333333333332%;
	}
	.col-md-pull-2 {
	  right: 16.666666666666664%;
	}
	.col-md-pull-3 {
	  right: 25%;
	}
	.col-md-pull-4 {
	  right: 33.33333333333333%;
	}
	.col-md-pull-5 {
	  right: 41.66666666666667%;
	}
	.col-md-pull-6 {
	  right: 50%;
	}
	.col-md-pull-7 {
	  right: 58.333333333333336%;
	}
	.col-md-pull-8 {
	  right: 66.66666666666666%;
	}
	.col-md-pull-9 {
	  right: 75%;
	}
	.col-md-pull-10 {
	  right: 83.33333333333334%;
	}
	.col-md-pull-11 {
	  right: 91.66666666666666%;
	}
	.col-md-offset-0 {
	  margin-left: 0;
	}
	.col-md-offset-1 {
	  margin-left: 8.333333333333332%;
	}
	.col-md-offset-2 {
	  margin-left: 16.666666666666664%;
	}
	.col-md-offset-3 {
	  margin-left: 25%;
	}
	.col-md-offset-4 {
	  margin-left: 33.33333333333333%;
	}
	.col-md-offset-5 {
	  margin-left: 41.66666666666667%;
	}
	.col-md-offset-6 {
	  margin-left: 50%;
	}
	.col-md-offset-7 {
	  margin-left: 58.333333333333336%;
	}
	.col-md-offset-8 {
	  margin-left: 66.66666666666666%;
	}
	.col-md-offset-9 {
	  margin-left: 75%;
	}
	.col-md-offset-10 {
	  margin-left: 83.33333333333334%;
	}
	.col-md-offset-11 {
	  margin-left: 91.66666666666666%;
	}
	
	/*=================================================================*/
	/* disable css divs animations for mobile devices
	/* the content is not displayed if user is scrolling
	/* so it does not look goog, let's disable the animations
	/*=================================================================*/
	.wpb_animate_when_almost_visible {
	  opacity: 1 !important;
	}
	.wpb_top-to-bottom,
	.wpb_bottom-to-top,
	.wpb_left-to-right,
	.wpb_right-to-left,
	.wpb_appear {
	  -webkit-animation: none !important;
	  -moz-animation: none !important;
	  -o-animation: none !important;
	  animation: none !important;
	  opacity: 1 !important;
	  -webkit-transform: 0;
	  -moz-transform: 0;
	  -o-transform: 0;
	  transform: 0;
	}
	
	
}





/** Mobile Portrait **/
@media (max-width: 767px) {
	body,
	html{
		overflow-x: hidden;
		padding: 0 !important;
	}
	#header-cart-info,
	#header-login-info{
		display: none !important;
	}
	
	#inner-header{
		padding-bottom: 15px !important;
	}
	
	
	
	#page-header-slider .button{
		font-size: 100% !important;
		padding-left: 14% !important;
		padding-right: 14% !important;
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}
	
	
	#main-content{
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
	
	
	#mobile-menu-open{
		position: relative;
		top: 21px;
		display: block;
		float: right;
	}
	
	#mobile-menu-open i{
		color: #fff;
		font-size: 22px;
		background-color: rgba(6, 6, 5, 0.2);
		font-weight: 300 !important;
		padding: 3px 7px;
		margin-right: 8px;
		border-radius: 2px;
		text-shadow: 0 1px 1px rgba(5, 5, 5, 0.42);
	}
	
	#mobile-menu-open span{
		color: #fff;
		display: none;
		font-size: 17px;
		font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-weight: 300 !important;
	}
	
	.container,
	#main-content.col-md-8 .container,
	body.boxed #wrapper{ 
		width: 300px !important; 
	}
	
	
	#portfolio.three-cols .project,
	#portfolio.four-cols .project,
	#portfolio.two-cols .project,
	#portfolio.one-cols .project,
	ul.products {
		width: 100%;
	}
	
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product{
		width: 90% !important;
	}

	.single-product div.product div.summary, 
	.single-product div.product div.summary,
	.single-product .images{
		width: 100% !important;
	}
	
	
	.woocommerce .checkout .col-2,
	.woocommerce-page .checkout .col-2,
	.woocommerce .checkout .col-1,
	.woocommerce-page .checkout .col-1{
		width: 100% !important;
	}
	
	
	.woocommerce-tabs #review_form .comment-form-author,
	.woocommerce-tabs #review_form .comment-form-email,
	.woocommerce-tabs #review_form .comment-form-comment,
	.woocommerce-tabs #review_form input{
		width: 100% !important;
	}
	.woocommerce-tabs #review_form .comment-form-comment{
		position: relative;
		top: 0 !important;
	}
	.woocommerce-tabs #review_form .comment-form-comment{
		float: none !important;
		position: relative !important;
		top: 0 !important;
		right: 0;
	}
	
	body.sidebar-none .woocommerce ul.products li.product,
	body.sidebar-none .woocommerce-page ul.products li.product{
		width: 98% !important;
		margin-right: 0;
	}
	
	
	.shop_table.cart .product-thumbnail{
		display: none;
	}
	
	.shop_table.cart td.product-name{
		
	}
	.shop_table.cart .coupon{
		width: 100%;
	}
	.shop_table.cart .coupon input{
		width: 100% !important;
		margin-bottom: 10px;
	}
	.shop_table.cart .coupon .button,
	.shop_table.cart .actions .button{
		width: 100% !important;
		margin-bottom: 0;
		margin-top: 10px;
	}
	
	.cart-collaterals .cart_totals{
		width: 100% !important;
	}
	
	.woocommerce #order_comments{
		width: 100%;
	}
	
	
	#mobile-portrait-cart{
		width: 90%;
	}
	#mobile-portrait-cart .button{
		width: 100%;
		margin-top: 10px;
	}
	
	
	
	.single-product .related{
		display: none;
	}
	
	
	.wpb_tour ul.nav-tabs{
		width: 100% !important;
	}
	#blog.masonry .post{
		width: 100%;
	}
	
	#blog.style1 .post .post-format{
		display: none;
	}
	#blog.style1 .post .post-content{
		width: 100%;
	}
	#blog.style2 .post .post-content{
		width: 100%;
	}
	
	#blog.style3 .post{
		width: 100% !important;
	}
	
	
	#blog .post .meta{
		display: none;
	}
	#blog .post .read-link{
		width: 100% !important;
	}
	#blog .post .read-link a{
		width: 100%;
		text-align: center;
	}
	
	#respond .comment-form-comment{
		position: relative;
		top: 0;
		float: none;
		width: 100%;
	}
	#respond .comment-form-author, 
	#respond .comment-form-email, 
	#respond .comment-form-url,
	#respond .comment-form-comment textarea{
		width: 100%;
	}
	
	
	
	#portfolio.projects-margin-none ul li{
		width: 100% !important;
		float: none;
	}
	
	
	
	.newsletter_shortcode .newsletter_text{
		float: none;
		width: 100%;
		min-width: 100%;
	}
	
	.newsletter_shortcode .newsletter_container input{
		width: 97%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.newsletter_shortcode .newsletter_container .subscribe-btn{
		width: 97%;
		margin-top: 52px;
		float: left;
		clear: both;
	}
	.col-md-4 .newsletter_shortcode input[type="text"]{
		width: 100%;
		position: absolute;
	}
	.col-md-4 .newsletter_shortcode .newsletter_container .subscribe-btn{
		width: 100%;
		margin-top: 49px;
	}
	
	
	.col-style2 .col-icon{
		float: none;
		margin: 0 auto;
		padding-top: 25px;
		padding-bottom: 25px;
	}	
	.col-style2 .col-text{
		width: 100%;
		text-align: center;
	}
	.col-style3 .col-text{
		width: 82%;
	}
	
	
	.wpb_tour .wpb_tabs_nav{
		margin-bottom: 20px !important;
	}
	.wpb_tour .wpb_tabs_nav,
	.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab{
		width: 100% !important;
	}
	
	
	#main-content{
		width: auto !important;
	}
	
	
	#sidebar,
	.breadcrumbs,
	#top-info,
	#menu,
	#header-cart-info,
	#filter-bar{
		display: none;
	}
	
	.mcrowvideo video,
	.video-background{
		display: none !important;
	}
	
	#page-header-slider a.ls-nav-prev,
	#page-header-slider a.ls-nav-next{
		display: none !important;
	}
	
	
	#footer #copyright .col-md-6{
		padding-bottom: 10px;
		text-align: center;
	}
	#footer #copyright .pull-right{
		display: none;
	}
	
	/*=================================================================*/
	/* disable css divs animations for mobile devices
	/* the content is not displayed if user is scrolling
	/* so it does not look goog, let's disable the animations
	/*=================================================================*/
	.wpb_animate_when_almost_visible {
	  opacity: 1 !important;
	}
	.wpb_top-to-bottom,
	.wpb_bottom-to-top,
	.wpb_left-to-right,
	.wpb_right-to-left,
	.wpb_appear {
	  -webkit-animation: none !important;
	  -moz-animation: none !important;
	  -o-animation: none !important;
	  animation: none !important;
	  opacity: 1 !important;
	  -webkit-transform: 0;
	  -moz-transform: 0;
	  -o-transform: 0;
	  transform: 0;
	}
	
	
	
		
	
	
	
}



/** Mobile Landscape **/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container,
	#main-content.col-md-8 .container,
	body.boxed #wrapper { 
		width: 440px !important; 
	}	
	#sidebar,
	.breadcrumbs,
	#top-info,
	#menu,
	#header-cart-info,
	#filter-bar{
		display: none;
	}
	#header-cart-info{
		display: none !important;
	}
	
	
	#inner-header{
		padding-bottom: 25px !important;
	}
	
	#mobile-portrait-cart{
		width: 97%;
	}
	#mobile-portrait-cart .button{
		width: auto;
		margin-top: 0px;
	}
	
	
	#blog.style1 .post .post-format{
		display: none;
	}
	#blog.style1 .post .post-content{
		width: 100%;
	}
	#blog.style2 .post .post-content{
		width: 100%;
	}
	
	#blog.style3 .post{
		width: 100% !important;
	}
	
	
	
	#portfolio.projects-margin-none ul li{
		width: 50% !important;
		float: left;
	}
	
	
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product{
		width: 46% !important;
		float: left !important;
		clear: none;
		margin: 0 3.8% 2.992em 0 !important;
	}
	
	li.first {
		clear: none !important;
	}
	li.last {
		margin-right: 0;
	}
	
	.touchcarousel li.col-md-3,
	.touchcarousel li.col-md-4,
	.touchcarousel li.col-md-6,
	.touchcarousel li.col-md-five{
		width: 220px;
	}
	
	
	.col-style2 .col-icon{
		float: left;
		margin: 0 15px 0 auto;
		padding-top: 25px;
		padding-bottom: 25px;
	}	
	.col-style2 .col-text{
		width: 82%;
		text-align: left;
	}
	
	.col-style3 .col-text{
		width: 88%;
	}
	#page-header-slider a.ls-nav-prev,
	#page-header-slider a.ls-nav-next{
		display: none !important;
	}
	
	
}