@media (min-width: 1200px) {
    .container {
        max-width: 1483px;
        padding: 0;
        margin: 0 auto;
    }
}
@media (max-width: 1680px) {
    .container {
        max-width: 1199px;
    }
    .logo img {
        max-width: 130px;
    }
    .nav-wrap ul li {
        margin: 0 44px 0 0;
        font-size: 17px;
    }
    .delivery-van img {
        max-width: 930px;
    }
    .home-banner {
        height: 670px;
    }
    .farm-content-rlt {
        max-width: 75%;
        padding-left: 24px;
    }
    .goodroot-headline h1 {
        font-size: 42px;
    }
    .heading-center::after {
        width: 195px;
        bottom: -20px;
    }
    .goodroot-headline {
        padding: 60px 86px 90px;
    }
    .how-it-work-section .heading-center {
        max-width: 85%;
    }
    .download-app-info h2 {
        font-size: 42px;
        line-height: 1.3;
    }
    .our-news-section .container {
        padding: 0px 0px;
    }
    .our-news-info h2 {
        font-size: 42px;
    }
    .our-news-img {
        width: calc(100% - 440px);
    }
    .our-news-info {
        max-width: 440px;
    }
    .new-img {
        width: 165px;
        height: 258px;
    }
    .new-info {
        width: calc(100% - 165px);
        padding: 0px 15px;
    }
    .our-news-section {
        padding: 100px 0px;
    }
    .inner-bx {
        padding: 70px 125px;
    }
    .bottom-contact-info h2 {
        font-size: 27px;
    }
    .bottom-contact-info h3 {
        font-size: 36px;
        margin-bottom: 35px;
    }
    .bottom-contact-info p {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .footer-content h3 {
        font-size: 25px;
    }
    .footer--col-4 {
        max-width: 37%;
        flex: 0 0 37%;
        padding-right: 80px;
    }
    .footer-content ul li {
        font-size: 15px;
        margin: 0 0 10px;
    }
    .footer-content p {
        font-size: 15px;
        line-height: 28px;
    }
    .social-icon a {
        margin-right: 28px;
        font-size: 25px;
    }
    .copyright-section {
        margin: 60px 0 0;
    }
    .copyright-section p {
        font-size: 14px;
    }
    .work-process-info h3 {
        font-size: 24px;
    }
    .work-process-img img {
        max-width: 220px;
    }
    .work-process-step:nth-child(even) .work-process-img img {
        display: inline-block;
    }
    .farm-content-rlt p {
        line-height: 25px;
        font-size: 14px;
    }
    .farm-content-rlt h2 {
        font-size: 18px;
    }
    .srg-row {
        margin: 0 0 70px;
    }
    .organIc-farmfood-section {
        padding: 44px 0 90px;
    }
    .inner-page-banner .delivery-van img {
        max-width: 620px;
    }
    .post-blog p {
        padding: 0 0 0 24px;
    }
    .blog-page-section {
        padding: 100px 0;
    }
    .account-page-section {
        padding: 100px 0;
    }
    .shop-cat-section {
        margin: 100px 0px;
    }
    .product-title h2 {
        font-size: 19px;
    }
    span.discount-price {
        font-size: 20px;
    }
    .product-img img {
        max-height: 120px;
    }
    .checkout-page-section {
        padding: 100px 0;
    }
    .checkout-page-section .container {
        max-width: 1130px;
    }
    .veggies-heading h1 {
        font-size: 40px;
    }
    .veggies-heading ul li {
        font-size: 20px;
    }
    .content-pages h2 {
        font-size: 35px;
    }
    .content-pages h4 {
        font-size: 22px;
    }
    .content-pages h3 {
        font-size: 22px;
    }
    .account-page-section .container {
        max-width: 1199px;
    }
    .sp-button {
        max-width: 170px;
    }
    .product-tittle h2 {
        font-size: 28px;
    }
    .pd-star span {
        font-size: 14px;
    }
    .porduct-content p {
        font-size: 16px;
    }
    .review-menu ul li a {
        font-size: 20px;
    }
	.prodct-item-good ul li {
	    padding: 0 5px;
	}
	.list-porduct-box figure a {
	    height: 150px;
	}
}
@media (max-width: 1599px) {
}
@media (max-width: 1499px) {
}
@media (max-width: 1399px) {
}
@media (max-width: 1299px) {
    .home-banner {
        height: 622px;
    }
    .delivery-van img {
        max-width: 760px;
    }
    .container {
        max-width: 1120px;
    }
    .goodroot-headline p {
        line-height: 32px;
    }
    .categories-left-box .nav-item {
        padding: 14px 10px;
    }
    .prodct-item-good{
        padding-top: 40px;
    }
    .work-process-step {
        width: 1120px;
    }
    .work-process-info h3 {
        font-size: 22px;
    }
    .download-app-info h2 {
        font-size: 36px;
        line-height: 1.3;
    }
    .download-app-info p {
        font-size: 22px;
    }
    .goodroot-headline {
        padding: 60px 45px 90px;
    }
    .inner-bx {
        padding: 70px 76px;
    }
    .inner-page-banner .delivery-van img {
        max-width: 560px;
    }
    .contact-col-left h2 {
        font-size: 24px;
        line-height: 49px;
        margin: 0 0 40px;
    }
    .veggies-heading h1 {
        font-size: 40px;
    }
    .veggies-heading ul li {
        font-size: 20px;
    }
    .veggies-heading ul li::after {
        font-size: 23px;
    }
    .contact-page-section {
        margin: 0;
        padding: 100px 0;
    }
    .blog-first-row {
        margin-right: 40px;
    }
    .blog-content-right h2 {
        font-size: 20px;
    }
    .blog-right-slidbar h3 {
        font-size: 20px;
    }
    .blog-content-right p {
        font-size: 16px;
    }
    .post-blog p {
        font-size: 16px;
    }
    .account-left-col ul.nav li a {
        margin: 0 0 12px;
    }
    .tab-pane-acount h3 {
        font-size: 24px;
    }
    .account-left-col ul.nav li a{
        font-size: 20px;
    }
    .product-title h2 {
        font-size: 17px;
    }
    span.discount-price {
        font-size: 17px;
    }
    .checkout-page-section .container {
        max-width: 1055px;
    }
    .veggies-heading h1 {
        font-size: 34px;
        letter-spacing: 3px;
    }
    .about-page-section {
        padding: 50px 0px;
    }
    .content-pages h2 {
        font-size: 30px;
    }
    .content-pages h4 {
        font-size: 20px;
    }
    .content-pages h3 {
        font-size: 20px;
    }
    .account-page-section .container {
        max-width: 1120px;
    }
    .account-page-section {
        padding: 70px 0;
    }
    .shop-cat-section {
        margin: 70px 0px;
    }
    .blog-page-section {
        padding: 70px 0;
      }
    .search-input {
        font-size: 16px;
    }
    .search-btn {
        font-size: 16px;
    }
    .category-heading h2 {
        font-size: 20px;
    }

}
@media (max-width: 1199px) {
    .header-right {
        z-index: 2;
    }
    .menu-bar {
        display: block;
        text-align: center;
        z-index: 999;
        position: absolute;
        right: 0;
        top: -20px;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        transition: .7s;
    }
    .menu-bar a {
        display: block;
        padding: 0px;
        background: #74c0d8;
        width: 35px;
        height: 35px;
        border-radius: 100%;
        padding-top: 5px;
    }
    body.open-menu .menu-bar a {
        padding-top: 11px;
    }
    .menu-bar span {
        height: 2px;
        margin: 5px auto;
        width: 20px;
        background: #fff;
        display: block;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        transition: .7s;
    }

    .navigation {
        display: none;
        background: rgb(22 120 171 / 79%);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        flex-flow: column;
        position: fixed;
        top: 0;
        padding-top: 60px;
        right: -100%;
        width: 45%;
        height: 100%;
        z-index: 99;
        transition: .7s;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        overflow-y: auto;
        padding-left: 0;
        padding-right: 0;
    }
    body.open-menu .navigation {
        display: flex;
        right: 0;
    }
    .nav-wrap ul {
        display: block;
    }
    .nav-wrap ul li {
        margin: 0;
        font-size: 17px;
        padding: 8px 16px;
        border-bottom: 1px #fff solid;
    }
    .wishit-all-icon {
        margin: 20px 0 ;
        padding: 0 16px;
        order: 1;
        width: 100%;
    }
    form.search-box {
        position: relative;
        opacity: 1;
        visibility: visible;
        margin-top: 20px;
        height: auto;
    }
    .flied-search-mid {
        position: static;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
    }
    .wishit-all-icon a.search-toggle{
        display: none;
    }
    img.close-search{
        display: none;
    }
    .nav-wrap {
        width: 100%;
        order: 2;
    }
    .nav-wrap ul li a{
        color: #fff;
    }
    .veggies-heading img {
        max-width: 254px;
    }
    body.open-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    body.open-menu::before{
        content: "";
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
    }
    body.open-menu .menu-bar span.middle {
        display: none;
    }
    body.open-menu .menu-bar span.first {
        transform: rotate(45deg);
    }
    body.open-menu .menu-bar span.last {
        transform: rotate(-45deg);
        position: relative;
        top: -6px;
    }
    .organIc-farmfood-section {
        padding: 34px 0 78px;
    }
    .nav-wrap ul li a:hover{
        color: #fff;
    }
    .goodroot-headline {
        padding: 40px 0px 56px;
    }
    .heading-center::after {
        width: 127px;
        bottom: 24px;
        height: 100px;
    }
    .goodroot-headline h1 {
        font-size: 35px;
    }
    .goodroot-headline h1 span::after {
        left: 92px;
        background-size: 100%;
    }
    .smail-heading::before {
        width: 80%;
    }
    .goodroot-headline p {
        line-height: 30px;
    }
    .logo img {
        max-width: 94px;
    }
    .farm-content-rlt {
        max-width: 100%;
        padding-left: 0;
    }
    .srg-row {
        margin: 0 0 30px;
        justify-content: center;
        text-align: center;
    }
    .farm-icon {
        justify-content: center;
        margin: 0 0 20px;
    }
    .flex-row {
        align-items: center;
    }
   .product-shop-right{
       width: 75%;
   }
   .categories-left-box{
       width: 25.3%;
   }
   .how-it-work-section {
       padding: 37px 0px 0px;
   }
   .work-process-step {
       width: 892px;
   }
   .work-process-step:last-child {
       margin-bottom: 65px;
   }
   .work-process-info {
       margin-left: 40px;
   }
   .work-process-step:nth-child(even) .work-process-info {
       margin-right: 40px;
   }
   .work-process-img {
       margin-right: 40px;
   }
   .work-process-step:nth-child(even) .work-process-img {
       margin-right: 0px;
       margin-left: 40px;
   }
   .work-process-info h3 {
       font-size: 20px;
   }
   .download-app-info h2 {
       font-size: 25px;
   }
   .download-app-info p {
       font-size: 18px;
   }
   .our-news-section {
       padding: 50px 15px;
   }
   .our-news-info h2 {
       font-size: 35px;
       margin-bottom: 10px;
   }
   .our-new-details {
       flex-wrap: wrap;
   }
   .new-img {
       width: 100%;
       height: 175px;
   }
   .our-news-img ul li a .new-img img {
       width: 100%;
   }
   .new-info {
       width: calc(100% - 0px);
       padding: 15px 15px 0;
   }
   .new-info h2 {
       margin-bottom: 8px;
       font-size: 16px;
       padding-bottom: 10px;
   }
   .new-info p {
       font-size: 14px;
   }
   .inner-bx {
       padding: 40px 40px;
   }
   .form-control {
       height: 50px;
       padding: 10px 15px;
   }
   .bottom-contact-info h2 {
       font-size: 25px;
   }
   .bottom-contact-info h3 {
       font-size: 30px;
       margin-bottom: 20px;
   }
   .bottom-contact-info p {
       font-size: 16px;
       margin-bottom: 20px;
   }
   .footer-content h3 {
       font-size: 20px;
       margin: 0 0 14px;
   }
   .footer-section {
       padding: 40px 0 25px;
   }
   .social-icon a {
       margin-right: 24px;
       font-size: 20px;
   }

   input.text.search-input{
       opacity: 1;
   }
   .smail-heading span {
       letter-spacing: 3px;
   }
   .wishit-all-icon a {
       margin: 0 20px 0 0;
       padding: 0;
       background: #fff;
       border-radius: 67px;
       width: 40px;
       height: 40px;
       display: inline-flex;
       text-align: center;
       justify-content: center;
   }
   .cart-tool span {
       right: 6px;
       top: 7px;
   }
   .logo {
       position: relative;
       z-index: 1;
   }

   .inner-page-banner .delivery-van img {
       max-width: 459px;
   }
   .inner-page-banner {
       height: 496px;
   }
   .contact-col-left h2 {
       font-size: 20px;
       line-height: 35px;
       margin: 0 0 23px;
   }
   .address-line {
       margin: 0 0 25px;
   }
   .address-line h3 {
       margin: 0 0 8px;
       font-size: 16px;
    }
    .address-line p {
        font-size: 16px;
        line-height: 30px;
    }
    .contact-col-right .form-control {
        height: 50px;
        font-size: 16px;
        padding: 10px 15px;
    }
    .contact-page-section {
        padding: 50px 0;
    }
    .contact-col-right {
        padding-top: 10px;
    }
    .map-section img {
        height: 300px;
        object-fit: cover;
    }
    .map-address {
        left: 0;
    }
    .checkout-page-section .container {
        padding: 0 20px 0 48px;
    }
    .checkout-part h3 {
        font-size: 20px;
        margin: 0 0 10px;
    }
    .checkout-part ul li {
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
        font-size: 15px;
        line-height: 14px;
    }
    .checkout-part ul li:last-child{
      margin-right: 0;
      padding-right: 0;
    }
    .delivery-form-fil h4 {
        font-size: 16px;
        margin: 0 0 18px;
    }
    .checkout-page-section {
        padding: 50px 0 30px;
    }
    .account-left-col ul.nav li a {
        font-size: 18px;
        padding: 14px 13px;
    }
    .account-left-col ul.nav li a figure {
        margin: 0 12px 0 0;
    }
    .account-left-col {
        padding:28px 0 30px 15px;
    }
    .account-page-section {
        padding: 50px 0;
    }
    .account-right-col {
        padding-left: 15px;
    }
    .tab-pane-acount {
        margin: 0;
        padding: 28px;
    }
    .cart-table-form table thead tr th {
        font-size: 16px;
        padding: 18px 0;
    }
    .cart-table-form table tbody tr td {
        font-size: 16px;
        padding: 18px 0;
    }
    .product-cart-img {
        margin: 0 0 60px;
    }
    .shop-cat-inner {
        padding: 15px;
    }
    .product-select-bx .dropdown {
        max-width: 164px;
    }
    .product-releated h5 {
        font-size: 20px;
    }
    .add-to-cart a {
        font-size: 14px;
        min-height: 42px;
        max-width: 160px;
    }
    .view-button {
        font-size: 14px;
    }
    .view-button i.fa.fa-tags {
        font-size: 17px;
    }
    .sp-button {
        max-width: 150px;
        margin: 0 0 0 3px;
    }
    .coupon-max1 {
        padding: 25px 18px;
    }
    .cart-total-border {
        padding: 25px 18px;
    }
    .apply-btn a {
        font-size: 14px;
        min-height: 42px;
    }
    .shop-cat-section {
        margin: 50px 0px;
    }
    .blog-page-section {
        padding: 50px 0;
    }
    .blog-content-right h2 {
        font-size: 18px;
        margin: 0 0 11px;
    }
    .blog-content-right p {
        font-size: 15px;
        margin: 0 0 14px;
    }
    .readmore-link {
        color: #0d4c64;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        border-bottom: 2px #0d4c64 solid;
    }
    .post-blog figure {
        max-width: 72px;
        flex: 0 0 72px;
    }
    .post-blog p {
        padding: 0 0 0 15px;
        font-size: 15px;
    }
    .search-blog-tag {
        margin: 0 0 28px;
    }
    .blog-post-part {
        margin: 0 0 28px;
    }
    .blog-right-slidbar h3 {
        margin: 0 0 23px;
    }
    .blog-social a {
        width: 40px;
        height: 40px;
        font-size: 20px;
        margin-right: 5px;
    }
    .product-tittle h2 {
        font-size: 20px;
    }
    .pd-star img {
        max-width: 15px;
    }
    .product-details-right .product-mrp-bx p {
        font-size: 16px;
    }
    .product-mrp-bx {
        padding: 10px 0 0;
    }
    .porduct-content {
        margin: 0 0 20px;
        padding: 12px 0 17px;
    }
    .share-link a {
        margin: 0 10px 0 0;
        font-size: 20px;
    }
    .product-review-12 {
        padding: 75px 0 0;
    }
    .review-menu ul li a {
        font-size: 16px;
    }
    .review-menu ul li {
        padding: 0 40px 0 0;
    }
    .review-content p {
        line-height: 24px;
        font-size: 14px;
    }
    .review-content .review-title p {
        font-size: 15px;
    }
    .review-row {
        margin: 30px 0 40px;
    }
    .leave-review-form h3 {
        font-size: 20px;
    }
    .ratings-star {
        margin: 30px 0;
    }
    .leave-form-tab form .form-group .form-control {
        font-size: 14px;
    }
    .form-control {
        height: 42px;
    }
    .leave-form-tab form .form-group.textarea textarea.form-control {
        height: 108px;
    }
    .leave-form-tab form .form-group.submit .btn {
        min-width: 160px;
        height: 42px;
    }
    .leave-form-tab {
        margin: 0 0 40px;
        padding: 0 0 65px;
    }
    .product-releated h4 {
        font-size: 25px;
        margin: 0 0 35px;
    }
    .product-mrp-bx p {
        margin: 0 0 10px;
    }
    .product-img-left {
        padding: 0 40px 0 0;
    }
    .blue-btn {
        font-size: 14px;
        min-height: 42px;
        min-width: 175px;
    }
    .category-menu ul li a {
        font-size: 15px;
    }
    .shop-cat-filter-product p {
        font-size: 16px;
    }
    .dropdown{
      font-size: 16px;
    }
    .shop-cat-filter-bx {
        padding: 10px 25px;
        margin-bottom: 50px;
    }
    .edit-form .form-group .form-control {
        height: 42px;
    }
    .delivery-form-fil form .form-group .form-control {
        height: 42px;
      }
      .edit-profile {
          max-width: 100%;
      }
      .tab-pane-acount ul li {
          width: 33%;
      }
      .product-title h2{
        font-size: 15px;
      }
}
@media (max-width: 991px) {
    .work-process-step{
        width: 100%;
    }
    .goodroot-headline h1 {
        font-size: 28px;
    }
    .goodroot-headline h1 span::after {
        left: 77px;
        width: 16px;
    }
    .categories-left-box {
        width: 30.3%;
    }
    .product-shop-right {
        width: 69.7%;
    }
    .download_btn img {
        max-width: 100px;
    }
    .download-app-info h2 {
        font-size: 20px;
        letter-spacing: 2px;
    }
    .download-app-section {
        padding-top: 42px;
    }
    .download-app-info p {
        font-size:16px;
        margin: 20px 0px 25px;
    }
    .our-news-section .container {
        flex-wrap: wrap;
    }
    .our-news-img {
        width: calc(100% - 0px);
    }
    .our-news-info {
        max-width: 100%;
        margin: 0 auto 30px;
        text-align: center;
    }

    .footer-content {
      max-width: 50%;
      flex: 0 0 100%;
      text-align: left;
      padding: 0px 15px 20px;
  }
    .footer-content h3 {
        font-size: 20px;
        margin: 0 0 14px;
        background: #135e7b;
        padding: 11px 15px;
    }
    .footer-content p {
        padding: 0 15px;
    }
    .social-icon {
        padding: 0 15px;
    }
    .footer-content ul {
        padding: 0px 15px;
    }
    .footer-content ul li {
        font-size: 15px;
        margin: 0 0 10px;
        border-bottom: 1px #135e7b solid;
        padding: 0 0 10px;
    }
    .footer-content ul li:last-child{
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    .copyright-section {
        margin: 20px 0 0;
    }
    .contact-col-left {
        padding-right: 30px;
    }
    .veggies-heading h1 {
        font-size: 30px;
        letter-spacing: 3px;
        margin-bottom: 5px;
    }
    .veggies-heading ul li {
        font-size: 16px;
        margin: 0 9px 0 0;
        padding: 0 12px 0 0;
    }
    .veggies-heading ul li::after {
        font-size: 18px;
    }
    .inner-page-banner .veggies-heading {
        right: 103px;
        margin-top: 15px;
    }
    .checkout-right-part {
        padding: 0 0 0 15px;
        width: 40%;
    }
    .checkout-left-part {
        width: 60%;
    }
    .account-left-col {
        width: 30%;
    }
    .account-right-col {
        width: 70%;
    }
    .edit-form .blue-btn {
        min-height: 40px;
        min-width: 144px;
        font-size: 15px;
    }
    .product-releated .shop-cat-product ul li {
        width: 33.33%;
    }
    .cart-table-form table thead tr th {
        font-size: 14px;
        padding: 14px 0;
    }
    .cart-table-form table tbody tr td {
        font-size: 14px;
        padding: 14px 12px;
    }
    .cart-table-form table tbody tr td p{
      font-size: 14px;
    }
    .cart-total-border table tr td, .cart-total-border table tr th {
        font-size: 14px;
    }
    .cart-total-border h3 {
        margin: 0 0 10px;
        font-size: 18px;
    }
    .cart-total-border table tr.total-price td, .cart-total-border table tr.total-price th {
        font-size: 14px;
    }
    .coupon-max1 p{
      font-size: 14px;
    }
    .coupon-max1 h3 {
        font-size: 18px;
    }
    td.product-thumbnail img {
        max-width: 98px;
    }
    .blog-content-right h2 {
        font-size: 16px;
        margin: 0 0 8px;
    }
    .blog-content-right p {
        font-size: 14px;
        margin: 0 0 8px;
    }
    .blog-content-right p {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .blog-right-slidbar h3 {
        font-size: 17px;
    }
    .blog-social a {
        width: 35px;
        height: 35px;
    }
    .product-tittle {
        display: block;
    }
    .product-tittle h2 {
        display: block;
    }
    .shop-cat-product ul li {
        width: 50%;
    }
    .shop-cat-left {
        width: 28%;
    }
    .address-details {
        padding: 10px;
    }
    .address-details p {
        margin: 0 0 23px;
        letter-spacing: 0.2px;
    }
    .address-details a{
      font-size: 14px;
      margin: 0 5px 0 0;
    }

}
@media (max-width: 767px) {
    .delivery-van img {
        max-width: 430px;
    }
    .veggies-heading img {
        max-width: 154px;
    }
    .home-banner {
        height: 400px;
    }
    .veggies-heading {
        top: 44%;
    }
    .goodroot-headline p {
        line-height: 24px;
        font-size: 14px;
    }
    .goodroot-headline h1 {
        font-size: 24px;
        letter-spacing: 0.3px;
    }
    .goodroot-headline h1 span::after {
        left: 62px;
    }
    .smail-heading span {
        letter-spacing: 3px;
        font-size: 14px;
    }
    .goodroot-headline {
        padding: 25px 0px 30px;
    }
    .heading-center::after {
        width: 116px;
        bottom: 10px;
        height: 100px;
    }
    .farm-icon {
        max-width: 76px;
        flex: 0 0 76px;
        height: 76px;
    }
    .organic-col-4{
        max-width: 100%;
        order: 2;
        display: flex;
    }
    .farm-icon svg {
        width: 40px;
        height: 40px;
    }
    .organic-col-3 {
        max-width: 100%;
        order: 1;
        margin-bottom: 40px;
    }
    .srg-row {
        padding: 0 18px;
    }
    .farm-content-rlt p {
        line-height: 23px;
    }
    .farm-content-rlt h2 {
        font-size: 17px;
    }
    .categories-left-box {
        width: 40%;
    }
    .product-shop-right {
        width: 60%;
    }
    .categories-left-box .nav-item {
        padding: 14px 10px;
        font-size: 14px;
    }
    .categories-left-box .nav-item img {
        margin-right: 12px;
        max-width: 26px;
    }
    .categories-left-box h2 {
        padding: 15px 10px;
    }
    .good-categories-section {
        padding: 0 0 38px;
    }
    .work-process-img img {
        max-width: 144px;
    }
    .work-circle-img {
        width: 137px;
    }
    .work-process-info h3 {
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    p {
        font-size: 14px;
        letter-spacing: 0.5px;
    }
    .work-process-info {
        margin-left: 15px;
    }
    .work-process-img {
        margin-right: 15px;
    }
    .work-process-step:nth-child(even) .work-process-info {
        margin-right: 15px;
    }
    .work-process-step:nth-child(even) .work-process-img {
        margin-right: 0px;
        margin-left: 15px;
    }
    .download-app-img {
        padding: 0 30px;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .download-app-section {
        padding: 23px 0;
    }
    .our-news-section {
        padding: 30px 15px;
    }
    .our-news-info h2 {
        font-size: 25px;
        margin-bottom: 10px;
        letter-spacing: 1.2px;
    }
    .bottom-contact-form {
        width: 100%;
    }
    .bottom-contact-info {
        width: 100%;
    }
    .bottom-contact-inner {
        flex-wrap: wrap;
    }
    .form-control {
        height: 42px;
        padding: 6px 13px;
        letter-spacing: 0.3px;
    }
    .blue-btn {
        font-size: 16px;
        min-height: 44px;
        min-width: 140px;
    }
    .inner-bx {
        padding: 40px 25px;
    }
    .bottom-contact-info h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .bottom-contact-info .inner-bx {
        padding: 30px 0px;
        margin: auto;
        text-align: center;
    }
    .bottom-contact-info p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .bottom-contact-info h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .footer-content p {
        padding: 0;
    }
    .smail-heading::before {
        width: 100%;
    }
    .navigation{
        width: 100%;
    }
    .work-process-info h3::after {
        width: 63px;
        height: 2px;
    }
    .contact-col-left, .contact-col-right {
        width: 50%;
    }
    .contact-col-left h2 {
        font-size: 16px;
        line-height: 27px;
        margin: 0 0 20px;
    }
    .address-line {
        margin: 0 0 18px;
    }
    .address-line p {
        font-size: 14px;
        line-height: 26px;
    }
    .address-line h3 {
        font-size: 14px;
    }
    .contact-col-right .form-control {
        height: 44px;
        font-size: 14px;
        padding: 6px 15px;
    }
    .contact-col-right textarea.form-control {
        height: 100px;
    }
    .contact-col-right .form-group {
        margin-bottom: 15px;
    }
    .contact-page-section {
        padding: 30px 0;
    }
    .inner-page-banner .delivery-van img {
        max-width: 429px;
    }
    .checkout-left-part {
        width: 100%;
    }
    .checkout-right-part {
        padding: 0;
        width: 100%;
    }
    .checkout-part {
        margin: 0 0 20px;
      }
    .checkbox-button a {
        margin: 0 6px 8px 0;
        padding: 4px 19px;
    }
    .checkout-label label {
        margin: 0 8px 0 0;
    }
    .delivery-form-fil {
        margin: 0;
        padding: 0;
    }
    .content-pages h2 {
        font-size: 25px;
    }
    .content-pages h4 {
        font-size: 18px;
    }
    .content-pages h3 {
        font-size: 18px;
    }
    .content-pages ul li {
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-top: 9px;
    }
    .inner-page-banner .veggies-heading {
        margin-top: 46px;
    }
    .about-page-section {
        padding: 40px 0px;
    }
    .account-left-col {
        padding: 15px 0;
    }
    .account-left-col {
        width: 35%;
    }
    .account-right-col {
        width: 65%;
    }
    .account-left-col ul.nav li a {
        font-size: 16px;
        padding: 10px 13px;
    }
    .tab-pane-acount h3 {
        font-size: 20px;
    }
    .edit-form .blue-btn {
        min-width: 126px;
        font-size: 15px;
        margin-right: 7px;
    }
    .tab-pane-acount {
        padding: 20px;
    }
    .fileinput input[type="file"] {
        font-size: 14px;
    }
    .uploadimg {
        width: 69px;
        height: 69px;
    }
    .account-page-section {
        padding: 40px 0;
    }
    .tab-pane-acount ul li {
        width: 50%;
        margin-bottom: 20px;
    }
    .address-details {
        padding: 10px;
    }
    .address-details p {
        font-size: 14px;
        margin: 0 0 20px;
        letter-spacing: 0.4px;
    }
    .address-details a {
        font-size: 14px;
    }
    .cart-table-form form {
      overflow: auto;
    }
    .cart-table-form form table {
        width: 780px;
    }
    .cart-table-form {
        padding-bottom: 50px;
        position: relative;
    }
    .cart-table-form::after {
      content: "";
      background: url('../images/scroll-img.png') no-repeat;
      width: 133px;
      height: 41px;
      background-size: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
    }
    .promos-width-left {
        width: 100%;
        display: block;
        margin: 0 0 10px;
    }
    .promos-width-right {
        width: 100%;
        text-align: left;
        display: block;
    }
    .sp-button {
        margin: 0 3px 6px 0;
    }
    .product-releated .shop-cat-product ul li {
        width: 50%;
    }
    .apply-btn a {
        padding: 0 20px;
      }
      .shop-cat-section {
          margin: 40px 0px;
      }
      .blog-left-part {
          width: 100%;
      }
      .blog-first-row {
          margin-right: 0;
          max-width: 100%;
      }
      .blog-right-slidbar {
          margin: 0;
          padding: 0;
          width: 100%;
      }
      .search-blog-tag {
          max-width: 100%;
      }
      .blog-post-part::after {
          max-width: 100%;
      }
      .post-blog {
          align-items: center;
      }
      .good-root-login {
          padding: 24px 26px;
      }
      .login-nth ul li {
          max-width: 150px;
      }
      .login-nth ul li a {
          padding: 12px 0;
          font-size: 16px;
      }
      .login-nth {
          margin: 0 0 25px;
      }
      .form-ls label {
          font-size: 14px;
      }
      .button-login {
          font-size: 14px;
          max-width: 224px;
          margin: 30px auto 0;
          padding: 15px 0;
      }
      .login-social ul li a img {
          max-height: 36px;
      }
      .login-social ul li a {
          width: 60px;
          height: 60px;
          margin: 0 14px;
      }
    .login-social p {
        font-size: 14px;
    }
    .input-medium {
        padding: 10px 13px;
        font-size: 14px;
    }
    .porduct-content p {
        font-size: 14px;
    }
    .product-details-right .product-mrp-bx p {
      font-size: 14px;
      margin: 0;
    }
    .product-img-left {
        padding: 0 22px 0 0;
    }
    .review-menu ul li {
        padding: 0px 20px 0 0;
    }
    .review-menu ul li a {
        font-size: 14px;
    }
    .review-row {
        align-items: end;
    }
    .leave-form-tab form .form-group {
        width: 50%;
        margin: 0 0 15px;
        padding: 0 15px;
    }
    .leave-form-tab form .form-group.textarea {
        position: static;
        width: 100%;
    }
    .ratings-star span {
        padding: 0 18px 0 0;
        font-size: 14px;
    }
    .ratings-star img {
        max-width: 20px;
    }
    .leave-form-tab {
        margin: 0 0 25px;
        padding: 0 0 35px;
    }
    .product-releated h4 {
        font-size: 20px;
        margin: 0 0 30px;
    }
    .shop-cat-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .shop-cat-right {
        width: 100%;
    }
    .category-menu ul li a {
        font-size: 14px;
    }
    .shop-cat-search {
        margin-bottom: 28px;
    }
    .map-address p {
        font-size: 14px;
    }
    .map-address i {
        font-size: 40px;
        padding: 0 10px 0 0;
      }
      .footer-content{
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
        padding: 0 0 15px;
    }
}
@media (max-width: 575px) {
    .delivery-van img {
        max-width: 250px;
    }
    .veggies-heading img {
        max-width: 144px;
    }
    .home-banner {
        height: 338px;
    }
    .veggies-heading {
        top: 50%;
    }
    .smail-heading span {
        letter-spacing: 2px;
    }

    .organIc-farmfood-section {
        padding: 18px 0 0;
    }
    .organic-col-4 {
        display: block;
    }
    .categories-left-box {
        width: 100%;
        margin: 0;
    }
    .product-shop-right{
        width: 100%;
        padding: 0;
    }
    .shop-flex{
        flex-wrap: wrap;
    }
    .prodct-item-good ul li {
        padding: 0;
    }
    .how-it-work-section {
        padding: 18px 0px 0px;
    }
    .how-it-work-section .heading-center {
        max-width: 100%;
    }
    .how-it-work-section .smail-heading {
        width: 100%;
    }
    .work-process-step{
        flex-wrap: wrap;
    }
    .work-process-img{
        width: 100%;
        margin: 0 0 15px;
        text-align: center;
    }
    .work-circle-img {
        width: 63px;
        margin: 20px auto;
        order: 3;
    }
    .work-process-info{
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .work-process-info h3::after{
        margin: 0 auto;
        right: 0;
        left: 0;
    }
    .work-process-step:nth-child(even) .work-process-info{
        margin: 0;
        text-align: center;
    }
    .work-process-step:nth-child(even) .work-process-info h3::after {
        left: 0;
        right: 0;
    }
    .work-process-step:nth-child(even) .work-process-img {
        margin-right: 0px;
        margin-left: 0;
        order: 1;
    }
    .work-process-step:nth-child(even) .work-process-info {
        order: 2;
    }
    .work-process-step:last-child .work-circle-img {
        display: none;
    }
    .download-app-info {
        width: 100%;
        z-index: 1;
        padding: 20px 15px;
        text-align: center;
    }
    .download-app-section .container {
        flex-wrap: wrap;
        padding: 0;
    }
    .download-app-section::after {
        width: 100%;
    }
    .download-app-section {
        padding: 0;
    }
    .download-app-img {
        padding: 20px 15px 0;
        width: 100%;
        position: relative;
        z-index: 1;
        background: #bed6e0;
    }
    .download-app-info h2 {
        padding: 0;
    }
    .download_btn a {
        margin: 0 7px;
    }
    .our-news-img ul{
        flex-wrap: wrap;
    }
    .our-news-img ul li {
        width: 100%;
        padding: 0px 0 15px;
    }
    .good-categories-section {
        padding: 30px 0;
    }
    .contact-col-left, .contact-col-right {
        width: 100%;
    }
    .inner-page-banner .delivery-van img {
        max-width: 362px;
        opacity: 0.4;
    }
    .veggies-heading h1 {
        font-size: 24px;
        letter-spacing: 2px;
        margin-bottom: 5px;
    }
    .contact-col-left {
        padding-right: 0;
    }
    .inner-page-banner .veggies-heading {
        right: 0;
    }
    .checkout-part {
        padding: 30px 24px;
    }
    .account-left-col {
        width: 100%;
        margin-bottom: 20px;
    }
    .account-right-col {
        width: 100%;
        padding: 0;
    }
    .review-menu ul li {
        padding: 0;
        display: block;
        border-bottom: 2px #d8d8d8 solid;
        margin: 0 0 12px;
    }
    .review-menu ul {
        margin: 0;
        padding: 0;
        border-bottom: none;
        display: block;
    }
    .review-menu ul li a:hover::after, .review-menu ul li a.active::after {
        height: 2px;
        bottom: -2px;
    }
    .product-img-left {
        padding: 0 0 20px ;
        width: 100%;
    }
    .product-details-right {
        width: 100%;
    }
    .product-review-12 {
        padding: 30px 0 0;
    }
    .gallary .shop-cat-product ul li .shop-cat-inner img {
        max-width: 70%;
    }
}
@media (max-width: 525px) {
  .delivery-form-fil form .form-group.half-form-width {
      width: 100%;
  }
  .delivery-form-fil form .form-group.form-width-7 {
      width: 100%;
  }
  .delivery-form-fil form .form-group.form-width-3 {
      width: 100%;
  }
  .delivery-form-fil form .form-group.form-width-3 label{
    display: none;
  }
  .edit-form .blue-btn {
      min-width: 110px;
      font-size: 14px;
      margin-right: 3px;
  }
  .product-releated .shop-cat-product ul li {
      width: 100%;
  }
  .coupon-left {
      width: 100%;
      padding-right: 0;
      padding-bottom: 20px;
  }
  .coupon-right {
      width: 100%;
      padding-left: 0;
  }
  .apply-btn {
      margin: 20px 0 0;
  }
  .blog-img {
      width: 100%;
  }
  .blog-content-right {
      margin: 0;
      padding: 20px 0 0;
      width: 100%;
  }
  .review-content {
      width: calc(100% - 0px);
      margin: 0;
      padding: 15px 0 0;
      display: block;
      flex-wrap: wrap;
  }
  .shop-cat-product ul li {
      width: 100%;
  }
  .shop-cat-filter-product p {
      font-size: 14px;
  }
  .dropdown {
      font-size: 14px;
      min-width: 126px;
      padding-right: 35px;
  }
  .shop-cat-filter-bx {
      padding: 6px 20px;
      margin-bottom: 25px;
      flex-wrap: wrap;
      text-align: center;
      justify-content: center;
  }
}
@media (max-width: 420px) {
  .shop-cat-filter-bx {
      padding: 9px 20px 0;
    }
    .login-nth ul li {
        max-width: 114px;
    }
}
@media (max-width: 380px) {
  .tab-pane-acount ul li {
      width: 100%;
  }
  .acc-box {
        padding: 15px 0;
  }
  .view-button {
      max-width: 218px;
  }
  .sp-button {
      max-width: 218px;
  }

  .good-root-login {
      padding: 15px ;
  }
  .leave-form-tab form .form-group {
      width: 100%;
  }
  .review-title {
      display: block;
  }
  .review-title span {
      margin: 0;
  }
}
@media all and (max-width: 667px) and (orientation: landscape) {
}
@media all and (max-width: 812px) and (orientation: landscape) {
}