@media all and (min-width: 767px) {
	.hide-on-desktop {
		display: none !important;
	}
} 

@media(max-width:1200px){
    .container-loja{
        flex-direction: column;
        align-items: flex-start;
    }
}

@media(min-width:1200px){
    .container-loja:nth-child(even){
        flex-direction: row-reverse;
    }
        
    .about_container{
        flex-direction:row;
    }
}

@media all and (max-width: 1023px) and (min-width: 768px){

    .container-pagamento{
        flex-direction: column;
    }
	
	.limit-width {
		max-width: 95%;
	}

    .produtos-populares, .novos-produtos, .mais-vendidos, .grid-category{
        grid-template-columns:1fr 1fr 1fr;
    }

	header .header-show-cat span {
		display: none;
	}
	
	header .header-show-cat.has-drop ul {
		transform: translateX(-60%);
	}
	
	/* Header */
	
	header .logo {
		max-width: 140px;
		margin-top: 0px;
	}
	header .header-slogan {
		font-size: 1em;
	}
	header .header-middle .c1 {
		width: 21%; 
	}
	header .header-middle .c3 {
		width: 45%;
	}
	  
	header .header-search select {
		display: none;
	} 
	
	header .header-search input[type=text] {
		width: 100%;
	}
	
	ul.menu-ish a {
		font-size: 0.92em;
	}
	
	/* Banner */
	.banner {
		height: calc(100vw / 2.6);
		margin-bottom: 120px;
	}
	
	.banner .banner-content {
		width: 90%;
	}
	
	.banner .banner-form .form-c3 {
		width: 96%;
	}
	
	.banner .banner-form .form-c1, .banner .banner-form .form-c2 {
		width: 49%;
	}
	
	.banner .banner-form .c2 {
		width: 79%;
	}
	.banner .banner-form .c2 .c2 {
		width: 98%;
	}
	
	
	/* Contactos */
	.nossas-lojas .c1, .nossas-lojas .c3 {
		width: 49%;
	}
	
	.nossas-lojas .c2, .nossas-lojas .c4 {
		width: 49%;
	}
	
	.nossas-lojas .c3 {
		margin-left: unset;
	}
	
	
	/* Footer */
	footer .c1 {
		width: 100%;
	}
	
	footer .c2,
	footer .c3 {
		width: 33%;
	}
	
	.produto-imagem {
		width: 420px;
	}
	.produto-descricao {
		width: calc(100% - 430px);
	}
}


@media all and (max-width: 767px) and (min-width: 0){
    .container-pagamento{
        flex-direction: column;
    }
    
    .div_coord_livraison{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    
    .div_coord_livraison div:last-child{
        grid-column: span 2;
    
    }

	.titulo-categoria{
        text-align: center;
    }

    .box-icons{
        flex-direction: column;
    }

    .box-icons div{
        width:100%;
        margin: 0.5rem 0;
    }

    .produtos-populares, .novos-produtos, .mais-vendidos, .grid-category{
        grid-template-columns:1fr;
    }

    .icones_cats, #icones_cats{
        grid-template-columns:1fr 1fr;
    }

    .footer-container{
        flex-direction: column;
    }

	table {
		max-width: 100%;
		width: 100%;
	}
	
	iframe {
		max-width: 100%;
	}
	
	#form_contact input[type=text]#code_txt {
		width: auto;
	}
	
	table.col-2,
	table.col-2>tbody,
	table.col-2>tbody>tr,
	table.col-2>tbody>tr>td{
		display: block;
		width: 100%;
	}
	
	.produto-imagem,
	.produto-descricao,
	.produto-preco	{
		width: 100% !important;
		height: auto !important;
		float: none !important;
		margin-bottom: 10px;
	}
	
	.text-center-mobile {
		text-align: center !important;
	}
	
	.produto-descricao {
		display: flex;
		flex-direction: column;
	}
	
	.produto-preco {
		order: 2;		
        	margin-top: 2rem;	
	}
	
	.bg-white-mobile {
		background: #FFF;
	}
	
	/* TABELA RESPONSIVE */
	table.responsive,
	table.responsive tbody,
	table.responsive thead,
	table.responsive tr,
	table.responsive td
	{
		display: block;
		width: 100%;
	}
	table.responsive td > p,
	table.responsive td > form	{
		display: inline-block;
		vertical-align: top;
		margin-top: 0;
	}
	
	table .preco-loja {
		margin-top: 20px;
	}
	
	table.responsive img {
		min-width: 120px;
	}
	
	table.responsive {
		border:0;
	}
	
	table.responsive tr.tabela-titulo {
		display: none;
	}
	
	table.responsive tr {
		margin-bottom: 20px;
		border: 1px solid rgba(0,0,0,.15);
		border-left: 5px solid var(--color_1);
	}
	
	table.responsive td {
		position: relative;
		text-align: left;
	}
	
	table.responsive td.text-center {
		text-align: center;
	}
	
	
	table.responsive td:nth-of-type(odd){
		background: rgba(0,0,0,0.02);
	}
	
	table.responsive td[data-th]:before {
		content: attr(data-th) ": ";
		width: 6.5em;
		display: inline-block;
		vertical-align: top;
		font-weight: bold;
	}
    
}
	
@media all and (max-width: 767px) and (min-width: 0){

    .banner-main h1{
        font-size: 42px;
    }

    .banner-main h1 span{
        font-size: 42px;
    }
    .banner-main h1 span::after{
        top: 35px;
    }
    .banner-main .icons_banner span{
        margin: 0 10px;
    }
    
	
	.block-mobile {
		display: block !important;
		width: 100%;
	}
    
    header .header-slogan {
        font-size: 12px;
    }
	
	header.fixed .header-search input[type=text] {
		width: initial;
	}
	
	header.fixed .logo {
		width: 250px;
        margin: 0px;
	}

    .header-search form{
        display: flex;
    }

	header.fixed .header-slogan,
	header.fixed .header-search{display:none;}
	
	header .header-search{
		margin: 5px 0px 20px 0;
		text-align: center;
	}
	
	header.fixed .toggle-search {display: initial !important;}
	
	header .header-top .float-left {
		float: none;
	}
	header .header-top {
		text-align: center;
		font-size: 13px;
	}
	
	header ul.menu-ish a {
		text-transform: uppercase;
	}
	
	header .header-search select {
		display: none;
	}
	
	header .header-search input[type=text] {
		width: 100%;
	}
	
	header .header-search button.toggle-search {
		background: transparent;
		color: #aaa;
		border-color: #aaa;
		
	}  
	
	header .header-search button.toggle-search:hover {
		background: transparent;
		color: #ffffff;
		border-color: #ffffff;
	}
	
	.hide-on-mobile {
		display: none !important;
	}
	
	header .header-icons button, header .toggle-menu {
		width: 28px;
		font-size: 22px;
		color:white;
	}
	
	.nossas-lojas .c1, .nossas-lojas .c2,
	.nossas-lojas .c3, .nossas-lojas .c4 {
		width: 100%;
		padding-left: 0;
	}
	
	.nossas-lojas .c2 {
		margin-bottom: 10px;
	}
	
	.banner .banner-text {
		display: none;
	}
	
	.banner h1 {
		font-size: 3em;
	}
	.banner {
		height: auto;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	.compacto.banner {
		min-height: 300px;
	}
	
	.banner .banner-content {
		width: 90%;
	}
	
	.banner .banner-form {
		position: relative;
		z-index: 100;
		transform: none;
		left: auto; bottom: auto;
		margin: 0 auto; 
		margin-bottom: 20px; 
		width: 90%;
	} 

    .container-quick{
        flex-direction: column;
    }

    .container-quick div{
        width: 100%;
    }
	
	.banner .banner-form .c1,
	.banner .banner-form .c2,
	.banner .banner-form .form-c1, 
	.banner .banner-form .form-c2,
	.banner .banner-form .form-c3	{
		width: 100%;
	}
	.banner .banner-form .form-c3 button {
		width: calc(98% + 2px);
	}
	
	.banner .banner-form .form-c3 {
		text-align: left;
	}
	
	/* Menu */
	header .menu-ish {
		display: none;
	} 
	
	header .toggle-menu {
		cursor: pointer;
	}
	  
	header .header-search {
		display: none;
	}

    header .header-icons {
		display: flex !important;
        justify-content: space-around;
	}

	body > header:not(.fixed) > div.header-bottom > div > div.inline-block.float-right,
	header:not(.fixed) .header-icons{
		text-align: center;
		width: 100%;
	}  
	body > header.fixed > div.header-bottom > div > div.inline-block.float-right,
	header.fixed .header-icons {
		width: auto;
		text-align: center;  
	}
	
	header .header-icons button, header .toggle-menu {
		width: calc(90% / 4);
	}
	
	header .header-middle .c1,
	header .header-middle .c2	{
		display: inline-block;
		width: auto;
	} 
	
	header .header-middle {
		position: relative;
	}
	
	header .header-middle .c1 {
		float: right;
	}
	header .header-middle .c2 {
		float: left;
		width: 70%;
	}
	
	header .header-middle:after {
		content: '';
		clear: both;
		float: none;
		display: block;
	}
	
	header .header-middle img {
		vertical-align: middle;
        max-width:130px;
	}
	
	footer .c1, footer .c2, footer .c3 {
		width: 100%;
	}
	
	#products-tab .tab-links {
		font-size: 0.8em;
	}
	
	#products-tab .tab-links a {
		margin: 5px;
	}
	
	header .header-middle {
		height: auto;
	}
	
	header .inline-block.header-icons,
	header .header-two-rows > .inline-block:first-of-type	{
		width: 100%;
		display: block;
	}
	header .header-middle .limit-width .header-two-rows {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 15px 0;
        color: black;
        background-color: var(--color_1);
        z-index: 99999;
	}

    .footer-labels{
        padding-bottom: 50px;
    }

    .header-cart small{
        top: -6px;
        left: -12px;
        background-color: black;
    }

    header .social-link-icon{
        font-size: 24px;
        width: 40px;
    }
	
	header .menu.opened .close-menu {
		color: initial;
	}
	
	header .header-middle .limit-width {
		padding: 0;
	}
	
	.header-middle .float-right,
	.header-middle .float-left {
		display: block;
		float: none;
		width: 100%;
	}
}


@media all and (max-width: 489px) and (min-width: 0){
	header .header-middle .c2 {
		width: 60%;
	}
	
	#products-tab .product {
		margin-left: 10px;
	}
	
	#div_coord_facturation table input,
	#div_coord_facturation table textarea  {
		width: 180px;
	}

    .div_coord_livraison{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }
    
    .div_coord_livraison div:last-child{
        grid-column: span 1;
    }
}