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

    body, html, button, a, div, i, ul, input, select, label, .post-box1, .post-box2{
        -webkit-tap-highlight-color: transparent !important;
    }

    /* Commen */
    .c-padd{
        padding-left: 5px;
        padding-right: 5px;
    }
    .c-padd-l{
        padding-left: 5px;
        padding-right: auto;
    }
    .c-padd-r{
        padding-left: auto;
        padding-right: 5px;
    }
    .boddy-comp{
        margin-top: 89px;
    }
    .body-top-padd{
        padding-top: 10px;
    }
    /* Back to top */
    #backToTop{
        bottom: 50px;
    }
    .backtotop-btn{
        width: 40px;
        height: 40px;
        background-position: center -140px;
    }
    

    /* TEXT Commen cls */
    .ttl1{
        font-size: 28px !important;
    }
    .ttl2{
        font-size: 18px !important;
    }
    .ttl3{
        font-size: 18px !important;
    }

    /* NAVBAR */
    nav{
        display: none;
    }

    /* ======= Mobile Navbar ======= */
    .mobile-navbar{
        display: block !important;
    }
    .nav-cart{
        float: none;
        margin-left: 0px;
        padding: 10px;
        background-color: #1f2527;
        width: 100%;
    }

    /* Leaf Sets */
    .leaf-set1, .leaf-set2, .leaf-set3-r, .leaf-set3-l{
        display: none;
    }


    /* Home page */
    header{
        margin-top: -89px;
    }

    /* Home Page */
    .comp2 p{
        padding: 10px !important;
    }
    .comps{
        padding: 20px 10px;
    }
    .comp3 .inner, .comp4 .inner{
        display: flex;
        flex-flow: column;
    }
    .cont-txt{
        order: 2;
    }
    .cont-img{
        order: 1;
    }
    .cont-img img{
        width: 100%;
    }
    .comp3 .cont-img img, .comp4 .cont-img img{
        box-shadow: none;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
    }

    /* Testimonial */
    .comp5{
        height: 700px;
    }
    .review-comp{
        grid-template-columns: 1fr;
    }
    .review-comp div:nth-child(1){
        margin-left: auto;
        margin-right: auto;
        width: 100px;
        height: 100px;
    }
    .review-comp div:nth-child(1) img{
        min-width: 110px;
        min-height: 110px;
    }
    .review-comp div:nth-child(2) p{
        font-size: 16px;
    }
    .review-comp div:nth-child(2) span{
        font-size: 18px;
    }


    /* About page */
    .about-comp1{
        height: 100vh;
    }
    .recent-blogs .inner{
        grid-template-columns: 1fr;
    }
    .recent-blogs .blog-post1{
        height: auto;
        margin-bottom: 50px;
    }


    /* Explore our tea */
    .explore-comp1{
        margin-top: -89px;
    }
    /* Single explore tea comp */
    .explore-post-comp{
        display: grid;
        grid-template-columns: 1fr;
    }
    .explore-comp2 .first-p{
        padding: 10px !important;
    }


    /* Tea And Health */
    .health-single-post{
        display: grid;
        grid-template-columns: 1fr;
        margin: 50px 0px;
    }
    .health-single-post:nth-child(2n+1) .health-img{
        order: 1;
    }
    .health-single-post:nth-child(2n+1) .health-cont{
        order: 1;
    }
    .health-single-post .health-cont{
        width: 90%;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .health-single-post .health-img{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .health-single-post .health-img img{
        box-shadow: none;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
    }
    .health-single-post:nth-child(2n+1) .health-cont, .health-single-post:nth-child(2n) .health-img{
        animation: none;
    }
    .health-single-post:nth-child(2n) .health-cont, .health-single-post:nth-child(2n+1) .health-img{
        animation: none;
    }


    /* Shop */
    .products-comp{
        grid-template-columns: 1fr !important;
    }
    /* ========= Cart and checkout ========= */
    .cart-and-checkout{
        grid-template-columns: 1fr;
        grid-gap: 0px 10px;
    }
    /* Cart */
    .cart-area{
        grid-template-columns: 1fr;
    }
    /* ========= Cart ======== */
    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }

    .qtty-set{
        grid-template-columns: 25px 1fr 25px;
    }
    .qtty-set .inp{
        padding: 0px;
    }
    .qtty-set input{
        width: 100%;
    }
    .qtty-set button{
        background-position: center -87px;
        padding: 12px;
    }
    .qtty-set button:nth-child(2n){
        margin-left: -15px;
    }


    /* Product Page */
    .single-product-comp{
        grid-template-columns: 1fr;
        grid-gap: 10px 0px;
    }
    .share-product{
        margin-top: 10px; 
        grid-template-columns: 1fr; 
    }
    .single-product-comp div{
        padding: 10px;
    }
    .single-product-comp h4{
        margin-top: -10px;
        margin-left: -10px;
        padding: 10px;
    }
    .single-product-comp div:nth-child(1) img{
        max-width: 400px;
        width: 100%;
    }
    .share-product span{
        margin-bottom: 5px;
    }
    .share-product input, .share-product button{
        margin-bottom: 5px;
    }
    #set-alert{
        transform: translate(60px, -5px);
        -webkit-transform: translate(60px, -5px);
        -moz-transform: translate(60px, -5px);
        -o-transform: translate(60px, -5px);
    }

    /* Post */
    .post-comp1 .c-padd{
        grid-template-columns: 1fr;
    }
    .post-inner, .other-posts{
        padding: 10px;
    }
    /* Blog Page */
    .one-blog-pst{
        padding: 10px;
    }

    /*  Contact  */
    .contactform-comp{
        grid-template-columns: 1fr;
    }



    /* Top of Footer Shopnow btn component */
    .shopnow-add-comp p{
        font-size: 18px;
    }
    /* FOOTER */
    .footer-main{
        height: 100%;
        grid-template-columns: 1fr;
        padding: 0px;
    }
    .footer-main div:nth-child(1), .footer-main .addr{
        border-right: 0px;
    }
    .footer-main div:nth-child(1){
        background-color: #101415;
    }
    .footer-main .addr{
        display: none;
    }
    .footer-main ul{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .footer-main li{
        margin: 0px;
        padding: 0px !important;
    }
    .footer-main .desk-viv{
        display: none;
    }
    .mob-viv{
        display: block;
    }

    @keyframes fadeDivs-l{
        0%{transform: scale(0.9); opacity: 0;}
        100%{transform: scale(1); opacity: 1;}
    }
    @keyframes fadeDivs-r{
        0%{transform: scale(0.9); opacity: 0;}
        100%{transform: scale(1); opacity: 1;}
    }






}