/**
	TT Extension Media CSS
*/

/* ----------------------- Start Section Title --------------------- */
@media(max-width:1400px) {
	.section-heading {
		font-size: 35px;
		line-height: 40px;

	}

	.tt-section-title.text-center p {
		font-size: 24px;
	}
}

@media(max-width:1199px) {
	.tt-section-title.text-center p {
		font-size: 20px;
	}
}

@media(max-width:991px) {
	.section-heading {
		font-size: 28px;
		line-height: 30px;
	}

	.tt-banner .banner-text.tt-icon-bottom.text-start {
		top: auto;
		bottom: 20px;
		width: auto;
		left: auto;
		right: 20px;
	}

	.product .price del .woocommerce-Price-amount.amount bdi {
		font-size: 14px;
	}

	.tt-section-title.text-center p {
		font-size: 18px;
	}

	footer .widget.widget_block p {
		text-align: center;
		margin: 0 auto;
	}

	footer .main-footer .footer-01 .widget_text {
		margin: 15px 0 30px 0;
	}

}

@media(max-width:575px) {

	.tt-section-title.text-center p {
		font-size: 14px;
		width: 100%;
	}
}

/* ----------------------- End Section Title --------------------- */

/*-------------- Start Category Gallery ---------------*/

@media(max-width:1400px) {
	.tt-banner .banner-text a.banner-button {
		padding: 11px 20px;
		font-size: 13px;
	}
}

@media(max-width:991px) {
	.tt-banner .banner-text.tt-icon-right {
		left: auto;
		right: 15px;
	}

	.btn_cart_wistlist {
		gap: 10px;
	}

	.tt-banner .banner-text.tt-icon-center.text-center .banner-title {
		margin: 0;
	}

}


/* --------------- Start Banner block ------------------- */

@media(max-width:1400px) {
	.tt-banner .banner-text .banner-sub-title {
		font-size: 15px;
		margin: 0 0 5px;
	}

	.page .site-main .vertical .tt-banner .banner-tag a {
		padding: 20px 10px;
	}

	.tt-banner .banner-tag a {
		padding: 10px 20px;
		font-size: 15px;
		line-height: 19px;
	}

	.tt-banner .banner-text .banner-title {
		font-size: 35px;
		line-height: 40px;
		width: 100%;
	}
}

@media(max-width:1199px) {
	.tt-banner .banner-text.tt-icon-left {
		left: 30px;
	}

	.tt-banner .banner-text .banner-sub-title {
		font-size: 13px;
	}

	.tt-banner .banner-text.tt-icon-top {
		width: 45%;
		right: 30px;
	}

	.tt-banner .banner-text .banner-title {
		margin: 0 0 15px;
	}
}

@media(max-width:991px) {
	.tt-banner .banner-text.tt-icon-left {
		left: 15px;
	}


	.tt-banner .banner-text.tt-icon-bottom.text-center .banner-title {
		font-size: 18px;
		line-height: 23px;
	}


	.product-trending .owl-carousel .owl-nav,
	.product-category .owl-carousel .owl-nav {
		margin: 0;
	}

	.tt-banner .banner-text .banner-sub-title {
		font-size: 12px;
	}

	.tt-banner .banner-text.tt-icon-top .banner-sub-title {
		margin: 0 0 5px;
	}

	.tt-banner .banner-text.tt-icon-top {
		width: 50%;
		right: 25px;
	}

	.tt-banner .banner-text.tt-icon-bottom {
		bottom: 15px;
	}
}

@media(max-width:767px) {
	.tt-banner {
		text-align: center;
	}

	.item .wpcat-content a .cat_name {
		font-size: 16px;
	}

	.tt-banner .banner-text .banner-sub-title {
		font-size: 11px;
	}

	.tt-banner .banner-tag {
		top: 15px;
		right: 10%;
	}
}

@media(max-width:575px) {
	.tt-banner .banner-text.tt-icon-left {
		left: 25px;
	}
}

@media(max-width:480px) {
	.tt-banner .banner-text.tt-icon-left {
		left: 15px;
	}

	.tt-banner .banner-tag a {
		font-size: 13px;
		line-height: 14px;
	}

	.page .site-main .vertical .tt-banner .banner-tag a {
		padding: 8px 10px;
	}

	.tt-banner .banner-text .banner-sub-title {
		font-size: 11px;
	}

	.tt-banner .banner-text.pizzahey-icon-top .banner-title {
		margin: 0 0 10px;
	}

	.tt-banner .banner-text.pizzahey-icon-right {
		right: 10px;
	}
}

/* --------------- End Banner block ------------------- */
/*---------------  Start Portfolio ------------------*/

@media(max-width:1366px) {

	.portfolio-grid.Portfolio-style-1 a,
	.portfolio-grid.Portfolio-style-2 a {
		margin: 0 0 28px 0;
	}
}

@media(max-width:991px) {

	.portfolio-grid.Portfolio-style-1 a span,
	.portfolio-grid.Portfolio-style-2 a span {
		font-size: 18px;
	}
}

@media(min-width:992px) {

	/* #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item::after,
	.header_style.site-header #site-navigation ul.nav-menu>li.menu-item::after {
		content: " ";
		position: absolute;
		top: 0;
		bottom: auto;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 48% 81%, 0 100%);
		background: #037158;
		opacity: 0;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
		z-index: -1;
	}

	#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item:hover:after,
	.header_style.site-header #site-navigation ul.nav-menu>li.menu-item:hover:after {
		opacity: 1;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
	}

	#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item::after {
		content: " ";
		position: absolute;
		top: 0;
		bottom: auto;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 48% 81%, 0 100%);
		background: #037158;
		opacity: 0;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
		display: block !important;
		transform: none;
	} */

	/* #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item:hover:after {
		opacity: 1;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
	} */

	/* .site-header ul li>a::after,
	header #mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item>a.mega-menu-link::before {
		content: "";
		position: absolute;
		width: 62%;
		height: 3px;
		background-color: #f4f2e0;
		top: auto;
		bottom: 13%;
		left: auto;
		transform: rotate(31deg);
		right: -7%;
		opacity: 0;
		visibility: hidden;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
	} */

	#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
		position: relative;
	}

	/* .site-header ul li>a::before,
	header #mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item>a.mega-menu-link::after {
		display: flex !important;
		content: "";
		position: absolute;
		width: 62%;
		height: 3px;
		background-color: #f4f2e0;
		top: auto;
		bottom: 13%;
		left: -7px;
		transform: rotate(-31deg);
		right: auto;
		opacity: 0;
		visibility: hidden;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
	} */

	/* .site-header ul li:hover>a::after,
	#mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu li.mega-menu-item a.mega-menu-link:hover::before,
	.site-header ul.nav-menu li.menu-item.menu-item-has-children:hover>a::after,
	#mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item>a.mega-menu-link:hover::before,
	#mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link::before,
	.site-header ul li:hover>a::before,
	#mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu li.mega-menu-item a.mega-menu-link:hover::after,
	.site-header ul.nav-menu li.menu-item.menu-item-has-children:hover>a::before,
	#mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item>a.mega-menu-link:hover::after,
	#mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link::after {
		opacity: 1;
		visibility: visible;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
	} */
	.site-header ul li:hover>a::after,
	#mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu li.mega-menu-item a.mega-menu-link:hover::before,
	.site-header ul.nav-menu li.menu-item.menu-item-has-children:hover>a::after,
	#mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item>a.mega-menu-link:hover::before,
	#mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link::before {
		width: 100%;
		left: 0;
		right: auto;
	}

	.site-header ul li>a::after,
	header #mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item>a.mega-menu-link::before {
		-webkit-transition: all .4s ease-in-out 0s;
		-moz-transition: all .4s ease-in-out 0s;
		-ms-transition: all .4s ease-in-out 0s;
		-o-transition: all .4s ease-in-out 0s;
		transition: all .4s ease-in-out 0s;
		z-index: -1;
		content: '';
		height: 100%;
		width: 0;
		position: absolute;
		/* width: 0; */
		top: 0;
		bottom: 0;
		background-color: var(--primary-color);
		left: auto;
		right: 0;
		margin: auto;
	}
}

@media(max-width:767px) {

	.portfolio-grid.Portfolio-style-1 a span,
	.portfolio-grid.Portfolio-style-2 a span {
		font-size: 16px;
	}
}

/*---------------  End Portfolio ------------------*/

/* --------------- Start owl block ---------------- */

@media(min-width:992px) {
	.owl-carousel .owl-nav {
		opacity: 0;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
	}

	.owl-carousel:hover .owl-nav {
		opacity: 1;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
	}
}

/* --------------- End owl block ---------------- */


/* -------------- Start Video block --------------- */

@media(max-width:1400px) {
	.tt-banner .banner-text .banner-title {
		margin: 0 0 20px;
	}

	.tt-banner .banner-text.tt-icon-top.text-center .banner-title {
		margin: 0 0 15px;
	}

	.youtube-popup .play-button {
		width: 66px;
		height: 66px;
	}
}

@media(max-width:1199px) {
	.youtube-popup .play-button {
		width: 58px;
		height: 58px;
	}
}

@media(max-width:991px) {
	.youtube-popup .play-button {
		width: 50px;
		height: 50px;
	}
}

@media(max-width:900px) {}

@media(max-width:767px) {
	.youtube-popup .play-button {
		width: 40px;
		height: 40px;
	}
}


@media(max-width:480px) {
	.youtube-popup .play-button {
		width: 30px;
		height: 30px;
	}
}

/* -------------- End Video block --------------- */

/* -------------- Start text carousel block --------------- */

@media(max-width:1400px) {
	.text-carousel .swiper-slide p {
		font-size: 30px;
		line-height: 40px;
	}
}

@media(max-width:1199px) {
	.text-carousel .swiper-slide p {
		font-size: 27px;
		line-height: 35px;
	}
}

/* -------------- End text carousel block --------------- */

@media(max-width: 1400px) {
	.tt-banner .banner-text.tt-icon-bottom.text-start .banner-title {
		margin: 0 0 25px;
	}
}


/* --------------- start deal of the day ------------------- */

@media(max-width: 991px) {
	.special-navigation {
		opacity: 1;
	}

	.tt-banner .banner-text.tt-icon-bottom.text-start .banner-title {
		margin: 0 0 20px;
	}

	.tt-banner .banner-text.tt-icon-right.text-end {
		right: 20px;
		top: 20px;
	}

}

@media(max-width: 700px) {
	.special-navigation {
		margin: 10px 0 0;
	}
}

@media(max-width: 480px) {
	.special-navigation .swiper-button {
		margin: 0 5px;
	}


	.special-navigation .swiper-button>svg {
		width: 18px;
		height: 18px;
	}
}

/* --------------- End deal of the day ------------------- */

@keyframes loading {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media(min-width: 1200px) {
	.search-results.active ul {
		overflow: auto;
		height: 530px;
		scrollbar-width: thin;
	}
}

@media(min-width: 320px) {
	.search-results.active ul {
		overflow: auto;
		height: 530px;
		scrollbar-width: thin;
	}

	.search-results.active {
		padding: 0;
	}
}

@media(max-width: 1400px) {
	.product-title .subtitle-wrap {
		width: auto;
		margin: auto;
		margin-top: 0px;
	}
}

@media(max-width: 1199px) {
	.product-data .product-price {
		top: 10px;
	}

	.product-data h3 {
		font-size: 20px;
		margin: 0 0 15px;
	}

	.tt-banner .banner-text.tt-icon-top.text-start {
		top: 30px;
		width: 45%;
	}

	.tt-banner .banner-text a.banner-button {
		padding: 10px 16px;
		font-size: 12px;
	}

	.tt-banner .banner-text.tt-icon-center.text-center .banner-title {
		margin: 0 0 15px 0;
	}
}

@media(max-width: 991px) {

	.search-results .product-data .product-sku,
	.search-results .product-data .product-categories {
		display: none;
	}

	.tt-banner .banner-text .banner-title {
		margin: 0px 0 10px;
	}

	.tt-banner .banner-text.tt-icon-top.text-center {
		top: 20px;
	}

	.page .site-main .vertical .tt-banner .banner-tag a {
		padding: 12px 10px;
	}

}

@media(max-width: 767px) {
	.search-results.active .product-image {
		width: 20%;
		max-width: 20%;
	}


	.search-results.active ul li {
		width: 100%;
	}

	.product-search .product-search-form .product-search-form input,
	.product-search .search-wrapper input {
		font-size: 18px;
	}

	.product-data h3 {
		margin: 0 0 12px;
	}
}

@media(max-width: 575px) {
	.product-data h3 {
		font-size: 16px;
		margin: 0 0 8px;
	}

	.tt-banner .banner-text.tt-icon-top.text-center {
		top: 20px;
	}

	.search-results .product-data .product-sku,
	.search-results .product-data .product-categories {
		font-size: 13px;
		float: left;
		width: 100%;
	}

	.search-results.active ul li {
		padding: 0;
	}

	.search-results.active .product-data {
		padding-left: 15px;
	}

	.product-data .product-price,
	.product-data .product-stock {
		position: static;
	}

	.product-data .product-stock {
		font-size: 12px;
		margin: 10px 0 0;
	}

	.product-data .product-price {
		margin: 0 0 5px;
		float: left;
		width: 100%;
	}
}

@media(max-width: 480px) {
	.search-results.active .product-image {
		width: auto;
		max-width: 100%;
	}

	.tt-banner .banner-text.tt-icon-top.text-start {
		top: 15px;
		width: 50%;
	}

	.tt-banner .banner-text.tt-icon-center.text-center .button-banner-wrap {
		display: none;
	}

	.search-results.active .product-data {
		width: 60%;
	}
}

@media(max-width: 360px) {
	.tt-banner .banner-text.tt-icon-center.text-center .banner-title {
		font-size: 18px;
		line-height: 20px;
		margin: 0;
	}

	.tt-banner .banner-text.tt-icon-center.text-center .button-banner-wrap {
		display: none;
	}

	.tt-banner .banner-text.tt-icon-center.text-center .banner-title {
		font-size: 19px;
		line-height: 20px;
		margin: 0;
	}

	.tt-banner .banner-text.tt-icon-right.text-end {
		width: 48%;
		right: 25px;
	}
}