@media screen and (max-width: 1400px) {
.nav .container,footer .container{
    padding: 0 15px;
    
}

}

@media screen and (max-width: 1200px) {
    .flowers{
        gap: 10px!important;
    }
    .flower{
        width: 300px!important;
        height: 230px!important;
            min-height: 310px!important;
    }
    .flower-box{
        height:250px!important;
    }
   
    .product-intro .entry-image ol {
        width: 100%!important;
        flex-direction: row!important;
        flex-wrap: wrap!important;
        justify-content: center!important;

    }
  .product-intro .entry-image {
        width: 80%!important;
    }
    
    .hero-product .product-item .down { 
        gap:5px!important;
    }
    .hero-product .product-item .down .addtocart_button a.added_to_cart {
    font-size: 9px!important;
    text-align: center!important;
    padding:1px!important;
   
}
    
    .hero-product .product-item .down  .quantity{
     width: 95px!important;
      max-height: 90%!important;
    }
    .hero-product .product-item .down  .quantity button{
        padding: 0 10px!important;
        margin: 0!important;
    }
    .hero-product .product-item .down  .quantity .qty{
        font-size: 16px!important;
        min-width: 30px!important;
    }

}


@media screen and (max-width: 992px) {
  
      .flowers{
        gap:15px!important;
    }
    .flower{
               width:215px !important;
                min-height: 248px !important;
      
    }
     .flower-box {
    height: 205px!important;
    }
   
    .search-home .content-ajax-search ul{
        max-height: 100%!important;
    }
    .header-sticky{
        position: fixed;
        top: 0;
        width: 100%;
        background: var(--color-color);
    }
    .mobil{
        display: block!important;
    }
    .desktop{
        display: none!important;
    }
    .background .about-zanology{
        padding: 0 15px;
    }
  
   
    body .product-intro {
    flex-direction: column-reverse;
        gap: 30px!important;
    }
    .product-intro .entry-image .flex-viewport {
        width: 70%!important;

    }
    .product-intro .entry-image ol{
        margin-top: 25px!important;
    }

    body .product-intro .entry-summary{
        width: 100%!important;
    }

  body .product-intro .entry-image{
        width: 100%!important;
    }
    .product .related{
        justify-content: center!important;
    }
    .related .product-item{
        width: 30% !important;
    }
    body .hero-single{
       flex-direction: column-reverse;
            gap: 20px;
    }

    body .hero-single .main-single{
        width: 100%!important;
    }
    body .hero-single .side-single{
        width: 100%!important;
    }
    .cart-custom{
        width: 100% !important;
    }
    body .woocommerce .cart-collaterals{
        width: 100% !important;
    }
  
   body .side-single-shop{
        position: fixed!important;
        width: 75%!important;
        top: 65px!important;
        right: 10px!important;
        bottom: 0!important;
        background: #fff!important;
        z-index: 107!important;
        overflow-x:scroll!important;
        padding: 10px!important;
        transform: translateX(1000px);
       transition: all .3s ease-in-out;
    }
    .close-menu-responsive-full-page{
        display: block!important;

    }
}

@media screen and (max-width: 768px) {
     h2 {
    scroll-margin-top: 140px!important;
  }
    body {
    font-size: 10px!important;
    }
    .post-single .content-single {
    font-size: 10px!important;
    }
    
    .hero-product .product-item {
    border-radius: 10px!important;
    padding: 6px 10px 8px!important;
}
.hero-product .product-item .color-dis {
    height: 11px!important;
}

.woocommerce img, .woocommerce-page img {
    border-radius: 5px!important;
}
    
    .hero-product .product-item h2 {
    margin-top: 4px!important;
    height: 42px!important;
    line-height: 15px!important;
    overflow: hidden!important;
} 
 .hero-product .product-item h2 a{
      font-size: 11px!important;
 }
span.woocommerce-Price-amount.amount {
    font-size: 13px!important;
}

    .post-single .content-single>p {
  font-size: 11px !important;
        line-height: 20px !important;
        font-family: "yekanbakh" !important;
        color: #444242 !important;
    font-weight: normal!important;
}
.post-single .content-single h2{
     font-size: 16px !important;
}
    .background .about-zanology h1 {
           font-size: 17px!important;
    /*margin-bottom: 10px;*/
    line-height: 20px!important;
}
.background .about-zanology span{
    font-size: 13px!important;
     line-height: 10px!important;
}
    .woocommerce-account .woocommerce-MyAccount-navigation{
    display:none;
}
.hero-myaccount {
    border: none!important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%!important;
}
 .flowers{
     flex-direction: column;
 }
  .flower{
        width: 400px!important;
      min-height: 420px!important;
    }
     .flower-box {
    height: 360px!important;
    }
    .product .related{
        justify-content: center!important;
    }
    .related .product-item{
        width: 47% !important;
    }
    .cart-custom .product-item {
        width: 48% !important;
    }
    .hero-checkout .pishro-order-review {
        width: 100% !important;
    }
   body .hero-archive .item-shop-size {
        width: 48%!important;
    }
    .modal-content{
        width: 60%!important;
    }

}

@media screen and (max-width: 650px) {
     .main-single>.product-item .product-item {
      width: 22%!important;
         
     }
    .myaccount-detail {
    flex-direction: column;
}
.myaccount-order {
    flex-direction: column;
}
.myaccount-order .item-order {
 display:flex;
 justify-content:space-around;
 align-items: center;
 border-bottom: 1px solid #ddd;
 padding: 10px 0px;
 border-left:none!important;
}
.myaccount-order .item-order i {
    font-size: 20px!important;
    margin-bottom: 0px!important;
}

    
    .bookly-form-group > div {
        margin-left: 15px !important;
        
    }
    .bookly-box.bookly-nav-steps {
    margin-left: 12px;
}
}
@media screen and (max-width: 576px) {
    .header-mobil {
    display: flex;
    justify-content: space-between;
    place-items: center;
        padding: 10px 14px;
     border-bottom: 1px solid #f5f5f5;
}
.header-mobil .logo{
    max-width: 60%;
}
.header-mobil .logo a{
    display: flex;
        flex-direction: row-reverse;
}

    .account-btn {
    position: relative;
    max-width: 30%;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: wrap;
    text-overflow: ellipsis;
    font-size: 10px;
}
.account-btn label{
    font-size: 11px!important;
    cursor: pointer!important;
        display: flex!important;
    justify-content: center!important;
    place-items: center!important;
    flex-wrap: wrap!important;
}
.account-btn label i{
    font-size: 10px!important;
    margin-right: 3px;
    transition: all .3s ease-in-out;
}
    
    
     .main-single>.product-item {
            gap: 10px!important;
          }
      
     .main-single>.product-item .product-item {
      width: 30%!important;
         
     }

      
    .hero-single>.main-single>.main-archive .post-item h4 {
    font-size: 12px!important;
}

.main-single>.main-archive .post-item-test h4{
        font-size: 14px!important;
}
.wq_singleAnswerCtr .wq_answerTxtCtr {
    font-size: 12px!important;
    font-weight: 500!important;
        }
body .wq_questionTextCtr {
    padding: 0px!important;
}
body .wq-skin-traditional .wq_singleAnswerCtr {
    margin-bottom: 8px!important;
    padding: 1px 10px 2px 2px!important;
   }
  
  .wq_quizProgressBar {
          height: 15px!important;
  }
  
    .before-shop .woocommerce-result-count{
        display: none!important;
    }
    .flower{
        width: 300px!important;
        height: 300px!important;
                min-height: 355px !important;
    }
      .flower-box {
    height: 295px!important;
    }
    footer .container .footer-box .footer-widget:nth-child(1) {
        width: 100%!important;
    }
    .footer-down .copy-right{
        text-align: center;
        width: 100%;
    }
    .footer-down .social-footer{
        justify-content: center;
        width: 100%;
    }
    .product-intro .entry-image .flex-viewport {
        margin: auto;
    }
    .product-intro .entry-summary .cart{
   position: fixed!important;
        bottom: 0!important;
        right: 0!important;
        left: 0!important;
       z-index: 99;
        background: #fff;
        margin-bottom: 0!important;
        box-shadow: rgba(0,0,0,.05) 0 -2px 10px 0;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #f5f5f5;
        height: 60px!important;
        padding: 10px!important;
    }
    .product-intro .entry-summary .cart .p-q{
        margin-bottom: 0!important;
        gap: 5px!important;
    }
    .product-intro .entry-summary .p-q .single-price .discount {
      display: none!important;
    }
    .product-intro .entry-summary .p-q .single-price .price{
        flex-wrap: wrap;
        gap: 0 !important;
    }
    .product-intro .entry-summary .p-q .single-price .price del {
        font-size: 14px!important;
    }
    .product-intro .entry-summary .p-q .single-price .price ins {
        font-size: 15px!important;

    }
    .product-intro .entry-summary .p-q .single-price .price ins span.woocommerce-Price-currencySymbol {
        font-size: 12px!important;

    }

    .product-intro .entry-summary .cart .p-q .quantity{
        width: 95px!important;
        max-height: 100%!important;
    }
    .product-intro .entry-summary .cart .p-q .quantity button{
        padding: 0 10px;
        margin: 0;
    }
    .product-intro .entry-summary .cart .p-q .quantity .qty{
        font-size: 16px;
        min-width: 30px;
    }
    .product-intro .entry-summary .single-add-to-cart {
        width: auto!important;
        font-size: 12px !important;
        padding: 0 10px!important;
        margin: 0!important;
        min-width: 142px!important;
    }
    .product-intro .entry-summary .product-meta {
       font-size: 13px!important;
    }
    .product-intro .entry-summary .product-delivery {
      font-size: 13px!important;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        font-size: 13px!important;
    }

    .woocommerce div.product form.variations_form {
        position: unset!important;
        box-shadow: unset;
        border: unset;
        display: block;
        padding: unset;
        height: unset;
    }
    .product-intro .entry-summary .show-rate {
      flex-wrap: wrap-reverse;
        justify-content: flex-end!important;
    }
    .product-intro .entry-summary form.variations_form .single_variation_wrap{
        position: fixed!important;
        bottom: 0!important;
        right: 0!important;
        left: 0!important;
        z-index: 99;
        background: #fff;
        margin-bottom: 0!important;
        box-shadow: rgba(0,0,0,.05) 0 -2px 10px 0;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #f5f5f5;
        height: 60px!important;
        padding: 10px!important;
    }
    .product-intro .entry-summary .p-q .single-price .price>span>bdi {
       font-size: 15px!important;
    }
    .product-intro .entry-summary .p-q .single-price .price>span>bdi .woocommerce-Price-currencySymbol {
        font-size: 12px!important;
    }
    .product-intro .entry-summary form.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
       display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .product-intro .entry-summary form.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .p-q{
        justify-content: unset;
    }
    .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description {
     font-size: 14px!important;
    }
    .woocommerce div.product .woocommerce-tabs .panel .additional-product .property-item span {
      padding: 10px!important;
        font-size: 12px!important;
    }
    .woocommerce div.product .woocommerce-tabs .panel .additional-product .property-item p{
        padding: 10px!important;
        font-size: 12px!important;
    }
    .woocommerce #reviews #comments ol.commentlist li .comment-text {
        margin: 0!important;
    }
    .woocommerce div.product .woocommerce-tabs .panel {
        padding: 10px!important;
        font-size: 13px!important;
    }
    .woocommerce .products ul, .woocommerce ul.products {
        display: flex;
    }
    .product .related{
        justify-content: center!important;
    }
    .related .product-item{
        width: 90% !important;
    }
    .cart-custom .product-item {
        width: 90% !important;
    }
    .cart-process {
        width: 100% !important;
    }
    .cart-process ul li:before {
       width: 38px!important;
        height: 38px!important;
    }

    .cart-process ul li:after{
        height: 6px!important;
        top: 19px!important;
    }
    .cart_totals .cart-line-bottom {
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        background: #fff;
        display: flex!important;
        justify-content: space-between;
        border-top: 1px solid #f5f5f5;
        box-shadow: rgba(0,0,0,.05) 0  -2px 10px 0;
        z-index: 99;
        padding: 10px;
        align-items: center;

    }
    .cart_totals .cart-line-bottom .order-total > span{
        display: block;
        font-size: 15px;
    }
    .cart_totals .cart-line-bottom .order-total > span .woocommerce-Price-currencySymbol{
        font-size: 12px;
    }
   .woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: var(--button-color) !important;
  color: #fff !important;
}

    body .hero-archive .item-shop-size {
        width:46%!important;
    }
   .fa-circle-plus{
    font-weight: 800!important;
    font-size: 25px!important;
}
.pishro-breadcrumb i {
    font-size: 10px!important;
}
    .post-item{
        width: 47% !important;
    }
    body .item-test{
          width: 95% !important;
    }
    .modal-content{
        width: 70%!important;
    }
}
@media screen and (max-width: 360px) {
    .hero-single .main-single .post-single {
            padding: 10px!important;
    }
    .hero-single>.main-single>.post-single .box-bm {
    gap: 8px!important;
    font-size: 9px!important;
    margin-bottom: 10px!important;
}
    
    .zanology-breadcrumb {
    font-size: 8px!important;
    font-weight: 300!important;
  
}
    
    .main-single>.product-item .product-item {
    width: 47% !important;
    /*margin: 13px 8px;*/
    /*padding: 10px 15px 15px;*/
}
 
    .hero-single>.main-single>.main-archive .post-item h4 {
    font-size: 11px!important;
    line-height: 15px!important;
        margin-top: 10px!important;
}
   
       .post-item{
        width: 45% !important;
        padding: 6px !important;
    border-radius: 15px !important;
    }
      .aparat-video {
    padding-bottom: 65%; /* کمی بلندتر برای موبایل */
  }
    
  .hero-single>.main-single>.main-archive .post-item .cat-description {
    line-height: 13px!important;
    font-size: 10px!important;
    overflow: hidden!important;
    height: 49px;
}


    .hero-top-header {
    aspect-ratio: 10 / 2!important;
        
    }
.flower{
        width: 180px!important;
        height: 248px!important;
        min-height: 230px !important;
       
    }
       .flower-box {
    height: 190px!important;
    }
    .modal-content{
        width: 90%!important;
    }
}