.modal{z-index: 9999999999 !important}
@media (max-width: 1200px) {
	.div-totais .col-sm-5{width: 100% !important; float: left;}
	.div-totais .col-sm-7{width: 100% !important; float: left;}

}
@media (max-width: 1024px) {

	.wide_menu > ul > li > a{
		font-size:15px;
		font-weight:bold	
	}
	.col-product {width: 33.33333333%;}

	.container{width: 100% !important}

	.my-view-produto .col-img{padding-left: 15px;}
	.my-view-produto .col-dados{padding-right: 15px;}


}
@media (max-width: 990px){
	.box-produto .bot-actions{position: relative; opacity: 1; bottom: 0; padding: 12px 0 0 0}
	#row-produtos{width: 100%;}	
}
@media (max-width: 910px) {

	.wide_menu > ul > li{
		padding: 0px 6px;
		-webkit-transition: padding 1s;
		transition: padding 1s;
	}
	.wide_menu > ul > li > a{
		font-size:15px;
		font-weight:bold	
	}
	#wrap_clients > .content > .row > .title{display:none;}
	#wrap_clients > .content > .row > .title_smart{display:block;}	
	.col-product {width: 33.33333333%;}

	#table-produtos-car> thead {display:none}
	#table-produtos-car > tbody tr{border-bottom:2px solid #CCC}
	#table-produtos-car > tbody tr > td{width:100%; border-bottom: 1px dotted #E0E0E0; float:left; padding:2px}
	/*#table-produtos-car > tbody tr > td {border-bottom: 1px dotted #ccc}*/
	/*#table-produtos-car > tbody tr > td:first-child{display: none;}*/
	#table-produtos-car > tbody tr > td{max-width: 100%}

	#table-produtos-car .col-image{display: none;}
	#table-produtos-car .col-nome{max-width: 100%}
	#table-produtos-car .col-prazo,
	#table-produtos-car .col-valor{width: 50%; text-align: center; height: auto !important; }
	#table-produtos-car .col-clonar,
	#table-produtos-car .col-delete{width: 50%; text-align: center; height: 40px; padding-top:10px; border-bottom: none;}
	#table-produtos-car .col-totais{text-align: center; width: 33.333%; border-bottom: none}
	.viewProTop > .row > .col-md-7{float:left !important}
	.my-view-produto .col-img img{width: 100% !important;}
}
@media (max-width: 767px) {
	
	.login-dropdown-menu {display: none !important;}
	#top-header .logo img{max-width: 300px !important; transition: all 0.4s ease;}
	.box-produto .bot-actions{position: relative; opacity: 1; bottom: 0; padding: 12px 10px 0 10px}
	.box-produto .bot-actions > .btn{overflow: hidden;}
	.s-vitrines h3.title > span{display: block;}

	.header-main, #myCarousel{float: left;}
	#products{float: left; width: 100%}
	#products > .shadow{box-shadow: none !important;}
	.footer-left,
	.container{width:100% !important}

	#line-top{display:none}
	.cxRsArte .prazo-ad-arte{float: right; width: 100%}

  .box-full-product{padding-top: 15px; padding: 10px 5px;}
  .nav-menu-categ {margin: -10px 0 10px 0 !important;}
	
	#wrap_menu{display:none;}
	#wrap_menu{
		height:60px;
	 	margin:0;
	 }	
	.menu_smart{display:block}

	.ln-categ a,
	.ln-categ-pai > span,
	.ln-categ-sub a{
		color: #CCC; 
		border-color: #444
	}	
	.mini-banners .tit{padding-bottom:0 !important; line-height: 100%;}
	.mini-banners .desc{padding-top:7px !important;}

	#div-banners > div{box-shadow:none !important;}
	.header-main{padding-bottom: 4px; box-shadow:none !important;}
	#div-banners .mini-banners .col-sm-4{border-bottom: 1px solid #fff; margin-bottom: 4px; padding-bottom: 3px;}
	#row-produtos{padding:0 !important; overflow: hidden; }
	.viewProTop{padding:5px !important; border: none !important}
	.col-product {width: 50%;}
	#wp-ComoPagar h3 > span {width:100%}
	
	#wp-Cadastro .tam200{max-width:100%}
	#wp-Cadastro .tam300{max-width:100%}
	#wp-Cadastro .tam400{max-width:100%}
	.cxRsArte .divValorArte, .cxRsArte .divCmpArte {text-align:left;margin-bottom:10px;}
	.cxRsArte .divDescValorArte{ text-align:left}
	.cxQuant, .cxAcab{width: 100% !important;}
	.cxQuant{padding-right:0}
	.cmp-metro-linear{padding-left:15px; padding-right:15px}
	.value-purchase{padding:10px}
	.col-6-produto{width:100%; padding:15px 10px}
	.viewProTop {margin:0; border:none}
	.titCol {border-radius: 0}
	.img-attention{width: 20% !important}
	.txt-criate-arte{width: 80% !important}
	.inf-gabaritos h2{font-size: 17px;}
	.inf-gabaritos h3{font-size: 14px}
	.down-gabaritos{width: 100% !important}
	.cxRsArte .col-sm-8,
	.cxRsArte .col-sm-4,
	.cxRsArte .divDescArteFull{padding: 0 20px;}
	.cxRsTotal .col-total{width: 100%}
	.cxQuantAcab .divFullM2{padding:0 7px}
	.col-title-desc{padding: 5px}
	.cxPorMLinear .col-sm-2,
	.cxPorMLinear .col-sm-3,
	.cxPorMLinear .col-sm-5{padding: 0 15px;  }
	
	.row-calcule .col-sm-3{padding: 0}
	.row-calcule .col-sm-12{padding: 0}
	.row-calcule .col-sm-3 > label{font-weight: bold; margin-top: 7px; margin-bottom: -3px}
	.row-calcule .div-btn-linear{margin-top: 5px}
	.row-calcule .div-btn-linear > label{display: none;}
	.title-page{font-size: 20px; transition: all 0.65s}
	/*#row-carrinho > .row > div{float: left;}*/
	#row-carrinho .col-md-8{display: inline-table;}
	#row-carrinho .col-md-4{display: grid; margin-top: 15px}
	#row-carrinho .col-uploads .objFileupload {max-width: 86% !important}
	.RTU-uploadLabel{font-size: 12px !important; padding: 0 5px !important}
	.mini-banners div {}

	.div-banners{float: left}
	.page-footer{float: left;}

	.ubiModal .ubi-arrows i{text-shadow: 0.05em 0.06em 0.1em black;}
	.col-title a,
	.col-title span{margin-bottom: 2px !important; display: inline-block !important;}
	.modal-content{min-width: 300px !important}

	.site-footer .container{width: 95% !important;}
}
@media (max-width: 640px) {
	.modal-content{min-width: 300px;}
	.cmpVar, .cmpVar1, .cmpVar2, .cmpVar3, .cmpVar4, .cmpVar5{padding: 3px 5% 3px 5%;}
	#row-carrinho .div-act-car1{width: 100%}
	#row-carrinho .div-act-car1 .btn{width: 100%}
	#row-carrinho .act-avancar-envio{width: 100%}
	.row-title{margin-left: 0}
	.row-title .input-group{padding: 0}
	.mini-banners .desc{line-height: 110%}
	a.color-whatsapp{display: none;}
	.box-produto .box-produto-body .produto-detalhes{margin-bottom: 10px !important;}
	.box-produto > .qtd{position: relative !important;}
	.owl-vitrine .owl-item{margin-bottom: 0 !important}
	.box-produto{height: var(--auto_ajustar_caixa_produtos) !important; }
	.mini-banners .mb{padding: 10px 20px !important; height: auto; margin-left: -15px}
	.mini-banners{height: auto}
}
@media (max-width: 400px) {
	.modal-content{min-width: 300px;}

	.col-product {width: 100%;}	
	.div-social-shared{margin-bottom: 0 !important}
}
@media (max-width: 768px) {
  .npl {
    -ms-flex: calc(50% - 20px);
    -webkit-box-flex: calc(50% - 20px);
    flex: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
  .owl-vitrine .owl-dots{margin-top: 15px !important}

  #row-carrinho-envio > .row > .col-sm-8{width: 100%}
  #accordionPgto .cols > div{line-height: 110% !important}
  #accordionPgto .cols > .col1{width: 70%;}
  #accordionPgto .cols > .col2{display: none;}
  #accordionPgto .panel-title > .fa{line-height: 20px}

  .combo-order-product span {
    display: none !important;
  }

  /* Os itens do dropdown mostram ícone + texto quando aberto */

  /* Ajusta padding do botão para mobile */
  .combo-order-product {
    padding: 0.5rem 0.75rem;
  }

  /* Ajusta o ícone do botão */
  .combo-order-product i {
    margin: 0 !important;
    font-size: 1.2rem;
  }

  /* Ajusta os itens do dropdown para mostrar ícone + texto */
  .div-select-order .dropdown-item {
    justify-content: flex-start;
    padding: 0.75rem 1rem;
  }

  .div-select-order .dropdown-item i {
    margin-right: 0.5rem !important;
    font-size: 1rem;
  }
}
@media (max-width: 576px) {
  .vit-act{display: none;}
  .link-add-orcamento{font-size: 10px !important; padding:  8px 3px !important}
}
@media (max-width: 500px) {
	.col-product {width: 100%;}	
	.row-title > div{width:100%}
	.product-image{padding-top: initial !important;}

	.row-produtos .row-title{width: 98% !important}
	.row-produtos .row-title .col-title{width: calc(100% - 70px) !important; padding-bottom: 5px !important}
	.row-produtos .row-title .col-order{width:40px !important ;padding-bottom: 5px !important; padding-right: 0 !important}
	.row-produtos .div-select-order{width: initial !important;}

	#row-carrinho .div-resume-entrega .act-avancar-envio,
	#row-carrinho .div-resume-entrega .act-finalizar-compra,
	#row-carrinho .div-resume-entrega .act-cancelar-pedido{width: 100%}

	/* gallery imagem */
  .view-images-produto{padding: 0 !important}
  .sp-wrap {width: 100% !important; height: 260px !important}
  .sp-large{width: 100% !important; height: 195px !important;}
  .sp-thumbs{width: 100% !important; height: 55px !important}
  .sp-thumbs a{width: 45px !important; height: 45px !important}
  /*- carrinho */

}
@media (max-width: 480px) {
  .box-produto .bot-actions > a.btn-comprar-wpp{font-size: 9px !important}
  .box-produto .bot-actions > a.btn-olhar{font-size: 11px !important}
}
@media (max-width: 351px) {
  .npl {
    -ms-flex: calc(100% - 20px);
    -webkit-box-flex: calc(100% - 20px);
    flex: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }
  .pre-box-produto{margin-right: 10px !important}
  .box-produto{min-width: 155px !important}
}


/* Mobile First - do menor para o maior */
@media (min-width: 350px) { 
  .box-produto { min-width: 155px !important; }
}
@media (min-width: 380px) { 
  .config-textos-destaque { font-size: 12px !important; }
  .box-produto .box-produto-header .box-desconto { font-size: 10px; }
}
@media (min-width: 576px) { 
  .config-textos-destaque { font-size: 13px !important; }
}
@media (min-width: 768px) { 
  .box-produto .box-produto-body .box-produto-title { font-size: 16px !important; }
  .config-textos-destaque { font-size: 14px !important; }
  .npl { 
    flex: calc(33.333% - 20px); 
    max-width: calc(33.333% - 20px); 
  }

  .combo-order-product i {
    margin-right: 0.5rem;
  }
}
@media (min-width: 992px) { 
  .config-textos-destaque { font-size: 14px !important; }

}
@media (min-width: 1024px) { 
  .col-product { width: 33.33333333%; }
  .container{width: 100%}
}
@media (min-width: 1200px) { 
  .box-produto .box-desconto { font-size: 14px; }
  .box-produto .produto--preco-de { font-size: 13px !important; }

}
@media (min-width: 1260px) { 
  .npl { 
    flex: calc(25% - 20px); 
    max-width: calc(25% - 20px); 
  }
}
@media (min-width: 1400px) { 
  .pre-box-produto { 
    width: calc(20% - 20px); 
    margin-bottom: 35px; 
  }
  .npl { 
    flex: calc(20% - 20px); 
    max-width: calc(20% - 20px); 
  }
}
@media (min-width: 1500px) { 
  .config-textos-destaque { font-size: 22px !important; }
}

@media (min-width: 1900px) { 
  .pre-box-produto { width: calc(20% - 20px); }
  .npl { 
    flex: calc(20% - 20px); 
    max-width: calc(20% - 20px); 
  }
}