body {
width: 100%;
margin: 0 auto;
}

.banner-mam {
width: 100%;
height: auto;
position: relative;
margin: 0 auto;
}

.banner-mam #tol-back {
width: 100%;
}

.banner-mam #movil {
width: 100%;
display: none;
}

/***********************************************************/

.prod-mams {
width: 1200px;
height: auto;
margin: 30px auto;
position: relative;
}



.prod-mams .prod-line-mamas {
width: 250px;
height: 410px;
overflow: hidden;
float: left;
margin-left: 2%;
margin-right: 1%;
text-align: center;
}

.prod-mams .prod-line-mamas a {
text-decoration: none;
}

.prod-mams .prod-line-mamas img {
width: 100%;
}

.prod-mams .prod-line-mamas p {

}

.prod-mams .prod-line-mamas #title {
font-size: 14px;
width: 100%;
height: 48px;
color: #3d3d3d;
}

.prod-mams .prod-line-mamas #precio {
font-size: 20px;
width: 100%;
margin: 0 auto;
color: #3d3d3d;
}

.prod-mams .prod-line-mamas #boton {
font-size: 20px;
width: 98%;
margin: 4% auto;
color: #3d3d3d;
border: 1px solid #ccc;
padding: 5px 0
}


@media screen and (max-width: 1200px) {
	
.prod-mams {
width: 1000px;
height: auto;
margin: 30px auto;
}
	


}

@media screen and (max-width: 800px) {
	
.prod-mams {
width: 800px;
height: auto;
margin: 30px auto;
}
	
}

@media screen and (max-width: 600px) {
	
.prod-mams {
width: 420px;
height: auto;
margin: 30px auto;
}
	
.banner-mam #tol-back {
width: 100%;
display: none;
}

.banner-mam #movil {
width: 100%;
display: block;
}

}


@media screen and (max-width: 420px) {
	
.prod-mams {
width: 99%;
height: auto;
margin: 30px auto;
}
	
.prod-mams .prod-line-mamas {
width: 160px;
height: 370px;
overflow: hidden;
float: left;
margin-left: 1%;
margin-right: 1%;
text-align: center;
}
	
.prod-mams .prod-line-mamas #title {
font-size: 13px;
width: 100%;
height: 48px;
color: #3d3d3d;
}

.prod-mams .prod-line-mamas #precio {
font-size: 17px;
width: 100%;
margin: 0 auto;
color: #3d3d3d;
}

.prod-mams .prod-line-mamas #boton {
font-size: 16px;
width: 98%;
margin: 4% auto;
color: #3d3d3d;
border: 1px solid #ccc;
padding: 5px 0
}
	
}


@media screen and (max-width: 365px) {
	
	
.prod-mams .prod-line-mamas {
width: 157px;
height: 370px;
overflow: hidden;
float: left;
margin-left: 3%;
margin-right: 1%;
text-align: center;
}
	
.prod-mams .prod-line-mamas #title {
font-size: 13px;
width: 100%;
height: 48px;
color: #3d3d3d;
}

.prod-mams .prod-line-mamas #precio {
font-size: 17px;
width: 100%;
margin: 0 auto;
color: #3d3d3d;
}

.prod-mams .prod-line-mamas #boton {
font-size: 16px;
width: 98%;
margin: 4% auto;
color: #3d3d3d;
border: 1px solid #ccc;
padding: 5px 0
}
	
}
