﻿.rcp-gradient {
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, .01)) !important;
	background-image: linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .02)) !important;
	position: absolute !important;
	z-index: 3 !important;
	/*height: 800px !important;*/
	padding: unset !important;
	margin: unset !important;
	max-width: unset !important;
	opacity: 0.8 !important
}

.uk-offcanvas-bar {
	width: 100% !important;
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.arrow {
	border: solid white;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
}

.arrowRed {
	border: solid #f0506e;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
}

.arrowDir {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.navik-header.header-transparent-on, .navik-header.header-opacity-on {
	background-color: white !important;
}

.uk-modal {
	padding: unset !important;
	padding-left: unset !important;
	padding-right: unset !important;
}

.uk-modal-dialog {
	/* 1 */
	position: relative;
	/* 2 */
	box-sizing: border-box;
	margin: 0 auto;
	width: auto !important;
	height: 100% !important;
	/* 3 */
	max-width: calc(100% - 0.01px) !important;
	/* 4 */
	background: #fff;
	/* 5 */
	opacity: 0;
	transform: translateY(-100px);
	transition: 0.3s linear;
	transition-property: opacity, transform;
}

.truncate {
	/*four lines*/
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

/*newsletter-en-textbox*/

.news-signup-input {
	border: 2px solid white !important;
	color: white !important;
	background: transparent !important;
	border-radius: 40px 0px 0px 40px !important;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: none;
}
	.news-signup-input::placeholder {
		color: whitesmoke !important;
	}

	.news-signup-append-div {
		margin-left: -35px;
	}

.news-signup-button {
	border-radius: 40px !important;
	letter-spacing: 1px;
	font-weight: bold;
	color: #e3000e !important;
	text-transform: capitalize;
}
/*
input:-webkit-autofill, input:-webkit-autofill:focus {
	box-shadow: 0 0 0 1000px white inset;
	-webkit-text-fill-color: whitesmoke;
}*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow: 0 0 0 1000px transparent inset !important;
	-webkit-text-fill-color: whitesmoke;
	/*transition: background-color 5000s ease-in-out 0s;*/
	/*box-shadow: inset 0 0 20px 20px #23232329;*/
	background: transparent !important;
}

@media all and (max-width: 2000px) { /* your content here */
	/* For desktop: */

	/* menu */

	.burger-menuX {
		display: none !important;
	}

	.burger-menuX {
		display: none !important;
	}

	.header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a {
		color: #000 !important;
	}

	.white-color, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color a, .white-color li, .white-color i, .white-color span {
		color: #000 !important;
	}

	#tline {
		background-color: #000 !important
	}

	/* banner */

	.rcp-gradient {
		height: 800px;
	}

	.banner1 {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/news/hero-10.png);
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}

	.marginAr {
		margin-right: 200px !important
	}

	/* recipe */

	.btnAdjustLeft {
		margin-left: -110px !important;
	}

	.btnAdjustLeftRemoveTop {
		margin-left: -110px !important;
	}

	/* section themari */

	.sct {
		height: 950px !important;
		padding-top: 150px !important
	}

	.fntsize1 {
		font-size: 75px !important;
	}

	/* section click and collect */

	.sctClick {
		height: 950px !important;
		padding-top: 100px !important
	}

	.vid {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	/*event and PR items*/

	.eprRm-btn {
		position: absolute !important;
		bottom: 20px !important;
		right: 30px !important;
	}

	.eprRm-text {
		position: absolute !important;
		bottom: 25px !important
	}

	#promonews {
		height: 950px !important;
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: right !important;
	}
}

@media all and (max-width: 1715px) { /* your content here */
	/* For desktop: */

	/* menu */

	.burger-menuX {
		display: none !important;
	}

	.burger-menuX {
		display: none !important;
	}

	.header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a {
		color: #000 !important;
	}

	.white-color, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color a, .white-color li, .white-color i, .white-color span {
		color: #000 !important;
	}

	#tline {
		background-color: #000 !important
	}

	/* banner */
	.banner1 {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/news/hero-10.png);
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}

	.marginAr {
		margin-right: 200px !important
	}

	/* recipe */

	.btnAdjustLeft {
		margin-left: -110px !important;
	}

	.btnAdjustLeftRemoveTop {
		margin-left: -110px !important;
	}

	/* section themari */

	.sct {
		height: 950px !important;
		padding-top: 150px !important
	}

	.fntsize1 {
		font-size: 75px !important;
	}

	/* section click and collect */

	.sctClick {
		height: 950px !important;
		padding-top: 100px !important
	}

	.vid {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	/*event and PR items*/

	.eprRm-btn {
		position: absolute !important;
		bottom: 20px !important;
		right: 30px !important;
	}

	.eprRm-text {
		position: absolute !important;
		bottom: 25px !important
	}

	#promonews {
		height: 950px !important;
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: right !important;
	}
}

@media all and (max-width: 1280px) { /* your content here */
	/* For tablet: */

	/* menu */

	#tcontent, #tline {
		display: none !important
	}

	.burger-menuX {
		display: block !important;
	}

	/* banner */

	.banner1 {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/news/hero-10.png);
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}

	.btnWid {
		max-width: 100% !important;
		width: 100% !important;
	}

	btnAdjustLeftRemoveTop {
		margin-left: -110px !important;
	}

	#promonews {
		height: 950px !important;
	}

	/*event and PR items*/

	.eprRm-btn {
		position: absolute !important;
		bottom: 20px !important;
		right: 30px !important;
	}

	.eprRm-text {
		position: absolute !important;
		bottom: 25px !important
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: right !important;
	}
}

/*news media*/
.media-div {
	padding: 0px;
}

/*store ops*/
.storeops-div {
	display: flex;
	align-items: flex-end;
}

.storeops-inner-div {
	background: linear-gradient(360deg, #0a0a0a, transparent);
	margin-bottom: 0px;
}

@media all and (min-width: 768px) {
	.template-image {
		height: 100% !important
	}

	.media-div {
		padding: 0 0 0 15px;
	}

	.storeops-inner-txt-div {
		width: 100%;
	}
}


@media all and (max-width: 680px) {
	/* For Mobile Browser - Should be same as Mobile Device */
	/* menu */

	.burger-menuX {
		display: block !important;
	}

	/* banner */

	.banner1 {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/news/bannermobile1.jpg);
		/*background-size: contain !important;*/
		background-size: 800px 500px !important;
		background-repeat: no-repeat !important;
	}

	.marginAr {
		margin-right: 0px !important
	}

	#hero-3 {
		height: 500px !important;
		overflow: hidden !important
	}

	#storeopen {
		height: 1550px !important;
	}

	#promonews {
		height: 2200px !important;
	}

	.ourvalues-title {
		color: #cd1d28 !important;
		text-align: center !important;
	}

	.dark-label {
		color: #343a40 !important;
		text-transform: none !important;
		font-size: 1rem !important;
		line-height: 1 !important;
	}

	.img-header {
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		height: 250px;
		width: 100%;
	}

	div img.img-map {
		width: 250px !important;
		height: 350px !important;
	}

	div img.img-ourvalues {
		width: 100px;
		height: 100px;
	}

	.about-img {
		position: absolute;
		left: 0px;
		margin-left: -30px;
		margin-top: -70px;
		width: 100px;
		height: 100px;
		z-index: 1;
	}

	/*event and PR alignments*/

	.eprRm-btn {
		position: absolute !important;
		bottom: 55px !important;
		right: 30px !important;
	}

	.eprRm-text {
		position: absolute !important;
		bottom: 60px !important;
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: left !important;
	}
}

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
	/* CSS rules for iPhone 14 Pro Max */
	.rcp-gradient {
		height: 320px !important;
	}
}

@media all and (max-width: 480px) {
	/* For Mobile Device */

	/* menu */

	.burger-menuX {
		display: block !important;
	}

	/* banner */

	.banner1 {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/news/bannermobile1.jpg);
		background-size: contain !important;
		/*background-size: 800px 500px !important;*/
		background-repeat: no-repeat !important;
	}

	.marginAr {
		margin-right: 0px !important
	}

	#hero-3 {
		height: 320px !important;
		overflow: hidden !important;
	}

	#storeopen {
		/*height: 1550px !important;*/
		height: 1020px !important;
	}

	#promonews {
		/*height: 2200px !important;*/
		height: 832px !important;
	}

	.ourvalues-title {
		color: #cd1d28 !important;
		text-align: center !important;
	}

	.dark-label {
		color: #343a40 !important;
		text-transform: none !important;
		font-size: 1rem !important;
		line-height: 1 !important;
	}

	.img-header {
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		height: 250px;
		width: 100%;
	}

	div img.img-map {
		width: 250px !important;
		height: 350px !important;
	}

	div img.img-ourvalues {
		width: 100px;
		height: 100px;
	}

	.about-img {
		position: absolute;
		left: 0px;
		margin-left: -30px;
		margin-top: -70px;
		width: 100px;
		height: 100px;
		z-index: 1;
	}

	/*event and PR alignments*/

	.eprRm-btn {
		position: absolute !important;
		bottom: 55px !important;
		right: 30px !important;
	}

	.eprRm-text {
		position: absolute !important;
		bottom: 32px !important;
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: left !important;
	}

	div.slider.mt-1001#banner-news {
		margin-top: 100px !important;
	}

	.rcp-gradient {
		height: 320px;
	}

	.pbox-space {
		height: 400px !important;
	}

	#pb-7-1 {
		padding: 24px 8px !important;
	}

	.pbox-6-txt {
		min-height: 200px;
		padding-top: 24px !important;
	}

	#hero-3 .slider .slides {
		height: 350px !important;
	}

	h4#banner-title {
		font-size: 1.30rem !important;
	}

	#hero-3 .caption-txt {
		margin-top: 20px !important;
	}

	#banner-title-div {
		padding-bottom: 0px !important;
	}

	.read-more-text {
		margin-bottom: 14px !important;
	}

	#cards-01 {
		padding-top: 40px !important;
	}

	.card-box-content-div {
		padding-top: 0 !important;
	}

	.storeopen-content-div,
	.ops-content-div {
		padding-top: 0px !important;
	}

	.newsletter-section {
		padding-top: 32px !important;
	}
	/*carousel*/
	.owl-dots {
		text-align: center !important;
	}

	.join-monthly-news-div {
		padding-top: 50px !important;
		height: 432px !important;
	}

	.newsCamp-title-txt {
		font-size: 20px !important;
	}

	/*	#footer-4 {
		padding-top: 0px;
	}

	.bottom-footer {
		margin-top: 14px;
		padding-top: 4px;
	}*/
}

@media only screen and (max-width: 380px) {
	.caption-div {
		margin-top: -265px !important;
	}

	.rcp-gradient {
		height: 312px !important;
	}
}
/*iphone 12 mini*/
@media only screen and (max-width: 360px) {
	.rcp-gradient {
		height: 302px !important;
	}
}

@media only screen and (max-width: 320px) {
	.caption-div {
		margin-top: -285px !important;
	}

	.rcp-gradient {
		height: 280px !important;
	}
}
