@media screen and (min-width: 1500px){
	.producto{
		width: 1440px;
	}
}

@media screen and (width: 100vw) and (max-height: 50vw){
	.punto, .flecha_next, .detalle{
		    width: calc(47.77vh - 47.77px);
    height: calc(100vh - 100px);
	}
}

/*@media screen and (width: 100vw) and (min-height: 65vw){
	.punto, .flecha_next, .detalle{
		width: 32.44vw;
    	height: 68vw;
	}
}*/

@media screen and (min-width: 1024px){
.item_m:hover::before{
    content: '';
    width: 16px;
    height: 7px;
    border-radius: 50%;
    background-color: #000;
    display: block;
    transform: translate(-15px, 3px) scale(0.5);
    position: absolute;
}
.submenu_list button.s_list:hover::before{
  content: '';
    width: 16px;
    height: 7px;
    border-radius: 50%;
    background-color: #000;
    display: block;
    transform: translate(-17px, 2.5px) scale(0.5);
    position: absolute;
}
.m_post:hover{
    z-index: 2;
}
.s_post:hover .s_post_img_int_d{
    opacity:1;
}
.s_post:hover .s_post_img_int{
    opacity:0;
}
.s_list:hover .checkmark:after {
    content: '';
    width: 16px;
    height: 7px;
    border-radius: 50%;
    background-color: #000;
    display: block;
    transform: translate(3px, 3px) scale(0.5);
    position: absolute;
    display:none;
}

.opcion:hover .opcion_int{
    border:1px solid #0000007d;
}

}


@media screen and (max-width: 1060px){
	.contenido{
		    width: calc(100% - 50px);
	}
}

@media screen and (max-width: 1024px){
	.m_post{
		transform: initial!important;
	}
}
@media screen and (max-width: 900px){
	.mosaico_work{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.m_post.m_post_2_1{}
	.m_post.m_post_3_1{
	    grid-column-start: auto;
	    grid-column-end: span 2;
	}
	.m_post.m_post_2_2{
	    grid-column-start: auto;
	    grid-column-end: span 2;
	    grid-row-start: auto;
	    grid-row-end: span 2;
	}
	.m_post.m_post_3_2{
	    grid-column-start: auto;
	    grid-column-end: span 2;
	    grid-row-start: auto;
	    grid-row-end: span 2;
	}
	.m_post.m_post_2_3{
	    grid-column-start: auto;
	    grid-column-end: span 2;
	    grid-row-start: auto;
	    grid-row-end: span 2;
	}
	.m_post.m_post_3_3{
	    grid-column-start: auto;
	    grid-column-end: span 3;
	    grid-row-start: auto;
	    grid-row-end: span 3;
	}
	.mosaico_shop{
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 800px){
	.producto_info{
		width: 300px;
	}
	.punto{
		    width: 44vw;
    height: 93.1vw;
	}
	.flecha_next{
		width: 44vw;
    height: 93.1vw;
	}
	.flecha_next_top{
		width: 44vw;
    height: 93.1vw;
	}
	.detalle{
		width: 44vw;
    height: 93.1vw;
	}

	.titulo_home_img{
		    width: 85.5vw;
	}
	.info_int{
		width: 100%;
	}
	.producto_imagen{
		width: calc(100% - 325px);
	}

}

@media screen and (max-width: 700px){
	.texto{
		width: auto;
    max-width: 400px;
    margin: 0px;
	}
	.page .fila{
		display: block;
	}
	.sidebar{
		    width: auto;
    max-width: 200px;
    margin-top: 25px;
	}
	.producto{
		display: block;
	}
	.producto_info{
		    width: 100%;
    top: initial;
    position: relative;
    height: auto;
	}
	.producto_imagen{
		width: 100%;
	}



}

@media screen and (max-width: 600px){
	.mosaico_work {
	    grid-template-columns: 1fr 1fr 1fr;
	}
	.bl_i .m_post_image{
	    align-items: flex-start;
	    justify-content: flex-end;
	}

	.m_post.m_post_2_1{  
	    grid-column-start: initial;
	    grid-column-end: initial;
	}
	.m_post.m_post_3_1{
	    grid-column-start: initial;
	    grid-column-end: initial;
	}
	.m_post.m_post_2_2{
	    grid-column-start: initial;
	    grid-column-end: initial;
	    grid-row-start: initial;
	    grid-row-end: initial;
	}
	.m_post.m_post_3_2{
	    grid-column-start: initial;
	    grid-column-end: initial;
	    grid-row-start: initial;
	    grid-row-end: initial;
	}
	.m_post.m_post_2_3{
	    grid-column-start: initial;
	    grid-column-end: initial;
	    grid-row-start: initial;
	    grid-row-end: initial;
	}
	.m_post.m_post_3_3{
	    grid-column-start: initial;
	    grid-column-end: initial;
	    grid-row-start: initial;
	    grid-row-end: initial;
	}
	.btn_responsive{
		display: block;
		    height: 40px;
    width: 40px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	.btn_responsive .linea{
		width: 20px;
	    height: 1px;
	    background-color: #0000007d;
	    left: -5px;
	    position: relative;
	}
	.btn_responsive::after{
		content: '';
	    display: block;
	    width: 20px;
	    height: 1px;
	    background-color: #0000007d;
	    position: absolute;
	    left: 30px;
	    bottom: 13px;
	}
	.btn_responsive::before{
		content: '';
		display: block;
		width: 20px;
		height: 1px;
		background-color: #0000007d;
		position: absolute;
		left: 30px;
		top: 14px;
	}
	.item_m{
		display: none;
	}
	footer{
		display: none;
	}
	.header_int{
		height: 40px;
	}
	.menu_responsive{}
	.mr_int{}
	.mr_item{}

	.menu_responsive{
		    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: calc(100vh - 41px);
    background-color: #fff;
	}
	.actHeader{
		overflow: hidden;
	}
	.mr_int{
		width: calc(100% - 60px);
    margin: 25px auto;
	}
	.mr_item{
		display: block;
	    padding: 6px 0px;
	}

	.mr_item a{}
	.submenu_back{}
	.submenu_list{
		left: 0px;
	}
	.submenu_list form{}
	.submenu_list form{}

	.header_int{
		width: 100%;
	}
	.btn_responsive::before{
		left: 25px;
	}
	.btn_responsive::after{
		left: 25px;
	}
	.mr_int{
		    width: calc(100% - 50px);
	}
	.act_work .filtros{
		display: block;
	}
	.btn_filtros{
    height: 26px;
    line-height: 26px;
    font-family: 'FilosofiaRegular';
    font-size: 17px;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 4px;
	}
	.filtros .submenu_back_r{
		display: none;
		z-index: 5;
		max-height: initial;
    	height: calc(100vh - 42px);
    	overflow: auto;
	}
	.submenu_back_r{
		top: 41px;
	}
	.act_filtros .submenu_back_r{
		display: block;
	}
	
	.submenu_list{
		    padding-left: 25px;
	    margin-left: 55px;
	}


}

@media screen and (max-width: 500px){
	.mosaico_work{
		margin-top: 45px;
		grid-gap: 15px;
		width: calc(100% - 30px);
	}
	.single{
		width: calc(100% - 30px);
	}
	.imagen{
		margin-top: 15px;
		height: calc(100vh - 153px);
	}
	.s_post_img img{
		max-width: calc(100% - 10px);
		max-height: calc(100% - 10px);
	}
	.mosaico_shop{
		grid-gap: 5px;
	}
	.mosaico_shop{
		width: calc(100% - 10px);
	}
	.btn_responsive{
		    padding: 0px 10px;
	}
	.btn_responsive::before {
    left: 15px;
}

.btn_responsive::after {
    left: 15px;
}
.menu.menu_titulo img, .menu.menu_titulo svg{
	    padding-right: 15px;
}
.mr_int{
	    width: calc(100% - 30px);
}
.contenido{
    width: calc(100% - 30px);
}
.p_titulo_responsive{
	display: block;
}
.producto_check_int .p_titulo{
	display: none;
}
.p_titulo_responsive h2{
	margin: 0;
    font-size: 13px;
    font-weight: normal;
}
.p_img{
	margin-right: 10px;
}
.producto_check{
	display: block;
}
.producto_check_int{
	width: fit-content;
    float: left;
}
.producto_check::after{
	content: '';
	display: block;
	clear: both;
}
.producto_check{
	    padding: 20px 0px;
}
.info_check .columna{
	width: 100%;
}
.info_check{
	display: block;
}
.info_check .columna:first-child{
	margin-bottom: 20px;
}
.cantidad{
	    margin: 10px 0px 15px;
}

.submenu_list{
	margin-left: 35px;
}

.info_check:last-child .columna:last-child{
	width: 100%;
}
.info_check{
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 35px;
}

}

@media screen and (max-width: 800px) and (max-height: 110vw){
	.punto{
    width: 28.2vh;
    height: 60vh;
	}
	.flecha_next{
    width: 28.2vh;
    height: 60vh;
	}
	.flecha_next_top{    
		width: 28.2vh;
    height: 60vh;
	}
	.titulo_home_img{
		width: 60vh;
	}
	.detalle{
		width: 28.2vh;
    height: 60vh;
	}
}

@media screen and (max-width: 370px){
	.mosaico_shop{
		    grid-template-columns: 1fr 1fr;
	}
	.p_img{
		width: 110px;
	}
}