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

	#similar-products .slick-prev {
	    left: 6%;
	    top: 25%;
	}

	#similar-products .slick-next {
	    right: 6%;
	    top: 25%;
	}

	.single_same_products .slick-track {
	    margin: auto;
	}


	.wow {
	    animation-delay: 0s!important;
	}

	header {
		position: relative;
		z-index: 99;
	}

	.shaddow::after {
	    background-color: rgba(0, 0, 0, 0.3);
	    background: rgba(0, 0, 0, 0.3);
	}

	.header-wrap .nav {
		width: 228px;
		padding: 0 35px 0 35px;
		padding-top: 100px;
	}

	.header-wrap .nav #menu-main-menu li a {
	    font: normal normal normal 20px/25px SourceSans3-Regular;
	    padding: 8px 0;
	}

	.menu-main-menu-container .sub-menu li a {
		font-size: 15px;
	}


	.lang-mobile {
	    padding-top: 25px;
	    margin-top: 17px;
	}

	.lang i {
	    width: 30px;
	    height: 30px;
	    margin-right: 0px;
	}

	.lang i img {
		border-radius: 50%;
	}

	.lang-mobile a {
	    font-size: 17px !important;
	}

	.preloader-img {
	    height: 20vw;
	}

	.desktop-baner {
	  display: none !important;
	}

	.mobile-baner {
	  display: block !important;
	}

	.slider, 
	.flex-container, 
	.flexslider, 
	.flexslider .slides, 
	.flexslider li, 
	.flexslider li img {
		height: 590px;
	}

	.slider-text {
		width: 100%;
	}

	.slider-text span {
	    font-size: 20px;
	}

	.slider-logo img {
	    width: 33px;
	}

	.slider-text span {
		padding: 0 10px;
	}

	.slider-text h1 {
	    font-size: 45px;
	    line-height: 50px;
	    width: 70%;
	    margin: auto;
	}

	.flex-control-nav {
	    top: 70%;
	}

	.flex-control-nav li {
	    margin: 0 4px;
	}

	.product-cat-slider .flex {
		flex-wrap: wrap;
	}

	#h-cat-img,
	#h-cat-desc {
		width: 100%;
	}

	#h-cat-img,
	.main-cat-img, .cat-bgd {
		min-height: 250px;
	}

	.main-cat-img .cat-thumb {
		width: 270px;
		left: 50% !important;
	}

	#h-cat-desc {
		margin-left: 0;
		padding-left: 10px;
		padding-right: 24px;

		padding-top: 60px;
	}

	.fixed-cat-text {
	    font-size: 15px !important;
	    top: 7%;
	}

	#h-cat-desc h1 {
	    font-size: 28px;
	    margin-top: 10px;
	}

	.product-cat-slider .slick-dots {
	    left: 38%;
	}

	.see-cat {
	    margin-left: 0;
	    right: 50px;
	    bottom: 25px;
	}

	.h-fruit {
		display: none;
	}

	.homepage-product-wrap {
	    padding: 0;
	}

	.h-p-products h1 {
	    font-size: 25px;
	    line-height: 30px;
	}

	.pr-heading .dots {
	    /*width: 27%;*/
	    width: 23%;
    	margin-left: 5%;
	}

	.homepage-products .h-p-img {
		display: none;
	}

	.h-p-products {
	    padding: 17vw 6.718vw 17vw;
	}

	.homepage-product-wrap .slick-next, .homepage-product-wrap .slick-prev {
	    top: -15%;
	}

	.homepage-product-wrap .slick-prev {
	    right: 14%;
	}

	.homepage-recipes .heading h1 {
	    font-size: 28px;
	    line-height: 33px;
	    display: flex;
	    flex-direction: column;
	}

	.recipes-img {
	    height: 200px;
	}

	.homepage-recipes-wrap {
	    margin-left: -150px;
	    margin-right: -150px;
	}

	.recipes-img img {
	    border: 4px solid #FFFFFF;
	}

	.homepage-recipes {
	    overflow: hidden;
	    margin-bottom: 0px;
	}

	.homepage-recipes h3 {
	    font-size: 15px !important;
	    width: 80%;
	    line-height: inherit;
	}

	.homepage-recipes .owl-dots .owl-dot {
		margin: 0 4px;
	}

	.top-footer .t-f-left, .top-footer .f-t-right {
		width: 100%;
	}

	.top-footer .t-f-left {
	    padding-right: 4.27vw;
	}

	.t-f-wrap {
	    padding: 9.4vw 4% 5%;
	    top: 61vw;
    	margin-top: -47vw;
	}

	.top-footer .t-f-left p {
	    width: 90%;
	    margin-bottom: 0;
	}

	.t-f-wrap #gform_1 #field_1_1 {
	    margin-top: 10px;
	}

	.top-footer .f-t-dot {
	    left: 50%;
	    width: 90%;
	    top: 42%;
	    transform: translate(-50%);
	}

	.top-footer .f-t-right {
		padding-left: 4.27vw;
	    padding-top: 20%;
	}

	.top-footer .f-t-right ul li img {
	    width: 35px;
	}

	.top-footer .f-t-right ul li div:first-child {
	    margin-right: 15px;
	    width: 18%;
	}

	.top-footer .f-t-right ul li div:last-child {
	    width: 82%;
	}

	.f-t-right p {
		width: 95%;
	}

	.footer-wrap .f-col {
		width: 50%;
	}

	.footer-wrap .f-col:first-child {
		order: 4;
		padding-top: 40px;
	}

	.footer-wrap .f-col:nth-child(2) {
		order: 1;
	}

	.footer-wrap .f-col:nth-child(3) {
		order: 3;
		padding-top: 25px;
		width: 100%;
	}

	.footer-wrap .f-col:last-child {
		order: 2;
	}

	.footer-wrap {
	    margin-top: 67vw;
	}

	.footer-wrap .f-col .f-logo {
		width: 17%;
	}

	.footer-wrap .f-col .f-logo img {
		width: 57px;
    	height: 78px;
	}

	.footer-wrap .f-col:first-child p {
		width: 78%;
    	padding-left: 7%;
	}

	.footer-wrap .f-col:first-child p br {
		display: none;
	}

	.footer-wrap .f-col:first-child ul {
		padding: 30px 0;
		width: 100%;
		flex-direction: row-reverse;
		top: 0;
		left: 0;
	}


	.product-baner-top h1 {
	    font-size: 28px;
	    padding-top: 30px;
	    line-height: 1;
	}

	.main_product_cat {
	    padding: 40px 7.862vw 5vw;
	    position: relative;
    	z-index: 5;
	}

	.custom-cat .item {
	    padding-top: 20px;
	}

	.custom-cat .cat_img img {
	    height: 181px;
	}

	.main-cat-bgd {
	    padding: 7.645vw 3.9vw 10vw;
	}

	.custom-cat .cat-description h1 {
	    font-size: 28px;
	    line-height: 1;
	}

	.custom-cat .cat-description {
		margin-top: 20px;
	}

	.custom-cat .cat-description .dots {
	    width: 20%;
	    margin: 3.5vw 0 1.3vw;
	}

	.custom-cat .cat-description p {
	    width: 85%;
	}

	.custom-cat .cat-description span {
	    width: 135px;
	    height: 45px;
	    line-height: 45px;
	    font-size: 15px;
	}

	.cat-list-desc h1 {
		font-size: 28px;
		margin-top: 10px;
	}

	.cat-list-desc {
	    position: static;
	    margin: auto;
	    transform: translate(0);
	    margin-top: -16vw;
	}


	.cat_list .dots {
	    width: 84%;
	    position: static;
	    transform: translate(0);
	    margin-left: 0px;
	}

	.cat_list {
	    z-index: 5;
	}


	.main-cat-list {
	    margin-top: 15px;
	}

	.main-cat-list .filters ul {
		white-space: nowrap;
		padding-left: 7.862vw;
	}

	.main-cat-list .filters ul {
	    overflow: scroll;
	}

	.main-cat-list .filters {
		align-items: inherit;
		position: relative;
    	z-index: 5;
	}

	.main-cat-list {
		padding: 0;
	}

	.product-list-items, .search-product-list .products {
		padding-left: 7.862vw;
		padding-right: 7.862vw;
		position: relative;
    	z-index: 5;
	}

	.product-list-items, .search-product-list .products {
		margin-left: -16px;
	}

	.product-list-items a {
	    width: 50%;
	    padding-top: 7%;
	    padding-left: 16px;
	}


   .main-cat-list .filters ul::-webkit-scrollbar {
        width: 1px;
    }

    .product-list-items, .search-product-list .products {
	    padding-top: 25px;
	}

    /* Track */
    .main-cat-list .filters ul::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Handle */
    .main-cat-list .filters ul::-webkit-scrollbar-thumb {
        background: transparent;
    }

    /* Handle on hover */
    .main-cat-list .filters ul::-webkit-scrollbar-thumb:hover {
        background: transparent;
    }

    .single-right .single-atributes li div:last-child p, 
    .single-right .shop_attributes li:first-child .product-meta, 
    .single-right .shop_attributes li .atr-size {
	    font-size: 16px !important;
	    line-height: 1 !important;
	}


    .product_title-mobile {
    	font-size: 25px;
    	line-height: 1.2;
    }

    .main-product-bgd .single-left img {
	    width: 346px;
	}

	.main-product-bgd .single-left {
	    background-size: contain;
	    background-position: 0px -110px;
	}

	.mob-single-desc p {
		font-size: 15px;
	    width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	}

	.single-right .shop_attributes li {
	    width: 50%;
	}


	.single_product {
	    position: relative;
	    z-index: 5;
	}

	.single-fixed .wplogout-social-wrapper {
	    display: none;
	}


	.mobile-share {
		display: block;
		width: 100%;
		padding: 20px 0;
	}

	.mobile-share .share-text {
		font-size: 14px;
		text-transform: uppercase;
	}

	.mobile-share .wplogout-social-wrapper a {
		font-size: 14px;
	}

	.single-right .pr-nutrions .ingredients {
	    width: 100%;
	}

	.single-right .pr-nutrions {
		margin-top: 10px;
	}

	.mobile-dot {
		display: block;
		margin: 15px 0;
	}


	.pr-nutrions h3 {
	    line-height: 20px;
	    margin-bottom: 0;
	}

	.ingredients p,
	.single-right .pr-nutrions .ingredients, .single-right .pr-nutrions .n-top {
		width: 100% !important;
	}

	.main-related-products .heading h1 {
		display: flex;
		flex-direction: column;
	}

	#related-product img {
	    width: 155px;
	    height: 155px;
	}

	.main-related-products #similar-products .owl-prev {
	    left: -15%;
	}

	.main-related-products #similar-products .owl-next {
	    right: -15%;
	}

	#related-product .woocommerce-loop-product__title {
		width: 100%;
	}

    #similar-products .owl-prev, 
	#similar-products .owl-next {
		top: 25%;
	}

	/* Recipes */

	.recipes-page {
	    position: relative;
	    z-index: 5;
	}

	.recipes-page .page-banner {
		height: 600px !important;
	}

	.top-b-description h1 {
		font-size: 28px;
		line-height: 26px;
	}

	.recipes-page .top-b-description p br {
		display: none;
	}

	.recipes-page .top-b-description p {
		width: 75%;
	}

	.recipes-page .top-b-description {
	    top: 40%;
	}

	.filter-offers {
	    bottom: 30%;
	    width: 100%;
	}

	.filter-offers form {
		width: 100%;
		margin: auto;
	}

	.filter-offers .sf-field-search input {
		width: 100%;
	}

	.searchandfilter ul li label {
		width: 100%;
	}

	.sf-field-search {
		padding-left: 7.862vw !important;
		padding-right: 7.862vw !important;
	} 

	.filter-offers .sf-field-taxonomy-recipesName h4 {
		line-height: 1;
	}

	.filter-offers .sf-field-taxonomy-recipesName {
	    position: absolute;
	    bottom: -420%;
	    width: 100%;
	}

	.all-recipes {
	    padding: 37% 0 0;
	}

	.all-recipes {
	    padding: 40% 0 0;
	}

	.filter-offers .sf-field-taxonomy-recipesName ul {
	    white-space: nowrap;
	    flex-wrap: nowrap;
	    justify-content: flex-start;
	}

	.filter-offers .sf-field-taxonomy-recipesName .sf-item-0 {
		min-width: 47px;
	}

	.filter-offers .sf-field-taxonomy-recipesName ul li {
		margin-left: 0;
		margin-right: 6px;
	}

	.filter-offers .sf-field-taxonomy-recipesName ul {
	    padding-top: 10px;
	    overflow-y: hidden;
	    overflow-x: scroll;
	    padding-left: 7.862vw;
	}

	.filter-offers .sf-field-taxonomy-recipesName ul::-webkit-scrollbar {
        width: 1px;
    }


	/* Track */
    .filter-offers .sf-field-taxonomy-recipesName ul::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Handle */
    .filter-offers .sf-field-taxonomy-recipesName ul::-webkit-scrollbar-thumb {
        background: transparent;
    }

    /* Handle on hover */
    .filter-offers .sf-field-taxonomy-recipesName ul::-webkit-scrollbar-thumb:hover {
        background: transparent;
    }

    .all-recipes ul li {
	    width: 100%;
	}

	.main-recipes-img {
	    height: 275px;
	}

	.main-recipes-description h3 {
		font-size: 18px;
    	line-height: 22px;
    	width: 60%;
    	margin: auto;
	}

	/* Single recipes */

	.single-recipes-img {
	    height: 312px;
	}

	.single-recipes-img .social {
		display: block;
		margin-top: 30px; 
		padding-left: 7.862vw;
		position: relative;
    	z-index: 5;
	}

	.single-recipes-img .social .share-text {
		text-transform: uppercase;
		font-size: 14px;
		line-height: 18px;
	}

	.single-recipes-img .social ul li a {
		font-size: 15px;
	}

	.single-recipes h1 {
	    line-height: 33px;
	    margin-top: 70px;
	    margin-bottom: 0;
	}

	.single-recipes p {
		line-height: 22px;
		margin-top: 0;
	}

	.single-time-portions ul {
		width: 100%;
		padding-left: 29px;
	}

	.single-recipes .social.mobile-social {
		display: none;
	}

	.single-time-portions ul {
		height: 75px;
	}

	.single-time-portions {
	    margin-top: 25px;
	}

	.single-ingredients h3, .single-instructions h3 {
	    margin-top: 30px;
	}

	.single-recipes-description .dots {
	    margin-top: 40px;
	}

	.single-recipes .homepage-recipes .homepage-recipes-wrap {
	    padding-top: 7vw;
	}

	/* About us */

	.about-us {
	    position: relative;
	    z-index: 5;
	}

	.about-section-first {
	    padding: 70px 7.862vw 0;
	}

	.about-us .page-banner {
	    height: 262px !important;
	}

	.about-us .top-b-description h1 {
	    font-size: 35px;
	    line-height: 1;
	}

	.about-section-first .a-left,
	.about-section-first .a-right {
		width: 100%;
	}

	.about-section-first .space-between {
		flex-direction: column-reverse;
	}

	.about-section-first .a-right div {
	    width: 100%;
	}

	.about-section-first .a-right {
	    width: 100%;
	    padding-left: 0;
	}

	.about-section-first img {
	    height: 297px;
	    object-fit: contain;
	}

	.about-section-first .a-left {
	    padding-left: 20%;
	    padding-top: 15%;
	}

	.straw {
	    width: 45% !important;
	    left: -12%;
	    top: 140%;
	}

	/**/

	.about-section-second {
		padding: 0;
	}

	.about-section-second .a-left {
		padding-left: 7.862vw;
		padding-right: 7.862vw;
	}

	.about-section-second .a-left div {
	    width: 100%;
	}

	.about-section-second .a-left,
	.about-section-second .a-right {
		width: 100%;
	}


	.about-section-second img {
	    height: 242px;
	    object-fit: contain;
	}

	.about-section-second .a-right {
	    padding-right: 20%;
	    position: relative;
	}


	.about-section-second .berry {
	    display: block;
	    top: 100%;
	    left: auto;
	    right: 0%;
	    width: 40% !important;
	    z-index: 5;
	    transform: translate(0) !important;
	}

	/**/

	.about-section-third .space-between {
		flex-direction: column-reverse;
	}

	.about-section-third .a-left,
	.about-section-third .a-right {
		width: 100%;
	}

	.about-section-third .a-right div {
	    width: 100%;
	}

	.about-section-third .a-left {
		padding-left: 7.862vw;
		padding-right: 20%;
	}

	.about-section-third .a-right {
	    padding-left: 7.862vw;
	    position: relative;
	}

	.about-section-third .a-right h2 {
		padding-right: 15%;
	}

	.about-section-third img {
	    height: 298px;
	    object-fit: contain;
	}

	.about-section-third .a-right .vanila {
	    display: block;
	    top: 167%;
	    right: 0;
	    transform: translate3d(0px, 0px, 0px) !important;
	    width: 35% !important;
	}


	/**/

	.about-section-fourth .berry-mob {
		display: none;
	}

	/**/

	.about-section-fourth .a-left, 
	.about-section-fourth .a-right {
		width: 100%;
	}

	.about-section-fourth {
	    padding: 10% 0 0 7.862vw;
	}

	.about-section-fourth .a-left {
		padding-right: 7.862vw;
	}

	.about-section-fourth .a-right {
	    padding-left: 0;
	    padding-top: 10%;
	}

	.about-section-fourth img {
	    height: 247px;
	    object-fit: contain;
	}

	/**/

	.about-section-fifth {
	    padding: 10% 7.862vw 0;
	}

	.about-section-fifth .space-between {
		flex-direction: column-reverse;
	}

	.about-section-fifth .a-left,
	.about-section-fifth .a-right {
		width: 100%;
	}

	.about-section-fifth .vanila-mob {
		display: none;
	}

	.about-section-fifth .a-left {
	    padding-bottom: 10%;
	    padding-top: 10%;
	}

	.about-section-fifth img {
	    height: 305px;
	    object-fit: contain;
	}


	/* Contact */

	.contact {
	    position: relative;
	    z-index: 5;
	}

	.contact .c-left {
		height: 296px;
	}

	.contact .c-left img {
	    width: 100%;
	    height: 155%;
	    object-position: -15px -210px;
	}

	.c-left-mob,
	.c-right-wrap .flex-wrap {
		width: 100%;
	}

	.contact .c-right h1 {
	    line-height: 50px;
	}

	.contact .c-right p {
		padding-top: 0;
		width: 100%;
	}

	.contact .c-right ul {
	    padding-top: 25px;
	}

	.contact .c-right ul li:last-child img {
	    width: 45%;
	    margin-left: 2px;
	}

	.contact .c-right input::-webkit-input-placeholder,
	.contact .c-right textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  font-size: 18px;
	  line-height: 1;
	}
	.contact .c-right input::-moz-placeholder,
	.contact .c-right textarea::-moz-placeholder { /* Firefox 19+ */
	  font-size: 18px;
	  line-height: 1;
	}
	.contact .c-right input:-ms-input-placeholder,
	.contact .c-right textarea:-ms-input-placeholder  { /* IE 10+ */
	  font-size: 18px;
	  line-height: 1;
	}
	.contact .c-right input:-moz-placeholder,
	.contact .c-right textarea:-moz-placeholder { /* Firefox 18- */
	  font-size: 18px;
	  line-height: 1;
	}

	.contact #input_2_4 {
	  font-size: 18px;
	  line-height: 1;
	}

	.contact .c-right #gform_submit_button_2 {
		min-width: 100%;
		font-size: 18px;
	}

	.page-template-template-contact-php .top-footer {
		background: #FAF6F5;
	}

	/* Login */

	.woocommerce-account .container {
	    padding: 30vw 7.862vw 7vw;
	    position: relative;
	    z-index: 5;
	}

	.woocommerce-account .container h1 {
	    font-size: 35px;
	}

	.woocommerce-form.woocommerce-form-login.login {
		width: 100%;
	}

	.woocommerce-account .woocommerce h2 {
		line-height: 1;
	}

	.woocommerce-LostPassword.lost_password {
		line-height: 1.5;
	}

	.woocommerce-account .woocommerce label {
		margin-top: 10px;
	}

}



@media only screen and (max-width: 376px) {
	.product__slider-thmb .slick-next, .product__slider-thmb .slick-prev {
		bottom: 0%;
	}

	.product-cat-slider .slick-dots {
		bottom: 14%;
	}

	.product__slider-thmb .slick-next {
		margin-left: 17%;
	}

	.see-cat {
		bottom: 5%;
    	right: 40px;
	}

	.pr-heading .dots {
	    width: 20%;
	}

	.homepage-product-wrap .slick-prev {
	    right: 14.7%;
	}

	.woocommerce-loop-product__title {
		bottom: -60px;
	}

	.all-recipes {
	    padding: 45% 0 0;
	}

	.single-right .shop_attributes li span, 
	.single-right .shop_attributes li div:first-child, .single-right .shop_attributes li p {
		font-size: 13px !important;
	}

	.single-right .single-atributes li div:last-child p, 
	.single-right .shop_attributes li:first-child .product-meta {
	    font-size: 16px !important;
	}

	.homepage-recipes .heading h1::before,
	.homepage-recipes .heading h1::after {
	    width: 15%;
	}

	#related-product .woocommerce-loop-product__title {
		font-size: 14px;
	}

	.single-time-portions ul li {
	    margin-right: 7%;
	}

	.homepage-recipes .heading h1::before, .homepage-recipes .heading h1::after {
	    width: 14%;
	}

	.main-related-products .heading h1::before, .main-related-products .heading h1::after {
	    width: 17%;
	}

	@media only screen and (max-width: 360px) {
		.homepage-recipes .heading h1::before, .homepage-recipes .heading h1::after {
		width: 11%;
		}

		.main-related-products .heading h1::before, .main-related-products .heading h1::after {
		width: 11%;
		}
	}

	@media only screen and (max-width: 360px) {
		.pr-heading .dots {
	    width: 13%;
	}
	}




}