/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (max-width: 1360px) { }


@media only screen and (max-width: 1024px) {
	.outter-wrapper, .pre-outter-wrapper{
		max-width: 768px;
	}
	
	.customNavigation a.prev{
		left: 0px;
	}
	
	.customNavigation a.next{
		right: 0px;
	}
	
	/* ==========================================================================
	   Tabs
	   ========================================================================== */	
		.tab-nav, .canon-cleanTabs-container ul.tab-nav {display: none;}
			
		h3.v_nav {
			font-size: 12px;
			letter-spacing: 2px;
			text-transform: uppercase;
			padding: .5em;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			margin: 0;
			text-align:center;
			margin-top: 1px;
			display: block;
			cursor: pointer;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			 -khtml-user-select: none;
			   -moz-user-select: none;
				-ms-user-select: none;
					user-select: none;
		}
	
		h3.v_nav:first-child {
			margin-top: 0;
		}
	
		h3.v_nav:hover {
			text-decoration:none;
		}
	
		h3.v_active {
			z-index:50;
		}
	
}




@media only screen and (max-width: 768px) {
	.outter-wrapper, .pre-outter-wrapper{
		max-width: 480px;
	}
	
	.body-wrapper{
		padding-top: 0;
	}
	
	.wrapper{
		max-width: 700px;
	}

/* ==========================================================================
   Typography
   ========================================================================== */
   	
	.post-container .title *{
		margin-top: .75em;
	}
	
	.feat-title{
		padding: .5em;
	}
	
	
/* ==========================================================================
   Navigation
   ========================================================================== */
   	
	#mobile-header, .menuHideBtn {
	    display: block;
	}
	
	#navigation, #the-primary-menu-container{
		display: none;
	}

	#sidr-main #the-primary-menu-container {
		display: block;	
	}


/* ==========================================================================
   Header Variation
   ========================================================================== */
   	
	.header-container .wrapper{
		padding-bottom: 0;
	}
	
	.wrapper.logo-container.with-menu{
		padding-top: 0;
		padding-bottom: 0;
	}
	
	/* Header 1 */
	.header-area.header-style-1 .main-header-left.left{
		text-align: center;
	}
	
	.header-area.header-style-1 .main-header-left.left .logo{
		display: inline-block;
	}
	
	
	/* Header 2 */
	.header-area.header-style-2 ul{
		text-align: center;
	}
	
	.header-area.header-style-2 ul li{
		float: none;
		display: inline-block;
	}
	

/* ==========================================================================
   Columns
   ========================================================================== */	
	.full, .half, .third, .fourth, .fifth, .two-thirds, .three-fourths, .two-fifths, .three-fifths, .four-fifths,
	.col-1-1, .col-1-2, .col-1-3, .col-1-4, .col-1-5, .col-2-3, .col-3-4, .col-2-5, .col-3-5, .col-4-5,
	.thumb-list.archive.relates li{
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	.archive-masonry-container .col-1-1,
	.archive-masonry-container .col-1-2,
	.archive-masonry-container .col-1-3,
	.archive-masonry-container .col-1-4 {width: 100%; } 
	.archive-masonry-container .gut-1-1,
	.archive-masonry-container .gut-1-2,
	.archive-masonry-container .gut-1-3,
	.archive-masonry-container .gut-1-4 { width: 0; }
	
	
	
	
	.footer-wrapper .wrapper > .col-1-2, .footer-wrapper .wrapper > .col-1-3, .footer-wrapper .wrapper > .col-1-4, .footer-wrapper .wrapper > .col-1-5,
	.footer-wrapper .wrapper > .col-2-3, .footer-wrapper .wrapper > .col-3-4, .footer-wrapper .wrapper > .col-2-5, .footer-wrapper .wrapper > .col-3-5,
	.footer-wrapper .wrapper > .col-4-5{
		border-bottom-style: solid;
		border-bottom-width: 3px;
		padding-bottom: 1.75em;
		margin-bottom: 2em;
	}
	
	.footer-wrapper .wrapper .last{
		border: none!important;
	}
	
	 .pad-right, .pad-left{
		margin: 0em;	
	}
	
	.block-column{
		margin-bottom: 2.5em;
	}
	
	.block-column.last{
		margin-bottom: 0;
	}
	
	.rate-container, .flexslider{
		margin-bottom: 1.5em;
	}
	
	.thumb-list.archive.relates li .rate-container, .thumb-list .rate-container, .thumb-list .flexslider{
		margin-bottom: 0;
	}
	 
	.rate-big {
	    padding: 0.5em;
	}
	

	
	
	/* ==========================================================================
	   Carousel
	   ========================================================================== */
	
	.customNavigation{
		opacity: .5!important;
	}
	
	
	
	
	
	/* ==========================================================================
	   Sitemap
	   ========================================================================== */
	ul.sitemap{
		display: inline;
		width: 100%;
	}
	
	ul.sitemap li{
		display: block;
		padding-left: 0;
		padding: 1px;
	}
	
	
	/* ==========================================================================
	   Block Elements
	   ========================================================================== */
	.ads *{
		margin-bottom: .5em;
		margin-top: .5em;
	}
	
	.page-heading{
		margin-bottom: 2em;
	}
	
	ul.pagination{
		margin-bottom: 3em;
	}
	
	ul.timeline{
		width: 100%;
	}
	
	ul.timeline > li{
		width: 100%;
		float: none!important;
	}
	
	.related-posts .thumb-list.archive.last{
		border: none;
	}
	
	.paging .col-1-2.prev{
		border-right: none;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	
	.maintenance_notice{
		margin-left: 20px;
		margin-right: 20px;
		max-width: 90%;
	}
	
	
	/* ==========================================================================
	   Tabs
	   ========================================================================== */	
		.tab-nav, .canon-cleanTabs-container ul.tab-nav {display: table;}
			
		h3.v_nav {
			font-size: 12px;
			letter-spacing: 2px;
			text-transform: uppercase;
			padding: .5em;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			margin: 0;
			text-align:center;
			margin-top: 1px;
			display: none;
			cursor: pointer;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			 -khtml-user-select: none;
			   -moz-user-select: none;
				-ms-user-select: none;
					user-select: none;
		}
	
}




@media only screen and (max-width: 480px) {
	
	html {
		padding: 0;
	}
	
	
	
	.outter-wrapper, .pre-outter-wrapper{
		max-width: 100%;
	}
	
	.pre-outter-wrapper .social-links{
		right: .5em;
	}
	
	.post h6.feat-1.meta{
		margin-top: 0;	
	}
	
	.comments img{
		max-width: 45px;
	}
	
	ul.comments li .more {
	    display: inline;
	    padding-left: 5px;
	}
	
	.text-seperator-bar{
		text-align: center;
	}
	
	.boxy.review-box .rate-tab{
		margin-left: 0em;
	}
	
	ul.graphs > li span, ul.review-graph > li span{
		float: none;
	}
	
	.page-numbers .prev, .page-numbers .next{
		float: none;
	}
	
	.page-numbers li:first-child a{
		padding-left: 0;
	}
	
	.page-numbers li:last-child a{
		padding-right: 0;
	}
	
	
	/* ==========================================================================
	   Tabs
	   ========================================================================== */	
		.tab-nav, .canon-cleanTabs-container ul.tab-nav {display: none;}
			
		h3.v_nav {
			font-size: 12px;
			letter-spacing: 2px;
			text-transform: uppercase;
			padding: .5em;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			margin: 0;
			text-align:center;
			margin-top: 1px;
			display: block;
			cursor: pointer;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			 -khtml-user-select: none;
			   -moz-user-select: none;
				-ms-user-select: none;
					user-select: none;
		}
	
		h3.v_nav:first-child  {
			margin-top: 0;
		}
	
		h3.v_nav:hover {
			text-decoration:none;
		}
	
		h3.v_active{
			z-index:50;
		}
		
		
	
	/* ==========================================================================
	   Header Variations
	   ========================================================================== */
	.pre-header-area .wrapper ul{
		display: block;
		text-align: center;
	}
	
	/* ==========================================================================
	   Forms
	   ========================================================================== */
	
	input[type=text],  input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit]{
		width: 100%;
		margin-bottom: 1em!important;
	}
	a.btn, input[type=button]{
		text-align: center;
	}
	
	   
	.body-wrapper .search-404{
		margin-bottom: 3em;
		-webkit-appearance: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 1em;
		position: relative;
	}
	
	.body-wrapper .search-404 input{
		margin-bottom: .5em;
	}
	
	.body-wrapper .search-404 .btn{
		position: relative;
		right: inherit;
		top: inherit;
		margin: 0;
	}
	
	
	
	/* ==========================================================================
	   Helper classes
	   ========================================================================== */
	.left, .right{
		float: none;
	}
	
	.left.stay{
		float: left;
	}
	
	.right.stay{
		float: right;
	}
	
	.base-line{
		text-align: center;
	}
	
}





/* ==========================================================================
   WOO-Commerece Styles
   ========================================================================== */  
@media only screen and (max-width: 768px) {
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
		width: 100%;
		float: none;
		text-align: left;
	}
	
	

}
@media only screen and (max-width: 480px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product, .related.products ul.products li, .upsells.products ul.products li{
		width: 100%!important;
		margin: 1em 0% 1em 0!important;
	}
	.shop_table.cart .product-thumbnail, .shop_table.cart .product-remove{
		display: none;
	}
	table.shop_table.cart td{
		padding-right: 3px;
		padding-left: 3px;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li{
		width: 100%;
		text-align: center;
		padding-left: 0;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		margin-bottom: .3em;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
		border-bottom-width: 0!important;
	}
	
	
	.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .related ul.products li.product{
		float: none!important;
		width: 100%!important;
	} 
	.woocommerce .star-rating, .woocommerce-page .star-rating{
		float: none!important;
	}
	.woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .button.alt, .woocommerce #content table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt{
		float: none;
	}
	.woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions{
		text-align: center;
	}
	input#coupon_code{
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		float: none!important;
		width: 96%!important;
		display: inline;
	}
	
}