/* lg */
@media (min-width: 1400px) {}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.brand-content {
		padding: 25px 20px;
	}

	.overlay a.folio-detail {
		font-size: 35px;
		top: 25px;
	}

	.overlay a.folio-detail,
	.overlay a.folio-link {
		left: 30px;
	}

	.overlay h2 {
		top: 15%;
		font-size: 20px;
	}

	.overlay p {
		top: 15%;
		font-size: 14px;
	}

	.overlay a.folio-link {
		bottom: 12px;
	}

	.social-icons {
		bottom: 25px;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	#navigation .navbar-right {
		margin-right: 13px;
	}

	#navigation .navbar-right li a {
		padding: 10px 8px;
	}

	#navigation .navbar-fixed-top .navbar-right li a {
		padding: 15px 10px;
	}

	.container>.carousel-arrows {
		left: 15px;
	}

	.brand-content {
		padding: 15px;
	}

	#service .col-md-3 {
		margin-bottom: 45px;
	}

	.portfolio-items li {
		width: 49.97%;
	}

	.portfolio-content .overlay {
		padding: 40px;
	}

	.overlay a.folio-detail {
		top: 50px;
		font-size: 45px;
	}

	.overlay a.folio-detail,
	.overlay a.folio-link {
		left: 40px;
	}

	.overlay h2 {
		top: 20%;
	}

	.overlay p {
		top: 22%;
		font-size: 14px;
	}

	.about-content {
		text-align: justify;
	}

	.skills-section {
		margin-left: -15px;
	}

	.skill-data {
		margin-left: -22px;
		line-height: 160px;
	}

	.skill-circle canvas {
		width: 100% !important;
	}

	.team-member .overlay h4 {
		top: 0;
	}

	.team-member .overlay p {
		top: -3%;
		line-height: 20px;
	}

	.social-icons {
		]bottom: 7px;
	}

	.social-icons li {
		margin-right: 17px;
	}

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

	h3.timer {
		font-size: 80px;
	}

	.client-left,
	.client-right {
		bottom: -10px;
		font-size: 48px;
	}

}


/* xs */
@media (max-width: 767px) {
	body {
		/* font-size: 14px; */
	}

	h1 {
		/* font-size: 45px; */
	}

	h2 {
		/* font-size: 30px; */
	}

	h3 {
		/* font-size: 17px; */
	}

	/*Navigation*/
	.top-bar {
		display: none;
	}

	.search {
		display: none;
	}

	.main-nav {
		/*position: fixed; background: #eff7fb;*/
		top: 0;
		left: 0;
		width: 100%;
	}

	a.navbar-brand {
		background-color: #1373F9;
		height: 65px;
		padding: 15px 0 0 15px;
	}

	a.navbar-brand img {
		margin-top: -17px;
		width: 50%;
	}

	.navbar-brand h1 {
		margin-left: 7px;
	}

	.navbar-brand h2 {
		font-size: 10px;
		margin-top: 5px;
	}

	#navigation .navbar-right {
		width: 70%;
		height: 100vh;
		margin-right: 0;
		background: #0b2f6b;
		margin-top: 0;
		position: absolute;
		top: 0px;
		z-index: -1;
		right: 0;
		padding: 100px 0 0 0;
	}

	#navigation .navbar-right li a {
		padding: 20px 40px;
		font-size: 16px;
	}

	#navigation .navbar-right li a.active,
	#navigation .navbar-right li a:hover,
	#navigation .navbar-right li a:focus,
	#navigation .navbar-right li.active a {
		background-color: #205dc4;
		color: #ffffff;
	}

	/*Home Carousel*/
	#home-carousel .item {
		/* height: 320px; */
	}

	.carousel-caption {
		top: 75px;
	}

	.carousel-caption h1,
	.brand-content h2 {
		font-size: 32px;
	}

	.carousel-caption h2 {
		font-size: 31px;
	}

	.container>.carousel-arrows {
		/* top:500px; */
		left: 15px;
	}

	.home-carousel-left,
	.home-carousel-right {
		font-size: 36px;
	}

	.home-carousel-right {
		left: 18px;
	}

	.brand-promotion {
		bottom: 25px;
		left: 10px;
		right: 25px;
	}

	.brand-content {
		margin-bottom: 5px;
		margin-right: -25px;
		padding: 3px 15px 20px;
	}

	.brand-content p {
		display: none;
	}

	/*Service*/
	.padding-top {
		padding-top: 45px
	}

	.padding-bottom,
	.section-title {
		padding-bottom: 45px;
	}

	#service .col-md-3 {
		float: left;
		margin-bottom: 45px;
		width: 50%;
	}

	.skill {
		margin-bottom: 30px;
	}

	.skill-circle canvas {
		width: 100% !important;
	}

	.skill-data {
		font-size: 20px;
		line-height: 195px;
		margin-left: -18px;
	}

	.service-text h4 {
		margin-bottom: 15px;
	}

	#team-carousel .carousel-inner .col-sm-3 {
		width: 50%;
		float: left;
	}

	.team-carousel-left,
	.team-carousel-right {
		bottom: -65px;
		font-size: 18px;
		height: 40px;
		line-height: 45px;
		width: 40px;
	}

	.team-carousel-left {
		margin-left: -50px;
	}

	.team-carousel-right {
		margin-right: -50px;
	}

	/*Parallax*/
	.parallax-content h1 {
		line-height: 30px;
	}

	/*Works*/
	.portfolio-items li {
		width: 49.97%;
	}

	.filter li a {
		font-size: 16px;
		padding: 2px 10px;
	}

	.portfolio-content .overlay {
		padding: 20px;
	}

	.overlay a.folio-detail {
		font-size: 35px;
		top: 25px;
	}

	.overlay a.folio-detail,
	.overlay a.folio-link {
		left: 25px;
	}

	.overlay h2 {
		top: 20%;
	}

	.overlay p {
		top: 22%;
		font-size: 12px;
	}

	/*Blog*/

	.entry-content {
		padding: 10px 30px 30px;
	}

	.entry-content a h2 {
		line-height: 28px;
		margin-bottom: 10px;
		font-size: 30px;
	}
}

.entry-meta span a {
	font-size: 14;
}

.post-date {
	font-size: 30px;
	line-height: 24px;
	padding: 10px 20px 0;
}

.post-date span {
	font-size: 15px;
}

/*fun fact*/
#fun-fact .funs i {
	font-size: 35px;
	margin-bottom: 0;
}

h3.timer {
	font-size: 45px;
	margin-top: 10px;
}

.btn.btn-default {
	padding: 10px 50px 8px;
	font-size: 12px;
}

/*Clients*/
#clients {
	overflow: hidden;
}

#clients-carousel .item ul li {
	width: 50%;
}

.client-left,
.client-right {
	display: none;
}

/*Pricing Table*/
.pricing-table .col-sm-3 {
	width: 50%;
	float: left;
}

.single-table {
	margin-bottom: 35px;
}

#twitter i {
	font-size: 60px;
	margin-bottom: 20px;
}

/*Contact*/
.contact-content .col-sm-4 {
	margin-bottom: 35px;
}

#gmap {
	height: 300px;
}

#footer {
	padding-bottom: 7px;
	padding-top: 18px;
}

#footer a.to-top {
	top: -12px;
}
}

/* XS Portrait */
@media (max-width: 479px) {
	.container>.carousel-arrows {
		top: 290px;
	}

	#service .col-md-3 {
		float: none;
		margin-bottom: 45px;
		width: 100%;
	}

	.portfolio-items li {
		width: 99.97%
	}

	.portfolio-content .overlay {
		padding: 100px 30px 30px 30px;
	}

	.overlay a.folio-detail,
	.overlay a.folio-link {
		left: 33px;
	}

	.overlay h2 {
		top: 0;
	}

	.overlay p {
		top: 5px;
	}

	.overlay a.folio-detail {
		top: 50px;
	}

	.skill-data {
		line-height: 120px;
	}

	#team-carousel .carousel-inner .col-sm-3,
	.pricing-table .col-sm-3 {
		width: 100%;
		float: none;
	}

	.single-blog {
		height: auto;
	}

	.single-blog img {
		width: 100%;
	}

	.blog-image,
	.entry-content {
		float: none;
		width: 100%;
	}

	.funs .col-xs-4 {
		width: 100%;
		margin-bottom: 35px;
	}

	.change-logo {}

}

#myBtn {
	display: none;
	/* Hidden by default */
	position: fixed;
	bottom: 70px;
	width: 40px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: #146FF7;
	color: white;
	cursor: pointer;
	padding: 0px;
	border-radius: 10px;
	font-size: 26px;
	height: 40px;
}

#myBtn:hover {
	background-color: #555;
	/* Add a dark-grey background on hover */
}

/* ============================================
   HOT CLUB RESTAURANT - MOBILE RESPONSIVE STYLES
   ============================================ */

/* Mobile - max-width: 767px */
@media (max-width: 767px) {

	/* Flex Container Responsive */
	.flex-container {
		flex-direction: column;
		display: flex;
	}

	.flex-box {
		width: 100% !important;
		margin-bottom: 20px;
	}

	/* Homepage Slider Mobile */
	.slider-content {
		flex-direction: column;
		height: auto !important;
		padding: 2em 1em !important;
		overflow: visible !important;
		position: relative !important;
	}

	.slider-content .col-md-6 {
		width: 100% !important;
		float: none !important;
	}

	.slider-content-img {
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 20px;
	}

	.slider-content-img img {
		width: 100% !important;
		height: auto !important;
	}

	.slider-content-txt {
		padding: 20px 10px !important;
		width: 100% !important;
		float: none !important;
		position: relative !important;
		overflow: visible !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	.slider-content-txt h1 {
		font-size: 2.5em !important;
		line-height: 1.2 !important;
		padding-bottom: 15px !important;
	}

	.slider-content-txt h4 {
		font-size: 1.2em !important;
		padding-bottom: 15px !important;
	}

	.slider-content-txt span {
		font-size: 1em !important;
	}

	.slider-content-txt a {
		font-size: 14px !important;
		padding: 12px 30px !important;
	}

	/* Primary Button in Slider - Mobile - Override all h4 styles - ULTRA SPECIFIC */
	.slider-content-txt h4 a.primary-btn,
	.slider-content-txt h4 .primary-btn,
	.slider-content-txt .primary-btn,
	.slider-content a.primary-btn {
		display: inline-block !important;
		width: auto !important;
		max-width: calc(100% - 20px) !important;
		position: relative !important;
		float: none !important;
		margin: 15px auto 0 auto !important;
		text-align: center !important;
		visibility: visible !important;
		opacity: 1 !important;
		padding: 12px 20px !important;
		font-size: clamp(11px, 2.5vw, 14px) !important;
		min-height: 44px !important;
		z-index: 100 !important;
		align-self: center !important;
		box-sizing: border-box !important;
		white-space: normal !important;
		word-wrap: break-word !important;
		line-height: 1.4 !important;
		background-image: linear-gradient(to right, #7d1313 0%, #5f1212 51%, #7d1313 100%) !important;
		background-size: 200% auto !important;
		border-radius: 50px !important;
		color: white !important;
		text-decoration: none !important;
		text-transform: uppercase !important;
		font-weight: normal !important;
		transform: none !important;
		-webkit-transform: none !important;
		clear: both !important;
	}

	/* Ensure h4 container doesn't hide the button */
	.slider-content-txt h4 {
		display: block !important;
		overflow: visible !important;
	}

	/* Make sure the h4 containing the button doesn't float or hide it */
	.slider-content-txt h4 a.primary-btn {
		float: none !important;
	}

	/* Override parent h4 styles when it contains a button */
	.slider-content-txt h4:last-child,
	.slider-content-txt h4:has(.primary-btn) {
		float: none !important;
		width: 100% !important;
		text-align: center !important;
		padding: 0 !important;
		padding-bottom: 0 !important;
		margin: 0 !important;
		display: block !important;
		overflow: visible !important;
	}

	.number-pagination {
		right: 20px !important;
		bottom: 20px !important;
	}

	.slider-pagination {
		left: 20px !important;
		bottom: 20px !important;
		width: auto !important;
	}

	/* Product Listings Mobile */
	.chicken-items-listing {
		width: 100% !important;
		margin-bottom: 30px;
	}

	.product-listing-sec .flex-container {
		display: flex;
		flex-direction: column;
	}

	/* Category Items Mobile */
	.categ-items-div {
		width: 100% !important;
		margin-bottom: 20px;
		text-align: center;
	}

	/* Two Box Section Mobile */
	.twobox-sec .flex-container {
		flex-direction: column;
	}

	.grill-itembox {
		width: 100% !important;
		margin-bottom: 20px;
	}

	/* Thumb Menu Mobile */
	.thumbmenu-container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 15px 0;
	}

	.objects {
		display: flex;
		gap: 15px;
		padding: 0 10px;
	}

	.object {
		min-width: 120px;
		flex-shrink: 0;
	}

	.thumbmenu-icon {
		width: 120px !important;
		padding: 0 5px;
	}

	.thumbmenu-icon img {
		width: 100%;
	}

	.thumbmenu-icon h5 {
		font-size: 14px;
		line-height: 18px;
	}

	/* Cart Page Mobile */
	.cart-item-container {
		flex-direction: column;
		display: flex;
		padding: 15px;
	}

	.cart-item-container .col-md-8,
	.cart-item-container .col-md-4 {
		width: 100% !important;
		padding: 0;
		margin-bottom: 20px;
	}

	.table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.table thead {
		display: none;
	}

	.table tbody,
	.table tbody tr,
	.table tbody td {
		display: block;
		width: 100%;
	}

	.table tbody tr {
		border: 1px solid rgb(145 95 75 / 30%);
		border-radius: 8px;
		margin-bottom: 15px;
		padding: 15px;
		background: #ffffff;
	}

	.table tbody td {
		border: none;
		padding: 5px 0;
		text-align: left !important;
	}

	.table tbody td.col-md-10 {
		width: 100% !important;
	}

	.table tbody td.col-md-2 {
		width: 100% !important;
		text-align: left !important;
		padding-top: 15px;
		border-top: 1px solid rgb(145 95 75 / 20%);
	}

	.media {
		display: block;
	}

	.media-object {
		width: 80px !important;
		height: 80px !important;
		margin-bottom: 10px;
	}

	.media-body {
		width: 100%;
	}

	.count-add-minus-box {
		margin: 10px 0;
		padding: 8px 5px;
	}

	.count-add-minus-box button {
		min-width: 44px;
		min-height: 44px;
		font-size: 1.2em;
	}

	.count-add-minus-box input {
		min-width: 50px;
		font-size: 1em;
	}

	.cartitem-remove-btn {
		margin: 10px 0 0 0 !important;
		font-size: 0.9em;
		min-height: 44px;
		padding: 10px !important;
	}

	/* Forms Mobile */
	.checkout-form {
		width: 100% !important;
		padding: 0 !important;
	}

	.checkout-form .col-md-6,
	.checkout-form .col-md-12 {
		width: 100% !important;
		padding: 5px 0;
		float: none !important;
		display: block !important;
	}

	.checkout-form-input {
		width: 100% !important;
		min-height: 44px;
		font-size: 16px;
		/* Prevents zoom on iOS */
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	/* Date input specific styling for mobile */
	input[type="date"].checkout-form-input {
		width: 100% !important;
		min-height: 44px;
		font-size: 16px;
		padding: 12px 10px !important;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		display: block;
		float: none;
		clear: both;
	}

	.form-group {
		width: 100% !important;
		padding: 10px 0;
		float: none !important;
		display: block !important;
		clear: both;
	}

	/* Ensure form-group with col-md-6 on mobile */
	.form-group.col-md-6 {
		width: 100% !important;
		float: none !important;
		display: block !important;
		margin: 0 !important;
		padding: 10px 0 !important;
	}

	.inline-container {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.inline-container>div {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.inline-container input[type="radio"] {
		min-width: 20px;
		min-height: 20px;
	}

	.inline-container label {
		font-size: 1em;
	}

	.btn-cart-checkout {
		width: 100% !important;
		min-height: 50px;
		font-size: 16px;
		padding: 15px 10px !important;
	}

	.form-group-btnbox {
		width: 100%;
		margin-top: 20px;
	}

	/* Product Detail Page Mobile */
	.product-detail-box-img,
	.product-detail-box-deets {
		width: 100% !important;
		padding: 15px !important;
	}

	.product-detail-box-img {
		margin-bottom: 20px;
	}

	.product-detail-box-deets h3 {
		font-size: 1.8em;
		line-height: 1.3;
	}

	.product-detail-box-deets h4 {
		font-size: 1.5em;
		padding: 12px 20px;
	}

	.product-detail-box-deets p {
		font-size: 1em;
		line-height: 1.6;
	}

	.count-add-minus-box {
		margin: 20px 0;
	}

	/* Quick Contact Boxes Mobile */
	.qucik-contactbox-wrapp {
		width: 100% !important;
		margin-bottom: 20px;
		padding: 0 10px;
	}

	.qucik-contactbox {
		padding: 20px;
		min-height: auto;
	}

	.qucik-contactbox span {
		font-size: 2.5em !important;
		margin-bottom: 15px;
	}

	.qucik-contactbox h5 {
		font-size: 1.1em;
		margin-bottom: 10px;
	}

	.qucik-contactbox a {
		font-size: 0.9em;
		word-break: break-word;
	}

	/* Footer Mobile */
	.footer {
		padding: 40px 0 20px 0 !important;
	}

	.footer .container {
		padding: 0 15px;
	}

	.footer .col-md-3,
	.footer .col-md-6,
	.footer .col-md-12 {
		width: 100% !important;
		padding: 20px 0 !important;
		float: none !important;
		text-align: center;
	}

	.footer .col-md-12.padding-none {
		padding: 0 !important;
	}

	.footer_ul {
		width: 100%;
		text-align: center;
		float: none !important;
		padding: 0 !important;
	}

	.footer_ul ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
		padding: 0;
		margin: 0;
	}

	.footer_ul li {
		width: auto;
		padding: 8px 10px;
		float: none;
	}

	.footer_ul h4 {
		font-size: 1.3em;
		margin-bottom: 15px;
		text-align: center;
	}

	.footer_ul p {
		text-align: center;
		font-size: 14px;
		line-height: 1.6;
		padding: 0 10px;
		margin-bottom: 15px;
	}

	.foot-readmore-link {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 5px;
		margin: 15px auto 0 auto !important;
		float: none !important;
		text-align: center;
		font-size: 14px;
		padding: 8px 15px;
		min-height: 44px;
	}

	.foot-readmore-link span {
		font-size: 20px;
		vertical-align: middle;
	}

	.social-links {
		text-align: center;
		width: 100%;
		padding: 0 !important;
	}

	.social-links ul {
		padding: 20px 0 !important;
		margin: 0 auto !important;
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		width: auto;
		float: none;
	}

	.social-links ul li {
		width: auto;
		padding: 0 5px;
		float: none;
	}

	.social-links ul li a img {
		width: 35px !important;
		height: auto;
	}

	.foot-logo {
		margin: 20px auto;
		width: 120px !important;
		max-width: 120px;
	}

	.foot-logo img {
		width: 100% !important;
		height: auto;
	}

	.footer-col {
		float: none !important;
		width: 100%;
	}

	.copyright {
		padding: 20px 0;
	}

	.copyright .container {
		padding: 0 15px;
	}

	.copyright .col-md-9 {
		width: 100% !important;
		padding: 0;
	}

	.bottom_ul {
		text-align: center;
		padding: 0;
		margin: 0;
	}

	.bottom_ul li {
		font-size: 12px;
		line-height: 1.6;
		padding: 5px 0;
	}

	/* Navigation Mobile Enhancements */
	.top-bar {
		display: none !important;
	}

	.navbar-brand {
		width: 60px !important;
		padding: 10px 0 0 10px !important;
	}

	.navbar-brand img {
		width: 100% !important;
	}

	#navigation .container {
		padding: 0 15px;
	}

	.cart-item-count {
		left: 70% !important;
		top: 25% !important;
		font-size: 0.7em !important;
		min-width: 1.5em !important;
		height: 1.5em !important;
		padding: 0.3em !important;
	}

	/* WhatsApp Float Button Mobile */
	.float {
		bottom: 20px;
		right: 20px;
	}

	.float .trigger {
		width: 60px;
		height: 60px;
	}

	.float .trigger a {
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.float .trigger i {
		font-size: 32px;
	}

	/* Button Mobile */
	.primary-btn,
	.ordernow-btn,
	.partyorder-btn {
		padding: 12px 25px !important;
		font-size: 14px !important;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* Slider primary-btn override - must come after generic rule and be more specific */
	.slider-content .primary-btn,
	.slider-content-txt .primary-btn {
		display: inline-block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.ordernow-btn {
		width: 100%;
		margin-top: 15px;
	}

	/* Section Spacing Mobile */
	.padding-top {
		padding-top: 88px !important;
	}

	.space-50 {
		padding-top: 30px !important;
	}

	.space-bottom-50 {
		padding-bottom: 30px !important;
	}

	/* Container Mobile */
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* Party Order Wrapper Mobile */
	.partyorder-wrapper {
		width: 100% !important;
		padding: 0;
	}

	/* Line After Mobile */
	.line-after span {
		font-size: 1.5em !important;
	}

	/* Sub Page Banner Mobile */
	.sub-pg-banner {
		padding-top: 40px !important;
		min-height: 71px !important;
	}

	/* Menu Tabs Mobile */
	.item-menu-sec .col-sm-6 {
		width: 100% !important;
		padding: 15px 0;
	}

	.item-menu-sec .nav-pills {
		flex-direction: column;
		gap: 10px;
	}

	.item-menu-sec .nav-item {
		width: 100%;
		margin: 0;
	}

	.item-menu-sec .nav-link {
		width: 100%;
		text-align: center;
		padding: 12px 20px !important;
	}

	/* Party Order Box Mobile */
	.partyorder-box .col-md-6 {
		width: 100% !important;
		padding: 20px 15px;
	}

	.partyorder-box-txt {
		text-align: center;
	}

	/* Bootstrap Grid Overrides Mobile */
	.col-md-12,
	.col-md-8,
	.col-md-6,
	.col-md-4,
	.col-md-3,
	.col-md-2 {
		width: 100% !important;
		float: none;
	}

	/* Progress Wrap Mobile */
	.progress-wrap {
		right: 15px;
		bottom: 90px;
		width: 40px;
		height: 40px;
	}

	.progress-wrap::after,
	.progress-wrap::before {
		line-height: 40px;
		font-size: 20px;
		width: 40px;
		height: 40px;
	}
}

/* Medium Mobile - 480px to 599px */
@media (min-width: 480px) and (max-width: 599px) {

	/* Primary Button in Slider - Medium Mobile */
	.slider-content-txt .primary-btn {
		font-size: clamp(12px, 2.8vw, 14px) !important;
		padding: 12px 22px !important;
		max-width: calc(100% - 30px) !important;
	}
}

/* Small Mobile - max-width: 479px */
@media (max-width: 479px) {

	/* Slider Small Mobile */
	.slider-content-txt h1 {
		font-size: 2em !important;
	}

	.slider-content-txt h4 {
		font-size: 1em !important;
	}

	.slider-content-txt a {
		font-size: 12px !important;
		padding: 10px 20px !important;
	}

	/* Primary Button in Slider - Small Mobile - ULTRA SPECIFIC */
	.slider-content-txt h4 a.primary-btn,
	.slider-content-txt h4 .primary-btn,
	.slider-content-txt .primary-btn,
	.slider-content a.primary-btn {
		font-size: clamp(10px, 3vw, 12px) !important;
		padding: 10px 15px !important;
		max-width: calc(100% - 30px) !important;
		width: auto !important;
		box-sizing: border-box !important;
		white-space: normal !important;
		word-wrap: break-word !important;
		line-height: 1.3 !important;
		min-height: 44px !important;
		display: inline-block !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 100 !important;
		transform: none !important;
		-webkit-transform: none !important;
		background-image: linear-gradient(to right, #7d1313 0%, #5f1212 51%, #7d1313 100%) !important;
		background-size: 200% auto !important;
		border-radius: 50px !important;
		color: white !important;
	}

	/* Product Cards Small Mobile */
	.chicken-items-listing {
		margin-bottom: 25px;
	}

	/* Forms Small Mobile */
	.checkout-form-input {
		font-size: 16px;
		padding: 12px 10px;
		width: 100% !important;
		box-sizing: border-box;
	}

	input[type="date"].checkout-form-input {
		width: 100% !important;
		min-height: 44px;
		font-size: 16px;
		padding: 12px 10px !important;
		box-sizing: border-box;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: textfield;
		display: block;
		float: none;
		clear: both;
	}

	/* Footer Small Mobile */
	.footer_ul ul {
		flex-direction: column;
		align-items: center;
	}

	.footer_ul li {
		width: 100%;
		text-align: center;
		padding: 8px 0;
	}

	/* Quick Contact Small Mobile */
	.qucik-contactbox {
		padding: 15px;
	}

	.qucik-contactbox span {
		font-size: 2em !important;
	}

	/* Typography Small Mobile */
	h1 {
		font-size: 2em !important;
		line-height: 1.2 !important;
	}

	h2 {
		font-size: 1.5em !important;
		line-height: 1.3 !important;
	}

	h3 {
		font-size: 1.3em !important;
		line-height: 1.3 !important;
	}

	h4 {
		font-size: 1.1em !important;
	}

	h5 {
		font-size: 1em !important;
	}

	h6 {
		font-size: 0.9em !important;
	}

	p {
		font-size: 14px;
		line-height: 1.5;
	}
}

/* Tablet - 768px to 991px */
@media (min-width: 768px) and (max-width: 991px) {

	/* Flex Container Tablet */
	.flex-container {
		display: flex;
		flex-wrap: wrap;
	}

	.flex-box {
		width: 48% !important;
		margin: 1%;
	}

	/* Slider Tablet */
	.slider-content {
		padding: 3em 2em !important;
	}

	.slider-content-txt {
		padding: 100px 20px 0 20px !important;
	}

	/* Product Listings Tablet */
	.chicken-items-listing {
		width: 48% !important;
		margin: 1%;
	}

	/* Category Items Tablet */
	.categ-items-div {
		width: 48% !important;
		margin: 1%;
	}

	/* Cart Page Tablet */
	.cart-item-container .col-md-8 {
		width: 65% !important;
	}

	.cart-item-container .col-md-4 {
		width: 33% !important;
	}

	/* Forms Tablet */
	.checkout-form .col-md-6 {
		width: 48% !important;
	}

	/* Quick Contact Boxes Tablet */
	.qucik-contactbox-wrapp {
		width: 48% !important;
		margin: 1%;
	}
}