@media (max-width: 720px) {

	/* Mopaile Sceian & Tablet*/
	.contener {
		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-4);
	}

	.searchdiv .searchresolt {
		margin-top: 5%;
		margin-left: 2%;
	}

	.searchdiv .searchresolt h4 {
		font-size: var(--font-5);
		width: 80%;
	}

	.searchdiv .searchresolt ul li {
		margin-top: 7%;
	}

	.searchdiv .searchresolt ul li a {
		font-size: var(--font-2);
	}

	/* End Search */


	/* ======================= Start index.html Bug =============== */
	/* Start Slider */

	.slider {
		width: 100%;
		background-image: url(../images/5.webp);
		display: inline-block;
	}

	.slider::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.25);
		z-index: 1;
	}

	.slider .intro {
		padding: 0;
		padding-top: 350px;
	}

	.slider .intro h2 {
		width: 300px;
		font-size: 40px;
	}

	.slider .intro p {
		font-size: 20px;
	}

	.slider .intro a {
		padding: 12px 20px;
		font-size: 16px;
	}

	/* End Slider */

	/* Start FIT */

	.fit {
		width: 100%;
		height: auto;
		padding-top: 15%;
	}

	.fit::-webkit-scrollbar {
		display: none;
	}

	.fit .fitword {
		width: 100%;
		float: none;
		position: absolute;
		margin-top: -8vh;
	}

	.fit .fitword h2 {
		font-size: var(--font-4);
		margin-left: 4%;
	}

	.fit .cont-fit {
		float: none;
		width: 100%;
		height: auto;
		overflow: auto;
	}

	.fit .cont-fit::-webkit-scrollbar {
		display: none;
	}

	.fit .fitCard {
		width: 195%;
		overflow: hidden;
	}

	.fit .fitCard .card {
		width: 85vw;
		height: 50vh;
		text-align: center;
		border: 1px solid #eee;
		margin: 0 15px;
		padding: 0;
		padding-bottom: 2%;
	}

	.fit .fitCard .card img {
		width: 100%;
		height: 95%;
		object-fit: cover;
	}

	.fit .fitCard .card p {
		font-size: var(--font-2);
		font-weight: 400;
	}

	.buttons {
		display: none;
	}

	/* End FIT */

	/* start Wanted */

	.wanted {
		width: 100%;
		height: auto;
		overflow: auto;
		padding-bottom: 5%;
	}

	.wanted::-webkit-scrollbar {
		display: none;
	}

	.wanted .hedwanted h2 {
		float: none;
		font-size: var(--font-4);
		font-weight: bold;
		margin-left: 5%;
		position: absolute;
	}

	.wanted .hedwanted .viewAll {
		float: none;
		margin-left: 5%;
		position: absolute;
		margin-top: 8%;
	}

	.wanted .wanted-cont {
		float: none;
		width: 100%;
		height: auto;
		overflow: auto;
	}

	.wanted .wanted-cont::-webkit-scrollbar {
		display: none;
	}

	.wanted .wantedCard {
		width: 280%;
		overflow: hidden;
		margin-top: 7%;
		display: flex;
		gap: 0;
	}

	.wanted .wantedCarded {
		width: 280%;
		overflow: hidden;
		margin-top: 7%;
		display: flex;
		gap: 0;
	}

	.wanted .wantedCard .wcard {
		width: 90vw;
		height: 88vh;
		margin: 0 15px;
		padding: 0;
		padding-bottom: 35px;
	}

	.wanted .wantedCard .wcard img {
		height: 95%;
	}

	.wanted .wantedCard .wcard .insta,
	.restock {
		transform: translate(0);
		height: auto;
		width: auto;
		padding-left: 2%;
		padding-right: 2%;
	}

	.wanted .wantedCard .wcard .restock {
		margin-top: 72vh;
		padding: 4px 4px;
	}

	.wanted .wantedCard .wcard .size {
		display: none;
	}

	.wanted .wantedCard .wcard .price {
		padding: 0;
		margin-top: -7px;
	}

	.wanted .buttons {
		display: none;
	}

	/* End Wanted */
	/* Start New In */

	.wanted .wanted-cont {
		float: none;
		width: 100%;
		height: auto;
		overflow: auto;
	}

	.wanted .wanted-cont::-webkit-scrollbar {
		display: none;
	}

	.wanted .wantedCarded {
		width: 280%;
		overflow: hidden;
		margin-top: 7%;
		display: flex;
		gap: 0;
	}

	.wanted .wantedCarded .wcard {
		width: 90vw;
		height: 88vh;
		margin: 0 15px;
		padding: 0;
		padding-bottom: 35px;
	}

	.wanted .wantedCarded .wcard img {
		height: 95%;
	}

	.wanted .wantedCarded .wcard .insta,
	.restock {
		transform: translate(0);
		height: auto;
		width: auto;
		padding-left: 2%;
		padding-right: 2%;
	}

	.wanted .wantedCarded .wcard .restock {
		margin-top: 72vh;
		padding: 4px 4px;
	}

	.wanted .wantedCarded .wcard .size {
		display: none;
	}

	.wanted .wantedCarded .wcard .price {
		padding: 0;
		margin-top: -7px;
	}

	.wanted .buttons {
		display: none;
	}

	/* End New IN */

	/* Start Video */

	.vedioSlider {
		width: 100%;
		height: 60vh;
	}

	.vedioSlider .video {
		width: 100%;
		object-fit: cover;
	}

	.vedioSlider .infovid {
		padding: 0;
		padding-top: 31vh;
		margin-left: 5vw;
	}

	.vedioSlider .infovid h2 {
		font-size: var(--font-7);
	}

	.vedioSlider .infovid p {
		font-size: var(--font-3);
		padding: 0;
		padding-top: 7px;
	}

	/* End Video */

	/* start Wanted */


	/* End Wanted */

	/* Start On Instagram */

	.onInsta {
		width: 100%;
		height: 35vh;
		margin-top: 3em;
		background-position: center;
		background-size: cover;
		object-fit: cover;
	}

	.onInsta .introInsta {
		margin-left: 1em;
		/* margin-top: 20vh; */
	}

	.onInsta .introInsta h2 {
		font-size: var(--font-11);
		padding: 0;
		padding-bottom: 20px;
	}

	.onInsta .introInsta a {
		padding: 10px 15px;
		font-weight: 500;
		margin: 0;
	}

	/* Start On Instagram */

	/* ============-====== End index.html Bug ==============-==== */

	/* ============-====== Start about.html Bug ==============-==== */
	/* Start About */

	.about {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 20vh;
	}

	.about h2 {
		font-size: 40px;
		margin-top: 5%;
		text-align: center;
	}

	.about .about_word1 {
		width: 100%;
		text-align: center;
	}

	.about .about_word1 h3 {
		font-size: 30px;
		width: 90%;
	}

	.about .about_word1 p {
		width: 100%;
		font-size: 23px;
	}

	.about .about_word2 {
		width: 100%;
		text-align: center;
		margin: 0;
		margin-top: 5%;
	}

	.about .about_word2 h3 {
		font-size: 30px;
	}

	.about .about_word2 p {
		font-size: 23px;
		text-align: center;
		width: 90%;
		margin-left: 5%;
	}

	/* End About */

	/* ============-====== End about.html Bug ==============-==== */

	/* ============-====== Start contact.html Bug ==============-==== */
	/* Start Contact Us */

	.contact .sochial {
		float: none;
		text-align: center;
		width: auto;
		margin: 0;
	}

	.contact .sochial h4 {
		margin-top: 7%;
	}

	.contact .sochial .nav {
		text-align: center;
		width: 100%;
		margin-left: 30%;
	}

	.contact .sochial .nav a i {
		color: var(--color1);
	}

	.contact .cont {
		float: none;
		text-align: center;
		width: auto;
	}

	.contact .cont h4 {
		margin-top: 3%;
	}

	.contact .cont .nav2 {
		margin-top: 5%;
	}

	.contact .cont .nav2 a i {
		color: var(--color1);
	}

	/* End Contact Us */
	/* ============-====== End contact.html Bug ==============-==== */

	/* ============-====== Start healp.html Bug ==============-==== */

	.help {
		width: 100%;
		height: auto;
	}

	.help h2 {
		font-size: var(--font-8);
	}

	.help .serchbox {
		width: 80%;
		height: 6vh;
		margin: 10%;
	}

	.help .serchbox i {
		font-size: var(--font-4);
	}

	.help .serchbox input {
		color: #828282;
		font-size: var(--font-3);
	}

	.tools .opyions {
		width: 90%;
		margin-left: 5%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}

	.tools .track-order {
		width: 90%;
		height: 15vh;
		margin-left: 5%;
		padding-bottom: 1vh;
	}

	.tools .track-order span {
		margin: 0;
		margin-top: 2%;
	}

	.tools .track-order .shopping {
		font-size: 55px;
	}

	.tools .track-order .serch {
		font-size: 20px;
		margin-top: -20px;
		margin-left: 5px;
	}


	.informtin {
		width: 100%;
		padding-top: 10%;
	}

	.informtin .header-info h3 {
		float: none;
		text-align: center;
		font-size: var(--font-6);
	}

	.informtin .header-info .contener-button {
		width: auto;
		margin-right: 5%;
		margin-top: 3%;
	}

	.informtin .contener-card {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
		overflow: hidden;
		margin-top: 5%;
		width: 90%;
		margin-left: 5%;
	}

	.informtin .contener-card .card {
		width: 100%;
		height: 33vh;
	}

	.informtin .contener-card .card h5 {
		font-size: var(--font-3);
		margin-top: 2%;
	}

	.informtin .contener-card .card p {
		font-size: var(--font-1);
		margin-top: 2%;
	}

	.informtin .contener-card-list {
		width: 90%;
		margin-left: 5%;
	}

	.informtin .contener-card-list .card {
		width: 100%;
		height: 20vh;
	}

	.informtin .contener-card-list .card h5 {
		margin: 0;
		margin-left: 5%;
		font-size: var(--font-3);
	}

	.informtin .contener-card-list .card p {
		margin: 0;
		margin-right: 5%;
		margin-top: 30%;
		font-size: var(--font-1);
	}

	.informtin .contuct {
		margin-top: 10%;
	}

	.informtin .contuct h3 {
		margin-left: 5%;
		font-size: var(--font-6);
	}

	.informtin .contuct .carde {
		width: 90%;
		margin-left: 5%;
	}

	.informtin .contuct .carde a i:last-child {
		margin: 0;
		margin-left: 55%;
	}

	.informtin .contuct .carde p {
		margin-top: 2vh;
		line-height: 3vh;
	}

	/* ============-====== End healp.html Bug ==============-==== */
	/* Start Footers */

	footer {
		width: 100%;
		height: auto;
		margin-top: 4em;
		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 */

}