@media (max-width: 767px) {
	.nav-menu-top{float: left !important; width: 100% !important}
	#header-container .top-logo > img{float: none; margin: 0 auto}
	#header-container .top-logo {width: 100% !important;}
	#header-container .top-login{width: 100% !important; padding: 0}
	#header-container .top-login > .box{width: 100%; min-width: 200px; font-size: 13px;}

	.box-full-pedidos .col-sm-3,
	.box-full-pedidos .col-sm-9{padding-left: 0 !important; padding-right: 0 !important}
	#divShowPedido{min-height: 120px;}
	table.table-pedidos > tbody > tr > td {font-size: 13px;}
	
	.header-main .icon-user{background-color: #efefef; background-position: 20px center}
	.div-icon-smarth > div {
	    padding: 0;
	    text-align: center;
	}
	body{margin-top: 40px;}
	.menu_smart{display: block; position: fixed; z-index: 999999999999999; width: -moz-available }
	.nav-menu-top{border-radius: 0 !important}
	.header-areacliente > .container{width: 100% !important}
	#header-container .top-login > .box {border-radius: 0}
	.header-areacliente .wide_menu_smart{position: fixed;left: 0; top:40px; z-index: 9888899; }
	.top-login{display: none;}
	.menu_smart h1{float: left;}
	.shadow{box-shadow: none;}
	.header-areacliente > .header-main{padding: 0 !important;}
	#products > .container{padding: 5px 0; width: 97% !important}
	#products {margin-top: 0;}
}

@media (max-width: 600px) {
	/* ---------- table lista pedidos --------*/
	#conteudoPedido{padding: 5px !important}

	table.table-pedidos > tbody > tr > td { float: left;	width: 98% !important; border-top: none; font-size: 13px; line-height: 100%	}
	table.table-pedidos > thead {display: none	}
	table.table-pedidos > tbody > tr{border-bottom: 2px solid #ccc}
	.tit-lg{display: block !important; font-weight: bold !important}
	table > tbody > tr > td{padding: 3px !important}
	.top-logo img{max-height: 90px; margin: 0 auto;}
}