@media screen and (max-width:1366px) {
	.loog img {
		max-width: 150px;
		width: 100%;
	}
}


@media screen and (min-width:1024px) and (max-width:1196px) {

	.footer-about ul li {
		padding: 0px 38px;
	}

}

@media screen and (min-width:1400px) and (max-width:1600px) {

	.mm-right {
		right: 23px;
		bottom: 30px;
	}
}


@media screen and (min-width:1283px) and (max-width:1400px) {

	.card-image img {
		width: 80%;
	}

	.mm-right {
		right: 23px;
		bottom: 30px;
	}

	.juices-grid {
		padding-bottom: 60px;
	}

	.juces-box3 {
		flex-direction: column;
	}

}


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

	.card-image img {
		width: 80%;
	}

	.juces-box3 {
		flex-direction: column;
	}


	.juices-grid {
		padding-bottom: 60px;
	}


	.image-icon ul {
		grid-template-columns: repeat(6, 1fr);
		padding-left: 0px;

	}


	.mm-right {

		right: 91px;
		bottom: 58px;
	}


}

@media(min-width: 800px) and (max-width: 1180px){
	.top-bar p {
	font-size: 12px !important;
}
}


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

	.entry-content .woocommerce {
		display: flex;
		flex-direction: column;
	}

	.woocommerce .cart-collaterals,
	.woocommerce-page .cart-collaterals,
	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cart_totals,
	.woocommerce .cart-collaterals,
	.woocommerce-page .cart-collaterals,
	.woocommerce form.woocommerce-cart-form {
		width: 100%;
	}


	.woocommerce-page table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon input,
	.shop_table .button {
		width: 48%;
		height: 58px !important;
		text-align: center;
	}


	.mm-right {
		right: 91px;
		bottom: 20px;
	}

	.image-icon ul {
		grid-template-columns: repeat(6, 1fr);
	}


	.mm-right {
		padding-bottom: 30px;
	}

	.shop-btn {
		bottom: 44px;
		right: 11px;
	}


}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media screen and (max-width:1024px) {
	
	#cssmenu > ul > li > a {
	padding: 13px 17px;
}
	
	
	.cleanses-product .press-shop-btn {
    width: 75px;
    height: 75px;
    font-size: 10px;
    bottom: -32px;
    right: -10px;
    
}

	.alignwide .entry-title,
	.woocommerce h2 {
		text-align: center
	}


	.woocommerce-page table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon input,
	.shop_table .button {
		width: 48%;
		height: 58px !important;
		text-align: center;
	}


	.entry-content .woocommerce {
		display: flex;
		flex-direction: column;
	}

	.woocommerce .cart-collaterals,
	.woocommerce-page .cart-collaterals,
	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cart_totals,
	.woocommerce .cart-collaterals,
	.woocommerce-page .cart-collaterals,
	.woocommerce form.woocommerce-cart-form {
		width: 100%;
	}


	.shop_table .button {
		width: auto;
		height: auto;
	}

	.wc-proceed-to-checkout .checkout-button {
		font-size: 14px !important;
	}

	.wc-proceed-to-checkout a {
		width: auto;
		height: auto;
	}


	.cart-section {
		grid-template-columns: repeat(2, 1fr);

	}


	.Delicious-pera,
	.high-content .card-details,
	.juces-box3 {
		padding-left: 15px;
		padding-right: 15px;
	}


	.high-content p {
		font-size: 18px;
	}

	.high-content h2 {
		font-size: 30px;
	}


	.card-image img {
		width: 80%;
	}

	.juces-box3 {
		flex-direction: column;
	}

	.juices-grid {
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 70px;
	}


	.product-box {
		grid-template-columns: repeat(2, 1fr);
	}


	.mm-right {
		right: 0px;
		bottom: 0px;
	}


	#cssmenu,
	#cssmenu ul,
	#cssmenu ul li,
	#cssmenu ul li a,
	#cssmenu #head-mobile {
		position: relative;
	}

	#cssmenu ul ul {
		display: unset;
	}


	.image-grid {
		grid-template-columns: repeat(2, 1fr);
		/* 2 columns for tablets */
	}

	.image-icon ul {
		grid-template-columns: repeat(6, 1fr);
		/* 4 columns for large screens */

	}


	.loog {
		text-align: left;
	}


	.mm {
		position: relative;
	}

	#cssmenu {
		width: 100%;
		margin-bottom: 40px;
		background: #fff;
		z-index: 1;
	}

	.menu {
		position: absolute;
		top: 17px;
		right: 0px;
		width: 100%;
	}


	.mm-right {
		width: 100%;
		margin-bottom: 26px;
		display: flex;
		justify-content: center;
		margin-top: 33px;
	}

	.mm {
		flex-direction: column;
	}


	.servicesshop-btn {
		left: 41%;
	}

	.footer-about ul li {
		/*     padding: 0px 54px; */
		padding: 0px 28px;
	}

	.footer-nav ul li {
		padding: 0px 9px;
		text-align: center;
	}


	.shop-btn {
		bottom: 27px;
		right: 13px;
	}


	#cssmenu>ul>li:hover>a {

		color: #fff;

	}


	nav {
		width: 100%;
	}

	#cssmenu {
		width: 100%;
		margin-bottom: 40px;
	}

	#cssmenu ul {
		width: 100%;
		display: none;
		padding-left: 0px;
		margin-top: 67px;
	}

	#cssmenu ul li {
		width: 100%;
		border-top: 1px solid #444
	}

	#cssmenu ul li:hover {
		background: #70AF6D;
	}

	#cssmenu ul ul li,
	#cssmenu li:hover>ul>li {
		height: auto
	}

	#cssmenu ul li a,
	#cssmenu ul ul li a {
		width: 100%;
		border-bottom: 0
	}

	#cssmenu>ul>li {
		float: none
	}

	#cssmenu ul ul li a {
		padding-left: 25px
	}

	#cssmenu ul ul li {
		background: #71b36e !important;
	}

	#cssmenu ul ul li:hover {
		background: #363636 !important
	}

	#cssmenu ul ul ul li a {
		padding-left: 35px
	}

	#cssmenu ul ul li a {
		color: #ddd;
		background: none
	}

	#cssmenu ul ul li:hover>a,
	#cssmenu ul ul li.active>a {
		color: #fff
	}

	#cssmenu ul ul,
	#cssmenu ul ul ul {
		position: relative;
		left: 0;
		width: 100%;
		margin: 0;
		text-align: left
	}

	#cssmenu>ul>li.has-sub>a:after,
	#cssmenu>ul>li.has-sub>a:before,
	#cssmenu ul ul>li.has-sub>a:after,
	#cssmenu ul ul>li.has-sub>a:before {
		display: none
	}

	#cssmenu #head-mobile {
		display: block;
		padding: 23px;
		color: #ddd;
		font-size: 12px;
		font-weight: 700
	}

	#cssmenu .button {
		width: 55px;
		height: 46px;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		z-index: 12399994;
	}

	#cssmenu .button:after {
		position: absolute;
		top: 17px;
        right: 20px;
        display: block;
        height: 13px;
        width: 20px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		content: ''
	}

	#cssmenu .button:before {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		position: absolute;
		top: 23px;
		right: 20px;
		display: block;
		height: 2px;
		width: 20px;
		background: #000;
		content: ''
	}

	.button.menu-opened:after {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		top: 22px !important;
        border: 0;
        height: 0px !important;
        width: 19px !important;
		background: #000;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.button.menu-opened:before {
		top: 23px;
		background: #000;
		width: 19px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	#cssmenu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid #444;
		height: 46px;
		width: 46px;
		cursor: pointer
	}

	#cssmenu .submenu-button.submenu-opened {
		background: #71b36e;
	}

	#cssmenu ul ul .submenu-button {
		height: 34px;
		width: 34px
	}

	#cssmenu .submenu-button:after {
		position: absolute;
		top: 22px;
		right: 19px;
		width: 8px;
		height: 2px;
		display: block;
		background: #ddd;
		content: ''
	}

	#cssmenu ul ul .submenu-button:after {
		top: 15px;
		right: 13px
	}

	#cssmenu .submenu-button.submenu-opened:after {
		background: #fff
	}

	#cssmenu .submenu-button:before {
		position: absolute;
		top: 19px;
		right: 22px;
		display: block;
		width: 2px;
		height: 8px;
		background: #ddd;
		content: ''
	}

	#cssmenu ul ul .submenu-button:before {
		top: 12px;
		right: 16px
	}

	#cssmenu .submenu-button.submenu-opened:before {
		display: none
	}

	#cssmenu ul ul ul li.active a {
		border-left: none
	}

	#cssmenu>ul>li.has-sub>ul>li.active>a,

	#cssmenu>ul ul>li.has-sub>ul>li.active>a {
		border-top: none
	}
}


@media (max-width: 992px) {

	#ship-to-different-address label span,
	.woocommerce-billing-fields h3 {
		font-size: 22px;
	}


	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cart_totals,
	.woocommerce table.shop_table {
		width: 100%;
	}

	.wc-proceed-to-checkout .checkout-button {
		font-size: 12px !important;
	}


	.woocommerce #content table.cart .product-thumbnail,
	.woocommerce table.cart .product-thumbnail,
	.woocommerce-page #content table.cart .product-thumbnail,
	.woocommerce-page table.cart .product-thumbnail {
		justify-content: center;
		display: flex;
		align-items: center;
	}


	#add_payment_method table.cart .product-thumbnail,
	.woocommerce-cart table.cart .product-thumbnail,
	.woocommerce-checkout table.cart .product-thumbnail {
		min-width: auto;
		width: 100%;
	}


	.product-btn .CARTbtn {
/* 		width: 336px; */
		        width: auto;
	}

	.contact-inner {
		width: 80%;
	}


	.socalmedia-head {
		display: flex;
		justify-content: center;
		align-items: baseline;
		margin-bottom: 10px;
		position: unset;
		left: 0px;
	}


	.high-content p {
		font-size: 16px;
	}


	.card-main {
		display: flex;
		flex-direction: column;
	}

	.card-image,
	.card-content {
		width: 100%;
	}

	.card-image img {
		width: 100%;
	}

	.card-image {
		margin-bottom: 30px;
	}


	.main-product-popup {
		display: flex;
		flex-direction: column;
	}

	.popup-product-img,
	.popup-product-content {
		width: 100%;
	}

	.main-product-popup {
		padding-bottom: 30px;
		padding-left: 25px;
		padding-top: 30px;
		padding-right: 25px;
	}

	.CARTbtn,
	.DETAILSbtn {
		width: auto;
	}


	.product-box {
		grid-template-columns: repeat(2, 1fr);
	}


	.image-grid {
		grid-template-columns: repeat(2, 1fr);
		/* 2 columns for tablets */
	}

	.image-icon ul {
		grid-template-columns: repeat(6, 1fr);
		/* 4 columns for large screens */
		padding-left: 0px;
	}


	.loog {
		text-align: left;
	}


	.mm {
		position: relative;
	}

	#cssmenu {
		width: 100%;
		margin-bottom: 40px;
		background: #fff;
		z-index: 1;
	}

	.menu {
		position: absolute;
		top: 17px;
		right: 0px;
		width: 100%;
	}


	.mm-right {
		width: 100%;
		margin-bottom: -3px;
		display: flex;
		justify-content: center;
		margin-top: 33px;
	}

	.mm {
		flex-direction: column;
	}


	.servicesshop-btn {
		left: 41%;
	}

	.footer-about ul li {
		/*     padding: 0px 54px; */
		padding: 0px 13px;
	}

	.footer-nav ul li {
		padding: 0px 3px;
		text-align: center;
	}


	.shop-btn {
		bottom: 27px;
		right: 13px;
	}


}


@media (max-width: 767px) {
	
	button.single_add_to_cart_button.button.alt {
		        width: auto !important;}
	
	
	.product-wrapper {
    flex-direction: column;
}
	.email-footer button {
    width: 100%;

}


.product-image , .product-details {
    max-width: 100% !important;
}
	
	
	

.cleanses-product .press-shop-btn {
    width: 55px;
    height: 55px;
    font-size: 10px;
    bottom: -25px;
    right: -10px;
    z-index: 9;
}
.cleanses-getting-you h2 {
    font-size: 25px;
}
	.cleanses-getting-you img {
    margin: 20px 0px;
}
	
	.woocommerce-page table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon input,
	.shop_table .button {
		width: 48%;
		height: 58px !important;
		text-align: center;
	}


	.wc-proceed-to-checkout a {
		width: auto;
		height: auto;
	}

	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cart_totals {
		float: right;
		width: 100%;
	}

	.woocommerce .cart-collaterals,
	.woocommerce-page .cart-collaterals {
		width: 100%;
	}

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

	.entry-content .woocommerce {
		display: flex;
		flex-direction: column;
	}

	span.woocommerce-Price-amount.amount bdi {
		font-size: 14px;
	}


	.image-box1 a,
	.product-price h3 {
		font-size: 16px;
	}

	.accordion-button {
		font-size: 18px;
	}

	.accordion-body p {
		font-size: 16px;
	}

	.contact-inner {
		width: 90%;
	}


	.cart-section {
		grid-template-columns: repeat(1, 1fr);

	}

	.Delicious-pera,
	.high-content,
	.juces-box3 {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.card-details{
	padding-left: 0px;
		padding-right: 15px;	
	}


	.loog {
		display: flex;
		justify-content: center;
	}


	.high-content h2 {
		font-size: 22px;
	}


	.juices-grid {
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 70px;
	}


	.press-shop-btn {
		width: 80px;
		height: 80px;
		font-size: 16px;
		bottom: -35px;
		line-height: 18px;
	}


	.main-product-popup {
		display: flex;
		flex-direction: column;
	}

	.popup-product-img,
	.popup-product-content {
		width: 100%;
	}

	.main-product-popup {
		padding-bottom: 30px;
		padding-left: 25px;
		padding-top: 30px;
		padding-right: 25px;
	}

	.CARTbtn,
	.DETAILSbtn {
		width: auto;
	}


	.product-btn .CARTbtn {
		width: 100%;
	}

	.product-box {
		grid-template-columns: repeat(2, 1fr);
	}


	.mm-right {
		position: unset;

	}

	.mm-right {
		width: 100%;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
		/* align-items: center; */
		padding: 10px 30px;
	}


	.mm {
		display: flex;
		flex-direction: column;
	}

	/*.loog img {
    width: 40%;
}*/

	.email-footer input {
		width: 200px;
	}


	.footer-about ul,
	.footer-nav ul {
		display: flex;
		flex-direction: column;
		padding-left: 0px;
	}

	.footer-about ul li {
		margin-bottom: 50px;
		padding: 0px 10px;
	}

	.footer-nav ul li {
		margin-bottom: 30px;
		text-align: center;

	}

	.payment-card ul {
		grid-template-columns: repeat(3, 1fr);
		padding-left: 0px;
	}

	.footer-inn p,
	.footer-inn h2 {
		text-align: center;
	}

	.servicesshop-btn {
		bottom: -47px;
		left: 37%;
	}

	.Delicious-heading h1 {
		font-size: 30px;
	}


	.Delicious-main,
	.space-top,
	.image-grid {
		margin-top: 50px;
	}


	.shop-btn {
		width: 80px;
		height: 80px;
		bottom: 39px;
		right: 7px;
	}

	.mm-left {
		width: 100%;
	}

	.loog {
		text-align: left;
	}


	.mm {
		position: relative;
	}

	#cssmenu {
		width: 100%;
		margin-bottom: 40px;
		background: #fff;
		z-index: 1;
	}

	.menu {
		position: absolute;
		top: 69px;
		right: 0px;
		width: 100%;
	}


}


@media (max-width: 600px) {
	.image-grid {
		grid-template-columns: repeat(1, 1fr);
		/* 1 column for small screens */
	}

	.image-icon ul {
		grid-template-columns: repeat(3, 1fr);
		/* 4 columns for large screens */
		padding-left: 0px;

	}
	
	
	


}