/* TECHINS - MOBILE */

@charset "UTF-8";

@media only screen and (min-width:768px){

body{
	min-width: 768px;
	max-width: 992px;
}

.grid-1{ width: 16.66% !important; }
.grid-2{ width: 33.33% !important; }
.grid-3{ width: 50% !important; }
.grid-4{ width: 100%; }
.grid-5{ width: 83.33% !important; }
.grid-6{ width: 100% !important; }	

.t-grid-1{ width: 16.66% !important; }
.t-grid-2{ width: 33.33% !important; }
.t-grid-3{ width: 50% !important; }
.t-grid-4{ width: 66.66% !important; }
.t-grid-5{ width: 83.33% !important; }
.t-grid-6{ width: 100% !important; }

.wPadd{ padding: 20px !important; }
.woPadd{ padding: 0 20px !important; }
.woaPadd{ padding: 0 !important; }
.wtPadd{ padding: 20px 0 0 0 !important; }
.wbPadd{ padding-bottom: 20px !important; }
.wotPadd{ padding-top: 0 !important; }
.wobPadd{ padding-bottom: 0 !important; }
.wtbPadd{ padding: 20px 0 !important; }
.wrPadd{ padding-right: 20px !important; }

.wPaddHLF{ padding: 0 10px 20px 10px !important; }

.t-wPadd{ padding: 20px !important; }
.t-woPadd{ padding: 0 20px !important; }
.t-woaPadd{ padding: 0 !important; }
.t-wtPadd{ padding: 20px 0 0 0 !important; }
.t-wbPadd{ padding-bottom: 20px !important; }
.t-wotPadd{ padding-top: 0 !important; }
.t-wobPadd{ padding-bottom: 0 !important; }
.t-wtbPadd{ padding: 20px 0 !important; }
.t-wrPadd{ padding-right: 20px !important; }
.t-wlPadd{ padding-left: 20px !important; }
.t-wrlPadd{ padding-right: 20px !important; padding-left: 20px !important; }

.t-wPaddHLF{ padding: 0 10px 20px 10px !important; }
.t-wtbPaddHLF{ padding: 10px 0 !important; }
.t-wtPaddHLF{ padding-top: 10px !important; }
.t-wbPaddHLF{ padding-bottom: 10px !important; }
.t-woPaddHLF{ padding: 0 10px !important; }
.t-wrPaddHLF{ padding-right: 10px !important; }
.t-wlPaddHLF{ padding-left: 10px !important; }
.t-wrlPaddHLF{ padding-right: 10px !important; padding-left: 10px !important; }

.t-bBox{ box-sizing: border-box; }

.t-hide{ display: none; }
.t-show{ display: block; }

.t-f-right{ float: right !important; }
.t-f-left{ float: left !important; }
.t-relative{ position: relative; }

.d-button{ width: 40% !important; padding: 0 0 !important; margin-top: 20px !important; }
	.d-button a{ margin-top: 11px; display: block; }
	
.d-buttonHLF{ width: 50% !important; padding: 0 0 !important; margin-top: 20px !important; }
.d-buttonHLF.left{ padding: 0 10px 0 0 !important; }
.d-buttonHLF.right{ padding: 0 0 0 10px !important; }
	.d-buttonHLF a{ margin-top: 11px; display: block; }

.d-button-4{ width: 25% !important; padding: 0 10px !important; margin-top: 20px !important; }
.d-button-4.first{ padding-right: 10px !important; padding-left: 0 !important; }
.d-button-4.last{ padding-left: 10px !important; padding-right: 0 !important; }

div.main-container{ padding: 0 20px; margin: 0 auto; }

.t-txt-left{ text-align: left !important; }
.t-txt-bigger{ font-size: 1.1em; }
.t-txt-tiny{ font-size: .8em !important; }

.text-lt{ display: inline !important; }

.errorImage{ position: absolute; top: 40px; right: 0; }

h1{
	margin-top: 0px;
	font-size: 1.3em;
}

#category-description {
	width: 70%;
}


header{ height: 88px; }

	header div.logo{ height: 48px; }
	header div.logo img{ height: 48px; margin: 10px 0; }
	
	header div.menu ul{ margin: 10px 0; }
		
		header div.menu ul li{
			width: 48px; height: 48px;
			font-size: 24px;
		}
			header div.menu ul li:not(:first-child){ margin-right: 10px; }
			header div.menu ul li i{ margin-top: 12px;  }
			header div.menu ul li a.logged{ border-top: 5px solid #fcbf05; }
			header div.menu ul li a.logged i{ margin-top: 7px; }

	header div.menu ul li div.num{
		width: 26px; height: 24px;
		border-radius: 13px;
		right: -4px;
		font-size: .65em;
	}
	
section.cart-info-box{ 
	top: 20px; right: 29px; left: auto;
	width: 50%;
	padding: 0;
}
section.cart-info-box.fixed{ position: fixed; right: 29px; left: auto; }

	section.cart-info-box div.cart-info{
		padding: 20px;
	}
	
	header div.search{ top: 88px; }

nav.mobile{ padding-top: 88px; }

nav.mobile div.close{
		top: 20px; right: 30px;
		width: 48px; height: 48px;
		font-size: 24px;
	}
	nav.mobile div.close i{ margin-top: 12px; }
	
	nav.mobile div.navigation{ top: 88px; overflow-y: auto; }
	
		nav.mobile div.navigation ul li a{ padding: 15px 10px; }
		
			nav div.navigation ul li a i{ margin-top: 7px; }
				nav div.navigation ul li a i.fa-chevron-left{ margin-top: 3px; }

section{ padding-bottom: 20px; }
section.title{ padding: 20px 10px 0 10px; }
section.box{ padding: 20px 10px 0 10px; }
section:last-child:not(.d-wobPadd){ padding-bottom: 20px !important; }

	section.products { padding: 0 10px; box-sizing: border-box; }
	section.products div.container.grid-8 div.product{ padding: 20px; box-sizing: border-box; }
	section div.container div.product .d-product div.item div.value{ color: #3FA535; }
	
		section div.container div.product .d-product-single div.row div.name.big { font-size: 1.2em; }
		section div.container div.product .d-product-single div.row div.value.big { font-size: 1.2em; }
		
	section div.container.new-border{ margin-top: 1px !important; }
	section div.container.new-border:nth-child(1){ margin-top: 10px !important; }
	section div.container.new-border:nth-child(2){ margin-top: 10px !important; }
	
	section div.container.new-border .item{ border: 0 !important; padding-bottom: 0 !important; }
	
	section div.container div.product.cart.sum{ height: 70px; }
		section div.container div.product.sum div.box{ top: 3px; }
	
	section.products div.container{ margin: 20px 0 0 0; padding: 0 0; }
	section.products div.container.grid-2{ margin: 20px 0 0 0; padding: 0 0 0 0; }
	section.products div.container.grid-2:nth-child(3n+1){ padding: 0 10px 0 0; }
	section.products div.container.grid-2:nth-child(3n+2){ padding: 0 5px 0 5px; }
	section.products div.container.grid-2:nth-child(3n+3){ padding: 0 0 0 10px; }
	
	section div.container div.product div.item{ border-bottom: 1px solid #D8D8D8; }
	section div.container div.product div.item.noBorder{ border-bottom: 0 !important; }
	section div.container div.product div.item:last-child{ border-bottom: 1px solid #D8D8D8; }
	
			section div.container.box div.input-space{ padding: 0 20px; margin: 0 0 10px -20px; }
			section div.container.box div.input-space.last{ margin: 0 0 0 -20px; }

		section div.container div.product.cart{ height: 126px; }
		
			section div.container div.product div.image{
				margin-top: 0;
				height: 145px;
			}
			section div.container div.product div.image.big.empty{ margin: 0; padding: 0; box-sizing: border-box; }
			section div.container div.product div.image.big{ height: 290px; margin-bottom: 0; }
				
				section div.container div.product div.image.big div.img div.txt-middle{ padding-top: 110px; }
				
				
				section div.container div.product div.row{ padding: 0; }
					section div.container div.product div.row:first-child{ padding-top: 0px; }
					
						section div.container div.product div.item div.row a{
							margin: 10px 10px 0 0;
						}
				
			section div.container div.product div.box{ padding: 12px 20px 20px 20px; bottom: 28px; }
		
		section div.container div.product div.item div.input.num{ width: 25%; padding-right: 15px; }
		section div.container div.product div.item div.input.button{ width: 75%; padding-left: 15px; }
		
	section div.container > div.box div.extra{ top: 20px; right: 20px; }
	section.nav-crumb{ margin-left: -20px; padding: 0 20px; box-sizing: content-box; }
	
		section.nav-crumb a{ padding: 15px 10px 15px 30px; }
		section.nav-crumb a i{ top: 18px; }
	
	/*section div.container div.product div.box.right{ bottom: 35px; }*/
	
section.alert div.container{
		top: 20%;
		width: 25%;
		padding: 20px;
	}


.catalog-category-menu {
	display: none;
}


}

/**
	BANNER
*/

#home-banner{
	padding: 30px 10px 0;
}

section div.container.link a.news {
	margin: 0;
	padding: 0;
	display: inline;
	text-decoration: underline;
}