/** TT Extension Media CSS */
/* ----------------------- Start Section Title --------------------- */
@media(max-width:1500px) {
	.tt-section-sab {
		font-size: 14px;
   }
	.section-heading{
		font-size: 44px;
   }
}
@media(max-width:1400px) {
	.section-heading{
		font-size: 40px;
   }
	.tt-section-title{
		gap: 20px;
   }
}
@media(max-width:1199px) {
	.section-heading{
		font-size: 38px;
		gap: 20px;
   }
	.tt-section-title p {
		font-size: 14px;
   }
	.section-img {
		margin: 0 0 15px;
   }
}
@media(max-width:991px) {
	.text-img .section-heading img{
		display: none;
	}
	.section-heading{
		font-size: 34px;
   }
	.tt-section-title p {
		text-overflow: ellipsis;
		overflow: hidden;
   }
	.product .price del .woocommerce-Price-amount.amount bdi {
		font-size: 14px;
   }
	footer .main-footer .footer-01 .widget_text {
		margin: 15px 0 30px 0;
   }
}
@media(max-width:767px) {
	.section-heading{
		font-size: 30px;
   }
}
@media(max-width:575px) {
	.section-heading{
		font-size: 26px;
		max-width: 360px;
   }
	.section-img {
		margin: 0 0 10px;
   }
	.tt-section-title{
		gap: 15px;
   }
	#rev_slider_1_1_wrapper .hephaistos.tparrows {
		display: none !important;
   }
}
@media(max-width:480px) {
	.tt-section-title{
		gap: 8px;
   }
	.section-heading{
		font-size: 22px;
		max-width: auto;
   }
}
/* ----------------------- End Section Title --------------------- */
@media(max-width:991px) {
	.tt-banner .banner-text.tt-icon-center.text-center .banner-title {
		margin: 0;
   }
}
@media(max-width:767px) {
	.category-url.cat-img-0 img {
		max-height: 200px;
		max-width: 150px;
   }
	.category-url.cat-img-1 img {
		max-width: 100px;
   }
	.hotspot-button {
		height: 25px;
		width: 25px;
   }
}
/* --------------- Start Banner block ------------------- */
@media(max-width:1400px) {
	.tt-banner .banner-text .banner-sub-title {
		font-size: 15px;
		margin: 0 0 5px;
   }
	.vertical .tt-banner .banner-text.tt-icon-left {
		left: 20px;
   }
	.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: 26px;
		line-height: 35px;
		width: 100%;
   }
	.banner-02 .tt-section-title .tt-section-sab {
		font-size: 14px;
   }
	.tt-banner .banner-text .button-banner-wrap {
		margin: 10px 0 0;
   }
	.tt-banner .banner-text.tt-icon-top.text-start {
		top: 20px;
		left: 30px;
   }
}
@media(max-width:1199px) {
	.tt-banner .banner-text.tt-icon-left {
		width: 42%;
		left: 30px;
   }
	.tt-banner .banner-text .banner-title {
		font-size: 23px;
		line-height: 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.tt-icon-bottom {
		width: 65%;
   }
	.tt-banner .banner-text .banner-title {
		margin: 0 0 15px;
   }
}
@media(max-width:991px) {
	.tt-banner .banner-text.tt-icon-left {
		width: 48%;
		left: 20px;
   }
	.tt-banner .banner-tag a {
		padding: 10px 13px;
		font-size: 14px;
		line-height: 16px;
   }
	.tt-banner .banner-text .banner-title {
		font-size: 20px;
		line-height: 25px;
   }
	.tt-banner .banner-text .button-banner {
		height: 55px;
		width: 55px;
   }
	.tt-banner .banner-text .button-banner-wrap {
		margin: 5px 0 0;
   }
	.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: 25px;
   }
}
@media(max-width:767px) {
	.tt-banner {
		text-align: center;
   }
	.item .wpcat-content a .cat_name {
		font-size: 16px;
   }
	.tt-banner .banner-text.tt-icon-left {
		width: 50%;
   }
	.tt-banner .banner-text .banner-sub-title {
		font-size: 11px;
   }
	.tt-banner .banner-text.tt-icon-top, .tt-banner .banner-text.tt-icon-bottom {
		width: 60%;
   }
	.tt-banner .banner-tag {
		top: 15px;
		right: 10%;
   }
}
@media(max-width:575px) {
	.tt-banner .banner-text.tt-icon-left {
		width: 35%;
   }
	.tt-banner .banner-text .banner-title {
		font-size: 24px;
		line-height: 30px;
   }
	.tt-banner .banner-text.tt-icon-left {
		left: 25px;
		width: 35%;
   }
	.tt-banner .banner-text.tt-icon-top, .tt-banner .banner-text.tt-icon-bottom {
		width: 40%;
   }
}
@media(max-width:480px) {
	.tt-banner .banner-text.tt-icon-left {
		left: 15px;
		width: 45%;
   }
	.tt-banner .banner-tag a {
		font-size: 13px;
		line-height: 14px;
   }
	.vertical .tt-banner .banner-text.tt-icon-left {
		left: 0;
   }
	.vertical .tt-banner .banner-text.tt-icon-left.text-start .banner-title {
		margin: 0 0 0 5px;
   }
	.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.mitti-icon-top .banner-title {
		margin: 0 0 10px;
   }
	.tt-banner .banner-text.mitti-icon-right {
		right: 10px;
   }
}
/* --------------- End Banner block ------------------- */
/*---------------- Start Service Block -------------- */
@media(max-width:480px) {
	.tt-feature-box {
		margin: 20px 0;
   }
	.tt-feature-box .tt-feature-box-containt p {
		font-size: 13px;
   }
}
/*---------------- End Service Block -------------- */
/* ---------------- Start testimonial block ------------- */
@media(max-width:1400px) {
	.tt-testimonial {
		margin: 50px 0;
   }
	.testimonial-wrap .testimonial-info-wrapper .testimonial-info {
		margin: 0 0 20px;
   }
	.testimonial-section::before {
		width: 100px;
		height: 100px;
		font-size: 27px;
   }
}
@media(max-width:991px) {
	.testimonial-wrap .testimonial-info-wrapper .testimonial-title {
		font-size: 24px;
		margin: 0 0 10px;
   }
	.testimonial-wrap .testimonial-info-wrapper {
		padding: 0;
   }
	.testimonial-wrap .testimonial-info-wrapper .testimonial-details {
		margin: 0 0 15px;
   }
	.tt-testimonial.owl-carousel .owl-dots, .tt-testimonial.owl-carousel .owl-nav button {
		bottom: 0;
   }
}
@media(max-width:767px) {
	.testimonial-wrap {
		flex-direction: column-reverse;
   }
	.testimonial-img {
		margin: 0 0 20px;
   }
	.tt-testimonial {
		margin: 40px 0;
   }
}
@media(max-width:575px) {
	.tt-testimonial {
		margin: 30px 0 40px;
   }
}
/* ---------------- End testimonial block ------------- */
/*------------- Start Banner Timer ------------------*/
@media(max-width:1400px) {
	.banner-timer .timer-head {
		font-size: 46px;
		line-height: 58px;
   }
	.tt-banner .banner-text.tt-icon-top.text-center {
		width: 80%;
   }
	.banner-timer .timer-date {
		display: flex;
		margin: 15px 0;
   }
	.banner-timer .timer-datetime {
		font-size: 30px;
   }
	.special-timer .banner-timer {
		width: 100%;
   }
}
@media(max-width:1199px) {
	.banner-timer .timer-head {
		font-size: 40px;
		line-height: 45px;
		margin: 10px 0 15px 0;
   }
	.banner-timer .timer-datetime {
		font-size: 27px;
		margin: 15px 0 0;
   }
	.banner-timer .timer-content {
		font-size: 14px;
   }
	.page .banner-timer .timer-button {
		font-size: 14px;
		margin: 20px 0 0;
		padding: 11px 28px;
   }
}
@media(max-width:991px) {
	.banner-timer .timer-content {
		margin: 10px 0 0;
   }
	.page .banner-timer .timer-button {
		padding: 7px 20px;
		margin: 15px 0 0;
   }
	.banner-timer .timer-date>div .text {
		font-size: 12px;
   }
	.banner-timer .timer-date>div p {
		font-size: 25px;
		line-height: 30px;
		margin: 0 20px;
   }
	.banner-timer .timer-date>div::after, .banner-timer .timer-date>div::after {
		font-size: 24px;
		line-height: 39px;
   }
	.banner-timer .timer-head {
		font-size: 32px;
		line-height: 40px;
   }
	.banner-timer .timer-datetime {
		font-size: 25px;
		letter-spacing: 4px;
		margin: 12px 0 0;
   }
	.banner-timer .timer-content {
		font-size: 13px;
   }
}
@media(max-width:767px) {
	.banner-timer {
		width: 80%;
   }
	.banner-timer .timer-date>div::after, .banner-timer .timer-date>div::after {
		font-size: 21px;
		line-height: 14px;
   }
	.banner .elementor-container {
		padding: 0 0 8px 0;
   }
	.banner-timer .timer-date {
		margin: 0;
   }
	.banner-timer .timer-head {
		font-size: 26px;
		line-height: 36px;
   }
	.banner-timer .timer-datetime {
		font-size: 20px;
		letter-spacing: 3px;
		margin: 8px 0 0;
   }
	.banner-timer .timer-date>div:last-child .text {
		padding: 0;
   }
	.banner-timer .timer-date>div p {
		margin: 0 15px;
   }
	.banner-timer .timer-date>div .text, .banner-timer .timer-date>div:first-child .text {
		padding: 0;
   }
	.banner-timer .timer-head {
		font-size: 25px;
		line-height: 31px;
   }
	.banner-timer .timer-content {
		font-size: 12px;
		margin: 10px 0 0;
   }
}
@media(max-width:480px) {
	.banner-timer .timer-head {
		font-size: 22px;
		line-height: 32px;
   }
	.banner-timer .timer-content {
		margin: 15px 0 0;
		font-size: 14px;
   }
	.banner-timer {
		width: 85%;
   }
}
/*------------- End Banner Timer ------------------*/
/* --------------- 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-video .swiper-js-container .swiper-slide {
		font-size: 110px;
		line-height: 140px;
   }
	.tt-video .youtube-popup {
		width: 80px;
		height: 80px;
   }
	.youtube-popup .play-button {
		width: 66px;
		height: 66px;
   }
	.tt-video .youtube-popup svg {
		font-size: 22px;
   }
}
@media(max-width:1199px) {
	.tt-video .swiper-js-container .swiper-slide {
		font-size: 85px;
		line-height: 110px;
   }
	.tt-video .youtube-popup {
		width: 70px;
		height: 70px;
   }
	.youtube-popup .play-button {
		width: 58px;
		height: 58px;
   }
	.tt-video .youtube-popup svg {
		font-size: 20px;
   }
	.tt-banner .banner-text.tt-icon-top.text-center {
		width: 85%;
   }
	.banner_03_hm02 .tt-banner .banner-text.tt-icon-top.text-center {
		width: 60%;
   }
}
@media(max-width:991px) {
	.tt-video .youtube-popup {
		width: 60px;
		height: 60px;
   }
	.banner-timer .timer-date {
		margin: 0;
   }
	.youtube-popup .play-button {
		width: 50px;
		height: 50px;
   }
	.tt-video .youtube-popup svg {
		font-size: 18px;
   }
}
@media(max-width:900px) {
	.tt-video .swiper-js-container .swiper-slide {
		font-size: 65px;
		line-height: 90px;
   }
}
@media(max-width:767px) {
	.tt-video .youtube-popup {
		width: 50px;
		height: 50px;
	   /* bottom: 14%;
		*/
   }
	.youtube-popup .play-button {
		width: 40px;
		height: 40px;
   }
	.tt-video .youtube-popup svg {
		font-size: 14px;
   }
}
@media(max-width:700px) {
	.tt-video .swiper-js-container .swiper-slide {
		font-size: 45px;
		line-height: 60px;
   }
}
@media(max-width:575px) {
.video-static{
	position: static !important;
}
}
@media(max-width:480px) {
	.tt-video .swiper-js-container .swiper-slide {
		font-size: 28px;
		line-height: 40px;
   }
	.tt-video .youtube-popup {
		width: 38px;
		height: 38px;
	   /* bottom: 11%;
		*/
   }
	.youtube-popup .play-button {
		width: 30px;
		height: 30px;
   }
	.tt-video .youtube-popup svg {
		font-size: 10px;
   }
}
/* -------------- End Video block --------------- */
/* --------------- start deal of the day ------------------- */
@media(max-width: 991px) {
	.special-navigation {
		opacity: 1;
   }
}
@media(max-width: 700px) {
	.special-navigation {
		margin: 10px 0 0;
   }
	.special-timer .banner-timer {
		padding: 0 20px;
   }
}
@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 ------------------- */
/* --------------- Start Hotspot block ------------------- */
@media(max-width: 767px) {
	.image-hotspot-wrapper {
		display: flex;
		justify-content: center;
   }
}
/* --------------- End Hotspot block ------------------- */
@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) {
	.testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
		width: 80%;
   }
}
@media(max-width: 1199px) {
	.product-data .product-price {
		top: 10px;
   }
	.product-data h3 {
		font-size: 20px;
		margin: 0 0 15px;
   }
	.testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
		font-size: 15px;
   }
}
@media(max-width: 991px) {
	.testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
		width: 95%;
   }
	.search-results .product-data .product-sku, .search-results .product-data .product-categories {
		display: none;
   }
	.tt-banner .banner-text.tt-icon-top.text-start {
		top: 10px;
		left: 20px;
   }
	.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: 25%;
		max-width: 25%;
   }
	.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;
   }
	.tt-banner .banner-text.tt-icon-top.text-center {
		width: 90%;
   }
	.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%;
   }
	.search-results.active .product-data {
		width: 60%;
   }
	.tt-banner .banner-text.tt-icon-top.text-start {
		top: 20px;
		bottom: auto;
		width: 63%;
		left: 20px;
		right: auto;
		margin: auto;
   }
	.vertical .tt-banner .banner-text.tt-icon-left {
		width: 50%;
   }
}
@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;
   }
}
@media (min-width: 992px) {
   /* Bootstrap 'lg' starts at 992px */
	.position-lg-absolute {
		position: absolute !important;
		left: 0;
   }
}
@media (max-width: 991px) {
	.title-wrap .product-title{
		gap: 3px;
	}
	.product-title p.title_description{
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.product-title .subtitle-wrap{
		display: none;
	}
}

/* MARQUEE */

@media (max-width: 991px) {
	.nav-ticker p{
		font-size: 22px;
		padding: 14px 35px 10px;
	}
	.img-marquee .nav-ticker{
		padding: 0 40px;
	}
}
@media (max-width: 767px) {
	.nav-ticker p{
		font-size: 20px;
	}
	.img-marquee .nav-ticker{
		padding: 0 30px;
	}
}
@media (max-width: 575px) {
	.nav-ticker p{
		font-size: 18px;
	}
	.img-marquee .nav-ticker{
		padding: 0 15px;
	}
}

/* MAIN SLIDER */
@media (max-width: 1400px) {
	.main-slider .tt-slider-box-title{
		font-size: 44px;
	}
	.main-slider .tt-slider-box-containt{
		padding: 40px;
	}
}
@media (max-width: 1400px) {
	.main-slider .tt-slider-box-title{
		margin-bottom: 20px;
	}
	.main-slider .tt-slider-box-containt{
		display: block;
	}
	.main-slider .tt-slider-box-containt{
		padding: 35px;
	}
}
@media (max-width: 575px) {
	.main-slider .tt-slider-box-title{
		font-size: 40px;
		margin-bottom: 15px;
		max-width: 350px;
	}
}
@media (max-width: 480px) {
	.main-slider .tt-slider-box-title{
		font-size: 30px;
		margin-bottom: 10px;
	}
	.main-slider .tt-slider-box-containt{
		padding: 15px;
	}
}

/* Blog By Cat */
@media (max-width: 991px) {
	.blog-by-category .tt-post-wrapper {
		margin-bottom: 25px;
	}
}
@media (max-width: 575px) {
	.blog-by-category .tt-post-wrapper {
		margin-bottom: 20px;
	}
}

/* Blog cat 2 */
@media (max-width: 480px) {
	.blog-category.style-2 .wpcat-img-box{
		width: 105px;
		height: 105px;
	}
}

/* recent blog style 4 */
@media (max-width: 991px) {
	.recent-blog.blog-style-4 .inner-box {
		padding: 0;
	}
	.recent-blog.blog-style-4 .tt-post-wrapper.grid-item{
		padding: 0 12px;
	}
}
/* Blog By Category 2*/
@media (max-width: 991px) {
	.blog-by-category.style-2 .tt-post-wrapper{
		padding: 10px 20px;
		gap: 10px;
	}
	.blog-by-category.style-2 .tt-post-details .tt-post-title h6{
		font-size: 18px;
	}
	.blog-by-category.style-2 .blogs{
		padding-bottom: 10px;
	}
	.blog-by-category.style-2 .cat-img{
		margin-bottom: 10px;
	}
	.blog-by-category.style-2 .tt-post-wrapper div.tt-post-more{
		display: none;
	}
}
@media (max-width: 480px) {
	.blog-by-category.style-2 .cat-img .cat-name span{
		padding: 0;
		margin: 0 12px;
	}
	.blog-by-category.style-2 .cat-img .cat-name{
		font-size: 20px;
	}
	.blog-by-category.style-2 .tt-post-details .tt-post-title h6{
		font-size: 16px;
	}
	.blog-by-category.style-2 .tt-post-wrapper{
		padding: 5px 10px;
	}
	.blog-by-category.style-2 .blogs{
		padding-bottom: 5px;
	}
	.blog-by-category.style-2 .cat-img{
		margin-bottom: 5px;
	}
}

/* BLOG BY cat 3 */
@media(max-width:767px) {
	.blogBy-category-wrap.style-3>div{
		padding: 0 12px;
   }
	.blogBy-category-wrap.style-3>div.blogBy-category-wrap{
		margin: -12px 0;
   }
	.blog-by-category .blogBy-category-wrap.style-3 .blogBy-category-wrap .box{
		padding: 12px;
   }
}
@media(max-width:575px) {
	.blogBy-category-wrap.style-3>div{
		padding: 0;
   }
	.blogBy-category-wrap.style-3>div.blogBy-category-wrap{
		margin: 0;
   }
	.blog-by-category .blogBy-category-wrap.style-3 .blogBy-category-wrap .box{
		padding: 0;
   }
	.blog-by-category.style-4 .blogs.style-4>div{
		padding: 0;
   }
	.blog-section.recent-blog.blog-style-3 .tt-post-wrapper,
	.recent-blog .tt-post-wrapper .tt-post-details ,
	.blog-by-category.style-4 .tt-post-wrapper .tt-post-details{
		margin-bottom: 15px;
   }
}

@media(max-width:1740px) {
	.Portfolio-style-1 a span, .Portfolio-style-2 a span{
		font-size: 26px;
	}
}
@media(max-width:1400px) {
	.Portfolio-style-1 a span, .Portfolio-style-2 a span{
		font-size: 24px;
	}
}
@media(max-width:991px) {
	.Portfolio-style-1 a span, .Portfolio-style-2 a span{
		font-size: 22px;
	}
}
@media(max-width:480px) {
	.Portfolio-style-1 .tt-portfolio-thumbnail a{
		padding: 15px;
	}
	.Portfolio-style-1 a span, .Portfolio-style-2 a span{
		font-size: 20px;
		padding: 15px 0 0 0;
	}
	.Portfolio-style-1 .tt-portfolio-thumbnail, .Portfolio-style-2 .tt-portfolio-thumbnail{
		margin: 0 0 30px 0;
	}
}