@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

/************
1. 1800px
************/

@media only screen and (max-width: 1024px)
{
	h1{font-size: 2.5rem;}
	h2{font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.50rem;}
	h5{font-size: 1.25rem;}
	h6{font-size: 1rem;}
	.font-personal{
		font-size: 12px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 12px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.width-logo{
		max-width: 220px;
	}	
	
	body{
		font-size: 10px;
	}
	.pad_menos{
		padding-left: 0px;
		padding-right: 0px;
	}
	.search	{
		width: 200px;
	}
	.sidebar_left	{
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		padding-bottom: 52px;
	}
	.sidebar_section	{
		/*width: calc((100% - 30px) / 2);*/
		float: left;
	}
	.sidebar_section:nth-child(odd)	{
		margin-right: 30px;
	}
	.sidebar_right	{
		display: flex;
  		flex-flow: row wrap;
		right: auto;
		top: auto;
		margin: 0 auto 0 25%;
		
		padding-left: 15px;
		padding-right: 15px;
	}
	.sidebar_right_2	{
		display: flex;
  		flex-flow: row wrap;
		right: auto;
		top: auto;
		margin: 0 auto 0 50%;
		
		padding-left: 15px;
		padding-right: 15px;
	}
	.grid-container {
		margin-top: 125px;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
		grid-auto-rows: minmax(90px, auto);
		gap: 5px;
		padding: 10px;
		grid-auto-flow: dense;
	}
	.grid-img-1 {
  	max-width: 90px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 280px;
	}	*/
	.m_t_panel_central{
		margin-top: 260px;
	}
	
}
/************
1. 2100px
************/

@media only screen and (max-width: 2100px)
{
	h1{font-size: 2.5rem;}
	h2{font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.50rem;}
	h5{font-size: 1.25rem;}
	h6{font-size: 1rem;}
	.font-personal{
		font-size: 12px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 12px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 12px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.main_nav
	{
		padding-left: 100px;
	}
	.shopping
	{
		padding-right: 100px;
		margin-left: 100px;
	}
	/*.btn-inicio{
		width: 280px;
	}	*/
	.marg_logo{
		margin-left: 10em;
		
	}
	.width-logo{
		max-width: 200px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(200px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 200px;
  	height: auto;
	}
}

/************
1. 1900px
************/

@media only screen and (max-width: 1900px)
{
	h1{font-size: 2.5rem;}
	h2{font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.50rem;}
	h5{font-size: 1.25rem;}
	h6{font-size: 1rem;}
	.font-personal{
		font-size: 12px !important;
	}
	.font-personal-cod{
		font-size: 16px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 12px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.main_nav
	{
		padding-left: 100px;
	}
	.shopping
	{
		padding-right: 100px;
		margin-left: 100px;
	}
	.marg_logo{
		margin-left: 10em;
	}
	.width-logo{
		max-width: 200px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  grid-auto-rows: minmax(230px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 230px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 280px;
	}	*/
	
}

/************
1. 1600px
************/

@media only screen and (max-width: 1600px)
{
	h1{font-size: 2.5rem;}
	h2{font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.50rem;}
	h5{font-size: 1.25rem;}
	h6{font-size: 1rem;}
	.font-personal{
		font-size: 12px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 12px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.main_nav
	{
		padding-left: 100px;
	}
	.shopping
	{
		padding-right: 100px;
		margin-left: 100px;
	}
	.alto_img{
		height: auto !important;
		max-height: 77em;
	}
	
	.marg_logo{
		margin-left: 10em;
		
	}
	.width-logo{
		max-width: 180px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(200px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 200px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 280px;
	}	*/
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px)
{
	h1{font-size: 2.5rem;}
	h2{font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.50rem;}
	h5{font-size: 1.25rem;}
	h6{font-size: 1rem;}
	.font-personal{
		font-size: 12px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 12px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.shopping
	{
		padding-right: 74px;
		margin-left: 60px;
	}
	.marg_logo{
		margin-left: 10em;
	}
	.width-logo{
		max-width: 180px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-auto-rows: minmax(180px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 180px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 280px;
	}	*/
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
	h1{font-size: 2.5rem;}
	h2{font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.50rem;}
	h5{font-size: 1.25rem;}
	h6{font-size: 1rem;}
	.font-personal{
		font-size: 12px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 12px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.main_nav
	{
		padding-left: 60px;
	}
	.main_nav ul li
	{
		margin-right: 34px;
	}
	.header_search
	{
		display: none;
	}
	.marg_logo{
		margin-left: 5em;
		
	}
	.width-logo{
		max-width: 180px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-auto-rows: minmax(160px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 160px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 280px;
	}	*/
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	h1{font-size: 2.5rem;}
	h2{font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.50rem;}
	h5{font-size: 1.25rem;}
	h6{font-size: 1rem;}
	.font-personal{
		font-size: 12px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 12px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.logo a
	{
		font-size: 20px;
	}	
	.marg_logo{
		margin-left: 5em;
		
	}
	.width-logo{
		max-width: 180px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-rows: minmax(150px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 150px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 280px;
	}	*/
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	h1{font-size: 2.5rem;}
	h2{font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.50rem;}
	h5{font-size: 1.25rem;}
	h6{font-size: 1rem;}
	.font-personal{
		font-size: 12px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 12px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.sidebar_right
	{
		width: 20%;
		padding-right: 5px;
	}
	.sidebar_right_2
	{
		width: 20%;
		padding-right: 5px;
	}
	.marg_logo{
		margin-left: 2em;
		
	}
	.width-logo{
		max-width: 200px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  grid-auto-rows: minmax(130px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 130px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 200px;
		font-size: 11px !important;
	}	*/
	
}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px)
{
	h1{font-size: 2.5rem;}
	h2{font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.50rem;}
	h5{font-size: 1.25rem;}
	h6{font-size: 1rem;}
	.font-personal{
		font-size: 12px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 12px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.logo{
		font-size: 16px;
	}	
	.marg_logo{
		margin-left: 2em;
	}
	.width-logo{
		max-width: 180px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  grid-auto-rows: minmax(110px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 110px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 280px;
	}	*/
}

/************
5. 1024px
************/



/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	h1{font-size: 2rem;}
	h2{font-size: 1.75rem;}
	h3{font-size: 1.50rem;}
	h4{font-size: 1.25rem;}
	h5{font-size: 1rem;}
	h6{font-size: 0.6rem;}
	.font-personal{
		font-size: 10px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 10px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.main_nav
	{
		display: none;
	}
	.shopping
	{
		padding-right: 91px;
	}
	.section_title
	{
		font-size: 48px;
	}
	.product
	{
		width: 50%;
	}
	.footer_nav ul li
	{
		margin-right: 30px;
	}
	.sidebar_right
	{
		width: 720px;
	}
	.logo
	{
		font-size: 16px;
	}	
	.marg_logo{
		margin-left: 2em;
		
	}
	.width-logo{
		max-width: 180px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	/*.btn-inicio{
		width: 280px;
	}	*/
	h4{font-size: 14px;}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  grid-auto-rows: minmax(110px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 110px;
  	height: auto;
	}
}

/************
7. 959px
************/

@media only screen and (max-width: 959px){
	h1{font-size: 2rem;}
	h2{font-size: 1.75rem;}
	h3{font-size: 1.50rem;}
	h4{font-size: 1.25rem;}
	h5{font-size: 1rem;}
	h6{font-size: 0.6rem;}
	.font-personal{
		font-size: 9px !important;
	}
	.font-personal-cod{
		font-size: 14px !important;
	}
	.font-personal-det{
		font-size: 12px !important;
	}
	.font-personal-btn{
		font-size: 10px !important;
	}
	.font-personal-apli{
		font-size: 10px !important;
	}
	.font-personal-mod{
		font-size: 10px !important;
	}
	.font-personal-ano{
		font-size: 10px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.logo
	{
		font-size: 16px;
	}	
	.marg_logo{
		margin-left: 1em;
		
	}
	.width-logo{
		max-width: 170px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 100px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 280px;
	}		*/
}

/************
8. 880px
************/

@media only screen and (max-width: 800px){
	h1{font-size: 2rem;}
	h2{font-size: 1.75rem;}
	h3{font-size: 1.50rem;}
	h4{font-size: 1.25rem;}
	h5{font-size: 1rem;}
	h6{font-size: 0.6rem;}
	.font-personal{
		font-size: 8px !important;
	}
	.font-personal-cod{
		font-size: 12px !important;
	}
	.font-personal-det{
		font-size: 10px !important;
	}
	.font-personal-btn{
		font-size: 9px !important;
	}
	.font-personal-apli{
		font-size: 8px !important;
	}
	.font-personal-mod{
		font-size: 8px !important;
	}
	.font-personal-ano{
		font-size: 8px !important;
	}
	.font-personal-filtro{
		font-family: Montserrat !important;
		font-size: 10pt !important;
		color: #939598 !important;
		background-color: transparent !important;
	}
	.font-personal-menu-g{
		font-family: Montserrat !important;
		font-size: 22px !important;
		color: #939598 !important;
	}
	.font-personal-menu-v{
		font-family: Montserrat !important;
		font-size: 16px !important;
		color: #8bc753 !important;
	}
	.font-personal-menu-v-s{
		font-family: Montserrat !important;
		font-size: 16pt !important;
		color: #8bc753 !important;
	}
	.tit-margin{
		margin-left: 20%;
	}
	.logo{
		font-size: 16px;
	}
	.marg_logo{
		margin-left: 2em;
		
	}
	.width-logo{
		max-width: 180px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  grid-auto-rows: minmax(90px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 90px;
  	height: auto;
	}

	/*.btn-inicio{
		width: 280px;
	}	*/
}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
	.logo{
		font-size: 16px;
	}	
	.marg_logo{
		margin-left: 1em;
		
	}
	.width-logo{
		max-width: 130px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(200px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 200px;
  	height: auto;
	}
	/*.btn-inicio{
		width: 200px;
	}*/
}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	.btn-mob {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    

     }
  /*.btn-inicio{
		width: 200px;
	}*/
	.product
	{
		width: 100%;
	}
	.sidebar_left
	{
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		padding-bottom: 98px;
	}
	.sidebar_section
	{
		width: 100%;
		float: none;
	}
	.sidebar_section:nth-child(odd)
	{
		margin-right: 0px;
	}
	.sidebar_right
	{
		width: 540px;
	}
	.sidebar_promo
	{
		width: 100%;
		float: none;
	}
	.sidebar_promo_2
	{
		margin-top: 30px;
	}
	.m_t_panel_central{
		margin-top: 260px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  grid-auto-rows: minmax(90px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 90px;
  	height: auto;
	}
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{

	.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: #fff;
  margin-bottom: 7px !important;
} 
.nav_buscar{
	display: revert !important;
}
.carrusell_img{
	width: 80vh !important;
	height: 80vh !important;
}
	.home
	{
		height: 372px;
	}
	
	.logo a
	{
		font-size: 16px;
	}
	.shopping
	{
		padding-right: 47px;
		margin-left: 0;
	}
	.burger_container
	{
		top: calc(50% + 1px);
	}
	.menu
	{
		width: 100%;
		right: -100%;
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 21px;
	}
	.menu .search
	{
		margin-bottom: 50px;
	}
	.menu .search_input
	{
		height: 36px;
	}
	.menu_close_container
	{
		right: 15px;
	}
	.menu .logo
	{
		margin-bottom: 35px;
		margin-right: auto;
	}
	.menu.active
	{
		right: 0;
	}
	.section_subtitle
	{
		font-size: 11px;
	}
	.section_title
	{
		font-size: 28px;
	}
	.view
	{
		float: none;
	}
	.sorting
	{
		float: none;
		margin-top: 15px;
	}
	.sidebar_right
	{
		width: 100%;
	}
	.newsletter
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.newsletter_button
	{
		display: block;
		position: relative;
		margin: 0 auto;
		margin-top: 10px;
	}
	.newsletter_text
	{
		font-size: 13px;
	}
	.footer_logo a
	{
		font-size: 48px;
	}
	.footer_nav ul li
	{
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.footer_nav ul li:last-child
	{
		margin-bottom: 0;
	}
	.footer_social ul li
	{
		margin-right: 29px;
	}
	.footer_social ul li a i
	{
		font-size: 20px;
	}
	.marg_logo{
		margin-left: 1em;
	}
	.tit-margin{
		margin-left: 0%;
	}
	.width-logo{
		max-width: 130px;
	}
	.m_t_panel_central{
		margin-top: 20px;
	}
	.grid-container {
	margin-top: 125px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  grid-auto-rows: minmax(80px, auto);
  gap: 5px;
  padding: 10px;
  grid-auto-flow: dense;

}
	.grid-img-1 {
  	max-width: 80px;
  	height: auto;
	}
}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	
}

/************
12. 480px
************/

@media only screen and (max-width: 412px)
{
	.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.w_form_filtro_buscador_iz{
	font-family: Montserrat-medium;
	color: #ffffff !important;
	background: #939598 !important;
    text-transform: capitalize !important;
    font-size: 10pt !important;
    height: 48px !important;
    border-color: #939598 !important;
    border-radius: 10px 0px 0px 10px;
    transition:unset !important;
}
.custom-toggler.navbar-toggler {
  border-color: #fff;
  margin-bottom: 7px !important;
} 
.nav_buscar{
	display: revert !important;
}
.carrusell_img{
	width: 80vh !important;
	height: 80vh !important;
}
	.home
	{
		height: 372px;
	}
	
	.logo a
	{
		font-size: 16px;
	}
	.shopping
	{
		padding-right: 47px;
		margin-left: 0;
	}
	.burger_container
	{
		top: calc(50% + 1px);
	}
	.menu
	{
		width: 100%;
		right: -100%;
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 21px;
	}
	.menu .search
	{
		margin-bottom: 50px;
	}
	.menu .search_input
	{
		height: 36px;
	}
	.menu_close_container
	{
		right: 15px;
	}
	.menu .logo
	{
		margin-bottom: 35px;
		margin-right: auto;
	}
	.menu.active
	{
		right: 0;
	}
	.section_subtitle
	{
		font-size: 11px;
	}
	.section_title
	{
		font-size: 28px;
	}
	.view
	{
		float: none;
	}
	.sorting
	{
		float: none;
		margin-top: 15px;
	}
	.sidebar_right
	{
		width: 100%;
	}
	.newsletter
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.newsletter_button
	{
		display: block;
		position: relative;
		margin: 0 auto;
		margin-top: 10px;
	}
	.newsletter_text
	{
		font-size: 13px;
	}
	.footer_logo a
	{
		font-size: 48px;
	}
	.footer_nav ul li
	{
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.footer_nav ul li:last-child
	{
		margin-bottom: 0;
	}
	.footer_social ul li
	{
		margin-right: 29px;
	}
	.footer_social ul li a i
	{
		font-size: 20px;
	}
	.marg_logo{
		margin-left: 1em;
	}
	.tit-margin{
		margin-left: 0%;
	}
	.width-logo{
		max-width: 130px;
	}
	.m_t_panel_central{
		margin-top: 20px;
	}
	.grid-container {
		margin-top: 125px;
	  	display: grid;
	  	grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
	  	grid-auto-rows: minmax(80px, auto);
	  	gap: 5px;
	  	padding: 10px;
	  	grid-auto-flow: dense;
	}
	.grid-img-1 {
  	max-width: 80px;
  	height: auto;
	}	
}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	
}

/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	
}
.text-responsive {
  font-size: calc(50% + 0.4vw + 0.4vh);
}
.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}
.grid-item {
	/*max-width: 200px;
  height: auto;*/
  display: flex;
  align-items: center;
  justify-content: center;

  background-color: rgba(0,0,0,.2);
  
  border-radius: 4px;
  transition: transform 0.3s ease-in-out;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.grid-item:hover {
  filter: opacity(0.9);
  transform: scale(1.02);
}


.wide {
	grid-column: span 2;

}
.tall {
  grid-row: span 2;
}

.visible {
  display: block;
}
.invisible {
  display: none;
}