@media (max-width: 768px) {
    .body img {
        display: none;
    }

    nav {
        font-size: 12px;
    }

    .options {
        gap: 50px;
    }

    form {
        width: 350px;
    }

    .text {
        width: 400px;
        padding-right: 10px;
    }

    .pbox {
        width: 200px;
        padding: 10px;
    }

    .footer .foptions {
        width: 110px;
        padding: 0;
    }

    .footer .foptions p {
        font-size: 10px;
    }

    .footer {
        font-size: 5px;
        padding: 0;
    }

    .footer .namad {
        gap: 15px;
    }

    .footer .mes {
        gap: 8px;
    }

    .footer .foptions #zarinpal a img {
        display: block;
        width: 40px;
    }

    .footer .foptions a img {
        width: 40px;
    }

    .footer .foptions .messenger {
        width: 80px;
    }
}

@media(max-width:1005px){
	.images {
		display: none;
	}
	.platforms {
	    display: none;
	}
}

@media(max-width:950px){
	.actions {
		direction: ltr;
		width: 100%;
		justify-content: space-between;
	}
	.logo {
		display: none;
	}
	.container {
		width: 90%;
	}
	.header .container {
		margin:0;
	}
	.nav{
		position:fixed;
		display: none;
		right:-100%;
		top:75px;
		width:280px;
		height:65vh;
		background:white;
		flex-direction:column;
		padding:40px;
		gap:25px;
		transition:.4s;
		box-shadow:-10px 0 25px rgba(0,0,0,.08);
		z-index: -1;
	}
	.nav.active{
		right:0;
		display: flex;
	}
	.menu-btn{
		display:block;
	}
}

.enamad img {
    width: 125px;
    height: 136px;
}
}