/*
start Responsive styling of WordPress pages and sections
Please strictly refrain from manipulating and deleting this file because it will mess up the appearance of your website
The author of the used theme is Mr. Salar Nemate zadeh | mobo press
Published exclusively in the Iranian zhaket market .
*/
@media screen and (max-width: 1000px) {
    .container {
        width: 92% !important;
    }

    header nav , header .header .search-header , header .header .button-header {
       display: none !important;
    }

    header .header {
        width: 100% !important;
        padding: 10px 0 !important;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    }
    header .header .logo-header {
        width: 25% !important;
    }
    .divesion-icon-user-header , .divesion-icon-nav-header {
        display: flex !important;
    }
    header svg {
        display: block !important;
    }
    .down-bar-shoping {
         display: flex !important;
     }
    #content {
        margin-bottom: 75px !important;
        padding-top: 10px;
    }
}
@media screen and (max-width: 1000px) {
    .slider-image-two-column .swiper-button-next, .swiper-button-prev {
        display: none !important;
    }
    .slider-image-two-column {
        float: unset !important;
        width: 92% !important;
        margin: auto !important;
        border-radius: 10px !important;
    }

    .slider-image-two-column .desktop-image-slider-swiper {
        display: none !important;
    }

    .slider-image-two-column .phone-image-slider-swiper {
        display: block !important;
    }

}
@media screen and (max-width: 1000px) {
    .slider-product .swiper-wrapper .swiper-slide figure .icon-shop-item-slider {
        right: 2% !important;
    }
    .slider-product .swiper-wrapper .swiper-slide .timer-isent-product {
        flex-wrap: wrap !important;
    }
    .slider-product .swiper-wrapper .swiper-slide .timer-isent-product .countdown-timer {
        width: 100% !important;
    }
    .slider-product .swiper-wrapper .swiper-slide  .icon-shop-item-slider {
        width: 100% !important;
    }
    .slider-product .swiper-wrapper .swiper-slide  .icon-shop-item-slider a {
        margin: 6px 3px !important;
    }
    .slider-product .swiper-wrapper .swiper-slide  .icon-shop-item-slider {
        justify-content: center !important;
    }


    .slider-product .swiper-wrapper .swiper-slide .name-product h3 {
        font-size: 13px !important;
    }

    .slider-product .swiper-wrapper .swiper-slide .price-product del {
        font-size: 12px !important;
    }

    .slider-product .swiper-wrapper .swiper-slide .price-product ins {
        font-size: 15px !important;
        padding: 0 !important;
    }


    .slider-product .swiper-wrapper .swiper-slide figure .icon-shop-item-slider a span p {
        font-size: 10px !important;
    }

    .slider-product .swiper-wrapper .swiper-slide figure .icon-shop-item-slider a span {
        padding: 0 5px !important;
        top: -130% !important;
    }


    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 20px !important;
    }

    .slider-product .swiper-button-next, .slider-product .swiper-button-prev {
        top: 7% !important;
    }
}
@media screen and (max-width: 1000px) {
    .hush-product-sliders {
        display: none !important;
    }
}
@media screen and (max-width: 1000px) {
    .sale-prise-product-slider .swiper-slide p.mojodi-product-digi-text {
        font-size: 9px;
    }
}
@media screen and (max-width: 1000px) {
    .image-2-plan-img-item  {
        margin : 0 !important;
        padding : 0 !important;
    }
    .image-2-plan-img-item figure {
        flex-wrap: wrap !important;
    }

    .image-2-plan-img-item figure img {
        max-width: 100% !important;
        margin: 10px 0 !important;
    }
    .blog-slider .swiper-slide .image-blog-slider i {
        right: 6% !important;
        top: 5% !important;
        font-size: 20px !important;
    }
}
@media screen and (max-width: 1000px) {
    .blog-slider .swiper-slide .auter-cat-blog-slider a span {
        font-size: 10px !important;
    }

    .blog-slider .swiper-slide .auter-cat-blog-slider a span i {
        font-size: 12px !important;
    }

    .blog-slider .swiper-slide .name-blog-slider h3 {
        font-size: 11px !important;
    }

    .blog-slider .swiper-slide:hover .name-blog-slider h3:before {
        bottom: 0 !important;
    }

    .blog-slider .swiper-button-next, .blog-slider .swiper-button-prev {
        top: -37px !important;
    }
}

@media screen and (max-width: 1300px) {
    .hush-product-slider .timer-section {
        padding: 3px 12px !important;
    }

    .hush-product-slider .mySwiper-product-1 .swiper-wrapper .swiper-slide .sale-product-hush {
        width: 15% !important;
        float: left !important;
    }
}
@media screen and (max-width: 1000px) {
    footer .footer {
        padding-right:2.5% !important;
        padding-left:2.5% !important;
        width: 95% !important;
    }
    footer .footer .contet-site-footer {
        flex-wrap: wrap !important;
    }
    footer .footer .menu-site-footer ul {
        flex-wrap: wrap !important;
        justify-content: space-between;
    }
    footer .footer .logo-site-footer img {
        max-width: 70% !important;
    }
    footer .footer .regester-shop-mail-footer {
        margin-bottom: 10px !important;
        width: 100% !important;
    }
}
@media screen and (max-width: 1000px) {
    .single-div .single-image-post figure img {
        width: 90% !important;
        max-width: 90% !important;
    }
    .single-div .single-dittle-post .swiper-wrapper {
        justify-content: unset !important;
    }
    .single-div .single-name-post header h1 {
        font-size: 20px !important;
        line-height: 35px !important;
    }
    .single-div .single-image-post figure > p {
        font-size: 10px !important;
        padding: 3px 2% !important;
    }
    .single-div .single-dittle-post-item {
        max-width: 100% !important;
        padding: 10px 0 !important;
    }
    .single-div .single-content-post {
        width: 96% !important;
        padding: 10px 2% !important;
    }
}
@media screen and (max-width: 1000px) {
    .comment-singles h3 {
        margin-right: 3px !important;
    }
    .comment-singles form p {
        width: 100% !important;
    }
    .comment-singles h3 {
        font-size: 15px !important;
    }
    .comment-body .comment-author {
        font-size: 12px !important;
    }
    .comment-body .commentmetadata {
        padding: 3px 0 15px !important;
        font-size: 14px !important;
    }
}
@media screen and (max-width: 1000px) {
    .six-div-archive {
        flex-wrap: wrap !important;
        padding:0 !important;
        height: auto !important;
    }
    .six-div-archive  .item-six-div-ar {
        height: 270px !important;
        width: 100% !important;
    }
    .six-div-archive .items-six-div-ars {
        height: 100% !important;
        width: 50% !important;
    }
    .six-div-archive  .item-six-div-ar {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        padding: 10px 0 !important;
    }
    .six-div-archive .items-six-div-ars {
        height: 100% !important;
        width: 49% !important;
    }
    .six-div-archive .item-six-div-ar:nth-child(3) {
        display: none !important;
    }
    .side-bar-blog  {
        display: none !important;
    }
    .blog-post .blog-post-item {
        width: 49% !important;
        box-shadow: none !important;
    }
    .blog-post-item .blog-post-item-image {
        height: 150px !important;
    }
    .blog-post-item .blog-post-item-d-l-a {
        padding: 2% !important;
        margin:0 !important;
        font-size: 13px !important;
        width: 96% !important;
        border-radius: 0 !important;
    }
    .blog-post-item .blog-post-item-d-l-a .blog-post-item-d-l-a-iss {
        display: none !important;
    }
    .blog-post-item .blog-post-item-name {
        padding: 5px !important;
    }
    .blog-post-item .blog-post-item-name h2 {
        font-size: 12px !important;
    }
    .six-div-archive .items-six-div-ars h2 {
        font-size: 13px !important;
    }
    .six-div-archive .item-six-div-ar .name-six-div {
        bottom: 4% !important;
    }
    .six-div-archive .item-six-div-ar span.video-post {
        top: 15px !important;
    }
    .six-div-archive .item-six-div-ar span.new-post {
        right: 10px !important;
        top: 20px !important;
        font-size: 10px !important;
        padding: 2px 4px !important;
    }
    .blog-post-item .blog-post-item-image span.video-post {
        font-size: 30px !important;
    }
    .six-div-archive .item-six-div-ar .name-six-div {
        width: 88% !important;
        padding: 5px 3.5% !important;
        text-align: center !important;
    }

    .blog-slider .swiper-slide .image-blog-slider {
        min-height: 100px !important;
    }
    .sale-prise-product-slider .swiper-slide p.mojodi-product-digi-text {
        font-size: 8px !important;
    }

}