1#@!#!123s

https 1#@!#!123s
: / home2 / affluencebiotech / www / agripro-global.com / app / dist /
Filename : responsive.css
back
/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1650px) {
  .slider .swiper-button-prev2 {
    right: 170px;
    left: unset;
  }
  .slider .swiper-button-next2 {
    right: 90px;
    left: auto;
  }
  .slider .swiper-pagination2 {
    left: 15%;
  }

  .flat-skills .box-1 {
    padding-left: 14%;
  }
}
@media only screen and (max-width: 1440px) {
  .slider .swiper-pagination2 {
    left: 90px;
  }

  .swiper-button-prev3 {
    left: 30px;
  }

  .swiper-button-next3 {
    right: 30px;
  }

  .flat-skills .box-1 {
    padding-left: 10%;
  }
}
@media only screen and (max-width: 1330px) {
  .flat-skills .box-1 {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .header_1 #main-nav {
    left: 17%;
  }
  .header_1 #main-nav > ul > li {
    padding: 40px 8px 40px 8px;
  }

  #top-bar .top-box .title-map {
    padding-right: 15px;
    margin-right: 15px;
  }

  .widget-menu .title-widget {
    font-size: 28px;
  }

  .widget-menu.style-2 {
    padding-left: 0;
  }

  .slider .swiper-button-prev2 {
    right: 95px;
  }
  .slider .swiper-button-next2 {
    right: 15px;
  }
  .slider .swiper-pagination2 {
    left: 15px;
  }
  .slider .slider-item .content {
    width: 62%;
  }

  .search-header {
    left: 19%;
  }

  .header_1.home2 #main-nav {
    left: 27.5%;
  }

  .flat-icon.page2 .box-icon.box-1 {
    padding-right: 0;
  }
  .flat-icon.page2 .box-icon.box-2, .flat-icon.page2 .box-icon.box-3 {
    padding-left: 0;
  }
  .flat-icon.page2 .box-icon .content p {
    padding: 0;
  }

  .flat-subscribe .heading-section h4 {
    padding-right: 0px;
  }

  .flat-icon.page .row {
    margin-right: -15px;
  }

  .side-bar {
    padding: 0;
  }

  .flat-food-services .wrap-services .box.box-2 {
    width: 33%;
  }
  .flat-food-services .wrap-services .box.box-3 {
    margin-left: 0;
  }

  .flat-icon-contact .box-icon.style3 {
    padding: 21px 30px 21px 24px;
  }

  .flat-gallery-details .info {
    padding: 0;
    justify-content: center;
  }
  .flat-gallery-details .info .box {
    margin: 0 15px;
  }

  .flat-icon .box-icon {
    padding: 32px 15px 25px;
  }
  .flat-icon .box-icon .content p {
    padding: 0;
  }

  .flat-arrivals .box-arrivals {
    padding: 20px 15px;
  }
  .flat-arrivals .box-arrivals .images {
    width: 40%;
    margin-right: 10px;
  }

  .go-top {
    right: 15px;
    bottom: 0;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1119px) {
  .flat-services .box .images {
    width: 46%;
    margin: auto 0 auto;
  }
  .flat-services .box .content {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
  .flat-organic2 {
    padding-bottom: 90px;
  }
  .flat-organic2 .box-organic .images .content {
    left: 15px;
  }
  .flat-organic2 .box-organic .images .content h4 {
    margin-bottom: 8px;
  }
  .flat-organic2 .box-organic .images .content .title-h3 {
    margin-bottom: 9px;
    font-size: 24px;
    line-height: 30px;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .mobile-button {
    display: block !important;
  }

  .swiper-button-next3,
.swiper-button-prev3,
.swiper-pagination2,
.swiper-button-prev,
.swiper-button-next,
.sc-btn-top {
    display: none;
  }

  .tf-section2,
.tf-section {
    padding: 90px 0;
  }

  .flat-title-page.inner {
    padding: 100px 0px 100px 0px;
  }

  .heading-section {
    margin-bottom: 40px;
  }
  .heading-section h5 {
    margin-bottom: 13px;
  }

  .slider .slider-item {
    position: relative;
    padding: 90px 0 90px;
  }
  .slider .slider-item .content {
    width: 65%;
    padding-left: 0;
  }
  .slider .slider-item .content p {
    padding: 0;
  }

  .slider.home2 .slider-item {
    padding: 90px 0 90px;
  }
  .slider.home2 .slider-item .images .image {
    position: absolute;
    width: 68%;
    margin-left: -175px;
    z-index: 0;
    margin-top: 90px;
  }
  .slider.home2 .slider-item .content {
    width: 60%;
    padding-left: 0;
    z-index: 2;
  }
  .slider.home2 .slider-item .content p {
    padding: 0;
  }
  .slider.home2 .slider-item .images .mark-sl {
    position: absolute;
    margin-top: 175px;
    margin-left: 40px;
  }

  .slider.home3 .slider-item {
    padding: 90px 0;
  }
  .slider.home3 .slider-item .content h1 {
    padding: 0;
  }

  #footer {
    padding: 80px 0 50px;
  }
  #footer .widget-logo {
    margin-bottom: 50px;
  }
  #footer .widget-logo .logo-footer {
    margin-bottom: 40px;
  }
  #footer .widget-logo p {
    margin-bottom: 25px;
    padding-right: 0;
  }
  #footer .widget-menu .title-widget {
    margin-bottom: 30px;
  }
  #footer .widget-menu.style-2 {
    padding-top: 0px;
    padding-left: 0px;
  }
  #footer .widget-menu.style-3 {
    padding-left: 0;
    padding-top: 66px;
  }
  #footer .widget-menu.style-4 {
    padding: 0;
  }
  #footer .widget-menu.style-4 .title-widget {
    margin-bottom: 40px;
  }

  .widget-social-footer {
    padding: 30px 0 35px;
  }
  .widget-social-footer .title-bottom {
    margin-bottom: 15px;
    text-align: center;
    padding: 0;
  }
  .widget-social-footer .icon-bottom {
    text-align: center;
    margin: 0;
  }

  .header_1.home2 .flat-button-top {
    display: none;
  }

  .categories_menu_toggle {
    transition: unset;
  }

  .header-account {
    position: absolute;
    left: 45%;
    right: unset;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .search-form .search-field {
    width: 100%;
  }

  .search-header {
    left: unset;
    right: 0;
  }

  .flat-icon-home2 .box-icon {
    margin-bottom: 30px;
    display: block;
    padding: 30px 15px 28px 15px;
    border-radius: 10px;
    text-align: center;
  }
  .flat-icon-home2 .box-icon .icon {
    margin-bottom: 15px;
  }
  .flat-icon-home2 .box-icon .content {
    margin-left: 0;
  }

  .flat-about.home2 .wrap-img .images {
    position: unset;
  }
  .flat-about.home2 .wrap-about .heading-section h2 {
    font-size: 50px;
  }
  .flat-about.home2 .wrap-about .heading-section p {
    padding: 0;
  }
  .flat-about.home2 .wrap-about .box-icon {
    margin-right: 0px;
  }

  .flat-category .wrap-category {
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .flat-category .wrap-category .box {
    width: calc(33.333% - 20px);
    margin-bottom: 30px;
  }

  .flat-fresh .images img {
    height: 220px;
    object-fit: cover;
  }
  .flat-fresh .images .content {
    left: 15px;
  }

  .flat-special.style-special {
    padding-top: 60px;
  }

  .flat-special.style-one {
    padding-bottom: 90px;
  }
  .flat-special.style-one .box-title .title {
    margin-right: 11%;
  }

  .flat-rate-products .wrap-rate {
    padding: 30px 15px 38px;
  }
  .flat-rate-products .wrap-rate .title-box {
    align-items: center;
  }
  .flat-rate-products .wrap-rate .title-box .title-30 {
    line-height: 30px;
    padding-top: 10px;
  }
  .flat-rate-products .mark-image {
    position: absolute;
    right: 15px;
    top: 36.8%;
  }

  .flat-days .wrap-days {
    padding: 66px 15px 72px;
  }

  .flat-popular-products {
    padding-bottom: 75px;
  }
  .flat-popular-products .box-tab {
    margin-bottom: 38px;
  }

  .flat-products {
    padding-bottom: 60px;
  }
  .flat-products .heading-section {
    padding: 0;
    margin-bottom: 40px;
  }
  .flat-products .box-special {
    margin-bottom: 0;
  }
  .flat-products .swiper-container {
    margin-bottom: 30px;
  }

  .flat-category.home3 {
    padding-bottom: 60px;
  }

  .flat-why-choose .wrap-why-choose .box .box-1 {
    width: 42%;
  }
  .flat-why-choose .wrap-why-choose .box .box-2 {
    width: 42%;
  }
  .flat-why-choose .wrap-why-choose .box .inner .content {
    padding: 0px 10px 0 0px;
  }
  .flat-why-choose .wrap-why-choose .box .inner.inner-2 .content {
    padding: 0px 0px 0 10px;
  }
  .flat-why-choose .wrap-why-choose .box .mb-203 {
    margin-bottom: 60px;
  }
  .flat-why-choose .mark-images {
    left: 54.7%;
    top: 0;
  }
  .flat-why-choose .mark-images img {
    width: 90%;
  }

  .flat-testimonial2 .wrap-testi .box-1 {
    width: 62.5%;
    margin-right: 25px;
  }
  .flat-testimonial2 .wrap-testi .box-1 .inner {
    padding: 45px 15px 50px 15px;
  }
  .flat-testimonial2 .wrap-testi .box-2 {
    width: 38%;
    padding: 100px 10px 0;
  }
  .flat-testimonial2 .wrap-testi .swiper-button-prev4 {
    right: 65px;
  }
  .flat-testimonial2 .wrap-testi .swiper-button-next4 {
    right: 15px;
  }

  .flat-icon-home2.home3 {
    padding-bottom: 60px;
  }

  .flat-subscribe.home3 {
    padding: 90px 0;
  }
  .flat-subscribe.home3 .wrap-subscribe {
    padding: 0;
  }
  .flat-subscribe.home3 .heading-section h4 {
    padding: 0;
  }

  .flat-fresh.home3 {
    padding-bottom: 90px;
  }

  .flat-subscribe {
    padding: 60px 0;
  }

  .widget-subcribe {
    padding-left: 0;
    padding-top: 40px;
  }
  .widget-subcribe .form-subcribe input {
    width: 70%;
  }
  .widget-subcribe .form-subcribe button {
    width: 30%;
  }

  #top-bar {
    height: unset;
    padding: 15px 0 10px;
  }
  #top-bar .inner {
    display: block;
    text-align: center;
  }
  #top-bar .top-box {
    justify-content: center;
  }
  #top-bar .top-box .title-map::after {
    top: -1px;
    height: 20px;
  }

  .flat-button-top {
    right: 35px;
  }

  .flat-blog {
    padding-bottom: 70px;
  }
  .flat-blog .content {
    padding: 24px 15px 25px 15px;
  }
  .flat-blog.home {
    padding-bottom: 40px;
  }

  .flat-brand {
    padding-bottom: 75px;
  }

  .flat-icon {
    padding-bottom: 60px;
  }
  .flat-icon .box-icon {
    margin-bottom: 30px;
    padding: 49px 15px 49px;
  }

  .flat-icon.page .box-icon {
    padding: 49px 15px 49px;
  }

  .flat-about .wrap-about .box-icon {
    margin-right: 0;
    padding: 15px 10px 19px 12px;
  }
  .flat-about .wrap-about .box-icon .icon {
    margin-right: 15px;
  }
  .flat-about .box-author {
    width: 100%;
    position: unset;
    padding: 20px 15px 25px;
    border-radius: 5px;
    height: unset;
    margin-top: 15px;
  }
  .flat-about .box-author .title {
    margin-bottom: 10px;
  }
  .flat-about .wrap-img .img-1 {
    margin-bottom: 15px;
  }

  .flat-vegetables .flat-tabs .tab-title li {
    margin-right: 18px;
    margin-left: 18px;
  }
  .flat-vegetables .wrap-vegetables {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .flat-vegetables .wrap-vegetables .box {
    width: calc(50% - 30px);
    margin-bottom: 30px;
  }

  .flat-organic .box-organic .title {
    font-size: 30px;
    left: -100px;
    top: 96px;
  }
  .flat-organic .box-organic .images {
    margin-left: 40px;
  }
  .flat-organic .box-organic .images .content {
    transform: translateY(-50%);
    left: 20px;
    top: 50%;
  }
  .flat-organic .box-organic.box-2 .images {
    margin-right: 40px;
  }
  .flat-organic .box-organic.box-2 .title {
    right: -73px;
    left: unset;
    top: 96px;
  }

  .flat-arrivals .box-arrivals {
    display: block;
    text-align: center;
  }
  .flat-arrivals .box-arrivals .images {
    margin-right: 0;
    width: 100%;
  }
  .flat-arrivals .box-arrivals .wrap-list {
    justify-content: center;
  }

  .flat-testimonials {
    padding-bottom: 80px;
  }
  .flat-testimonials .box-testi {
    padding: 32px 15px 40px;
  }
  .flat-testimonials .swiper-pagination {
    margin-top: 135px;
  }

  .flat-brand .brand-slider {
    text-align: center;
  }

  .flat-title-page.details .heading {
    padding: 0;
  }

  .flat-blog-details .post .text-1 {
    padding-right: 0px;
  }
  .flat-blog-details .post .box-text {
    padding-right: 0px !important;
  }
  .flat-blog-details .post .image-one {
    text-align: center;
  }

  .side-bar {
    margin-top: 65px;
  }
  .side-bar .widget {
    margin-bottom: 50px;
  }
  .side-bar .widget-author {
    padding: 35px 15px 30px;
  }
  .side-bar .widget-categories {
    padding: 33px 15px 35px;
  }
  .side-bar .widget-menu {
    padding: 33px 15px 35px;
  }
  .side-bar .widget-tags {
    padding: 33px 15px 19px;
  }

  #comments .buttons {
    text-align: center;
  }

  .blog-category-list {
    padding-bottom: 75px;
  }
  .blog-category-list .post {
    padding-top: 0px;
  }
  .blog-category-list .post .blog-box {
    margin-bottom: 50px;
  }
  .blog-category-list .themesflat-pagination {
    text-align: center;
  }
  .blog-category-list .side-bar {
    margin-top: 55px;
  }

  .flat-our .box {
    padding: 40px 15px;
  }

  .flat-count {
    padding: 105px 0 90px;
  }

  .flat-about.page .wrap-img {
    margin-bottom: 0;
  }
  .flat-about.page .wrap-img .images {
    width: unset;
    height: unset;
  }
  .flat-about.page .wrap-img .images.image-1 {
    margin-right: 0px;
  }
  .flat-about.page .wrap-img .images.image-2 {
    margin-top: -126px;
    margin-left: 0;
    width: unset;
    height: unset;
  }

  .flat-about.page {
    padding-bottom: 56px;
  }

  .flat-video-page {
    padding-top: 0;
  }
  .flat-video-page .flat-video.page {
    padding: 90px 15px;
  }

  .flat-team {
    padding-bottom: 75px;
  }
  .flat-team.page {
    padding-bottom: 90px;
  }
  .flat-team .box-team .images img {
    width: 100%;
  }

  .flat-icon.page2 {
    padding-bottom: 40px;
  }
  .flat-icon.page2 .heading-section {
    margin-bottom: 40px;
  }
  .flat-icon.page2 .heading-section p {
    padding: 0 50px;
  }

  .flat-services {
    padding-bottom: 60px;
  }
  .flat-services .heading-section {
    padding: 0;
  }

  .flat-food-services .wrap-services .box.box-1 {
    width: 50%;
  }
  .flat-food-services .wrap-services .box.box-2 {
    display: none;
  }
  .flat-food-services .wrap-services .box.box-3 .texts {
    padding: 70px 50px 100px;
  }

  .flat-skills {
    padding-bottom: 90px;
  }
  .flat-skills .box-1 {
    width: 70%;
    padding: 90px 10px 90px 15px;
  }
  .flat-skills .box-2 {
    width: 30%;
  }
  .flat-skills .progress-box1 {
    margin-right: 15px;
    width: 34%;
  }

  .flat-icon.page.style {
    padding-bottom: 50px;
  }

  .flat-video-page.style {
    padding-bottom: 90px;
  }

  .flat-service-details {
    padding-bottom: 75px;
  }
  .flat-service-details .side-bar {
    padding: 0px;
    margin-top: 0;
    margin-bottom: 60px;
  }
  .flat-service-details .post .image-1 img {
    width: 100%;
  }
  .flat-service-details .post .faq-box .images {
    margin-right: 30px;
  }

  .flat-gallery.page {
    padding-bottom: 60px;
  }
  .flat-gallery.page .wrap .box-gallery {
    width: calc(50% - 30px);
  }
  .flat-gallery.page .flat-tabs .box-tab {
    margin-bottom: 45px;
  }

  .flat-icon-contact .box-icon {
    padding: 21px 15px 21px 15px !important;
  }
  .flat-icon-contact .box-icon.style3 .icon {
    margin-top: 8px;
    margin-right: 10px;
  }

  .flat-contact .wrap-contact {
    display: block;
  }
  .flat-contact .box-1 {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 45px;
  }

  .tf-map {
    padding-bottom: 90px;
  }

  .flat-shop-sidebar .side-bar {
    margin-top: 35px;
  }
  .flat-shop-sidebar .side-bar .widget-categorie {
    margin-bottom: 40px;
  }
  .flat-shop-sidebar .themesflat-pagination {
    margin-top: 50px;
  }
  .flat-shop-sidebar.style-left .side-bar {
    margin-top: 0;
    margin-bottom: 65px;
  }

  .flat-shop-sidebar.page .themesflat-pagination {
    text-align: center;
  }
  .flat-shop-sidebar.page .flat-vegetables .wrap-vegetables .box {
    padding: 24px 20px 29px 20px;
  }

  .flat-category.page2 {
    padding-bottom: 60px;
  }

  .flat-vegetables.page {
    padding-bottom: 80px;
  }

  .flat-gallery-details .heading-sc {
    margin-bottom: 40px;
  }
  .flat-gallery-details .heading-sc p {
    padding: 0;
  }
  .flat-gallery-details .wrap-strategies {
    margin-bottom: 45px;
  }
  .flat-gallery-details .wrap-strategies .box-1 {
    padding-right: 15px;
  }
  .flat-gallery-details .wrap-strategies .box-2 {
    padding: 50px 20px;
    margin-bottom: auto;
  }
  .flat-gallery-details .wrap-strategies .box-2 .text-h3 {
    margin-bottom: 30px;
  }
  .flat-gallery-details .text-2 {
    padding-right: 0px;
    margin-bottom: 45px;
  }
  .flat-gallery-details .check-one.style {
    margin-bottom: 50px;
  }
  .flat-gallery-details .image-2 {
    margin-bottom: 65px;
  }

  .flat-shop-details .image-cart {
    margin-bottom: 35px;
  }
  .flat-shop-details .image-cart .flat-tabs .content-img {
    margin-right: 0;
    height: 500px;
  }
  .flat-shop-details .image-cart .flat-tabs .mark-search {
    right: 20px;
  }
  .flat-shop-details .post {
    padding: 50px 0 0;
  }
  .flat-shop-details .post .wrap-one .box-1 {
    padding-right: 15px;
  }
  .flat-shop-details .post .wrap-one .box-2 .inner-1 {
    margin-right: 5px;
  }
  .flat-shop-details .post .wrap-one .box-2 .inner-2 {
    margin-left: 5px;
  }
  .flat-shop-details .post .image {
    margin-bottom: 50px;
  }
  .flat-shop-details .post .text-2 {
    padding-right: 0px;
  }
  .flat-shop-details #comment .comment-list {
    margin-bottom: 38px;
  }

  .flat-vegetables.shop {
    padding-bottom: 75px;
  }

  .flat-faq .flat-accordion .flat-toggle .toggle-content {
    padding: 19px 25px 19px 20px;
  }
  .flat-faq .heading-section {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tf-section2,
.tf-section {
    padding: 75px 0;
  }

  .themesflat-pagination {
    margin-top: 20px;
  }

  .flat-title-page.inner {
    padding: 70px 0px 70px 0px;
  }

  #top-bar {
    padding: 16px 0 11px;
  }
  #top-bar .top-box .title-map {
    padding: 0;
    margin-right: 0;
  }
  #top-bar .inner .top-bar-right,
#top-bar .inner .top-bar-left {
    display: block;
  }
  #top-bar .inner h6 {
    justify-content: center;
  }
  #top-bar .inner h6::after {
    display: none;
  }
  #top-bar .inner .follow {
    justify-content: center;
  }

  .slider .slider-item {
    padding: 70px 0 75px;
  }
  .slider .slider-item .content {
    width: 100%;
  }
  .slider .slider-item .content .sub-title {
    margin-bottom: 18px;
  }
  .slider .slider-item .content .heading h1 {
    font-size: 54px;
    line-height: 66px;
  }
  .slider .slider-item .content .heading h2 {
    margin-bottom: 20px;
  }
  .slider .slider-item .image {
    display: none;
  }
  .slider .swiper-button-prev2,
.slider .swiper-button-next2 {
    bottom: 30px;
  }

  .slider .img-slider img {
    object-position: 0px 0;
  }

  .slider.home2 .slider-item {
    padding: 70px 0 75px;
  }
  .slider.home2 .slider-item .content {
    width: 100%;
  }
  .slider.home2 .slider-item .content .heading h1 {
    font-size: 54px;
    line-height: 66px;
  }
  .slider.home2 .slider-item .content .heading h2 {
    margin-bottom: 20px;
  }

  .slider.home3 .slider-item {
    padding: 70px 0 75px;
    margin-bottom: 20px;
  }
  .slider.home3 .slider-item .content .sub-title {
    padding: 8px 10px;
  }

  #footer {
    padding: 70px 0 70px;
  }
  #footer .widget-logo {
    margin-bottom: 45px;
  }
  #footer .widget-logo .logo-footer {
    margin-bottom: 35px;
  }
  #footer .widget-menu.style-2 {
    padding-top: 0px;
    margin-bottom: 32px;
  }
  #footer .widget-menu.style-3 {
    padding-top: 52px;
  }
  #footer .widget-menu.style-4 {
    padding-left: 0;
  }
  #footer .widget-menu.style-4 .title-widget {
    margin-bottom: 37px;
  }
  #footer .widget-menu .title-widget {
    margin-bottom: 25px;
  }
  #footer .widget .recent-news li {
    margin-bottom: 25px;
  }

  .widget-social-footer {
    padding: 35px 0 40px;
  }

  .swiper-pagination {
    display: none;
  }

  .fancybox-slide--iframe .fancybox-content {
    width: 95%;
    height: 95%;
    max-width: calc(100% - 50px);
    max-height: calc(100% - 90px);
  }

  .heading-section {
    margin-bottom: 37px;
  }

  .flat-blog {
    padding-bottom: 65px;
  }
  .flat-blog .blog-box .content {
    padding: 24px 15px 25px 15px;
  }
  .flat-blog .blog-box .content h4 {
    margin-bottom: 10px;
  }
  .flat-blog .blog-box .content p {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .flat-blog .blog-box .content .days {
    right: 20px;
  }
  .flat-blog.home {
    padding-bottom: 30px;
  }

  .widget-subcribe .form-subcribe .form-submit {
    display: block;
  }
  .widget-subcribe .form-subcribe input {
    width: 100%;
    margin-bottom: 0px;
  }
  .widget-subcribe .form-subcribe button {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .flat-vegetables .flat-tabs .box-tab {
    margin-bottom: 20px;
  }
  .flat-vegetables .flat-tabs .tab-title {
    flex-wrap: wrap;
  }
  .flat-vegetables .flat-tabs .tab-title li {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .flat-vegetables .flat-tabs .tab-title li .icon {
    margin-bottom: 10px;
  }
  .flat-vegetables .wrap-vegetables .box {
    width: calc(100% - 30px);
  }

  .flat-organic {
    padding-bottom: 45px;
  }
  .flat-organic .box-organic {
    margin-bottom: 30px;
  }
  .flat-organic .box-organic .title {
    position: unset;
    margin: 0;
    transform: unset;
    display: none;
    margin-bottom: 10px;
  }
  .flat-organic .box-organic .images {
    margin-left: 0;
  }
  .flat-organic .box-organic.box-2 .images {
    margin-right: 0;
  }

  .flat-icon {
    padding-bottom: 45px;
  }
  .flat-icon .box-icon {
    padding: 37px 15px 32px;
  }
  .flat-icon .box-icon .icon {
    margin-bottom: 22px;
  }
  .flat-icon .box-icon .content h3 {
    margin-bottom: 10px;
  }
  .flat-icon .box-icon .content p {
    margin-bottom: 20px;
  }

  .heading-section h5 {
    margin-bottom: 10px;
  }
  .heading-section h2 {
    font-size: 44px;
    line-height: 52px;
  }

  .flat-about .wrap-img {
    padding-top: 0;
    margin-bottom: 30px;
    text-align: center;
  }
  .flat-about .wrap-img .box-author .inner {
    justify-content: center;
  }
  .flat-about .wrap-about .heading-section p {
    padding: 0;
  }
  .flat-about .wrap-about .box-icon {
    align-items: center;
    padding: 18px 10px 19px 12px;
  }
  .flat-about .wrap-about .box-icon .icon {
    margin-top: 0;
    margin-right: 12px;
  }
  .flat-about .buttons {
    text-align: center;
  }

  .flat-sale .heading-section h2 {
    margin-bottom: 15px;
  }
  .flat-sale .wrap-sale .box-count ul {
    flex-wrap: wrap;
  }
  .flat-sale .wrap-sale .box-count ul li {
    margin-bottom: 15px;
  }

  .flat-vegetables .wrap-vegetables {
    margin-bottom: 20px;
  }

  .flat-arrivals .buttons {
    margin-top: 25px;
  }

  .flat-testimonials {
    padding-bottom: 70px;
  }
  .flat-testimonials .swiper-container {
    padding-bottom: 95px;
  }
  .flat-testimonials .box-testi {
    padding: 35px 15px 35px;
  }
  .flat-testimonials .box-testi .img-testi {
    margin-bottom: 15px;
  }
  .flat-testimonials .box-testi h5 {
    margin-bottom: 20px;
  }
  .flat-testimonials .box-testi .author .images-author {
    margin-bottom: 18px;
  }

  .widget-subcribe {
    padding-top: 35px;
  }

  .flat-brand {
    padding-bottom: 60px;
  }

  .flat-icon-home2 .box-icon {
    padding: 30px 15px 28px 15px;
  }

  #top-bar.home2 .inner .top-bar-right {
    display: flex;
  }

  #top-bar.home2 .inner .top-bar-left {
    display: none;
  }

  .search-header {
    display: none;
  }

  .categories_menu_toggle {
    width: 100%;
  }
  .categories_menu_toggle .wrap {
    display: block;
  }
  .categories_menu_toggle .wrap .box {
    width: 100%;
  }
  .categories_menu_toggle .wrap .box.box-1 {
    padding: 10px 10px 0px 10px;
  }
  .categories_menu_toggle .wrap .box.box-2 {
    padding: 0px 10px 5px 10px;
  }

  .categories_menu .categories_title {
    padding: 11px 15px 10px 15px;
  }
  .categories_menu .categories_title h5::after {
    margin-left: 15px;
  }

  .header-middle .header-account {
    left: 50%;
    top: 75%;
  }
  .header-middle #site-logo-inner {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%);
  }
  .header-middle #site-logo {
    height: 130px;
  }

  .flat-fresh .box-organic {
    margin-bottom: 30px;
  }
  .flat-fresh .box-organic .images img {
    object-position: 0px 0;
    object-fit: none;
  }

  .flat-category .wrap-category .box {
    width: calc(100% - 20px);
    margin-bottom: 30px;
  }

  .flat-special .box-title {
    padding: 17px 15px 12px;
    display: block;
  }
  .flat-special .box-title .title {
    font-size: 22px;
    line-height: 30px;
  }

  .swiper-button-next4,
.swiper-button-prev4 {
    width: 40px;
    height: 40px;
    top: 11px;
  }

  .swiper-button-next4 {
    right: 25px;
  }

  .swiper-button-prev4 {
    right: 75px;
  }

  .flat-days .wrap-days {
    padding: 66px 15px 70px;
    text-align: center;
  }
  .flat-days .wrap-days .box-count {
    margin-bottom: 20px;
  }
  .flat-days .wrap-days .box-count ul {
    justify-content: center;
  }
  .flat-days .wrap-days .box-count ul li {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 13px;
    width: 60px;
    height: 60px;
  }

  .flat-rate-products {
    padding-bottom: 45px;
  }
  .flat-rate-products .wrap-rate {
    padding: 30px 15px 38px;
    margin-bottom: 30px;
  }

  .flat-popular-products {
    padding-bottom: 68px;
  }
  .flat-popular-products .flat-tabs .tab-title {
    flex-wrap: wrap;
  }
  .flat-popular-products .flat-tabs .tab-title li {
    margin-right: 11px;
    margin-left: 11px;
    margin-bottom: 5px;
  }
  .flat-popular-products .box-tab {
    margin-bottom: 40px;
  }

  .flat-organic2 {
    padding-bottom: 45px;
  }
  .flat-organic2 .box-organic {
    margin-bottom: 30px;
  }
  .flat-organic2 .box-organic .images .content {
    left: 15px;
  }
  .flat-organic2 .box-organic .images .content .title-h3 {
    padding-right: 5px;
  }

  .flat-sale2 .heading-section h1 {
    font-size: 66px;
    line-height: 76px;
  }

  .flat-products .heading-section {
    margin-bottom: 40px;
  }
  .flat-products .heading-section h2 {
    font-size: 58px;
  }
  .flat-products .box-special .content {
    padding: 27px 0px 27px 15px;
  }

  .flat-fresh .box-organic {
    display: flex;
    justify-content: center;
  }

  .flat-fresh.home3 {
    padding-bottom: 45px;
  }
  .flat-fresh.home3 .box-organic {
    margin-bottom: 30px;
  }

  .flat-special.home3 .heading-section {
    margin-bottom: 37px;
  }
  .flat-special.home3 .swiper-container {
    padding: 2px 2px 2px;
    margin: -2px -2px -2px;
  }
  .flat-special.home3 .box-special .content {
    padding: 32px 15px 28px;
  }
  .flat-special.home3 .buttons {
    margin-top: 50px;
  }

  .flat-special.tf-home3 .buttons {
    margin-top: 50px;
  }

  .flat-category.home3 {
    padding-bottom: 40px;
  }

  .flat-subscribe.home3 .form-subcribe input {
    width: 100%;
  }

  .flat-trending .flat-tabs ul {
    flex-wrap: wrap;
  }
  .flat-trending .flat-tabs ul li {
    margin: 0 6px 10px;
  }
  .flat-trending .flat-tabs .box-tab {
    margin-bottom: 35px;
  }

  .flat-why-choose .heading-section {
    margin-bottom: 37px;
  }
  .flat-why-choose .mark-images {
    display: none;
  }
  .flat-why-choose .wrap-why-choose .box {
    display: block;
  }
  .flat-why-choose .wrap-why-choose .box .box-1 {
    width: 100%;
    margin-bottom: 30px;
  }
  .flat-why-choose .wrap-why-choose .box .box-2 {
    width: 100%;
  }
  .flat-why-choose .wrap-why-choose .box .inner .content {
    padding: 0px 0px 0 10px;
    text-align: unset;
  }
  .flat-why-choose .wrap-why-choose .box .mb-203 {
    margin-bottom: 30px;
  }

  .flat-testimonial2 .wrap-testi {
    display: block;
  }
  .flat-testimonial2 .wrap-testi .box-1 {
    width: 100%;
    margin-bottom: 30px;
  }
  .flat-testimonial2 .wrap-testi .box-2 {
    width: 100%;
    padding: 50px 15px 47px;
  }
  .flat-testimonial2 .button-custom-slider {
    display: none;
  }

  .flat-blog-details .post .box-text.style {
    margin-bottom: 50px;
  }
  .flat-blog-details .post .box-item {
    display: block;
    margin-bottom: 40px;
  }
  .flat-blog-details .post .quote-details {
    padding: 54px 15px 24px;
  }
  .flat-blog-details .post .reply-box {
    display: none;
  }

  #comments .comment-list {
    margin-bottom: 40px;
  }
  #comments .comment-list .comment-01 {
    padding: 29px 15px 26px;
  }
  #comments .comment-list .comment-01 .comment-avatar {
    margin-bottom: 18px;
  }
  #comments .comment-list .comment-01 .comment-content .comment-text p {
    padding: 0;
  }
  #comments .comment-form .style-text {
    width: 100%;
    float: unset;
  }
  #comments .comment-form fieldset.email-wrap,
#comments .comment-form fieldset.name-wrap {
    padding: 0px;
  }

  .side-bar {
    margin-top: 55px;
  }
  .side-bar .widget {
    margin-bottom: 40px;
  }
  .side-bar .widget-title.title-list {
    margin-bottom: 20px;
  }
  .side-bar .widget-title.title-tags {
    margin-bottom: 20px;
  }

  .blog-category-list {
    padding-bottom: 65px;
  }
  .blog-category-list .post .blog-box .content {
    padding: 31px 15px 35px 15px;
  }
  .blog-category-list .post .blog-box .content .meta-box {
    display: block;
  }
  .blog-category-list .post .blog-box .content .meta-box h4 {
    margin-bottom: 3px;
  }

  .flat-our {
    padding-bottom: 45px;
  }
  .flat-our .box {
    margin-bottom: 30px;
  }

  .flat-count {
    padding: 95px 0 35px;
  }
  .flat-count .themes-count {
    flex-wrap: wrap;
    justify-content: center;
  }
  .flat-count .counter-box {
    margin: 0 20px 45px;
  }

  .flat-about.page {
    padding-bottom: 70px;
  }

  .flat-icon.page {
    padding-bottom: 0;
  }

  .flat-video-page {
    padding-top: 45px;
  }
  .flat-video-page .flat-video.page {
    padding: 75px 0;
  }

  .flat-team.page {
    padding-bottom: 75px;
  }
  .flat-team .box-team .images {
    margin: 15px;
  }

  .flat-icon.page2 {
    padding-bottom: 20px;
  }
  .flat-icon.page2 .heading-section {
    margin-bottom: 40px;
  }
  .flat-icon.page2 .heading-section p {
    padding: 0;
  }

  .flat-services {
    padding-bottom: 40px;
  }
  .flat-services .heading-section {
    margin-bottom: 37px;
  }
  .flat-services .box {
    display: block;
  }
  .flat-services .box .content {
    padding: 40px 15px;
  }

  .flat-food-services .wrap-services {
    display: block;
  }
  .flat-food-services .wrap-services .box.box-1 {
    width: 100%;
    margin-bottom: 25px;
  }
  .flat-food-services .wrap-services .box .inner {
    padding-right: 10px;
  }
  .flat-food-services .wrap-services .box .icon {
    margin-right: 15px;
  }

  .flat-skills .wrap-progress {
    text-align: center;
    justify-content: center;
  }
  .flat-skills .box-1 {
    width: 100%;
    padding: 75px 10px 75px 15px;
  }
  .flat-skills .box-2 {
    display: none;
  }
  .flat-skills .progress-box1 {
    width: 50%;
  }
  .flat-skills .progress-box2 {
    width: 50%;
  }

  .flat-icon.page.style {
    padding-bottom: 25px;
  }

  .flat-video-page.style {
    padding-top: 0px;
    padding-bottom: 75px;
  }

  .flat-service-details {
    padding-bottom: 60px;
  }
  .flat-service-details .side-bar {
    margin-bottom: 50px;
  }
  .flat-service-details .side-bar .widget {
    padding: 30px 15px;
  }
  .flat-service-details .side-bar .widget-categories {
    margin-bottom: 35px;
  }
  .flat-service-details .post .image-1 {
    margin-bottom: 30px;
  }
  .flat-service-details .post .title-1 {
    margin-bottom: 20px;
  }
  .flat-service-details .post .faq-box {
    display: block;
  }
  .flat-service-details .post .faq-box .images {
    margin-right: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  .flat-service-details .post .faq-box .images img {
    width: 100%;
  }
  .flat-service-details .post .faq-box .flat-accordion .title-2 {
    margin-bottom: 25px;
  }
  .flat-service-details .post .faq-box .flat-accordion .flat-toggle .toggle-content {
    display: none;
    padding: 12px 10px 13px 15px;
  }
  .flat-service-details .post .title-3 {
    margin-bottom: 25px;
  }
  .flat-service-details .post .check {
    margin-bottom: 40px;
  }
  .flat-service-details .post .get-contact .box {
    display: block;
  }
  .flat-service-details .post .get-contact .box .images img {
    width: 100%;
  }
  .flat-service-details .post .get-contact .box .content {
    padding: 35px 10px 35px 10px;
  }

  .flat-gallery.page {
    padding-bottom: 45px;
  }
  .flat-gallery.page .wrap .box-gallery {
    width: calc(100% - 30px);
  }
  .flat-gallery.page .flat-tabs .tab-title {
    flex-wrap: wrap;
  }
  .flat-gallery.page .flat-tabs .tab-title li {
    margin-right: 11px;
    margin-left: 11px;
    margin-bottom: 5px;
  }
  .flat-gallery.page .flat-tabs .box-tab {
    margin-bottom: 25px;
  }

  .flat-faq .heading-section {
    margin-bottom: 37px;
  }
  .flat-faq .flat-accordion .flat-toggle .toggle-title {
    padding: 14px 15px 13px;
  }
  .flat-faq .flat-accordion .flat-toggle .toggle-content {
    padding: 20px 15px 20px 15px;
  }
  .flat-faq .flat-accordion .flat-toggle .toggle-content .texts {
    margin-bottom: 15px;
  }

  .flat-contact .flat-accordion .flat-toggle .toggle-title .btn-toggle {
    display: flex;
    align-items: center;
  }

  .tf-map {
    padding-bottom: 75px;
  }
  .tf-map .map-content {
    width: 100%;
    height: 400px;
  }

  .flat-icon-contact {
    padding-bottom: 45px;
  }
  .flat-icon-contact .heading-section {
    margin-bottom: 36px;
  }
  .flat-icon-contact .box-icon {
    padding: 23px 15px 23px 15px !important;
    margin-bottom: 30px;
  }
  .flat-icon-contact .box-icon .content h3 {
    margin-bottom: 5px;
  }

  .flat-shop-sidebar .post .flat-vegetables .wrap-vegetables .box {
    width: calc(100% - 0px);
  }

  .flat-shop-sidebar {
    padding-bottom: 70px;
  }
  .flat-shop-sidebar .side-bar {
    margin-top: 25px;
  }
  .flat-shop-sidebar .side-bar .widget-categorie {
    padding: 24px 15px 29px;
    margin-bottom: 40px;
  }
  .flat-shop-sidebar .side-bar .widget {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .flat-shop-sidebar .side-bar .widget.search {
    padding: 0 !important;
  }
  .flat-shop-sidebar .themesflat-pagination {
    margin-top: 50px;
  }
  .flat-shop-sidebar.style-left .side-bar {
    margin-bottom: 55px;
  }
  .flat-shop-sidebar.style-left .themesflat-pagination {
    margin-top: 20px;
  }

  .category-filter {
    padding: 15px 10px 10px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .category-filter h5 {
    margin-bottom: 5px;
    margin-right: 15px;
  }
  .category-filter .box-2 {
    flex-wrap: wrap;
    justify-content: center;
  }
  .category-filter .box-2 .titles-dropdown {
    margin-bottom: 8px;
  }

  .flat-shop-sidebar.page .flat-vegetables .wrap-vegetables .box {
    padding: 30px 15px 35px;
    display: block;
  }
  .flat-shop-sidebar.page .flat-vegetables .wrap-vegetables .box .images {
    width: 100%;
    margin-bottom: 20px;
  }
  .flat-shop-sidebar.page .flat-vegetables .wrap-vegetables .box .content {
    padding: 0;
  }

  .flat-category.page2 {
    padding-bottom: 35px;
  }

  .flat-vegetables.page {
    padding-bottom: 70px;
  }

  .flat-gallery-details .info {
    display: block;
    text-align: center;
    margin-bottom: 45px;
  }
  .flat-gallery-details .info .box {
    margin-bottom: 15px;
  }
  .flat-gallery-details .info .box h3 {
    margin-bottom: 4px;
  }
  .flat-gallery-details .info .box:last-child {
    margin-bottom: 0;
  }
  .flat-gallery-details .image-1 {
    margin-bottom: 40px;
  }
  .flat-gallery-details .wrap-strategies {
    margin-bottom: 40px;
    display: block;
  }
  .flat-gallery-details .wrap-strategies .box-1 {
    padding-right: 0px;
    width: 100%;
    margin-bottom: 33px;
  }
  .flat-gallery-details .wrap-strategies .box-2 {
    padding: 50px 15px;
    margin-bottom: auto;
  }
  .flat-gallery-details .text-2 {
    margin-bottom: 36px;
  }
  .flat-gallery-details .check-one.style {
    margin-bottom: 42px;
  }
  .flat-gallery-details .image-2 {
    margin-bottom: 55px;
  }

  .flat-shop-details .image-cart {
    margin-bottom: 35px;
  }
  .flat-shop-details .image-cart .flat-tabs {
    display: block;
  }
  .flat-shop-details .image-cart .flat-tabs .menu-img {
    display: flex;
    justify-content: center;
  }
  .flat-shop-details .image-cart .flat-tabs .menu-img li {
    margin-right: 15px;
    padding: 0 10px;
  }
  .flat-shop-details .image-cart .flat-tabs .content-img {
    margin: 0;
    height: 350px;
  }
  .flat-shop-details .image-cart .flat-tabs .content-img .tab-content {
    padding: 15px;
  }
  .flat-shop-details .image-cart .flat-tabs .mark-search {
    display: none;
  }
  .flat-shop-details .wrap-cart .box-star {
    margin-bottom: 15px;
    flex-wrap: wrap;
  }
  .flat-shop-details .wrap-cart .box-star .star {
    margin-bottom: 5px;
  }
  .flat-shop-details .post .wrap-one {
    display: block;
    margin-bottom: 40px;
  }
  .flat-shop-details .post .wrap-one .box-1 {
    padding-right: 0;
    width: 100%;
  }
  .flat-shop-details .post .wrap-one .box-2 {
    display: block;
  }
  .flat-shop-details .post .wrap-one .box-2 img {
    width: 100%;
  }
  .flat-shop-details .post .wrap-one .box-2 .inner-1 {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .flat-shop-details .post .wrap-one .box-2 .inner-2 {
    margin-left: 0px;
  }
  .flat-shop-details .post .check-one {
    margin-bottom: 20px;
  }
  .flat-shop-details .post .image {
    margin-bottom: 40px;
  }
  .flat-shop-details #comment .title-star {
    flex-wrap: wrap;
  }
  .flat-shop-details #comment .comment-list {
    margin-bottom: 30px;
  }
  .flat-shop-details #comment .comment-list .comment-01 .comment-avatar {
    display: block;
  }
  .flat-shop-details #comment .comment-list .comment-01 .comment-avatar .images {
    margin-bottom: 10px;
  }

  .flat-vegetables.shop {
    padding-bottom: 60px;
  }

  .po-content-one {
    order: 1;
  }

  .po-content-two {
    order: 2;
  }

  .po-content-three {
    order: 3;
  }
}
@media only screen and (max-width: 430px) {
  .flat-organic .box-organic .images img {
    object-position: 0px 0;
    object-fit: none;
  }

  .flat-skills .wrap-progress {
    flex-wrap: wrap;
  }
  .flat-skills .wrap-progress .progress-box1 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 26px;
  }
  .flat-skills .wrap-progress .progress-box2 {
    width: 100%;
  }

  .flat-days .wrap-days .box-count ul li {
    width: 50px;
    height: 50px;
    padding: 0 5px;
  }
}
@media only screen and (max-width: 360px) {
  .header-search i {
    margin-right: 10px;
  }

  .flat-gallery .content {
    padding: 23.5px 15px 23.5px 15px;
  }
}
@media only screen and (max-width: 330px) {
  #footer .widget-menu .title-widget {
    font-size: 25px;
    margin-bottom: 20px;
    margin-top: -2px;
  }

  #top-bar .top-box .title-map {
    flex-wrap: wrap;
  }

  .flat-arrivals .box-arrivals {
    padding: 23px 15px;
  }

  .flat-products .box-special .content {
    padding: 19px 0px 17px 10px;
  }
  .flat-products .box-special .content .star {
    margin-bottom: 3px;
  }
  .flat-products .box-special .content h4 {
    margin-bottom: 4px;
  }

  .flat-products .box-special .images {
    width: 125px;
    height: 125px;
  }
}

/*# sourceMappingURL=responsive.css.map */