body{
	overflow-x:hidden !important;
	background:#fff;
}
.body{
	overflow-x:hidden !important;
}
a,object{
	outline:none !important;
}
.nopd{
	padding-right:0;
	padding-left:0;
}
.nopdl{
	padding-left:0;
}
.nopdr{
	padding-right:0;
}
.nopdb{
	padding-bottom:0;
}
.nopdt{
	padding-top:0;
}
.gutter > [class*='col-']{
    padding-right:7px;
    padding-left:7px;
}
.row.gutter{
	margin-left:-7px;
	margin-right:-7px;
}
.modal-header, .modal-footer{
	border:none;
}
.modal{
  overflow-y:auto;
}
.cS-hidden{
	height:1px;
	opacity:0;
	filter:alpha(opacity=0);
	overflow:hidden;
}
.alignleft{
	float:left;
	margin-right:30px;
	padding-top:15px;
}
.alignright{
	float:right;
	margin-left:30px;
	padding-top:15px;
}
.aligncenter{
	margin:auto;
	display:block;
}
.os-animation, .staggered-animation, .os-animation-b{
	opacity:0;
}
.os-animation.animated, .staggered-animation.animated,.os-animation-b.animated{
	opacity:1;
}
.mobile{
	display:none;
}
.desktop{
	display:block;
}
.swiper-container2,.swiper-container3{
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
}
/***************************/

/* CABECERA ****************/
header{
	background:#f3f3f3;
	position:absolute;
	width:100%;
	left:0;
	right:0;
	top:0;
	z-index:999 !important;
	display:block;
	padding:25px 0;
	box-shadow:0 1px 0 rgba(0,0,0,.1);
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
header .salir{
	float:right;
	position:relative;
	top:9px;
}
/***************************/

/* CUERPO ******************/
#main{
	min-height:600px;
	padding-top:90px;
}
section{
	padding:85px 0;
}
.titulo{
	text-align:center;
	margin-bottom:25px;
}
.titulo h1 strong{
	font-size:20px;
	display:block;
}
.titulo h2{
	margin-top:25px;
}
.cotizador .grupo{
	margin-top:40px;
}
.cotizador .grupo.final{
	margin-top:30px;
}
.cotizador .grupo.cambio{
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:1px solid #dee2e6;
	padding-bottom:20px;
}
.cotizador .grupo.botones{
	display:none;
}
.cotizador .grupo.botones .boton.ultimo{
	margin-left:10px;
}
.cotizador h3{
	margin-bottom:30px;
}
.cotizador h3.cambio{
	font-size:14px;
	font-weight:bold;
	text-transform:none;
	margin-bottom:20px;
}
.cotizador .grupo.ultimo h3{
	margin-bottom:10px;
}
.cotizador h3 .num{
	border-radius:100%;
	background:#000;
	width:30px;
	height:30px;
	display:inline-block;
	color:#fff;
	line-height:24px;
	text-align:center;
	font-weight:700;
	padding-top:2px;
	margin-right:10px;
	position:relative;
	top:-1px;
}
.cotizador .total{
	text-align:right;
	color:#666;
	font-size:15px;
	height:22px;
	margin-bottom:0;
}
.cotizador .total span{
	color:#666;
	font-size:15px;
}
.cotizador .total .alertamini{
	display:block;
	font-size:13px;
	line-height:16px;
	text-align:left;
}
.cotizador .totalwk{
	text-align:right;
	color:#666;
	font-size:14px;
	margin-bottom:0;
}
.cotizador .totalwk span{
	color:#666;
	font-size:14px;
}
.cotizador .tablacomparar{
	display:none;
}
.cotizador .tablacomparar .total, .cotizador .tablacomparar .totalwk{
	text-align:left;
}
.cotizador .tablacomparar .total,.cotizador .tablacomparar #suma.total{
	height:inherit;
}
.cotizador .tablacomparar #suma.total,.cotizador .tablacomparar #suma.total span{
	margin:0;
	font-size:16px;
}
.cotizador .tablacomparar #sumawk.totalwk,.cotizador .tablacomparar #sumawk.totalwk span{
	margin:0;
	font-size:16px;
}
.cotizador .tablacomparar .rom{
	border-bottom:1px solid #ccc;
	padding:5px 0;
}
.cotizador .tablacomparar .rom.primero p{
	text-transform:uppercase;
	margin-bottom:5px;
}
.cotizador .tablacomparar .rom.ultimo{
	border:none;
}
.cotizador .tablacomparar .total, .cotizador .tablacomparar .total span{
	font-size:14px;
}
.cotizador #suma.total{
	font-size:18px;
	margin-top:10px;
	height:25px;
}
.cotizador #suma.total span{
	font-size:18px;
}
.cotizador .grupo .form-group{
	margin-bottom:10px;
}
.cotizador .grupo .form-group.especial{
	margin-bottom:15px;
}
.cotizador .grupo.ultimo{
	position:fixed;
    top:48%;
    transform:translateY(-50%);
    width:33%;
	z-index:998;
}
.cotizador .tratamientos{
	margin-top:15px;
	display:none;
}
.cotizador .todoscristal{
	display:none;
	margin-top:30px;
}
.cotizador .separadores{
	margin-bottom:30px;
}
.ventanas .modulo{
	text-align:center;
	position:relative;
	margin-bottom:35px;
}
.ventanas .modulo .int{
	padding:10px;
	border:1px solid #fff;
}
.ventanas .modulo .int.seleccionado{
	border:1px solid #ccc;
}
.ventanas .modulo .descargar{
	margin-bottom:0;
	top:-10px;
}
#ventana.ventanas .modulo .centrar{
	height:60px;
}
.ventanas h4{
	font-size:12px;
	font-weight:400;
	margin-bottom:15px;
	margin-top:10px;
}
#ventana.ventanas h4{
	height:auto;
	margin-bottom:0;
}
.ventanas span.txt{
	font-size:11px;
	font-weight:400;
	text-transform:uppercase;
	color:#1d1d1b;
}
.ventanas span.txt strong{
	font-weight:400;
}
.ventanas .boton{
	line-height:25px;
}
.ventanas .boton span{
	line-height:25px;
	font-size:12px;
}
.ventanas .imagen{
	border:1px solid #ccc;
}
.carrusel{
	position:relative;
	margin-bottom:50px;
}
.carrusel .thumbs{
	padding:0 40px;
}
.carrusel .posicion{
	position:relative;
	z-index:9;
}
.flechas{
	left:0;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    z-index:11;
}
.flechas .atras{
	float:left;
}
.flechas .adelante{
	float:right;
}
.url{
	display:block;
	font-size:11px;
	text-transform:uppercase;
	color:#1d1d1b;
	margin-top:10px;
}
.descargar{
	font-size:11px;
	color:#666;
	position:relative;
	top:2px;
	display:block;
	margin-bottom:30px;
}
.descargar .ico{
	width:25px;
	margin-right:5px;
}
.colores{
	margin-bottom:30px;
}
.colores a{
	display:block;
	width:55px;
	margin-bottom:8px;
	text-decoration:none !important;
	text-align:center;
	display:block;
	float:left;
}
.colores .img-fluid{
	width:40px;
	border:2px solid #fff;
	margin-bottom:4px;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
.colores a.seleccionado .img-fluid, .colores a:hover .img-fluid{
	border:2px solid #000;
}
.colores span{
	font-size:9px;
	line-height:11px;
	color:#666;
	display:block;
	text-transform:uppercase;
	width:55px;
}
.fichas .descargar{
	display:inline-block;
	margin-right:20px;
}
.fichas h5{
	margin-bottom:5px;
}
.fichas h5 a{
	font-size:15px;
	font-weight:700;
	color:#1d1d1b;
}
.fichas h5 a:hover,.fichas h5 a.seleccionado{
	color:#999;
}
.resumen{
	margin-bottom:30px;
}
.resumen.especial{
	border-bottom:1px solid #dee2e6;
	padding-bottom:10px;
	margin-bottom:10px;
}
.resumen p{
	font-size:12px;
	margin-bottom:0;
	text-transform:uppercase;
}
.resumen h4{
	font-size:14px;
	margin-bottom:5px;
	color:#333;
	font-weight:400;
}
.opciones{
	margin-bottom:15px;
}
.opciones li{
	display:inline-block;
	background:none;
	padding:0;
	margin-right:15px;
}
.opciones label{
	display:inline-block;
}
.opciones label a{
	font-size:12px;
}
.tooltip p{
	font-size:11px;
	color:#fff;
	line-height:12px;
	margin-bottom:0;
	text-align:left;
	padding:5px 0;
}
.nota{
	margin-bottom:20px;
	line-height:16px;
}
.nota, .nota a{
	font-size:12px;
	text-transform:uppercase;
}
#opciones{
	position:relative;
	min-height:430px;
}
#opciones .mod{
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
#opciones .mod.seleccionado{
	opacity:1;
	visibility:visible;
}
.mapa{
	margin-bottom:20px;
}
#avisos{
	text-align:center;
}
#avisos p{
	line-height:20px;
}
#ventana.ventanas{
	min-height:230px;
	position:relative;
	top:-60px;
}
.cotizador .aviso{
	margin-top:30px;
	text-align:center;
}
.cotizador .aviso.especial{
	text-align:left;
}
.cotizador .aviso .int{
	padding:20px;
	padding-bottom:10px;
	background:#f8f8f8;
}
.cotizador .aviso h3{
	font-size:16px;
	margin-bottom:8px;
}
.cotizador .aviso p{
	line-height:20px;
	margin-bottom:10px;
}
.cotizador .aviso p.small{
	font-weight:700;
	font-size:11px;
}
.cotizador small.especial{
	display:none;
	color:#666;
}
.cotizador small.especial small{
	display:inline;
	color:#666;
}
.cotizador .cristales h5{
	margin-bottom:8px;
	margin-top:20px;
}
.cotizador .grupo .cristales{
	margin-bottom:25px;
}
.pin .ico{
	max-width:17px;
	margin-left:5px;
	position:relative;
	top:2px;
}
.despliega{
	border-bottom:1px solid #dee2e6;
	padding-bottom:10px;
	margin-bottom:20px;
}
.despliega h4{
	font-size:14px;
	text-transform:none;
	position:relative;
	top:7px;
}
.info .ico{
	width:17px;
	position:relative;
	top:-1px;
	margin-left:3px;
}
.table-responsive .info{
	display:block;
	width:16px;
}
.table-responsive .info .ico{
	width:16px;
	margin:0;
}
.despliega .opciones.especial{
	margin-bottom:0;
	float:right;
}
.despliega .opciones.especial label{
	margin-bottom:0;
}
.despliega .opciones.enlinea li{
	display:block;
	margin-right:0;
}
.despliega .opciones.enlinea{
	margin-top:20px;
}
.despliega .opciones.enlinea.ultima{
	margin-top:0;
	padding-left:20px;
	position:relative;
	top:-15px;
}
.despliega .opciones.enlinea li label{
	font-size:13px;
	text-transform:none;
}
.despliega p{
	font-size:13px;
	margin-bottom:5px;
	line-height:normal;
}
.despliega .notas,.cotizador .grupo.cambio .notas{
	font-size:11px;
}
.despliega .subt{
	text-transform:uppercase;
	text-align:right;
	font-size:14px;
}
#despacha1 .subtespecial{
	text-transform:uppercase;
	text-align:right;
	font-size:14px;
	margin:0;
}
.despliega .costowk{
	text-transform:uppercase;
	text-align:right;
	font-size:12px;
	color:#999;
	display:block;
}
#despacha1 .costowk{
	text-transform:uppercase;
	text-align:right;
	font-size:12px;
	color:#999;
	display:block;
	margin:0;
}
.grupo.cambio .costowk{
	text-transform:uppercase;
	text-align:right;
	font-size:12px;
	color:#999;
	display:block;
	margin:0;
}
.grupo.cambio .subtespecial{
	text-transform:uppercase;
	text-align:right;
	font-size:14px;
	margin:0;
}
.despliega .contenido{
	display:none;
}
.cantidades{
	margin-top:15px;
}
.cantidades .input-group{
	float:left;
	width:135px;
}
.cantidades .qty, .cantidades .hrs,.cantidades .recti,.cantidades .canty,.cantidades .trata{
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	font-size:13px;
	background:#fff;
	color:#666;
	border:1px solid #ccc;
	box-shadow:none;
	outline:none;
	width:65px;
}
.cantidades .metros{
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	font-size:13px;
	background:#fff;
	color:#666;
	border:1px solid #ccc;
	box-shadow:none;
	width:80px;
	height:30px;
	float:left;
	margin-right:12px;
	padding:0 5px;
}
.cantidades .btn{
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	background:#0e76a8;
	color:#fff;
	border-radius:0;
	padding:2px 10px;
	outline:none !important;
	box-shadow:none !important;
}
.cantidades label{
	font-size:13px;
	float:left;
	line-height:30px;
	text-transform:none;
}
.calculos p{
	font-size:12px;
    margin-bottom:0;
    text-transform:uppercase;
}
.totaldestacado{
	font-size:16px;
	color:#0e76a8;
	text-align:right;
	font-weight:700;
}
.totaldestacadob{
	font-size:13px;
	color:#0e76a8;
	text-align:right;
	font-weight:700;
	margin-bottom:5px;
}
.totaldestacado.especial{
	text-align:left;
	margin-bottom:10px;
}
.totaldestacadofinal{
	font-size:14px;
	color:#0e76a8;
	text-align:right;
	font-weight:700;
	margin-bottom:5px;
}
.tabla .grupo{
	margin-bottom:30px;
}
.tabla .grupo.ultimo{
	padding-top:20px;
	border-top:1px solid #dee2e6;
}
.clonar{
	font-size:13px;
	color:#0e76a8;
	text-align:right;
	display:inline-block;
	margin-top:15px;
	float:right;
}
.desclonar{
	font-size:13px;
	color:#0e76a8;
	position:relative;
	top:3px;
}
#clones .form-control{
	margin-bottom:15px;
}
#clones input[type="file"]{
	margin-bottom:0;
	margin-top:5px;
}
#clones small{
	margin-top:0;
	margin-bottom:15px;
}
.clon .desclonar{
	display:none;
}
.cotizador #lineas h3{
	margin-bottom:15px;
}
.categorias .bloque{
	background:#fff;
	box-shadow:0 4px 9px rgba(0, 0, 0, 0.1);
	position:relative;
	display:block;
	text-decoration:none !important;
	border:1px solid #dee2e6;
	padding:20px 15px;
	margin-bottom:15px;
}
.categorias .bloque:hover{
	box-shadow:0 4px 9px rgba(0, 0, 0, 0.15);
}
.categorias .bloque h5{
	color:#666;
	margin:0;
	font-size:11px;
}
.categorias .bloque .ico{
	width:10px;
	position:absolute;
	right:15px;
	top:50%;
    transform:translateY(-50%);
}
.producto .imagen{
	text-align:center;
}
.producto .imagen .img-fluid{
	max-width:350px;
}
.producto .imagen .int{
	height:350px;
}
.producto .imagen p{
	font-size:12px;
	margin:0;
}
.producto{
	padding-top:30px;
}
.producto h5{
	margin-bottom:8px;
}
.producto .can{
	width:80px;
}
.producto .espec{
	font-size:13px;
	display:block;
	margin-bottom:5px;
}
.producto #error{
	font-size:13px;
}
.cotizador.producto .grupo .form-group{
	margin-bottom:15px;
}
.cotizador.producto .total{
	text-align:left;
}
.cotizador.producto .totalwk{
	font-size:14px;
	text-align:left;
}
.link{
	padding:0 10px;
}
#editable h3{
	margin-bottom:30px;
	text-transform:none;
}
#editable #ventana.ventanas{
	top:0;
}
#editable .total{
	margin-bottom:0;
}
#editable small.especial, #editable small.especial small{
	display:inline-block;
	color:#666;
}
#editable .total{
	text-align:right;
	color:#666;
	font-size:15px;
	height:22px;
	margin-bottom:0;
	text-transform:uppercase;
}
#editable .totalwk{
	text-align:right;
	color:#999;
	font-size:14px;
	margin-bottom:0;
	text-transform:uppercase;
}
#editable #suma.total{
	font-size:18px;
	margin-top:10px;
	height:25px;
}
#editable .producto{
	padding-top:0;
}
#editable  .producto .imagen .img-fluid{
	max-width:235px;
}
#intermedio .boton{
	padding:0 15px;
	margin-bottom:5px;
}
#intermedio{
	text-align:center;
}
#intermediovidrio{
	text-align:center;
}
#intermediovidrio .boton{
	margin-bottom:5px;
}
.retomar a{
	font-size:16px;
	display:block;
	margin-bottom:8px;
}
.retomar a.inn{
	font-size:15px;
	color:#666;
	padding-left:10px;
}
/***************************/

/* PIE *********************/
/***************************/

/* TEXTOS ******************/
h1,h2,h3,h4,h5{
	margin:0;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
h1{
	font-family:'Open Sans',sans-serif;
	font-weight:700;
	font-size:30px;
	color:#333;
	text-transform:uppercase;
}
h2{
   	font-family:'Open Sans',sans-serif;
	font-weight:400;
	font-size:22px;
	color:#333;
	text-transform:uppercase;
}
h3{
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	font-size:18px;
	color:#333;
	text-transform:uppercase;
}
h4{
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	font-weight:700;
	color:#1d1d1b;
	text-transform:uppercase;
}
h5{
	font-family:'Open Sans',sans-serif;
	font-size:12px;
	font-weight:700;
	color:#1d1d1b;
	text-transform:uppercase;
	margin-bottom:15px;
}
p, a, span{
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	font-size:14px;
}
p, span{
	color:#666;
	line-height:18px;
}
p, ul, ol{
	margin-bottom:25px;
}
a{
	color:#1d1d1b;
	text-decoration:underline;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
a:hover, a:focus{
	text-decoration:underline;
	color:#1d1d1b;
}
ul{
	padding:0;
}
ul li{
	font-family:'Open Sans',sans-serif;
	font-weight:300;
	font-size:17px;
	background:url(../img/bullet_lista.png) no-repeat 0 8px;
	padding-left:9px;
	padding-bottom:8px;
	line-height:22px;
	color:#4D4D4D;
	list-style:none;
} 
strong, b{
	font-weight:700;
}
blockquote{
	border:none;
	padding:0;
	margin:0;
}
blockquote p{
	font-size:24px !important;
	color:#4D4D4D !important;
	font-weight:400;
	line-height:28px !important;
}
/* TABLAS ******************/
.table-responsive{
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	border:none !important;
	margin-bottom:10px;
	font-size:12px;
	text-transform:uppercase;
}
.table th{
	font-weight:normal;
	background:#fff;
	color:#666;
	border:none;
	padding:12px 8px !important;
	font-size:12px;
	vertical-align:middle;
}
.table td{
	color:#666;
	padding:12px 8px !important;
	vertical-align:middle;
}
table .imagen{
	max-width:50px;
}
table .eliminar, .table .eliminar-cristal,.table .eliminar-vidrio{
	font-size:12px;
}
.table .eliminar .ico, .table .eliminar-cristal .ico,.table .eliminar-vidrio .ico{
	width:12px;
}
.table .editar .ico,.table .editar-cristal .ico,.table .editar-vidrio .ico{
	width:18px;
	position:relative;
	top:-1px;
}
 .table .eliminar, .table .editar,.table .editar-cristal, .table .eliminar-cristal,.table .eliminar-vidrio{
	width:20px;
	display:block;
}
/***************************/
/* FORMULARIOS *************/
label{
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	font-size:12px;
	color:#666;
	display:block;
	margin-bottom:5px;
	line-height:30px;
	text-transform:uppercase;
}
.form-group{
	margin-bottom:15px;
}
.form-control{
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	font-size:13px;
	background:#fff;
	border:1px solid #ccc;
	box-shadow:none;
	color:#161616;
	height:35px;
	padding:3px 8px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.form-control:focus{
	background:#fff;
	border:1px solid #ccc;
	box-shadow:none;
	color:#161616;
}
textarea.form-control{
	min-height:150px;
}
.form-control::placeholder{
	color:#666;
}
input[type="file"].form-control{
	font-size:12px;
	color:#666;
	border:none;
	padding:0;
}
small{
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	display:block;
	font-size:11px;
	color:#999;
	margin-top:4px;
	line-height:10px;
}
.input-group-addon{
	border:1px solid #fff;
	background:#fff;
	border-radius:0;
	font-size:20px;
	color:#000;
	padding:6px;
}
.boton{
	background:#333;
	border:1px solid #333;
	text-decoration:none !important;
	float:left;
	line-height:30px;
	text-align:center;
	display:block;
	position:relative;
	padding:0 30px;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
.boton span{
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-transform:uppercase;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
	position:relative;
	z-index:1;
}
.boton.especial:hover{
	background:#666;
	border:1px solid #666;
}
.centrar{
	text-align:center;
}
.centrar .boton{
	float:none;
	display:inline-block;
}
.centrar .boton.ultimo{
	margin-top:15px;
}
.form-control[readonly]{
	background:#fff;
}
/***************************/
.lSSlideOuter .lSPager{
	margin:0 !important;
	margin-right:50px !important;
}
.lSSlideOuter .lSPager.lSpg{
	text-align:right !important;
	position:absolute;
    top:100px;
    right:6vw;
	width:10px;
}
.lSSlideOuter .lSPager.lSpg > li{
	padding:0;
	background:none;
}
.lSSlideOuter .lSPager.lSpg > li a{
	background-color:transparent !important;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	filter:alpha(opacity=100);
	border:1px solid #fff;
	text-indent:0 !important;
	text-align:center;
	text-decoration:none !important;
	border-radius:100%;
	font-size:0;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a{
	background-color:#fff !important;
	border:1px solid #fff;
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	filter:alpha(opacity=100);
}
/***************************/
@media (min-width:992px){
.w-20{
  -webkit-box-flex:0;
      -ms-flex:0 0 20% !important;
          flex:0 0 20% !important;
  max-width:20%;
}
}
@media screen and (min-width:300px) and (max-width:992px){

}
@media screen and (min-width:300px) and (max-width:576px){
}
@media screen and (min-width:300px) and (max-width:320px){
}