@media only screen and (max-width:700px) {
    .headers {
        display: block;
    }

    .headers .logo {
        text-align: center;
    }

    nav ul li div {
        position: absolute;
        width: 98%;
        height: auto;
        background-color: #fff;
        display: none;
    }

    nav ul li:hover div {
        display: block;
    }

    main .slider {
        width: 100%;
        height: auto;
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    main .slider .sliders {
        width: 100%;
    }

    main .slider .sliders .slid {
        width: 100%;
        height: auto;
        background-color: blue;
    }

    main .slider .baner {
        width: 98%;


    }

    main .slider .baner .ban {
        width: 92%;
        height: auto;
        background-color: rgb(255, 255, 255);
        border: 5px double green;
        border-radius: 5px;
    }

    main .slider .baner .ban p {
        width: 90%;
        margin: -1px;
    }

    main .slider .baner .ban pric {
        width: 90%;
        margin: -1px;
    }

    main .discd {
        display: block;
    }

    main .discd p {
        width: 100%;
    }

    main .discd p strong {
        width: 90%;
    }

    main .adsi {
        margin-top: 30px;
        width: 50%;
    }

    footer {
        display: block;
    }

    footer div {
        width: 100%;
    }

    footer div p {
        text-align: justify;
    }

    footer .mapp {
        width: 100%;
    }

    footer .seocall {
        width: 100%;
    }

    footer .seocall div {
        display: flex;
        justify-content: space-around;
    }

    footer .contact {
        width: 95%;
        display: flex;
        justify-content: space-around;
    }

    body {
        margin: 10px 5px;
        direction: rtl;
        overflow-x: hidden;
    }

    .owl-carousel.owl-rtl .owl-item {
        float: right;
    }

    main .ads {
        min-width: auto;
    }

    main .productv {
        display: block;
    }

    main .productv p {
        width: 100%;
        text-align: center;
    }

    main .productv p img {
        width: 100%;
    }

    main .productv .textp {
        text-align: right;
        width: 100%;
    }

    main .productv .textp table tbody tr :nth-child(odd) {
        width: auto;
    }
    main .pricp div{
        margin-left: 2px;
        line-height: 1.9;
    }

}