/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 667px) {
	.wpwl-wrapper-brand {
		width: 75%;
		padding: 0;
	}

	.trk-order-no-v {
		display: block !important;
	}

		.trk-order-no-v span {
			margin-left: 0 !important;
			font-size: 12px !important;
		}

	.track-order-num p {
		margin-left: 10px;
	}
	.tark-order-status {
		text-align: center;
		margin-top: 5px;
	}

	.tracking-v {
		display: block;
	}

	.tark-order-status a {
		float: none !important;
	}

	.profile-options {
		display: none;
	}


	.order-py-d {
		display: block;
		justify-content: space-between;
	}

	.payment-dtls.cart-information {
		width: 100%;
	}

	.cart-information.tx-od-wd {
		width: 100%;
	}

	.order-flex-v {
		display: block;
		align-items: center;
	}

	.row-rev {
		flex-direction: column-reverse;
	}

	.order-sx-img {
		text-align: center;
		border-right: unset;
		width: 100%;
		padding-right: 15px;
	}

		.order-sx-img img {
			width: 45%;
			margin-bottom: 20px;
		}

	.mainslider #mainslick .img--holder {
	}

	

	

	.header-area .main-header .menu-wrapper .header-right {
		right: 10px;
	}

	.mobile_menu .slicknav_menu .slicknav_nav {
		margin-top: 0px !important;
	}

	.slicknav_nav ul {
		list-style: none;
		overflow: hidden;
		background-color: #f9f9f9;
		padding: 0;
		width: 100%;
		margin: 0 0 0 0px;
		margin: 0px;
	}


	.mainslider #mainslick .slick-slide .img--holder {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: unset;
		background-size: cover;
		height: 22vh !important;
	}

	.main-arrow {
		display: none;
	}

	.owl-prev {
		left: 0px;
	}

	.owl-next {
		right: 0;
	}

	.owl-item.active .item {
		text-align: center;
	}

	.box-product {
		max-width: 220px;
		min-width: 220px;
	}

	.sub-v-img img {
		width: 100%;
		position: relative;
		top: 0px;
	}

	.Catering-v-img img {
		width: 100%;
		position: relative;
		top: 0rem;
		height: 284px;
		overflow: hidden;
	}

	.pd-prd-v {
		padding-right: 15px !important;
	}

	.best-selling-section {
		padding-bottom: 4rem;
	}

	.dc-c-title p {
		padding-bottom: 0rem;
	}

	.app-links {
		display: flex;
		width: 100% !important;
	}

		.app-links a img {
			width: 90%;
		}

	.hlp-btn {
		align-items: center;
		margin-bottom: 12px;
		width: 100%;
	}

	.payment-act {
		text-align: center;
		margin-top: 10px;
	}

	.footer_links {
		text-align: center;
	}

	.cst-note {
		width: 100%;
	}



	.cp p {
		line-height: 17px;
	}

	.footer-d {
		margin-top: 0rem;
	}

	.hlp-in-info {
		text-align: left;
	}

	.ft-links-list-v ul li {
		font-size: 14px;
	}

	.tx-t {
		margin-bottom: 1rem;
	}

	.subscription-h {
		margin-bottom: 50px;
	}

	/*---------- shop page -----------*/

	.right-product-view {
		overflow: hidden;
	}

	.horizontal-filters {
		display: none;
	}

	.mbl-v-pc {
		display: inline-block;
	}

	.common-customCheckbox input {
		margin: 0 6px 0 0;
		visibility: hidden;
	}

	.product-categories ul li {
		margin-right: 10px;
	}
	/*--------- product info -------------*/

	.my_img {
		height: auto;
		margin: 0px auto;
	}

	.product-dt-title {
		margin-top: 2rem;
	}

	.Grind-opt {
		width: 47%;
		text-align: center;
	}

	._boxzoom {
		display: flex;
		justify-content: space-between;
		background-color: #f4f4f4;
		padding: 10px;
	}

	li.thumb-item.active-pd {
		background-color: #fff;
	}

	li.thumb-item {
		background-color: #fff;
	}

	.picZoomer-pic-wp {
		height: 229px !important;
	}

	/*------------ cart page ----------------*/
	.gif-d img {
		width: 100%;
	}

	.cart-title-v h4 {
		font-size: 15px;
	}

	.ct-address {
		margin-bottom: 20px;
		display: block;
	}

	.t-ads-v {
		font-size: 14px;
		width: 100%;
	}

	.ads-base-title-st {
		font-size: 12px;
		margin: 12px 0;
	}

	.ads-base-addAddressButton {
		float: right;
		font-size: 11px;
	}

	.free-dly-note-v p {
		line-height: 18px;
	}
}

/* Landscape i phone 5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.mainslider #mainslick .slick-slide .img--holder {
		height: 85vh !important;
	}

	.order-flex-v {
		display: flex;
		align-items: center;
	}

	.order-py-d {
		display: block;
		justify-content: space-between;
	}

	.payment-dtls.cart-information {
		width: 100%;
	}

	.cart-information.tx-od-wd {
		width: 100%;
	}

	.order-sx-img {
		text-align: center;
		border-right: 1px solid #ccc;
		width: 70px;
		padding-right: 15px;
	}

		.order-sx-img img {
			width: 100%;
			margin-bottom: 0px;
		}

	.row-rev {
		flex-direction: column-reverse;
	}
s

	.header-area .main-header .menu-wrapper .header-right {
		margin-right: 0px;
	}

	.box-product-img {
		height: 125px;
	}

	.new-arv-b-pro {
		display: block;
		align-items: center;
		background-image: url(../img/pd-bg.jpg);
		height: auto;
		padding: 1rem 0rem;
		text-align: center;
		margin: 0px 10px;
	}

	.ag-slide-block .swiper-container {
		margin-top: 24px;
	}

	.payment-act {
		text-align: center;
		margin-top: 10px;
	}


	/*---------- shop page -----------*/
	.product-categories ul li {
		margin-right: 10px;
		width: 48%;
	}

	.top-products ul {
		display: flex;
		flex-wrap: wrap;
	}
	/*--------- product info ---------*/

	.picZoomer-pic-wp {
		height: 495px !important;
	}
	/*------------- cart ------------*/
	.ct-address {
		margin-bottom: 20px;
		flex-flow: wrap;
	}
}

/*-------6 7 iphone -------------*/
/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.picZoomer-pic-wp {
		height: 295px !important;
	}
	.trk-order-no-v {
		display: block !important;
	}

		.trk-order-no-v span {
			margin-left: 0 !important;
			font-size: 12px !important;
		}

	.track-order-num p {
		margin-left: 10px;
	}
	

	.tracking-v {
		display: block;
	}

	.tark-order-status a {
		float: none !important;
	}

	.profile-options {
		display: none;
	}

	.order-flex-v {
		display: block;
		align-items: center;
	}

	.order-py-d {
		display: block;
		justify-content: space-between;
	}

	.payment-dtls.cart-information {
		width: 100%;
	}

	.cart-information.tx-od-wd {
		width: 100%;
	}

	.order-sx-img {
		text-align: center;
		border-right: unset;
		width: 100%;
		padding-right: 15px;
	}

		.order-sx-img img {
			width: 45%;
			margin-bottom: 20px;
		}

	.tabs > ul {
		width: 100%;
	}

	.row-rev {
		flex-direction: column-reverse;
	}
}
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.payment-act ul li {
		display: inline-block;
		padding: 0px 1px;
	}

	.order-flex-v {
		display: flex;
		align-items: center;
	}

	.order-py-d {
		display: block;
		justify-content: space-between;
	}

	.payment-dtls.cart-information {
		width: 100%;
	}

	.cart-information.tx-od-wd {
		width: 100%;
	}

	.order-sx-img {
		
            text-align: center;
		border-right: 1px solid #ccc;
		width: 70px;
		padding-right: 15px;
	}

		.order-sx-img img {
			width: 100%;
			margin-bottom: 0px;
		}

	.mainslider #mainslick .slick-slide .img--holder {
		height: 85vh !important;
	}


	.header-area .main-header .menu-wrapper .header-right {
		margin-right: 10px;
	}

	.box-product-img {
		height: 125px;
	}

	.new-arv-b-pro {
		display: block;
		align-items: center;
		background-image: url(../img/pd-bg.jpg);
		height: auto;
		padding: 1rem 0rem;
		text-align: center;
		margin: 0px 10px;
	}

	.ag-slide-block .swiper-container {
		margin-top: 24px;
	}

	.payment-act {
		text-align: center;
		margin-top: 10px;
	}

		.payment-act ul {
			padding-right: 0px;
		}

	.footer-d {
		padding-bottom: 15px;
	}

	.row-rev {
		flex-direction: unset;
	}
	/*---------- shop page -----------*/
	.product-categories ul li {
		margin-right: 10px;
		width: 100%;
	}

	.top-products ul {
		display: flex;
		flex-wrap: wrap;
	}

	/*-------- product info -----------*/
	._boxzoom {
		display: flex;
		justify-content: space-between;
		background-color: #f4f4f4;
		padding: 10px;
	}

	.picZoomer-pic-wp {
		height: 450px !important;
	}
	/*------------- cart ------------*/
	.ct-address {
		margin-bottom: 20px;
		flex-flow: wrap;
	}
}


/*--------- i phone x -----------*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	.mainslider #mainslick .slick-slide .img--holder {
		background-size: cover;
		height: 21vh !important;
	}
	.trk-order-no-v {
		display: block !important;
	}

		.trk-order-no-v span {
			margin-left: 0 !important;
			font-size: 12px !important;
		}

	.track-order-num p {
		margin-left: 10px;
	}

	.tark-order-status {
		text-align: center;
		margin-top: 5px;
	}

	.tracking-v {
		display: block;
	}

	.tark-order-status a {
		float: none !important;
	}

	.profile-options {
		display: none;
	}

	.order-flex-v {
		display: block;
		align-items: center;
	}

	.order-sx-img {
		text-align: center;
		border-right: unset;
		width: 100%;
		padding-right: 15px;
	}

		.order-sx-img img {
			width: 45%;
			margin-bottom: 20px;
		}

	.owl-item.active .item {
		text-align: center;
	}

	.picZoomer-pic-wp {
		height: 295px !important;
	}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
	.mainslider #mainslick .slick-slide .img--holder {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: unset;
		background-size: cover;
		height: 100vh !important;
	}

	.sub-v-img {
		width: 50%;
		transform: translateX(0px);
		text-align: center;
	}

	.subsc-in {
		display: flex;
		align-items: center;
	}

	.Catering-in {
		display: flex;
		align-items: center;
	}

	.Catering-v-img img {
		width: 65%;
	}

	.Catering-v-img {
		width: 65%;
		flex-shrink: 0;
		transform: translateX(23px) !important;
		text-align: center;
		margin-top: 20px;
	}

	.app-links {
		display: flex;
		width: 100%;
	}

		.app-links a {
			display: inline;
			width: 50%;
		}

			.app-links a img {
				width: 20%;
			}

	.app-links {
		display: block;
		width: 100%;
	}

	a.ios-vb img {
		width: 18%;
	}

	.logo-view-ftr {
		display: none;
	}
	/*-------shop page -----------*/
	.mbl-v-pc {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
		display: block;
	}
	/*-------- product info -----------*/
	._boxzoom {
		display: flex;
		justify-content: space-between;
		background-color: #f4f4f4;
		padding: 10px;
	}

	.product-dt-title {
		margin-top: 30px;
		padding: 0px;
	}
}
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	/*---------- chekout page -----------*/

	.tabs > ul {
		width: 100%;
	}

	.ads-base-edit {
		margin-left: 10px;
	}
}
/*--iPhone 6+/6s+/7+/8+---*/
/*---portarte*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
	.order-sx-img img {
		width: 45% !important;
		margin-bottom: 20px !important;
	}

	.tark-order-status {
		text-align: center;
		margin-top: 5px;
	}

	.tracking-v {
		display: block;
	}

	.tark-order-status a {
		float: none !important;
	}

	.profile-options {
		display: none;
	}

	.cart-information.tx-od-wd {
		width: 100% !important;
	}
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-device-pixel-ratio : 3) {
	.ct-address {
		display: block;
	}

	.cart-information.tx-od-wd {
		width: 55%;
	}

	.order-sx-img img {
		width: 100%;
		margin-bottom: 0px;
	}

	.gif-d img {
		width: 100%;
	}

	.order-sx-img img {
		width: 100%;
		margin-bottom: 0px;
	}
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.wpwl-wrapper-brand {
		width: 80%;
		padding: 0px;
	}
}
/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and */
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.Grind-opt {
		width: 47%;
	}

	.mainslider #mainslick .slick-slide .img--holder {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: unset;
		background-size: cover;
		height: 36vh !important;
	}
}

/* i pad Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

	.mainslider #mainslick .slick-slide .img--holder {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: unset;
		background-size: cover;
		height: 36vh !important;
	}

	.logo-view-ftr {
		display: none;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.main-menu-search {
		width: 36%;
	}

	.payment-act ul li {
		display: inline-block;
		padding: 0px 4px;
	}

	.mainslider #mainslick .slick-slide .img--holder {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: unset;
		background-size: cover;
	}

	.owl-prev {
		left: -2rem;
	}

	.app-links {
		display: flex;
		width: 100%;
	}

	.Grind-opt {
		width: 47%;
	}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {


	.Grind-opt {
		width: 30%;
	}

	.wpwl-wrapper-brand {
		width: 83%;
	}
}


/* Landscape iphone 10.5 */
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.ads-base-chnagebtn {
		width: 40%;
	}
}

@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

	.mainslider #mainslick .slick-slide .img--holder {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: unset;
		background-size: cover;
		height: 63vh !important;
	}

	.ads-base-chnagebtn {
		width: 22%;
	}
}


/* iPad pro  Landscape */
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

	.mainslider #mainslick .slick-slide .img--holder {
		background-size: cover;
		height: 65vh !important;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

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

	.mainslider #mainslick .slick-slide .img--holder {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		height: 75vh !important;
	}
}