@media (max-width: 720px) {

	/* Mopaile Sceian & Tablet*/
	.contener {
		width: 100%;
		max-width: 375px;
		margin: auto;
	}

	.onteaner-cont {
		width: 100%;
		max-width: 375px;
		margin: auto;
	}

	.newos {
		width: 100%;
		height: 5.5vh;
		text-align: center;
		z-index: 3;
		top: 0;
	}

	.newos h3 {
		width: 98%;
		margin: 0;
		font-size: var(--font-2);
		font-weight: 500;
		color: #fafafa;
	}

	nav {
		display: none;
	}

	header {
		display: none;
	}

	/* Start Munio */

	.munio {
		width: 100%;
		height: 8vh;
		background-color: #fff;
		border-bottom: 1px solid #eee;
		display: flex;
		align-items: center;
		z-index: 20;
	}

	.munio-small {
		position: fixed;
		top: 0;
	}

	.munio>div {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 2%;
	}

	.munio>div button {
		border: none;
		outline: none;
		background: none;
		cursor: pointer;
		margin-left: 5%;
		font-size: var(--font-5);
		float: left;
	}

	.munio>div .munio_logo {
		text-transform: uppercase;
		text-decoration: none;
		color: #000;
		font-weight: bold;
		font-size: var(--font-6);
		margin-left: 10%;
	}

	.mun {
		width: 100%;
		height: 100vh;
		background: #fff;
		position: fixed;
		z-index: 25;
		list-style: none;
		padding: 0;
		top: 0;
		display: block;
		transform: translateX(-100%);
		transition: .5s ease;
	}

	.mun button {
		border: none;
		outline: none;
		background: none;
		cursor: pointer;
		padding: 0 15px;
		font-size: var(--font-3);
		margin-bottom: 6%;
		margin-top: 6%;
		color: #000;
	}

	.mun ul {
		list-style: none;
		padding: 0;
	}

	.mun li {
		width: 100%;
	}

	.mun li a {
		text-decoration: none;
		color: #000;
		text-transform: uppercase;
		display: inline-block;
		width: 100%;
		min-height: 50px;
		font-size: var(--font-3);
		padding: 0 15px;
		position: relative;
		text-align: left;
		margin: 0;
		border-top: 1px solid #ddd;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	li .lastnew {
		border-bottom: 1px solid #ddd;
	}

	.mun li a .right1 {
		margin-left: 85%;
		position: absolute;
	}

	.mun li a .right2 {
		margin-left: 85%;
		position: absolute;
	}

	.mun .navmun {
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin-top: 25%;
		padding: 13px 0;
	}

	.mun .navmun ul {
		list-style: none;
		padding: 0;
	}

	.mun .navmun ul li {
		width: 100%;
	}

	.mun .navmun ul li a {
		margin: 0;
		color: #7f7f7f;
		padding: 0 15px;
		min-height: 30px;
		border: none;
		font-size: 13px;
		font-weight: bold;
	}

	.mun .sochmun {
		width: 100%;
		height: auto;
		margin-top: 7%;
	}

	.mun .sochmun .ingl {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 15px;
		padding: 0 15px;
	}

	.mun .sochmun a {
		color: #000;
		padding: 0 15px;
		text-decoration: none;
		font-weight: bold;
		display: inline-block;
	}

	.mun1 {
		width: 100%;
		height: 100vh;
		background: #fff;
		position: fixed;
		z-index: 25;
		list-style: none;
		padding: 0;
		top: 0;
	}

	.mun1 button {
		border: none;
		outline: none;
		background: none;
		cursor: pointer;
		padding: 0 15px;
		font-size: var(--font-3);
		margin-bottom: 6%;
		margin-top: 6%;
		color: #000;
	}

	.mun1 li {
		width: 100%;
	}

	.mun1 li a {
		text-decoration: none;
		color: #000;
		text-transform: uppercase;
		display: inline-block;
		width: 100%;
		min-height: 50px;
		font-size: var(--font-3);
		padding: 0 15px;
		position: relative;
		text-align: left;
		margin: 0;
		border-top: 1px solid #ddd;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.mun1 .navmun {
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin-top: 8%;
		padding: 13px 0;
	}

	.mun1 .navmun ul {
		list-style: none;
		padding: 0;
	}

	.mun1 .navmun ul li {
		width: 100%;
	}

	.mun1 .navmun ul li a {
		margin: 0;
		color: #7f7f7f;
		padding: 0 15px;
		min-height: 30px;
		border: none;
		font-size: 13px;
		font-weight: bold;
	}

	.mun1 .sochmun {
		width: 100%;
		height: auto;
		margin-top: 5%;
	}

	.mun1 .sochmun .ingl {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 15px;
		padding: 0 15px;
	}

	.mun1 .sochmun a {
		color: #000;
		padding: 0 15px;
		text-decoration: none;
		font-weight: bold;
		display: inline-block;
	}

	.mun2 {
		width: 100%;
		height: 100vh;
		background: #fff;
		position: fixed;
		z-index: 25;
		list-style: none;
		padding: 0;
		top: 0;
	}

	.mun2 button {
		border: none;
		outline: none;
		background: none;
		cursor: pointer;
		padding: 0 15px;
		font-size: var(--font-3);
		margin-bottom: 6%;
		margin-top: 6%;
		color: #000;
	}

	.mun2 .munscrol {
		overflow: auto;
		height: 50vh;
	}

	.mun2 li {
		width: 100%;
	}

	.mun2 li a {
		text-decoration: none;
		color: #000;
		text-transform: uppercase;
		display: inline-block;
		width: 100%;
		min-height: 50px;
		font-size: var(--font-3);
		padding: 0 15px;
		position: relative;
		text-align: left;
		margin: 0;
		border-top: 1px solid #ddd;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.mun2 .navmun {
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin-top: 8%;
		padding: 13px 0;
	}

	.mun2 .navmun ul {
		list-style: none;
		padding: 0;
	}

	.mun2 .navmun ul li {
		width: 100%;
	}

	.mun2 .navmun ul li a {
		margin: 0;
		color: #7f7f7f;
		padding: 0 15px;
		min-height: 30px;
		border: none;
		font-size: 13px;
		font-weight: bold;
	}

	.mun2 .sochmun {
		width: 100%;
		height: auto;
		margin-top: 5%;
	}

	.mun2 .sochmun .ingl {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 15px;
		padding: 0 15px;
	}

	.mun2 .sochmun a {
		color: #000;
		padding: 0 15px;
		text-decoration: none;
		font-weight: bold;
		display: inline-block;
	}

	/* End Munio */

	/* Start Search */

	.searchdiv {
		transform: translateX(100%);
	}

	.searchdiv .searchinput {
		height: 9vh;
	}

	.searchdiv .searchinput .search {
		font-size: var(--font-4);
	}

	.searchdiv .searchinput input {
		height: 60%;
	}

	.searchdiv .searchinput .x_search {
		margin: 0;
		margin-left: 2%;
		font-size: var(--font-3);
	}

	.searchdiv .searchresolt {
		margin-top: 5%;
		margin-left: 2%;
	}

	.searchdiv .searchresolt h4 {
		font-size: var(--font-4);
		width: 80%;
	}

	.searchdiv .searchresolt ul li {
		margin-top: 7%;
	}

	.searchdiv .searchresolt ul li a {
		font-size: var(--font-2);
	}

	/* End Search */

	/* Start All_Pro*/

	.all_pro {
		width: 100%;
		overflow: auto;
	}

	.all_pro h1 {
		font-size: var(--font-5);
		margin: 0;
		margin-top: 3%;
		margin-left: 10%;
		margin-bottom: 5%;

	}

	.filters {
		width: 100%;
		height: auto;
		position: relative;
	}

	.filters .filt {
		width: 40%;
	}

	.filters .sort {
		width: 26%;
		margin: 0;
		margin-left: 34%;
		right: 0;
		position: relative;
	}

	.filters .mun_sort {
		width: 50%;
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 15%;
		margin-left: 48%;
		z-index: 15;
		padding: 0px 10px;
		border: 1px solid #ccc;
	}

	.filters .mun_sort ul {
		list-style: none;
		padding: 0;
	}

	.filters .mun_sort ul a {
		text-decoration: none;
		color: #000;
		display: inline-block;
		/* margin-top: 2.5%;
		margin-bottom: 2.5%; */
		font-weight: bold;
		font-size: 14px;
	}

	.all_pro .munfilter {
		background-color: #fff;
		position: absolute;
		z-index: 1;
		width: 60%;
		height: 65vh;
		margin-left: 5%;
		margin-top: 5%;
		padding-top: 5%;
		overflow: auto;
	}

	.all_pro .allCards {
		width: 100%;
		position: relative;
		gap: 0;
	}

	.all_pro .allCards .conteCard {
		display: flex;
		gap: 0;
	}

	.all_pro .allCards .card {
		width: 50%;
		height: 50vh;
		margin: 0 5px;
		padding-bottom: 50px;
	}

	.all_pro .allCards .card:last-child {
		display: none;
	}

	.all_pro .allCards .card:first-child {
		display: none;
	}

	.all_pro .allCards .card .insta {
		height: auto;
		width: auto;
		padding-left: 2%;
		padding-right: 2%;
	}

	.all_pro .allCards .card .restock {
		margin-top: 35vh;
	}

	.all_pro .allCards .card .size {
		display: none;
	}

	.all_pro .allCards .card p {
		font-size: var(--font-3);
		padding-top: 5%;
	}

	.all_pro .allCards .card .price {
		padding-top: 3%;
		padding-bottom: 2%;
	}

	/*===============================*/
	.all_pro .allCards .shomo {
		padding: 0;
	}

	.all_pro .allCards .shomo a {
		margin: 0;
		padding: 10px 15px;
		margin-top: 90%;
		margin-left: 20%;
	}

	.all_pro .allCards .load {
		margin: 0;
		margin-top: 2%;
		margin-left: 36%;
	}

	/* End All_Pro*/

	/* Start Info */

	.info {
		width: 100%;
		height: auto;
		padding: 0;
	}

	.info .imgein {
		float: none;
		width: 90%;
		height: 30vh;
		margin: 0;
		margin-left: 5%;
		margin-top: 5%;
	}

	.info .words {
		float: none;
		width: 100%;
		height: auto;
	}

	.info .words h2 {
		width: 70%;
		font-size: var(--font-8);
	}

	.info .words p {
		width: 90%;
		text-align: left;
		font-size: var(--font-5);
		margin: 0;
		margin-top: 5%;
	}

	.info .words a {
		padding: 12px 15px;
		font-size: 15px;
		margin-left: 30%;
		display: inline-block;
		margin-bottom: 5%;
	}

	/* End Info */
	/* Start Footers */

	footer {
		width: 100%;
		height: auto;
		padding-bottom: 5%;
	}

	footer h3 {
		font-size: var(--font-6);
		margin-left: 4%;

		margin-bottom: 5%;
	}

	footer .footCard .card {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 8%;
		margin-left: 3%;
	}

	footer .footCard .card h4 {
		font-size: var(--font-3);
	}

	footer .footCard .card a {
		font-size: var(--font-2);
	}

	footer .social {
		margin-left: 4%;
	}

	footer .inp {
		margin-top: 8%;
		margin-left: 4%;
	}

	footer .inp .langbox {
		width: 65%;
		margin-top: -100px;
		padding: 2.5% 5%;
	}

	footer .inp .langbox a {
		font-size: var(--font-1);
	}

	footer .inp button {
		padding: 10px 15px;
		font-size: var(--font-1);
	}

	.copyr {
		height: auto;
		margin: 0;
	}

	.copyr p {
		font-size: var(--font-3);
		float: none;
		margin-left: 4%;
		position: absolute;
	}

	.copyr a {
		font-size: var(--font-2);
		margin: 0;
		float: none;
		margin-top: 15%;
		margin-left: 4%;
	}

	footer .doorcach {
		width: 70%;
		margin-left: 4%;
		margin-top: 5%;
		overflow: hidden;
	}

	footer .doorcach .nodoor {
		display: none;
	}

	/* End Footers */

}