@media only screen and (max-width:1480px) {
	.overlay-content {
		top: 10%
	}
	.overlay-popup h4 {
		padding: 0 10%
	}
	.overlay-popup a {
		width: 60%
	}
	.mobile_slide {
    display :none;
}
}

@media(min-width:992px) and (max-width:1199px) {
  
	.banner-info h1 {
		font-size: 40px
	}
	.banner-info h2 {
		font-size: 80px
	}
	.product {
		padding: 30px 15px
	}
	.product-icon ul li {
		margin-right: 5px
	}
	.products-two .col-md-7 {
		padding-left: 0
	}
	.farmfood ul li {
		margin-bottom: 30px
	}
	.food-info h3 {
		font-size: 20px
	}
	.cta-two .cta-image {
		margin-top: -56px
	}
	.product-details-info {
		padding: 0
	}
	.widget {
		padding: 25px 20px
	}
	.details-slider {
		margin-top: 40px
	}
	.cta-two .cta-info {
		padding: 95px 0
	}
	.cta-two .cta-info h2 {
		font-size: 70px
	}
	.overlay-content {
		top: 10%
	}
	.overlay-popup h4 {
		padding: 0 10%
	}
	.overlay-popup a {
		width: 80%
	}
}

@media(max-width:991px) {
    .header-text {
        position: relative;
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px;
    }
	.nav-menu>li>a {
	    color: #fff !important;
	}
	.custom_section .offset-1 {
        margin-left: 0;
    }
    .custom_img:before, .custom_img:after {
        display :none;
    }
	.mobile_slide {
	    display :none;
	}
	.hidden-md-up {
		display: block!important
	}
	.tr-menu .find-option {
		position: absolute;
		top: 0;
		right: 80px
	}
	.tr-menu .find-option ul {
		float: right
	}
	.navbar {
		padding: 10px 0
	}
	.search-form {
		top: 2px;
		right: -20px;
		width: 655px
	}
	.navbar-collapse {
		padding-top: 10px;
		background: #f8f9fa;
		width: 110%;
		margin-left: -5%;
		padding-left: 5%;
		margin-top: 2%
	}
	.navbar-nav .tr-dropdown-menu {
		min-width: 100%
	}
	.nav-item a:hover {
		border-bottom: 0 solid #000!important;
		color: #000!important
	}
	.tr-menu .navbar-nav .nav-link {
		padding: 0
	}
	.promotion-info h1 {
		font-size: 20px
	}
	.farmfood ul li .icon {
		font-size: 35px
	}
	.food-info h3 {
		font-size: 18px;
		margin-bottom: 5px
	}
	.farmfood-image img {
		display: none
	}
	.moreFeaturesBTN {
		margin: -30px 0 20px 0
	}
	.slick-dotted.slick-slider {
		margin: 20px 0
	}
	.single-testimonial h3 {
		font-size: 25px
	}
	.single-testimonial span {
		font-size: 16px
	}
	.farmfood ul li {
		margin-bottom: 10px
	}
	.farmfood ul {
		margin-top: 0
	}
	.footer-bottom .float-left span {
		display: block;
		margin-top: 10px;
		width: 100%
	}
	.footer-bottom .float-left,
	.footer-bottom .float-right {
		float: none!important;
		display: inline-block
	}
	.tr-about .who-we-are {
		padding-left: 0
	}
	.details-slider .carousel-indicators li {
		margin-left: 15px
	}
	.tr-author .media,
	.tr-follow {
		float: none
	}
	.comment-meta .float-left,
	.comment-meta .float-right {
		float: none!important;
		display: block
	}
	.comment-list .children {
		margin-left: 20px
	}
	.commenter-avatar {
		width: 60px;
		height: 60px;
		margin-right: 10px
	}
	.tr-follow {
		margin-top: 10px
	}
	.right-text {
	    margin-left: 0;
	    padding: 25px;
	    padding-bottom: 25px;
	}
	.right-text h3 {
	    font-size: 2em;
	    margin: 0em auto 0.5em auto;
	}
	.product-carousel-2.owl-carousel, .product-carousel-2.owl-carousel .owl-item {
	    padding-left: 10px !important;
	}
	.news-latter-card {
	    flex-direction: column;
	}
	.news-latter-card .form-group {
	    margin: 15px;
	}
	.footer-list a {
	    line-height: 24.68px;
	}
	.list-heading {
	    margin: 10px 0;
	}
	.footer-section {
	    flex-direction: column;
	    padding-top: 20px;
	}
	.contact-info {
	    padding: 0;
	}
	.footer-list.contact-info {
	    width: 100%;
	}
	.megamenu-list>li.megamenu-list-title>a {
	    color: #838383 !important;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.navbar-brand {
		padding-left: 15px
	}
	.navbar-nav .tr-dropdown-menu {
		left: 20px
	}
	.countdown li {
		padding: 0 15px
	}
	.products-two .col-md-7 {
		padding-left: 0
	}
	.footer-bottom {
		text-align: center
	}
	.banner-info h1 {
		font-size: 36px
	}
	.banner-info h2 {
		font-size: 70px
	}
	.slider-two .banner-info h2 {
		font-size: 60px
	}
	.tr-promotion .promotion {
		background-position: 135px bottom
	}
	.section-title h1 {
		font-size: 24px
	}
	.section-title h2 {
		font-size: 36px
	}
	.cta-info h2 {
		font-size: 50px
	}
	.cta-info h3 {
		font-size: 20px
	}
	.tr-about .who-we-are {
		margin-top: 0
	}
	.tr-about h1 {
		font-size: 24px
	}
	.tr-about h2 {
		font-size: 40px
	}
	.watch-video {
		height: 345px
	}
	.pricing-content .tab-content {
		padding: 30px 15px
	}
	.cta-two .cta-image {
		margin-top: -50px
	}
	.cta-two .cta-info {
		padding: 50px 0
	}
	.pricing .price h1 {
		font-size: 70px
	}
	.btn.btn-primary {
		font-size: 16px
	}
	.page-title h1 {
		font-size: 36px
	}
	.page-title h2 {
		font-size: 70px
	}
	.widget {
		padding: 25px 20px
	}
	.total-surface span {
		font-size: 45px
	}
	.post-inner-image {
		margin: 30px 0 10px
	}
	.total-surface {
		margin-bottom: 0
	}
	blockquote {
		font-size: 24px;
		line-height: 35px
	}
	.blog-social li a {
		padding: 8px 25px
	}
	.form-content.section-bg-white {
		padding: 50px 30px
	}
	.tr-menu .float-right li {
		padding: 24px 10px
	}
	.cta-two .cta-info h2 {
		font-size: 55px
	}
	.overlay-content {
		top: 10%
	}
	.overlay-popup h4 {
		padding: 0 10%
	}
	.overlay-popup a {
		width: 80%
	}
}

@media(max-width:767px) {
	.stripe-section {
	    text-align: center;
	}
	.whats-app-btn {
	    right: 15px;
	    left: auto;
	}
	.whats-app-btn img {
	    height: auto;
	    width: 130px;
	}
	.main-parallax {
	    padding: 15px;
	}
	.content-parallax h3 {
	    font-size: 2.3rem;
	}
	.text-end {
	    justify-content: center;
	}
	.instagram-image {
	    width: calc(100% - 0px);
	    height: auto;
	}
	.product,
	.tr-promotion .promotion {
		margin-bottom: 15px
	}
	.gb-sidebar,
	.post-inner-image .inner-image {
		margin-top: 15px
	}
	#gmap,
	.watch-video {
		height: 300px
	}
	.navbar-brand img {
		max-width: 65%
	}
	.tr-menu .find-option {
		top: 0
	}
	.navbar-toggler-right {
		top: 15px
	}
	.hompage-2 .tr-menu .float-right li,
	.tr-menu .float-right li {
		font-size: 18px;
		padding: 14px 5px
	}
	.tr-menu .float-right li .remove-item {
		padding: 10px
	}
	.search-form {
		width: 300px;
		right: -30px;
		top: -3px
	}
	.banner-info {
		font-size: 16px
	}
	.banner-info h1 {
		font-size: 26px
	}
	.banner-info h2 {
		font-size: 25px
	}
	.home-slider.slider-two {
		padding-bottom: 20px
	}
	.promotion-info {
		max-width: 250px
	}
	.section-title h1 {
		font-size: 20px
	}
	.tr-blog .section-title h2 {
		text-align: center;
		margin-bottom: -10px
	}
	.entry-title {
		font-size: 18px
	}
	.form-content h3,
	.tr-address span {
		font-size: 25px;
		text-transform: none
	}
	.tr-contact {
		margin-top: 0;
		width: 100%;
		margin-left: 0
	}
	.contact-pad {
		padding: 20px!important
	}
	.section-title h2 {
		font-size: 25px;
		text-align: center
	}
	.tr-farmfood h4 {
		font-size: 16px;
		text-align: left
	}
	.section-title {
		margin-bottom: 30px
	}
	.tr-promotion {
		padding: 15px 0
	}
	.tr-promotion h4 {
		text-align: center;
		font-size: 16px
	}
	.farmfood ul li {
		display: block
	}
	.payment-card img,
	.payment-card li {
		display: inline-block
	}
	.farmfood ul li>.icon {
		margin-right: 0!important;
		padding: 0 15px;
		width: 70px;
		float: left;
		text-align: left;
		margin-left: 0!important
	}
	.farmfood ul li .food-info {
		float: right;
		text-align: left;
		width: 80%
	}
	.footer-bottom,
	.products-two .product {
		text-align: left;
		padding-top: 15px;
		margin-top: 15px
	}
	.cta-image {
		margin-bottom: 30px
	}
	.cta-info h2 {
		font-size: 36px
	}
	.cta-info h3 {
		font-size: 18px
	}
	.payment-card {
		border-right: 0;
		margin-bottom: 10px
	}
	.payment-card li {
		float: none
	}
	.banner-image,
	.cta-two .cta-image,
	.farmfood-image {
		margin-top: 30px
	}
	.footer-bottom .select-option li:first-child {
		margin-left: 0
	}
	.countdown li {
		padding: 0 15px;
		font-size: 26px
	}
	.countdown li p {
		font-size: 10px
	}
	.btn.btn-primary {
		font-size: 14px;
		padding: 10px 25px
	}
	.farmfood-two .farmfood {
		margin-bottom: 15px;
		padding: 10px
	}
	.farmfood .icon {
		margin-top: -10px
	}
	.pricing-content .tab-content {
		padding: 20px 0
	}
	.pricing-one ul li {
		margin-bottom: 30px
	}
	.pricing .price,
	.tr-post,
	.widget {
		padding: 20px
	}
	.faq-img {
		margin: 30px 0
	}
	.faq-accordion {
		padding: 0
	}
	.pricing-one ul {
		padding: 0
	}
	.pricing-tabs .nav-item {
		margin-right: 15px
	}
	.tr-about h1 {
		font-size: 22px
	}
	.tr-about h2 {
		font-size: 25px;
		margin-bottom: 10px
	}
	.watch-video .video-link {
		font-size: 70px
	}
	.tr-about .who-we-are {
		margin-top: 10px;
		margin-bottom: 20px
	}
	.about-img {
		display: none
	}
	.order-management-sec h2 {
		font-size: 25px;
		line-height: 1.5
	}
	.order-management-sec p {
		font-size: 16px
	}
	#OrderManagement {
		padding: 45px 0 5px 0
	}
	.order-management-sec .list_item {
		padding-top: 0
	}
	.cta-two .cta-info {
		text-align: center;
		padding: 80px 0
	}
	.section-bg-white.pricing-two {
		padding: 0 15px;
		background-color: transparent
	}
	.pricing-two .price {
		border-radius: 0;
		margin-bottom: 30px
	}
	.pricing .price h1 {
		font-size: 40px
	}
	.page-title h2 {
		font-size: 25px
	}
	.page-title h1 {
		font-size: 16px;
		line-height: 1.5
	}
	.pricing .price>span {
		font-size: 20px;
		padding: 10px 0
	}
	.add-to-cart span a {
		padding: 7px 10px;
		font-size: 18px
	}
	.product-details-info .product-title {
		font-size: 24px
	}
	.section-padding {
		padding: 15px 0
	}
	.tr-about h2 span {
		font-weight: 600;
		font-size: 25px
	}
	.food-info,
	.who-we-are p {
		font-size: 16px
	}
	.slick-dots {
		bottom: -30px
	}
	.main-content {
		padding: 10px 15px
	}
	.career-text {
		margin-top: 10px;
		text-align: left;
		margin-bottom: 70px
	}
	.main-header {
		border-bottom: 1px solid #000
	}
	.tr-menu .navbar-nav .nav-link {
		padding: 15px 0
	}
	.nav-item {
		padding: 0
	}
	.total-surface span {
		font-size: 35px
	}
	.post-inner-image {
		margin: 15px 0
	}
	.blockquote {
		margin: 30px 0
	}
	blockquote {
		font-size: 20px;
		line-height: 26px
	}
	.blog-social li,
	.blog-social li i {
		margin-right: 5px
	}
	.blog-social li a {
		padding: 5px 15px
	}
	.product-details-info {
		padding: 15px 0
	}
	.related-products h1 {
		font-size: 26px
	}
	.gb-sidebar {
		margin-top: 90px
	}
	.product-details-info h3 {
		font-size: 25px
	}
	.blog-two .entry-content {
		padding: 30px 15px
	}
	.tr-pagination {
		margin-bottom: 20px
	}
	.pagination>li>.page-numbers,
	.pagination>li>span {
		padding: 15px 5px
	}
	.account-content {
		padding: 50px 30px;
		width: 350px
	}
	.user-account h1 {
		font-size: 30px
	}
	.user-account .social li a {
		font-size: 18px;
		padding: 5px 40px
	}
	.contact-form {
		margin-top: 0
	}
	.contact-form .form-control,
	.contact-info .media,
	.tr-address span {
		margin-bottom: 10px
	}
	.tr-pricing {
		padding: 0 0 20px 0
	}
	.follow-us-title {
		margin: 0 0 40px 0
	}
	.social-footer-sec {
		margin-top: -20px
	}
	.tr-breadcrumb {
		padding: 15px 0
	}
	.bottom-bar-middle {
		margin-left: -15px!important;
		margin-bottom: 15px;
		float: left;
		margin-top: 15px
	}
	.language {
		margin-bottom: 10px;
		border-bottom: 1px solid #434343;
		padding-bottom: 30px
	}
	.tr-footer {
		padding: 20px 0 0 0
	}
	.footer-bottom a,
	.footer-bottom span {
		float: left
	}
	#home-carousel .carousel-item .banner-info {
		margin-top: -50px
	}
	#home-carousel.slider-two .carousel-item .banner-info {
		margin-top: 15px;
		padding-top: 0
	}
	.item-middle {
		height: 550px
	}
	.testimonial-content .carousel-indicators li {
		width: 50px;
		height: 50px
	}
	.testimonial-title {
		margin-top: 15px;
		padding-top: 20px
	}
	#testimonial-carousel {
		padding-top: 80px
	}
	.tr-farmfood.farmfood-one {
		padding: 15px 0;
		margin-left: -13px
	}
	.cart-number,
	.hompage-2 .cart-number {
		bottom: 10px
	}
	.cta-two .cta-info h2 {
		font-size: 45px
	}
	.overlay-content {
		top: 2%
	}
	.overlay-popup h4 {
		padding: 0 2%
	}
	.overlay-popup a {
		width: 90%
	}
}

@media(max-width:575px) {
	.farmfood ul li .food-info {
		width: 75%
	}
	.tr-menu .container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
	.testimonial-content .carousel-indicators li {
		width: 30px;
		height: 30px;
		margin-left: 0
	}
	#testimonial-carousel {
		padding-top: 50px
	}
	.banner-info .btn.btn-primary {
		margin-top: 10px
	}
}

@media(max-width:479px) {
	.cart-content .tr-dropdown-menu {
		right: -62px!important
	}
	.account-content {
		width: 290px
	}
	.search-form {
		width: 270px
	}
	.tr-promotion .promotion {
		background-position: 185px bottom
	}
	.overlay-content {
		top: 2%
	}
	.overlay-popup h4 {
		padding: 0 5%;
		font-size: 18px
	}
	.overlay-popup a {
		width: 100%;
		font-size: 18px
	}
}

@media only screen and (max-width:480px) {
	.navbar-collapse {
		background: #000
	}
	.nav-item a:hover {
		color: #000!important
	}
	.my_col_6 .col-md-6 {
		padding: 15px!important
	}
	.parallax_text h2 {
		line-height: 35px
	}
	.instagram_line img {
		height: auto
	}
	.instagram_img {
		margin-top: 25px
	}
	.parallax::before {
		min-height: 300px
	}
	.parallax {
		min-height: 300px
	}
	.parallax_text {
		height: 200px;
		margin-top: -240px;
		padding-left: 0
	}
	.food-info,
	.who-we-are p {
		font-size: 13px
	}
	.instagram_title h1 {
		line-height: 35px;
		font-size: 27px
	}
	.instagram_title h4 {
		line-height: 27px;
		font-size: 18px;
		margin-bottom: 15px
	}
	.footer-bottom {
		padding: 15px 0 45px 0
	}
	.mb-55 {
		margin-bottom: 0
	}
	.recipe_home h2 {
		line-height: 35px;
		font-size: 27px;
		margin-left: 0
	}
	.ask h2 {
		font-size: 27px;
		margin-top: 30px
	}
	.join_form h1 {
		font-size: 36px
	}
	.join_form p {
		font-size: 18px;
		padding: 0
	}
	.product_right {
		padding: 15px
	}
	.breadcum {
		padding: 85px 0 0 0;
		text-align: center;
		font-size: 14px
	}
	.main-content .section-bg-white {
		padding: 0!important;
		margin-top: 0!important
	}
	.navbar {
		padding: 0
	}
	.main-header {
		padding: 0
	}
	.navbar-toggler-icon {
		margin-top: -1rem;
		margin-right: -1.5rem
	}
}

@media only screen and (max-width:480px) {
	.contact_inner_bg {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.breadcum h3 {
		font-size: 20px
	}
	.footer-widget h3 {
		font-size: 20px
	}
	.footer-widget {
		padding-bottom: 10px
	}
	.footer-widget p {
		font-size: 16px
	}
	.footer-bottom {
		padding: 15px 0 15px 0
	}
	.product-details-info h2 {
		font-size: 20px
	}
	.contact-info h3 {
		font-size: 20px
	}
	.contact-info p {
		font-size: 16px
	}
	.contact-info span,
	.pagination {
		font-size: 14px
	}
	.search_fill input {
		width: 290px
	}
	.search_fill {
		padding: 10px 0 25px 0
	}
	.contact_inner_bg {
		background: url(/front/images/about-us.jpg) no-repeat;
		background-size: cover!important;
		width: 100%;
		height: 300px
	}
	.product-details .col-12 {
		padding: 0!important
	}
	.product-details h2 {
		font-size: 24px
	}
	.contact-info {
		margin-top: 0
	}
	.footer-widget .pr-88 {
        padding-right: 0px;
    }
    .desktop_slide {
        display: none !important;
    }
    .mobile_slide {
       display: block !important;
    }
}
@media only screen and (min-width:768px) {
      .mobile_slide {
        display :none;
    }
}