@media only screen and (min-width: 1650px) and (max-width: 1950px) {
    .bannerInner {
        height: 530px;
    }
}

@media(max-width:1080px) {
    .container {
        max-width: 1280px;
        margin: auto;
        padding: 0px 60px;
    }
    .cartWrapper {
        padding: 0px 60px;
    }
    .subContainer {
        padding: 0px 60px;
    }
    .heading-slide {
        font-size: 100px;
    }
}

@media(max-width:980px) {
    .productcartbag {
        margin: 0px;
    }
    .savebag {
        display: block;
    }
    .heading-slide {
        font-size: 48px;
    }
    #animationSlider .slick-slide img {
        width: 120px!important;
    }
    .slick-initialized .slick-slide {
        display: block;
        padding: 40px 0px;
    }
    .wholealebtn {
        width: 100%;
    }
    .notFind_page img {
        width: 70%;
    }
    .blogcontent {
        padding: 65px 0 0px 0;
    }
    .productQuantity {
        padding: 0;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .savebag a {
        width: 45px;
    }
    .savebag a span {
        display: none;
    }
    .productcartbag a {
        width: 120px;
    }
    .dividerPad {
        padding: 40px 0 0 0;
    }
    .bannerInner {
        height: 300px;
        padding-top: 8%;
    }
    .bannerInner h1 {
        font-size: 64px;
    }
    .bannerInner h2 {
        font-size: 38px;
    }
    .listingData {
        padding-top: 40px;
    }
    .productDivider {
        padding: 40px 0 10px 0;
    }
    .teafloor-life {
        padding: 0px 0px 55px 0;
    }
    .teaware {
        padding: 0px 0px 40px 0;
    }
    .readingSection {
        padding: 0px 0px 40px 0;
    }
    .necessarySection {
        padding: 10px 0px 0px 0;
    }
    .authHeading {
        font-size: 26px;
    }
    .shuffleSection li a {
        font-size: 14px;
    }
    .subContainer {
        margin: auto;
        padding: 0px 24px;
    }
    .grid-text {
        font-size: 26px;
    }
    .letftcontainer {
        width: 30%;
    }
    .rightcontainer {
        width: 70%;
    }
    .product-wrapper {
        width: 100%;
    }
    .breadcrumb li {
        font-size: 12px;
    }
    .heading {
        margin-top: 20px;
    }
    .navigationContent li {
        padding-right: 12px;
    }
    .headingWrapper .headingText {
        font-size: 26px;
    }
    .contentStyle p {
        font-size: 14px;
    }
    .contentStyle span {
        font-size: 10px;
    }
    .headingpadding {
        padding: 40px 0px 20px 0;
    }
    .paginationbox p {
        font-size: 18px;
    }
    .paraWrapper .quote {
        font-size: 14px;
    }
    .pasteventsWrap ul li a {
        font-size: 14px;
    }
    .headingpadding .headingPara {
        margin-top: 10px;
        font-size: 18px;
    }
    .banner h1 {
        font-size: 88px;
    }
    .banner h2 {
        font-size: 38px;
    }
    .necessarylogo {
        padding: 0 15px;
    }
    .teaLogoWrapper {
        padding: 15px 0;
        max-width: 680px
    }
    .container {
        max-width: 1280px;
        margin: auto;
        padding: 0px 24px;
    }
    .cartWrapper {
        padding: 0px 0px;
    }
    .woocommerce {
        padding: 0px 24px;
    }
    .logo-box {
        margin-right: 16px;
    }
    .upcomingContent {
        width: 63%;
    }
    .font14 {
        font-size: 13px;
    }
    .fotbtn {
        font-size: 14px;
        padding: 12px 5px;
    }
    .fotaddress {
        margin-left: 10px;
    }
}

@media(min-width:768px) {
    .fotIcon {
        display: none;
    }
    .fotHelpbtn {
        display: none;
    }
    .productItemMobile {
        display: none;
    }
    .cartbagMobile {
        display: none;
    }
    .desktop-hide h1 {
        display: none;
    }
    .banner {
        display: block;
    }
    .bannerMobile {
        display: none;
    }
}

@media(max-width:768px) {

    .wholeTopstip{
        display: none;
    }
    .product-detail {
        padding: 10px;
    }
    .hide-Mobile {
        display: none;
    }
    .fl-module-content {
        margin: 10px 0px!important;
    }
    .wholePhone {
        opacity: 1;
        background-color: #faae01;
        display: inline-block;
        padding: 5px 10px;
        right: 0px;
        cursor: pointer;
        bottom: 5px;
    }
    .text-padding {
        padding: 0 15px;
    }
    /*Tab style responsive*/
    .col-6 {
        padding: 0 10px;
    }
    .tabitem ul li {
        font-size: 12px;
        padding: 10px 1px;
    }
    .headingMeduium {
        font-size: 16px;
    }
    .totalItem {
        font-size: 11px;
    }
    .cartInfo {
        padding: 20px;
    }
    .cartitemContent h5 {
        font-size: 13px;
    }
    .applyCoupon {
        margin-top: 30px;
    }
    .cartitemImg {
        padding: 0px;
    }
    .CouponBox {
        padding: 20px 0px;
        border-top: 1px solid #e4eaee;
        border-bottom: 1px solid #e4eaee;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .cartitemContent {
        padding: 0px 0px 0px 20px;
    }
    .returnShop .btnCart {
        width: 230px;
    }
    /*Tab style responsive*/
    /*wordpress only*/
    .alg-container--md .alg-hits--3-col-md .ais-hits--item {
        display: inline-block;
        width: 50%!important;
        margin-right: inherit!important;
        margin-bottom: inherit!important;
    }
    /*end wordpress only*/
    .subContainer {
        max-width: 100%;
        margin: auto;
        padding: 0px;
    }
    .fotbox {
        display: none;
    }
    footer {
        padding: 20px 0 0 0;
        margin-top: 20px;
    }
    .footerContact {
        padding: 20px 0 10px;
    }
    .footerContent {
        padding-top: 20px;
    }
    .footerList,
    .fotaddress {
        padding-bottom: 15px;
    }
    .fotaddress {
        margin-left: 0px;
    }
    .fotIcon {
        background: #fff;
        display: inline-block;
        height: 22px;
        width: 22px;
        text-align: center;
        border-radius: 22px;
        color: #fff;
        float: right;
        position: relative;
    }
    .fotIcon span {
        top: 1px;
        font-size: 18px;
        position: relative;
        left: 1px;
        color: #333;
    }
    .mobileHide {
        display: none;
    }
    .container {
        max-width: 1280px;
        margin: auto;
        padding: 0px 24px;
    }
    .logo-box {
        margin-top: 5px;
    }
    .fotBox {
        float: inherit;
        width: 100%;
        margin-bottom: 16px;
    }
    .banner {
        height: auto;
    }
    .banner h1 {
        font-size: 88px;
        padding-top: 10%;
    }
    .banner h2 {
        font-size: 42px;
    }
    .footerList,
    .footersocial {
        display: none;
    }
    .fotBoxSocial {
        float: inherit;
        width: 100%;
    }
    .wholealebtn {
        width: 100%;
    }
    .shuffleSection .col-3 {
        padding: 0px;
    }
    .teaDetail h3 {
        font-size: 22px;
    }
    .shfflebox p {
        padding: 0px 10px;
    }
}

@media(max-width:767px) {
      .headingWrapper .headingPara {
    font-size: 14px;
    }


.products {
  width: calc(100%);
  width: 100%;
  padding: 0px; 
}

.product-data h3 {
   font-size: 18px;
}
.product-data{
    padding: 10px;
}




.countyNumber{
        align-items: flex-start!important;
        flex-direction: column;
        }

        
	.flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

    .hide-Desktop {
        display: block;
    }
    .buyTeaWrapper {
        flex-wrap: wrap;
    }
    .buyTeaWrapper>div {
        margin-bottom: 20px;
        width: calc(50% - 5px);
        flex-wrap: wrap;
    }
    .flagWrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .flagBox {
        margin-bottom: 15px;
    }
    .offerHead {
        display: block;
        position: fixed;
        width: 100%;
        left: 0px;
        bottom: 0px;
    }
    .offerHead .hideMobile {
        display: none;
    }
    .modalYoutube .innerModal {
        width: 90%;
    }
    .woocommerce-notices-wrapper {
        max-width: 1280px;
        margin: auto;
        padding: 0px 0px;
    }
    .banner {
        display: none;
    }
    .bannerMobile {
        display: block;
    }
    .product-detail {
        padding: 0px;
    }
    .slick-initialized .slick-slide {
        padding: 0px;
    }
    .heading-slide {
        font-size: 40px;
    }
    #animationSlider .slick-slide img {
        width: 100px!important;
    }
    #animationSlider .slick-slide.slick-current.slick-active.slick-center img {
        top: 40px;
    }
    #animationSlider .slick-current .slideContent {
        position: relative;
    }
    #animationSlider .slideContent {
        position: relative;
        margin-top: 30px;
        left: -40px!important;
    }
    #animationSlider .slick-dots button {
        width: 8px;
        height: 8px;
    }
    #animationSlider .slideContent h3 {
        font-size: 12px;
    }
    #animationSlider .slideContent p {
        font-size: 12px;
    }
    .tea-timebox {
        width: 100%;
        justify-content: space-between;
        padding: 10px;
    }
    .tea-time-Wrapper {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        padding: 1em 1em 1em 1em!important;
        margin: 0 0 2em;
        position: relative;
        background-color: #f7f6f7;
        color: #515151;
        border-top: 3px solid #a46497;
        list-style: none outside;
        width: auto;
        word-wrap: break-word;
        text-align: center;
    }
    .woocommerce-message::before,
    .woocommerce-error::before {
        content: '\e015'!important;
        color: #8fae1b;
        display: none!important;
    }
    .flexGrid {
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
    }
    .woocommerce #respond input#submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button {
        margin-top: 10px!important;
        font-size: 12px!important;
    }
    .cartbagMobile button {
        font-size: 12px!important;
    }
    .woocommerce-error::before,
    .woocommerce-info::before,
    .woocommerce-message::before {
        display: none;
    }
    /*star rating*/
    .alg-rating {
        display: inline-block;
    }
    .alg-stars {
        width: auto!important;
        margin: auto;
    }
    .alg-stars img {
        transform: inherit!important;
        display: none;
    }
    form#paytm_form_redirect {
        flex-direction: column;
    }
    #paytm_form_redirect a {
        font-size: 13px;
        margin-top: 10px;
    }
    input#submit_paytm_form_redirect {
        font-size: 13px;
    }
    .phone-cart {
        display: flex;
    }
    .ratingWrap {
        width: 45px;
        height: 26px;
        border-radius: 2px;
        background-color: #ffffff;
        border: 1px solid #35cc62;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
        color: #35cc62;
        margin-left: 10px;
        font-size: 12px;
        letter-spacing: -0.4px;
        color: #35cc62;
    }
    .ratingWrap img {
        width: 14px;
        height: 14px;
        margin-left: 3px;
    }
    .cartBtn {
        width: 105px;
        background-color: #ffb000;
        font-size: 13px;
        height: 26px;
        line-height: 26px;
    }
    #ais-wrapper #algolia-hits {
        overflow: inherit!important;
    }
    .product-detail {
        display: flex;
        text-align: left;
    }
    .priceList {
        text-align: left;
        font-size: 16px;
    }
    .product-detail .image-change {
        flex-basis: 40%;
    }
    .product-detail .productListData {
        flex-basis: 60%;
        padding: 0px 15px;
    }
    .imageWrapper img:first-child {
        display: none;
    }
    .imageWrapper img:last-child {
        display: block;
    }
    .facebook-twitter-wrappper {
        width: 100%;
        order: 1;
        padding: 20px;
        margin-top: 20px;
    }
    .processing-login {
        margin-top: 10px;
    }
    .product-detail h5 {
        font-size: 15px;
        height: auto;
        margin: 0px;
    }
    .eventList {
        flex-basis: calc(50% - 10px);
        margin-bottom: 15px;
    }
    .ais-facets {
        padding-right: 0px!important;
    }
    .faqHeading h4 {
        padding: 0px 30px 0 0px;
    }
    .single-product .container {
        padding: 0px!important;
    }
    .single-product .col-6 {}
    .thankyouWrapper {
        padding: 0px;
    }
    .thankyouWrapper h2 {
        font-size: 18px;
        text-align: center;
    }
    .woocommerce {
        padding: 0px 15px;
    }
    .grid-text {
        left: 10px;
        top: 5px;
    }
    .mobileBox {
        display: flex!important;
    }
    .desktopBox {
        display: none;
    }
    header.header-Top {
        height: 64px;
    }
    .headerWrapper {
        padding-top: 18px;
    }
    .ais-pagination .ais-pagination--link {
        padding: 5px 10px!important;
    }
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%!important;
    }
    .takePickBox {
        width: 100%;
        float: left;
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .giftoverlayovery h1 {
        font-size: 36px;
    }
    .notFind_page img {
        width: 80%;
    }
    .DesktopNavigation {
        display: none;
    }
    .wholePhone span {
        display: none;
    }
    .coupon button {
        height: 40px!important;
        margin-top: 5px!important;
        width: 100%!important;
    }
    input#coupon_code {
        width: 100%;
    }
    a.checkout-button.button.alt.wc-forward {
        width: 100%;
        text-align: center;
    }
    .top-search-wrap {
        padding: 10px 0px;
    }
    .search-input {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .search-input .topsearch img {
        height: 22px;
    }
    .product-items {
        flex-basis: 100%;
    }
    .items-price {
        flex-basis: 100%;
    }
    .cartWrapper {
        flex-direction: column;
    }
    .woocommerce ul.order_details {
        flex-direction: column;
        margin-top: 20px!important;
        padding: 0px!important;
        border: 1px solid #fff!important;
    }
    .woocommerce ul.order_details li strong {
        border-top: 1px solid #fff!important;
        margin: 0px!important;
        padding-top: 0px!important;
    }
    .woocommerce ul li.method strong {
        white-space: inherit!important;
        overflow: inherit!important;
        text-overflow: inherit!important;
    }
    .woocommerce ul.order_details li {
        float: none!important;
        margin-right: 0em!important;
        text-transform: uppercase!important;
        line-height: 1!important;
        border-right: none!important;
        margin-left: 0;
        list-style-type: none;
        border: 1px solid #d3ced2!important;
        width: 100%;
        padding: 20px 0!important;
    }
    /*=================
  Dashboard style
==================*/
    li.cartbag.mobile-mega-menu {
        display: inline-block;
    }
    .offeritem {
        width: 100%;
    }
    .rightEvents {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .leftEvents {
        width: 100%;
        float: left;
        margin-right: 0%;
    }
    .activities-box {
        width: 100%;
        float: left;
        padding: 0 15px;
    }
    .transform-wrapper {
        width: 100%;
        margin: auto;
    }
    .transform-box {
        width: 50%;
        text-align: center;
        float: left;
        padding: 10px;
    }
    .dashboardMenuWrapper {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .dashboardMenu ul {
        display: flex;
        flex-wrap: wrap;
    }
    .dashboardMenu ul li {
        display: inline-block;
        background: #fff;
        border: 1px solid #f5f5f5;
        width: 50%;
        text-align: center;
    }
    .innerModal {
        width: 90%;
        padding: 0 10px 10px 10px;
    }
    .cross-icon {
        left: 0px;
        top: 10px;
    }
    .participate-Heading p {
        padding: 0 30px 30px 30px;
    }
    .login-para span {
        width: 290px;
        z-index: -10;
        left: -22px;
    }
    .social-login a {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .login-register-form {
        padding: 7px 10px!important;
        background: #fff;
    }
    .social-login {
        flex-direction: column;
    }
    .facebook-twitter-wrappper>img {
        display: none;
    }
    div.loginMartingTop {
        margin-top: 0px;
    }
    .formWrapper .editWrapper:first-child {
        padding-right: 0px;
    }
    .formWrapper .editWrapper:last-child {
        padding-left: 0px;
    }
    .dashboardData {
        width: 100%;
        float: left;
        padding-left: 0px;
    }
    #address {
        padding: 10px 5px;
    }
    .multiAddressWrapper {
        padding: 10px;
        border: 1px solid #dde3e8;
        margin-top: 10px;
    }
    .editWrapper {
        border-radius: 3px;
        width: 100%;
        float: left;
    }
    .formWrapper {
        display: flex;
        flex-direction: column;
    }
    /*================
  End Dashboard style
  ===================*/
    li.cartbag.mobile-mega-menu {
        display: inline-block;
    }
    .tabitem ul {
        display: none;
    }
    .btnOncoupon {
        position: relative;
        top: 5px;
        right: 0px;
    }
    /*mobile tab design*/
    .mobile-tab {
        display: block;
    }
    .mobile-tab ul {
        display: flex;
        text-align: center;
    }
    .mobile-tab ul li {
        position: relative;
        width: 33.33%;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        color: #aeaeae;
    }
    .mobile-tab ul li div {
        margin-bottom: 10px;
    }
    .mobile-tab ul li span {
        font-size: 16px;
        width: 30px;
        height: 30px;
        background-color: #ffb000;
        display: inline-block;
        text-align: center;
        line-height: 28px;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 50%;
        position: relative;
    }
    .mobile-tab ul li.mobileTabActive {
        color: #1b2125;
    }
    .mobile-tab ul li span:after {
        content: '';
        background: #dbdbdb;
        height: 40px;
        width: 40px;
        position: absolute;
        left: -7px;
        top: -7px;
        border-radius: 50%;
        z-index: -1;
    }
    .mobile-tab ul li.mobileTabActive span:before {
        content: '\e800';
        background: #000;
        height: 40px;
        width: 40px;
        position: absolute;
        left: -7px;
        top: -7px;
        border-radius: 50%;
        z-index: 5;
        font-family: "fontello";
        line-height: 40px;
    }
    /*end mobile tab design*/
    .productHeading h1 {
        font-size: 18px;
    }
    .submitbox {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: column;
    }
    .returnShop {
        width: 100%;
    }
    .returnShop .btnCart {
        width: 100%;
    }
    .paymentOption {
        padding: 10px;
        margin-top: 10px;
    }
    .cartInfo {
        margin-top: 10px;
    }
    .tabSection {
        float: left;
        width: 100%;
        padding: 0 0px;
    }
    .cartSection {
        width: 100%;
        float: left;
        padding: 0 0px;
    }
    /*wordpress*/
    #ais-wrapper {
        padding: 0px!important;
    }
    .alg-container--xs #ais-facets .ais-facets__wrapper .ais-refinement-list .ais-refinement-list--item>div>label {
        padding: 8px 0px!important;
        margin: 5px!important;
    }
    .alg-container--xs #algolia-selectors .algolia-filters:last-child {
        padding-left: 0px!important;
    }
    /*wordpress*/
    .product-wrapper {
        padding-right: 0px!important;
        position: relative;
        padding: 20px 0px;
        border-bottom: 1px solid #e4eaee;
    }
    .productItemMobile {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
    }
    .mobile-hide {
        display: none;
    }
    .productItemMobile select {
        background: none;
        font-size: 14px;
        color: #4a4a4a;
        border: 1px solid #d8d8d8;
    }
    /*=========================
       mobile add cart
  ===========================*/
    .cartbagMobile {
        position: fixed;
        bottom: 0px;
        background: #fff;
        width: 100%;
        left: 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        z-index: 999;
    }
    .cartAmt span,
    .cartAmt {
        font-size: 16px;
        font-weight: 500;
        color: rgba(74, 74, 74, 0.7);
    }
    .cartAmt h5 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.15;
        color: #ffb000;
    }
    .cartAmt h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2;
        color: #ff0000;
    }
    .container {
        padding: 0px 15px;
    }
    .blogcontent {
        padding: 25px 0 40px 0;
        text-align: center;
    }
    .attacheddiv {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
    }
    .col-6 {
        width: 100%;
        float: none;
    }
    .order2 {
        order: 2;
    }
    .col-1 {
        width: 100%;
        float: left;
        float: left;
    }
    .col-2 {
        width: 100%;
        float: left;
    }
    .col-3 {
        width: 100%;
        float: left;
    }
    .col-4 {
        width: 100%;
        float: left;
    }
    .col-5 {
        width: 100%;
        float: left;
    }
    .col-7 {
        width: 100%;
        float: left;
    }
    .col-8 {
        width: 100%;
        float: left;
    }
    .col-9 {
        width: 100%;
        float: left;
    }
    .col-10 {
        width: 100%;
        float: left;
    }
    .col-11 {
        width: 100%;
        float: left;
    }
    .col-12 {
        width: 100%;
        float: left;
    }
}

@media(max-width:640px) {
    .logo-box {
        width: 110px;
        margin-right: 0px;
    }
    #primary-menu>li {
        padding: 5px;
    }
    .productDescription {
        margin-top: 0px;
        padding: 0px;
        border-top: 1px solid #ffffff;
    }
    .giftoverlayovery h1 {
        font-size: 18px;
    }
    .notFind_page img {
        width: 100%;
    }
    #checkout-btn button {
        width: 100%;
        margin-bottom: 15px;
    }
    .shotOverlay {
        display: none;
        /*block on click*/
        content: '';
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: rgba(0, 0, 0, 0.60);
        z-index: 8;
    }
    .filterSelector {
        height: 40px;
        position: fixed;
        bottom: 0px;
        width: 100%;
        display: block;
        z-index: 11;
    }
    .filterSelector span {
        display: inline-block;
        width: 50%;
        background: #f0f0f0;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #373738;
        float: left;
        font-weight: 500;
    }
    .filterSelector span:first-child {
        border-right: 1px solid #d8d8d8;
    }
    .quantitybtn input {
        width: 32px;
        border: none;
        text-align: center;
    }
    .savebag a {
        background-color: #dcdcdc;
    }
    .productItemMobile {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
    }
    .savebag {
        top: 0px;
    }
    .equal-div {
        display: inherit;
    }
    .teaDetail {
        border-right: none;
    }
    .reviewMange {
        display: inherit;
    }
    .teaDetail {
        margin-top: 30px;
    }
    .reviewSection {
        padding: 0;
    }
    .WriteReview {
        float: none;
        display: block;
    }
    .shareReviewText {
        display: block;
        padding: 0;
        line-height: 20px;
        font-size: 11px;
        margin-right: 0px;
    }
    .posted {
        font-size: 14px;
    }
    .blogcontent {
        padding: 10px 0 0px 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .blogcontent h5 {
        font-size: 18px;
    }
    .blogcontent p {
        font-size: 14px;
    }
    .attacheddiv {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
    }
    .order2 {
        order: 2;
    }
    .shuffleSection li {
        display: inline-block;
        margin-right: 15px;
    }
    .instagramSection .col-3 {
        width: 50%;
        float: left;
        padding: 0 5px;
    }
    .instaItem {
        margin-bottom: 5px;
    }
    .banner {
        height: auto;
    }
    .banner h1 {
        font-size: 42px;
        padding-top: 20%;
    }
    .banner h2 {
        font-size: 18px;
    }
    /* .headingpadding {
        padding: 0px 0px 0px 0;
    }*/
    .why-o-tea h4 {
        font-size: 18px!important;
    }
    .heading {
        margin-top: 10px;
    }
    .breadcrumb li {
        font-size: 11px;
    }
    .wholeSaleForm .col-6 {
        padding: -15px;
    }
    .cartWrapper {
        padding: 0px 0px;
    }
    .heading {
        font-size: 18px;
    }
    .subHeading {
        font-size: 14px;
    }
    .IconHeadWrap .offserbtn {
        display: none;
    }
    .necessarylogo {
        padding: 0 5px;
    }
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
    .grid-text {
        font-size: 16px;
        font-weight: 700;
    }
    /*tea floor life*/
    .mainWrap {
        height: auto;
    }
    .portfolio {
        grid-gap: 5px;
        height: 100%;
    }
    .portfolio .one {
        grid-row: span 0;
        grid-column: span 12;
    }
    .portfolio .two {
        grid-row: span 0;
        grid-column: span 6;
        order: 1;
    }
    .portfolio .three {
        grid-row: span 0;
        grid-column: span 6;
    }
    .portfolio .four {
        grid-row: span 0;
        grid-column: span 6;
    }
    .portfolio .five {
        grid-row: span 0;
        grid-column: span 6;
        order: 1;
    }
    .portfolio .six {
        grid-row: span 0;
        grid-column: span 12;
    }
    .teaware-wrap {
        grid-gap: 5px;
    }
    .teaware-one {
        grid-row: span 1;
        grid-column: span 12;
    }
    .teaware-two {
        grid-row: span 2;
        grid-column: span 6;
        order: 1;
    }
    .teaware-three {
        grid-row: span 4;
        grid-column: span 6;
    }
    .teaware-four {
        grid-row: span 4;
        grid-column: span 6;
    }
    .teaware-five {
        grid-row: span 2;
        grid-column: span 6;
        order: 1;
    }
    .teaware-six {
        grid-row: span 2;
        grid-column: span 12;
    }
    .shuffleSection li a {
        font-size: 13px;
    }
    .reading-item {
        padding: 2px;
    }
    .reading-1 {
        width: 50%;
    }
    .reading-2 {
        width: 50%;
    }
    .reading-3 {
        width: 50%;
    }
    .reading-4 {
        width: 50%;
    }
    .reading-5 {
        width: 50%;
    }
    .reading-6 {
        width: 50%;
    }
    .reading-7 {
        width: 50%;
    }
    .reading-8 {
        width: 50%;
    }
    .authHeading {
        font-size: 18px;
    }
    .headingWrapper .headingText {
        font-size: 18px;
    }
    .headingpadding .headingPara {
        font-size: 14px;
    }
    .teafloor-life {
        padding: 0px 0px 30px 0;
    }
    .teaware {
        padding: 0px 0px 30px 0;
    }
    .readingSection {
        padding: 0px 0px 30px 0;
    }
    .necessarySection {
        padding: 0px;
    }
    /*=============================
          listing page
==============================*/
    .bannerInner {
        height: 160px;
        padding-top: 5%;
        background-size: cover;
        background-position: center;
        padding: 6% 25% 0 0;
    }
    .bannerInner h1 {
        font-size: 36px;
    }
    .bannerInner h2 {
        font-size: 18px;
    }
    .rating-star span {
        width: 14px !important;
        height: 14px !important;
    }
    .productDivider {
        padding: 30px 0 0px 0;
    }
    .teaLogoWrapper {
        padding: 10px 0;
    }
    .letftcontainer {
        display: none;
    }
    .rightcontainer {
        width: 100%;
        padding-left: 0px;
    }
    .listingData {
        padding-top: 30px;
    }
    .listingContect h4 {
        font-size: 18px;
        padding: 10px 0;
    }
    .listingContect p {
        font-size: 13px;
    }
    /*=============================
          footer
==============================*/
    .fotaddress p,
    .fotaddress span,
    .fotaddress a {
        color: #fff;
    }
    footer {
        background: #3e3e3e;
        border-bottom: 1px solid rgb(62, 62, 62);
        margin: 20px 0px 0px 0px;
    }
    .footerContact {
        background: #3e3e3e;
        border-top: 1px solid #fff;
    }
    .fotHelp {
        margin-bottom: 16px;
    }
    .footerContent {
        background: #3e3e3e;
        margin: 0px;
    }
    .footerContent p {
        color: #fff;
    }
    .footerContent .fotContBox h2,
    .footerContent .fotContBox h4,
    .footerContent .fotContBox h5,
    .footerContent .fotContBox h3 {
        color: #fff!important;
    }
    footer h6 {
        color: #fff;
    }
    .footerContact h6 {
        color: #fff;
    }
    .Iconhead li {
        margin-left: 10px;
    }
    li.cartbag.userDropdown {
        margin-left: 15px;
    }
    li.cartbag.currencylist {
        margin-left: 0px;
    }
}


/*filter*/