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

	.overlay-content {

		top: 10%

	}

	.overlay-popup h4 {

		padding: 0 10%

	}

	.overlay-popup a {

		width: 60%

	}

}



@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) {

	.landscape_video {

		display: none !Important;

	}

	.portrait_video {

		display: block !Important;

		/*        object-fit: cover;        width: 100%;        position: absolute;        height: 100vh;*/

	}

	.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 #48b646!important;

		color: #48b646!important

	}

	.tr-menu .navbar-nav .nav-link {

		padding: 0 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

	}

	.input_email {

		float: left;

		padding: 16px 30px;

	}

	.inline_form {

		align-items: flex-start;

		flex-direction: column;

		width: 100%;

	}

	.inline_form input {

		max-width: 100%;

		width: 100%;

		border-right: 2px solid #000 !important;

		border: 2px solid #000;

		border-radius: 30px 30px;

		height: 45px;

	}

	.input_email .link {

		margin-left: 0px;

	}

	.input_email .link a {

		margin-top: 15px;

		display: block;

	}

	.inline_form .form-group {

		width: 100%;

		margin-bottom: 0rem;

	}

	.inline_form button {

		border: 2px solid #000;

		border-radius: 30px 30px !important;

		height: 45px;

		width: 100%;

		margin-top: 12px;

	}

	.card_inline {

		grid-template-columns: repeat(1, minmax(0px, 1fr));

	}

	.img_card img {

		width: 100%;

		height: auto;

	}

	.main_email .email_section {

		padding: 80px 50px;

		grid-template: repeat(1, 1fr)/ repeat(1, 1fr);

	}

	.main_email .input_email {

		padding: 0;

		margin-top: 20px;

	}

	.inline_tick {

		justify-content: flex-start;

		margin-top: 10px;

	}

	.email_section .inline_form input {

		max-width: 100%;

	}

	.inline_footer {

		display: grid;

		grid-template: repeat(1, 1fr)/ repeat(2, 1fr);

		grid-row-gap: 20px;

	}

}



@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) {
.product_section .inline_product:nth-child(odd) .flex_product_img {
    padding-left: 0;
}
.product_section .inline_product:nth-child(even) .flex_product_img {
    padding-right: 0;
}
.social-links {
    width: 100%;
}
.footer_last_text {
    margin-top: 20px;
}
.footer_bottom {
    flex-direction: column-reverse;
}
.heading_bg h3 {

    line-height: 34px;

}

.inner_bg {

    padding: 80px 0px;

}

.inner_area .heading_bg p {

    font-size: 15px;

}

.inner_area .bg_img:after {

    opacity: 0.3;

}
#more-details .tab-content {
    width: 100%;
}
.flex_product_content {

    width: 100%;

}
.tabbable .nav-tabs {
    overflow-x: scroll;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.tabbable .nav-tabs .nav-item {
    margin-right: 15px;
    height: auto;
}

.tabbable .nav-tabs .nav-item .nav-link {
    font-size: 13px;
}

.flex_product_img {

    width: 100%;

}

.product_section .inline_product:nth-child(odd) .flex_product {

    flex-direction: column;

}

.product_section .inline_product:nth-child(even) .flex_product {

    flex-direction: column;

}

.flex_product_img {

    margin-top: 40px;

}

.inline_product {

    margin-bottom: 50px;

}

.navigation-portrait .nav-brand {

    font-size: 18px !important;

    line-height: 70px !important;

}

.navigation-portrait {

    height: 70px !important;

}

.recipe_section .flex_product {

    flex-direction: column;

}

.recipe_section .flex_product_img {

	width: 100%;

    margin-top: 0px;

    margin-bottom: 20px;

}

.recipe_section .flex_product_content {

    width: 100%;

    margin-left: 0%;

}

.recipe_section .flex_product_content h2 {

    margin-bottom: 10px;

    font-size: 30px;

}

.flex_product_content p {

    font-size: 22px;

    line-height: 1.3;

}

.flex_product_content h2 {

    font-size: 40px;

    line-height: 45px;

    margin-bottom: 10px;

}

.product-details .flex_product_content .mt-slider__heading h2 {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;

}
.mt-slider {
    text-align: center;
    margin: 20px auto 0px;
    position: relative;
    width: 100%;
}

.flex_product_icon img {

    margin-bottom: 10px;

}

.cta-link {

    padding: 10px 25px;

    margin-top: 20px;

}

.footer_section {

    padding: 50px 0 40px 0;

}



















	.header_logo img {

    	padding: 10px 0;

	    width: 105px;

	}

	.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: -50px;

		width: 110%;

		margin-left: -5%

	}

	.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 #48b646

	}

	.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) {

	.item-middle {

		padding-top: 60px

	}

	.navbar-toggler-icon:before {

		top: 9px

	}

	.header_logo img {

	    padding: 10px 0;

	    width: 105px;

	}

	.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

	}

	.inline_footer {

		display: grid;

		grid-template: repeat(1, 1fr)/ repeat(1, 1fr);

		grid-row-gap: 20px;

	}

	.gray_bg {

		padding: 70px 0;

	}

	.heading_bg h3 {

		font-size: 30px;

	}

	.title_02 {

		padding-top: 50px;

	}

	.title_02 h2 {

		font-size: 30px;

	}

	.heading h2 {

		font-size: 30px;

	}

	.main_email .email_section {

		padding: 60px 30px;

	}

	.email_title h3 {

		font-size: 30px;

	}

	.inline_tick {

		justify-content: flex-start;

		margin-top: 10px;

		flex-direction: column;

		align-items: flex-start;

	}

	.text_04 {

		margin-right: 0;

		margin-bottom: 5px;

	}

}



@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: #48b646

	}

	.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 15px 0 15px!important;

		margin-top: 0!important

	}

	.navbar {

		padding: 0 0

	}

	.main-header {

		padding: 0 0

	}

	.navbar-toggler-icon {

		margin-top: -1rem;

		margin-right: -1.5rem

	}

}



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

	.contact_inner_bg {

		padding-top: 85px;

		padding-bottom: 15px

	}

	.breadcum h3 {

		font-size: 20px

	}

	.footer-widget h3 {

		font-size: 20px

	}

	.footer-widget {

		padding-bottom: 10px

	}

	.footer-widget p {

		font-size: 12px

	}

	.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

	}

}