@media screen and (max-width: 1880px)
{
    
}

@media screen and (max-width: 1820px){
    .flexer-reel .place-order-block {
        bottom: -6%;
    }

    .flexer-reel .buyer-buy-block {
        bottom: 9%;
    }
}

@media screen and (max-width: 1785px)
{
    .filtry-box {
        left: 0%;
    }
}

@media screen and (max-width: 1690px)
{
    .flexer-reel .place-order-block {
        bottom: -1%;
    }

    .flexer-reel .buyer-buy-block {
        bottom: 11%;
    }
}

@media screen and (max-width: 1550px)
{
    .grower-page .quote-block .quote2 {
        left: unset;
        right: 0;
        bottom: 0;
    }
}

@media screen and (max-width: 1500px){
    .photos-teastravel-sec .foto-frame {
        max-height: fit-content;
        height: auto;
    }
}

@media screen and (max-width: 1490px)
{
    .flexer-reel .place-order-block {
        bottom: 5%;
    }

    .flexer-reel .buyer-buy-block {
        bottom: 14%;
    }

    .flexer-reel .discover-growers-block {
        bottom: 46%;
    }
}

@media screen and (max-width: 1450px)
{
    .mb-start .mb-blc-content, 
    .mb-end .mb-blc-content {
        width: 53.9%;
    }
}

@media screen and (max-width: 1399px)
{
    .articles-teas-sec .col-xxl-6{
        margin-bottom: 20px;
    }

    .teas-carosil .owl-nav {
        position: unset;
        display: flex;
        right: unset;
        top: unset;
        width: 100%;
        justify-content: center;
    }

    .tealeaf-block {
        height: auto;
        max-height: fit-content;
    }
}

@media screen and (max-width: 1330px)
{
    .show-phone, .show-email{
        display: none!important;
    }

    .flexer-reel .buyer-buy-block {
        bottom: 11%;
        left: -50px;
    }

    .flexer-reel .discover-growers-block {
        bottom: 50%;
    }

    .mapacion{
        height: 100vh;
    }

    .mapinación .w-75{
        width: 100%!important;
    }
}


@media screen and (max-width: 1280px)
{
    .grower-page .details-sec .helio-flex ul {
        flex-wrap: wrap;
    }

    .cart-section .purchase {
        margin: 35px 0 0 0 !important;
    }

    .cart-section .purchase .quantity-selector {
        justify-content: space-between;
        width: 100%;
    }

    .custom-dropdown {
        width: 45%;
    }

    .cart-section .purchase .dropdown-box {
        width: 100%;
    }

    .cart-section .purchase .add-cart{
        width: 100%;
    }

    .cart-section .purchase .price {
        margin-left: 5px
    }

}


@media screen and (max-width: 1199px)
{
    .mb-start .mb-blc-content, 
    .mb-end .mb-blc-content {
        width: 100%;
    }

    .main-block .blocky-text {
        width: 85%;
        justify-content: space-between;
    }

    .mb-start .mb-blc-content {
        flex-direction: initial;
    }

    .mb-start .blocky-text {
        flex-direction: initial;
    }

    .mb-start .blocky-text div {
        text-align: start;
    }

    .mb-start .blocky-text a {
        float: inline-start;
    }

    .main-block {
        margin-top: 50px;
    }

    .flexer-reel .buyer-buy-block {
        bottom: 11%;
        left: -50px;
    }

    .flexer-reel .discover-growers-block {
        bottom: 56%;
    }
}


@media screen and (max-width: 1100px)
{
    .timey-line{
        display: none;
    }

    .howwork-page-new .buy-region .círculo-común{
        display: none;
    }

    .howwork-page-new .tea-leaf{
        display: block;
    }
}


@media screen and (max-width: 1280px)
{
    
}


@media screen and (max-width: 1199px)
{
    .Experience-essence-sec img{
        height: 300px!important;
        object-fit: cover;
    }
}

@media screen and (max-width: 1100px)
{
    .visi-en-mobila{
        display: block;
    }

    .howwork-page-new .visi-en-mobila .timey-line{
        display: block;
        width: 95%;
        margin: 0 auto;
    }

    .howwork-page-new .visi-en-mobila .timey-line .view-all-button {
        margin: 15px 0 0 0;
        padding: 8px 20px;
        height: auto;
        font-size: 16px!important;
    }

    .visi-en-mobila .timey-line .viert{
        display: block;
    }

    .visi-en-mobila .timey-line .sety-lefta{
        margin-left: 100px;
    }

    .howwork-page-new .visi-en-mobila .timey-line .numbre {
        top: -35px;
        left: -15px;
    }

    .visi-en-mobila .círculo-común {
        margin: 0 auto;
    }
}


@media screen and (max-width: 1080px)
{
    .buy-region-sec .map-btn a img {
        margin-right: 0px;
        width: 90px;
    }

    .buy-region-sec .mappy-block .mappy-lay {
        position: relative;
        height: auto;
    }

    .buy-region-sec .mappy-block .mappy-lay .map-pointil {
        display: none;
    }
    
    .buy-region-sec .mappy-block iframe{
        display: block;
    }

    .buy-region-sec .mappy-block img.imaf{
        display: none;
    }

    .filtry-box {
        top:0;
        width: 100%;
        height: 100%;
    }

    .tea-company-block {
       top:0;
       left: 0;
       width: 100%;
       box-shadow: none;
    }

    .banner-block .carosil img {
        height: 60vh;
        object-fit: cover;
    }

    .banner-block .banny-text {
        width: 100%;
        position: relative;
        top: unset;
        transform: unset;
        padding-top: 100px;
    }

    .Sugar-Magic{
        font-size: 35px;
        text-align: center;
        margin-bottom: 15px;
    }

    .banner-block .banny-text p {
       text-align: center;
    }

    .banner-block .zigy {
        width: 100%;
    }

    .texto-del-encabezado {
        width: 100%;
        margin-top: 100px;
    }

    .texto-del-encabezado h2 {
        color: var(--teagreen);
    }

    .banner-block .floating-leaf {
        display: none;
    }

    .grow-tea-circle .inner-wheel {
        width: 300px;
        height: 300px;
    }

    .grow-tea-circle {
        right: 0;
        left: 0;
        width: 320px;
        height: 320px;
        margin: 50px auto 0;
    }

    .tea-leaf {
        display: none;
    }

    .sección-del-cuerpo .svg-line {
        display: none;
    }
}



/*Mobile view code start*/

@media screen and (max-width: 991px)
{
     .navigation-list {
        margin-top: 20px;
    }

    .navigation-list menu {
        width: 100%;
        flex-direction: column;
        display: none;
    }
    
    .navigation-list .max-container{
      width: 100%;
    }
    
    .top-header form {
       background: #f0f0f0;
       padding: 15px 10px 15px 15px;
    }

    .grower-page .details-sec .helio-flex ul li {
        width: 50%;
    }
    
    .navigation-list menu li{
        padding: 0 15px;
     }

    .grower-page .details-sec .helio-flex ul li:not(:last-child)::after{
        display: none;
    }

    .grower-page .details-sec .we-like-tea ul {
        flex-wrap: wrap;
    }

    .grower-page .details-sec .we-like-tea ul li {
        width: 30%;
        margin-bottom: 20px;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        padding-top: 10px;
    }

    .grower-page .details-sec .we-like-tea ul li .other-tea-link {
        width: 100%;
    }

    #carrusel-de-productos .owl-dots {
        border: none;
        overflow: scroll;
    }

    .meni-open{
        display: flex!important;
    }

    .top-header .logi img{
        width: 40%!important;
    }

    .top-header .menu-link,
    .top-header .contact-info,
    .top-header .search-data{
        display: none!important;
    }

    .filter-block .blocky-list {
        display:none;
        height:auto;
    }
    
    .Paragraph-XL {
        font-size: 16px;
    }

    .blocky-list-none {
    	display: block !important;
	}
    
    .algo{
      display:none;
    }
    
    .open-filter {
        color: #ffffff;
        border-radius: 5px;
        background: #040404;
        padding: 8px 8px;
        width: 100px;
        align-items: center;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 800;
        text-align: center;
        display: block;
    }
    
    .filter-block .filtry-header {
    	padding: 10px 15px;
    }
    
    .listy-header {
    	padding: 17px 0 0;
	}

    .top-header .visi-data {
        border-radius: 0!important;
    }

    .open-search-box{
        display: block;
    }

    .galería-de-luz img{
        height: auto!important;
    }

    .top-header .cart-user-link {
        margin-top: 40px;
        justify-content: flex-end;
        align-items: center;
        gap: 15px;
    }

    .top-header .cart-user-link li:not(:last-child) {
        margin-right: 25px;
    }

    .common-menu .top-header .cart-user-link li:not(:last-child) {
        margin-right: 0px;
    }

    .common-menu .top-header .open-search-box{
        background: transparent!important;
    }

    .top-header form {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .top-header .contact-info li{
        margin-bottom: 5px;
    }

    .top-header .cart-user-link li:first-child::after {
        right: -12px;
    }

    .top-header .menu-hamburger{
        display: block;
    }

    .top-header .navigation-list menu li a{
        padding: 12px 0;
    }

    .buy-region-sec .map-btn a {
        margin-bottom: 20px;
        justify-content: space-evenly;
    }

    .filtry-box {
        height: auto;
        margin: 20px auto;
        width: 60%;
    }

    .tea-company-block {
       top:0;
       left: 0;
       width: 100%;
       box-shadow: none;
       margin-bottom: 20px;
    }

    .our-mission-sec h2::after {
        display: none;
    }

    .growers-buy .owl-nav {
        top: 40%;
        transform: none;
        width: 110%;
        left: -17px;
    }
    
    .growers-buy .owl-nav .owl-prev {
        left: 0px;
        margin: 0 5px;
    }

    .growers-buy .owl-nav .owl-next {
        right: 0px;
        margin: 0 5px;
    }

    .connection-sec .conn-logo{
        width: 50%!important;
        margin: 20px auto;
        display: block;
    }

   .connection-sec .cnt-service{
        flex-direction: column;
    }   
    
    .connection-sec .cnt-service p {
        width: 100%;
        text-align: center;
    }

    .connection-sec form {
        width: 100%;
        padding: 10px 5px 10px 10px;
        margin-right: 0;
        margin-top: 15px;
        border-radius: 5px;
        margin-bottom: 25px;
    }

    .connection-sec form button{
        border-radius: 5px;
    }

    footer .contact-info {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    footer .bottom-bar p, footer .bottom-bar a {
        text-align: center;
    }

    footer .bottom-bar nav{
        margin: 25px 0;
        flex-wrap: wrap;
    }

    .common-menu .top-header form {
        width: 100%;
        margin-top: 15px;
    }

    .visible-in-phone{
        display: flex;
        justify-content: flex-start!important;
        gap: 20px !important;
    }

    .visible-in-phone a img{
        margin-right: 0!important;
    }

    .common-menu .top-header .cart-user-link li:last-child {
        background: transparent;
        width: unset;
        height: unset;
    }

    .photos-teastravel-sec .foto-frame {
        margin-bottom: 20px;
    }

    .product-listy .tea-prod-blok .foto img{
        width: 100%;
        height: auto;
    }

    .photos-teastravel-sec .row {
        margin-top: 50px;
    }

    .photos-teastravel-sec .recorrido:first-child .foto-frame {
        transform: none;
        top: 0;
    }

    .photos-teastravel-sec .recorrido:nth-child(2) .foto-frame {
        transform: none;
        top: 0;
        left: 0;
    }

    .photos-teastravel-sec .recorrido:last-child .foto-frame {
        transform:none;
    }

    .photos-teastravel-sec a {
        margin-top: 15px;
    }

    .grower-block .pagelay .grower-logo {
        margin-top: 0;
    }

    .details-sec .allp{
        margin-top: 20px;
        flex-direction: column;
    }

    .grower-page .visítanos {
      width: 100%;
      margin-top: 5px;
      text-align: center;
    }

    .cart-section .carty-header .tea-place {
        justify-content: center;
        margin: 10px 0;
    }

    .cart-section .carty-header h2, 
    .cart-section .carty-header small {
        text-align: center;
        display: block;
    }

    .cart-section .carty-header .rating-box {
        margin: 0 auto;
    }

    #carrusel-de-productos .owl-nav{
        position: unset;
        justify-content: center;
        margin-top: 10px;
    }

    #carrusel-de-productos .owl-nav .owl-prev {
        left: 0;
    }
    #carrusel-de-productos .owl-nav .owl-next {
        right: 0;
    }

    #teas-carosil .owl-nav {
        position: unset;
        justify-content: center;
        margin-top: 50px;
    }

    #teas-carosil .owl-nav .owl-prev {
        left: 0px;
    }

    #teas-carosil .owl-nav .owl-next {
        right: 0px;
    }

    .related-teas-sec {
        padding: 30px 0;
    }

    .product-details-page #teas-carosil .owl-dots{
        display: none;
    }

    .home-page header menu li:nth-last-child(-n+3) {
        display: block;
    }

    .home-page .shopping-cart img{
        width: 22px;
    }
    
    .grower-contact-info {
        flex-direction: column;
    }
    
    .grower-contact-info li {
        margin-bottom:10px;
    }

    #grower-listy{
        z-index: 10000;
    }

    #grower-listy .flx-h {
        flex-direction: column;
    }

    #grower-listy h4{
        margin-bottom: 20px;
    }

    #grower-listy button.closla {
        right: 0px;
        color: #000000;
    }

    #grower-listy ul.heady-ul {
        width: 100%;
        flex-direction: column;
    }

    #grower-listy #lst_growers{
        margin: 10px;
    }

    #grower-listy #lst_growers li{
        border: 1px solid lightgray;
        margin-bottom: 15px;
        border-radius: 10px;
    }

    #grower-listy ul.heady-ul li{
        width: 100%;
        margin-bottom: 10px;
    }

    #grower-listy ul.heady-ul li:first-child {
        margin-right: 0px;
    }

    #grower-listy .grow-list .grower-card, 
    #grower-listy .grow-list li{
        flex-direction: column;
    }

    #grower-listy .grow-list .grower-card{
        margin-top: 20px;
    }

    .video-preview {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .modal-content iframe {
        height: 200px;
    }

    .unri-profil{
        padding-left: 10px!important;
    }

    .unri-profil .mtr{
        margin-bottom: 25px!important;
    }

    #filter_list {
        position: unset;
        width: 100%;
        left: unset;
        top: unset;
        transform: none;
        z-index: unset;
    }
    
    .profila-blocj {
        position: unset;
        width: 100%;
        left: unset;
        top: unset;
        transform: none;
        z-index: unset;
        margin-top: 300px;
    }
    
    .articles-teas-sec .owl-carousel .owl-nav {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top:15px;;
     }
    
    .articles-teas-sec .owl-carousel .owl-prev{
        width: 48px;
        height: 48px;
        background: #e9e5e5 !important;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-right:10px;
    }
    
    .articles-teas-sec .owl-carousel .owl-next
    {
        width: 48px;
        height: 48px;
        background: #e9e5e5 !important;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        right: 0px;
    }
    
    .woocommerce-message a.button, 
    .woocommerce-error a.button {
        background-color: var(--teagreen) !important;
        color: #ffffff !important;
        margin-left: 15px !important;
        text-align: center;
        padding: 5px 20px;
        font-size: 12px;
        line-height: 14px;
     }
     
     .woocommerce-MyAccount-navigation,
     .woocommerce-Address{
        margin-bottom:15px;
     }
     
     .woocommerce-orders-table__row .woocommerce-orders-table__cell {
        display: block!important;
     }
     
     .mi-cuenta .woocommerce form.register{
        height:auto;
     }

     .about-page .legacy-sec h2.mb-4{
        margin-top: 25px;
     }

     .about-page p, .single-page p{
        text-align: justify;
        hyphens: auto;
     }

     .about-page .py-5{
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
     }

    .mob-top{
        margin-top: 25px;
    }

    .mob-bttm{
        margin-bottom: 25px;
    }

    .blog-first-para .havy-paddy {
        padding-top: 25px;
        padding-left: calc(var(--bs-gutter-x) * .5);;
    }

    .blog-first-para h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .blog-first-para::after {
        height: 100%;
    }

    .single-page .mt-5{
        margin-top: 25!important;
    }

    .blog-first-para .social-media {
        margin-top: 25px;
    }

    .single-page .only-text{
        padding-top: 35px;
    }

    .greeny-block h3 {
       margin-bottom: 25px;
    }

    .grower-connect .texto-del-encabezado{
        margin-top: 100px;
        margin-bottom: 0;
    }

    .texto-del-encabezado {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center;
    }

    .círculo-común {
        width: 350px;
        height: 350px;
        margin: 0 auto;
    }
    .círculo-común .rueda-interior {
        width: 330px;
        height: 330px;
    }

    .offer-block .px-5{
        padding: 0!important;
    }

    .desti-visi{
        display: block;
    }

    .buy-region .círculo-común{
        display: none;
    }

    .sección-del-cuerpo {
        padding-bottom: 25px;
    }

    .buy-region {
        height: 500px;
        padding-bottom: 0px;
        background: transparent !important;
    }
    
    .howwork-page-new .buy-region {
        height: 500px;
    }
    
    .buy-region .baymob{
        position: absolute;
        z-index: -1;
        height: 500px;
        width: 100%;
        object-fit: cover;
    }

    .buy-region-sec .map-btn a img {
        width: 65px;
    }

    .buy-region-sec .map-btn a {
        min-height: 90px;
        max-height: 90px;
    }

    .mappy-block {
        padding-bottom: 275px;
    }

    .mappy-block iframe{
        width:100%;
        height:651px;
    }

    .mappy-block .mappy-lay .max-container {
        top: unset;
        transform: unset;
    }

    .tea-company-block .headil {
        border-radius: 0;
    }

    .article-block .arti-content {
        height: 150px;
        max-height: 150px;
    }

    .article-buggy {
        display: none;
    }

    .connection-sec.pt-5 {
        padding-top: .25rem !important;
    }

    .seci h6{
        margin-top: 20px;
    }

    .snake-line{
        display: block;
        position: absolute;
        z-index: 10;
    }

    /* .navigation-list{
        display: none;
    } */

    /* .top-header{
        padding-bottom: 10px;
    } */

    .payl-p {
        width: 100%;
    }

    .about-page-new .owner-sec .quote {
        margin: 25px 0 50px 0;
    }

    .rotate-flex{
        flex-direction: column-reverse;
    }

    .no-line-mobile{
        display: none;
    }

    #teas-carosil-author .owl-nav .owl-prev {
        left: -15px;
    }

    #teas-carosil-author .owl-nav .owl-next {
        right: -15px;
    }

    .growey .col-lg-8{
        margin-top: 20px;
    }

    .grower-page .details-sec .we-like-tea ul {
        gap: 0px;
        justify-content: space-between;
    }

    .grower-page .greeny-block small{
        margin-bottom: 0!important;
    }

    .grower-page .greeny-block .Header {font-size: 28px;}

    .grower-page .greeny-block .row{
        gap:25px;
    }

    .howwork-page-new .texto-del-encabezado {
        margin-top: 0px;
    }

    .howwork-page-new .light-leaf{
        display: none;
    }

    .blog-page .pagelay .w-50{
        width: 100%!important;
    }

    .set-bottom {
        padding: 5px 50px;
    }

    .set-bottom p{
       text-align: center;
    }

    .Header{
      font-size: 35px;
    }
    
    .baydesk{display:none!important;}
    .baymob{display:block!important;}
}
/*end of 991*/


@media screen and (max-width: 800px)
{
    .pagey-banner img.pagimg{
        height: 300px!important;
        object-fit: cover;
    }

    .testimonial-wrap {
        margin-top: 10px;
    }

    .Header-XL {
        font-size: 40px;
    }

    .left-pad {
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: 25px;
    }

    .galería-de-productores ul {
        margin-top: 14px;
    }

    .galería-de-productores ul li {
        margin-right:0;
        margin-bottom: 14px;
    }

    .Product-Title {
        font-size: 30px;
        line-height: 130%;
    }
}

@media screen and (max-width: 767px)
{
    .blocky-text .philo-font {
        font-size: 20px;
    }

    .main-block .blocky-text img {
        height: 50px;
    }

    .mb-blc-content span {
        width: 50px;
        height: 50px;
        font-size: 27px;
    }

    .main-block .blocky-text p{
        font-size: 14px;
        line-height: 18px;
    }

    .main-block .blocky-text {
        width: 83%;
    }

    .main-block .blocky-text a {
        padding: 8px 10px;
        font-size: 14px;
        width: 100%;
        border-radius: 5px;
    }

    .how-work-sec .timeline {
        margin: 10px 0;
    }

    .mb-end .mb-blc-content::before {
        left: 26px;
        top: 50px;
        height: 103%;
    }

    .mb-start .mb-blc-content::before {
        left: 26px;
        top: 51px;
        height: 99%;
    }

    footer .footer-tea-leaf {
        width: 100px;
        display: none;
    }

    .footer-tea-left{
        display: none;
    }

    footer .footer-menu li {
        width: 50%;
    }

    .filter-bar {
        gap: 20px;
        flex-direction: column;
    }

    .listy-header .text-end{
        text-align: center!important;
        margin-top: 15px;
    }

    .top-header .logi img {
        width: 100px !important;
    }

    .have-gap{
        gap: 4px;
    }

    .common-menu .top-header .cart-user-link li.login-listy {
        width: auto;
        height: auto;
        padding: 5px;
    }

    .carty-bag::after {
        display: none;
    }

    .open-search-box img {
        width: auto;
        position: unset;
        top:unset;
    }

    .login-listy a{
        display: flex;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        justify-content: center;
        align-items: center;
    }

    .grower-page .details-sec .we-like-tea h5 {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    footer .have-padd {
        padding: 40px 0 20px 0;
    }

    footer .col-lg-7{
        margin-top: 20px;
    }

    .connection-sec .social-media{
        margin-bottom: 10px;
    }

    .grower-page .details-sec .helio-flex {
        margin: 20px 0 0 0;
    }

    .grower-page .articles-teas-sec {
        padding: 30px 0 0 0;
    }

    .cart-section .profila-info ul {
       flex-direction: column;
       align-items: baseline;
    }

    .cart-section .profila-info ul li{
        margin-bottom: 15px;
    }

    .cart-section .profila {
        flex-direction: column;
        padding: 10px 8px 10px 8px;;
    }

    .cart-section .profila .d-flex {
       justify-content: space-between;
       margin-bottom: 10px;
    }

    .cart-section .profila a {
        display: block;
        width: 100%;
        text-align: center;
    }

    .cart-section .try-sample {
        flex-direction: column;
    }

    .cart-section .try-sample .sample-box {
        width: 100%;
        margin-top: 10px;
    }

    .mapinación .mud-white .tabbing-btn {
        flex-direction: column;
        padding-left: 20px;
    }

    .mapinación .methodia-list {
        width: 90%;
    }

    .chart-sec .borde {
        border-right: none;
    }

    .banner-sec{
       height: 300px;
     }

    .banner-sec img{
       height: 300px;
       max-height: 300px;
    }

    .pagey-banner .banny-ribbon ul li:last-child span {
        font-size: 13px;
        top: -1px;
    }
}


@media screen and (max-width: 740px)
{
    
}


@media screen and (max-width: 575px)
{
    .howwork-page-new .visi-en-mobila .timey-line {
        width: 100%;
    }

    .visi-en-mobila .timey-line .viert{
        margin-top: -80px;
        width: 100%;
    }
}

@media screen and (max-width: 500px){
   
}

@media screen and (max-width: 480px)
{
    

@media screen and (max-width: 479px)
{
    
}

@media screen and (max-width: 375px){

    

}

@media screen and (max-width: 319px){
    
}



/*For height*/
@media screen and (max-height: 600px)
{
    
}