/**
	TT Extension Media CSS
*/

/* ----------------------- Start Section Title --------------------- */


@media(max-width:1400px) {


	.service-sec .section-ser-title .tt-section-title p {
		margin: 10px 0;
	}

	.section-heading,
	.up-sells h3,
	.single-product .recent-product .product-section-title,
	.related.products h3 {
		font-size: 34px;
		line-height: 38px;
	}

}


@media(max-width:991px) {

	.section-heading,
	.up-sells h3,
	.single-product .recent-product .product-section-title,
	.related.products h3 {
		font-size: 28px;
		line-height: 36px;
		margin: 0 auto 20px;
	}

	.home .section-heading {
		margin: 0 auto 15px;
	}

	.tt-section-sab {
		font-size: 14px;
		line-height: 18px;
		margin: 0px 0 6px;
	}

	.banner .e-con-inner {
		flex-wrap: nowrap !important;
		overflow-y: hidden;
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.banner .e-con-inner .elementor-element {
		flex: 0 0 auto;
		padding-bottom: 4px;
	}

	.tt-section-title p {
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		font-size: 15px;
		line-height: 16px;
	}

	.portfolio_02 .tt-section-title p {
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 8;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}

	.product .price del .woocommerce-Price-amount.amount bdi {
		font-size: 14px;
	}


	.service-sec .section-ser-title .section-heading {
		margin: 10px auto 5px auto;
	}

}

@media(max-width:767px) {


	.tt-section-title {
		width: 100%;
		margin: 0 0 15px;
	}


	.tt-section-title p {
		font-size: 14px;
		line-height: 18px;
	}
}

@media(max-width:575px) {
	.section-img.tag-top img {
		width: 50px;
	}

	.section-img.tag-top {
		margin: 0px 0 12px 0;
	}

	.tt-section-title {
		margin: 0 0 10px;
	}

	.section-heading,
	.up-sells h3,
	.single-product .recent-product .product-section-title,
	.related.products h3 {
		font-size: 24px;
		line-height: 30px;
		margin: 0 auto 20px;
	}

	.home .section-heading {
		margin: 0 auto 8px;
	}

	#rev_slider_1_1_wrapper .hephaistos.tparrows {
		display: none !important;
	}

	.product_catagories .section-heading,
	.trending-product .section-heading {
		margin: 0 0 10px;
	}
}

@media(max-width:480px) {

	.new-product-title .tt-section-title,
	.featured-product-title .tt-section-title {
		margin: 0;
	}
}

@media(max-width:320px) {}

/* ----------------------- End Section Title --------------------- */

/* --------------- Start Banner block ------------------- */
@media(max-width:1400px) {}

@media(max-width:1199px) {
	.tt-banner .banner-text .banner-sub-title {
		font-size: 16px;
		line-height: 20px;
	}

	.tt-banner .banner-text .banner-title {
		font-size: 28px;
		line-height: 34px;
		margin: 0 0 10px;
	}

	.tt-banner .banner-text a.banner-button {
		padding: 10px 20px;
		font-size: 13px;
		line-height: 16px;
	}

	.tt-banner .banner-text.tt-icon-right {
		width: 35%;
		right: 50px;
	}
}

@media(max-width:991px) {
	.tt-banner .banner-text .banner-sub-title {
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 6px;
	}

	.tt-banner .banner-text .banner-title {
		font-size: 22px;
		line-height: 28px;
		margin: 0 0 10px;
	}

	.tt-banner .banner-text a.banner-button {
		padding: 8px 16px;
		font-size: 12px;
		line-height: 14px;
	}
}

@media(max-width:767px) {
	.tt-banner .banner-text.tt-icon-right {
		width: 31%;
		right: 15%;
	}
}


@media(max-width:575px) {
	.tt-banner .banner-text.tt-icon-right {
		width: 31%;
		right: 15%;
	}
}

@media(max-width:480px) {
	.tt-banner .banner-text.tt-icon-right {
		width: 34%;
	}
}

@media(max-width:400px) {
	.tt-banner .banner-text.tt-icon-right {
		width: 40%;
		right: 11%;
	}
	.tt-banner .banner-text .banner-sub-title {
		display: none;
	}

	.tt-banner .banner-text .banner-title {
		font-size: 18px;
		line-height: 22px;
	}
}

@media(max-width:320px) {}

/* --------------- End Banner block ------------------- */

/*---------------- Start Service Block -------------- */


@media(max-width:1400px) {
	.tt-feature-box-containt h4 {
		font-size: 24px;
		line-height: 30px;
	}

	.tt-feature-box .tt-feature-box-containt p {
		font-size: 14px;
		line-height: 20px;
	}

	.service-block .tt-feature-box-icon {
		width: 100px;
		height: 100px;
	}

	.tt-feature-box.tt-icon-left .tt-feature-box-containt {
		padding: 0 0 0 20px;
	}

	.service-block.service-grid .service-box-inner::after {
		left: 50px;
	}
}

@media(max-width:1199px) {

	.tt-feature-box-containt h4 {
		font-size: 18px;
		line-height: 20px;
	}
}

@media(max-width:991px) {
	.service-block .tt-feature-box-icon {
		width: 85px;
		height: 85px;
	}

	.tt-feature-box .tt-feature-box-icon img {
		width: 50px;
	}

	.tt-feature-box .tt-feature-box-containt p {
		font-size: 13px;
		line-height: 18px;
	}

	.service-block.service-grid .service-box-inner {
		padding: 0 0 40px;
	}

	.service-block.service-grid .service-box-inner::after {
		left: 42px;
		height: 22px;
		bottom: 8px;
	}
}

@media(max-width:767px) {}


@media(max-width:575px) {
	.tt-feature-box.tt-icon-left .tt-feature-box-containt {
		padding: 0 0 0 15px;
	}
}

@media(max-width:480px) {
	.service-block .tt-feature-box-icon {
		width: 70px;
		height: 70px;
	}

	.tt-feature-box .tt-feature-box-containt .tt-feature-box-title {
		margin: 0 0 6px;
	}

	.tt-feature-box .tt-feature-box-icon img {
		width: 40px;
	}

	.tt-feature-box .tt-feature-box-containt p {
		width: 100%;
		font-size: 12px;
		line-height: 18px;
	}

	.tt-feature-box.tt-icon-left .tt-feature-box-containt {
		padding: 0 0 0 10px;
	}

	.service-block.service-grid .service-box-inner::after {
		left: 35px;
	}
}

@media(max-width:400px) {
	.tt-feature-box-containt h4 {
		font-size: 15px;
		line-height: 17px;
	}
}

@media(max-width:320px) {}

/*---------------- End Service Block -------------- */

/*---------------  Start Portfolio ------------------*/


@media(max-width:991px) {

	.portfolio-grid.Portfolio-style-1 a span,
	.portfolio-grid.Portfolio-style-2 a span {
		font-size: 18px;
		line-height: 22px;
	}
}

@media(max-width:991px) {


	.product-layout-morden .product .cart-wrap a {
		padding: 8px 0;
		font-size: 14px;
	}

	.category-style1.center_class .cat_desc {
		padding: 0;
	}

	.product-category.category-style1.center_class .swiper-slide.swiper-slide-active {
		margin: 80px 0 0;
	}

	.product-category.category-style1.center_class .swiper-slide:not(.product-category.category-style1.center_class.category-grid .swiper-slide, .cat-06 .product-category.category-style1 .swiper-slide) {
		margin: 0 0 80px;
	}

}

@media(max-width:767px) {

	.portfolio-grid.Portfolio-style-1 a span,
	.portfolio-grid.Portfolio-style-2 a span {
		font-size: 18px;
	}
}

@media(max-width:575px) {

	.portfolio-grid.Portfolio-style-1 a span {
		padding: 12px 0 0 0;
	}

	.Portfolio-style-1 .tt-portfolio-thumbnail a {
		padding: 15px;
	}
}

/*---------------  End Portfolio ------------------*/

/* ---------------- Start testimonial block ------------- */
@media(max-width:1600px) {
	.testimonial-before {
		width: 380px;
		height: 320px;
		left: -52px;
	}

	.testimonial-after {
		width: 290px;
		height: 300px;
	}
}

@media(max-width:1500px) {
	.testimonial-before {
		width: 230px;
		height: 290px;
		left: -70px;
	}

	.testimonial-after {
		width: 280px;
		height: 255px;
		top: -47px;
	}
}

@media(max-width:1400px) {}


@media(max-width:1199px) {
	.testimonial-before {
		width: 170px;
		height: 220px;
		left: -40px;

	}

	.testimonial-after {
		width: 190px;
		height: 165px;
		top: 50px;
		right: -75px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-details {
		padding: 12px 0px 12px 25px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
		font-size: 14px;
		line-height: 24px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author {
		font-size: 18px;
		line-height: 20px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-designation {
		font-size: 13px;
		line-height: 16px;
	}
}

@media(max-width:991px) {
	.testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
		font-size: 13px;
		line-height: 22px;
	}
}

@media(max-width:767px) {
	.testimonial-wrap .testimonial-info-wrapper {
		flex-direction: column;
	}

	.testimonial-info-wrapper .testimonial-autor {
		width: 100%;
		padding: 0;
		flex-direction: column;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-details {
		width: 100%;
		padding: 15px 0 0;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
		text-align: center;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-info {
		width: auto;
		padding: 10px 0 0;
		text-align: center;
	}

	.testimonial-info-wrapper .testimonial-autor::after {
		display: none;
	}

	.testimonial-section .swiper-pagination.swiper-pagination-bullets {
		margin: 30px 0 0 0;
	}
}

@media(max-width:575px) {
	.testimonial-before {
		width: 115px;
		height: 156px;
		left: -40px;
	}

	.testimonial-after {
		width: 125px;
		height: 124px;
		top: 15px;
		right: -30px;
	}

	.testimonial-section .swiper-pagination.swiper-pagination-bullets {
		margin: 20px 0 0 0;
	}
}

@media(max-width:320px) {}

/* ---------------- End testimonial block ------------- */


/* --------------- Start owl block ---------------- */

@media(min-width:1401px) {}

/* --------------- End owl block ---------------- */


/* -------------- Start Video block --------------- */

@media(max-width:1400px) {
	.tt-video .swiper-js-container .swiper-slide {
		font-size: 110px;
		line-height: 140px;
	}

}

@media(max-width:1199px) {
	.tt-video .swiper-js-container .swiper-slide {
		font-size: 85px;
		line-height: 110px;
	}

	.youtube-popup .play-button {
		width: 85px;
		height: 85px;
	}

	.youtube-popup .play-button::before {
		width: 85px;
		height: 85px;
	}

	.tt-video .youtube-popup svg {
		font-size: 24px;
	}
}

@media(max-width:991px) {
	.tt-video .youtube-popup {
		width: 60px;
		height: 60px;
	}


	.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) {
	.youtube-popup .play-button {
		width: 60px;
		height: 60px;
	}

	.youtube-popup .play-button::before {
		width: 60px;
		height: 60px;
	}

	.tt-video .youtube-popup svg {
		font-size: 17px;
	}
}

@media(max-width:700px) {
	.tt-video .swiper-js-container .swiper-slide {
		font-size: 45px;
		line-height: 60px;
	}
}

@media(max-width:480px) {
	.tt-video .swiper-js-container .swiper-slide {
		font-size: 28px;
		line-height: 40px;
	}


	.youtube-popup .play-button {
		width: 45px;
		height: 45px;
	}

	.youtube-popup .play-button::before {
		width: 45px;
		height: 45px;
	}

	.tt-video .youtube-popup svg {
		font-size: 13px;
	}
}

/* -------------- End Video block --------------- */

/* -------------- Start text carousel block --------------- */

@media(max-width:1650px) {
	.text-carousel .swiper-slide p {
		font-size: 74px;
		line-height: 100px;
	}

	.text-carousel .swiper-slide p::after {
		left: -14%;
		height: 45px;
		width: 45px;
	}
}

@media(max-width:1400px) {
	.text-carousel .swiper-slide p {
		font-size: 58px;
		line-height: 72px;
	}
}

@media(max-width:1199px) {
	.text-carousel .swiper-slide p {
		font-size: 56px;
		line-height: 72px;
	}

}

@media(max-width:991px) {
	.text-carousel .swiper-slide p {
		font-size: 48px;
		line-height: 60px;
	}

	.text-carousel .swiper-slide p::after {
		left: -12%;
		height: 30px;
		width: 30px;
		background-size: 25px;
	}
}

@media(max-width:767px) {
	.text-carousel .swiper-slide p {
		font-size: 44px;
		line-height: 56px;
	}
}

@media(max-width:480px) {
	.text-carousel .swiper-slide p {
		font-size: 32px;
		line-height: 40px;
	}
}

/* -------------- End text carousel block --------------- */

/* --------------- Start cms-block block ------------------- */

@media(max-width: 1400px) {
	.cms-content .tt-section-title .section-heading {
		font-size: 36px;
		line-height: 44px;
	}

	.cms-content .tt-section-title .subtitle-wrap .title_description {
		font-size: 14px;
		line-height: 22px;
	}

	.cms-content3 .tt-section-title .section-heading {
		font-size: 32px;
		line-height: 40px;
		margin: 0 0 18px;
	}

	.cms-content3 .tt-section-title .tt-section-sab {
		font-size: 16px;
		line-height: 18px;
	}
}

@media(max-width: 1199px) {
	.cms-content .tt-section-title .section-heading {
		font-size: 28px;
		line-height: 36px;
		margin: 0 0 10px;
	}

	.cms-content .tt-section-title .button-title-wrap .title-button.btn {
		font-size: 14px;
		line-height: 16px;
		padding: 10px 20px;
	}

	.cms-content .tt-section-title .subtitle-wrap .title_description {
		font-size: 13px;
		line-height: 22px;
		width: 100%;
		margin: 0 0 20px;
	}

	.cms-content3 .tt-section-title .tt-section-sab {
		font-size: 14px;
		line-height: 16px;
	}

	.cms-content3 .tt-section-title .section-heading {
		font-size: 24px;
		line-height: 34px;
		margin: 0px 0 12px;
	}

	.cms-content3 .elementor-widget-icon-list .elementor-icon-list-text {
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 6px;
	}
}

@media(max-width: 991px) {
	.cms-img {
		bottom: -80px;
	}
}

@media(max-width: 767px) {
	.cms-content .tt-section-title .section-heading {
		font-size: 22px;
		line-height: 30px;
		margin: 0 0 8px;
	}

	.elementor-element.cms-img {
		position: static;
	}
	.elementor-element.cms-content {
		width: 100%;
		margin: 0 0 15px;
	}

	.elementor-element.cms-content2 {
		width: 50%;
	}

	.elementor-element.cms-content3 {
		width: 40%;
	}

	.elementor-element.cms-content3 .tt-section-title {
		margin: 0;
	}

	.cms-content3 .tt-section-title .section-heading {
		font-size: 20px;
		line-height: 28px;
	}
}

@media(max-width: 480px) {
	.cms-content .tt-section-title .button-title-wrap .title-button.btn {
		font-size: 13px;
		line-height: 16px;
		padding: 8px 16px;
	}

	.cms-content .tt-section-title .subtitle-wrap .title_description {
		margin: 0px 0 10px;
	}

	.elementor-element.cms-content2 {
		width: 60%;
		margin: 0 0 20px;
	}

	.elementor-element.cms-content3 {
		width: 100%;
	}

	.cms-content3 .tt-section-title .section-heading {
		margin: 0px 0 10px;
	}

	.cms-content3 .tt-section-title .tt-section-sab {
		margin: 0 0 5px;
	}
}

@media(max-width: 320px) {}

/* --------------- End cms-block 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: 1199px) {
	.image-hotspot .hotspot-content {
		width: 150px;
	}
}

@media(max-width: 767px) {
	.image-hotspot-wrapper {
		display: flex;
		justify-content: center;
	}
}

/* --------------- End Hotspot block ------------------- */

/* start top search */
@keyframes loading {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


@media(max-width:1650px) {
	header .select-wrap {
		right: 16%;
	}
}

@media(max-width: 1400px) {
	.product-title .subtitle-wrap {
		width: auto;
		margin: auto;
	}

	.search-results.active ul li a {
		padding: 0px 0 15px;
		margin: 0 0 15px;
		min-height: 130px;
	}

	.search-results.active ul {
		overflow: auto;
		height: 465px;
		scrollbar-width: thin;
	}

	.search-fix .select-wrap {
		width: 155px;
		margin: 0;
	}

	header .select-wrap {
		right: 19%;
	}

	.search-icon .top-search .search-fix {
		padding: 60px 0 50px 0;
	}
}

@media(min-width: 1200px) {
	.search-results.active ul {
		overflow: auto;
		scrollbar-width: thin;
	}
}

@media(max-width: 1199px) {
	.search-icon .top-search .search-fix {
		padding: 50px 0 40px 0;
	}

	.product-data .product-price {
		top: 10px;
	}

	.product-data h3 {
		font-size: 20px;
		margin: 0 0 15px;
	}

	.search-results.active ul {
		height: 407px;
		overflow: auto;

	}

	.search-results.active .product-image {
		width: 20%;
		max-width: 20%;
	}

	.search-icon .top-search .search-form .search-title {
		font-size: 20px;
	}
}

@media(max-width: 991px) {
	.search-results.active ul li {
		padding: 0 10px;
	}

	.search-results .product-data .product-sku,
	.search-results .product-data .product-categories {
		display: none;
	}

	.search-icon .top-search .search-fix {
		padding: 40px 0 30px 0;
	}

	.search-results.active {
		padding: 0 0 0px;
	}

	.search-icon .top-search .search-form input {
		height: 60px;
	}

	.search-icon .top-search .search-form button[type="submit"] {
		right: 0;
		bottom: 0;
	}

	.search-results.active .product-image {
		width: 25%;
		max-width: 25%;
	}

	.search-results.active .product-data {
		width: 75%;
	}
}

@media (max-width: 767px) {
	.search-results.active .product-image {
		width: 20%;
		max-width: 20%;
	}

	.search-results.active .product-data h3 {
		font-size: 13px;
		line-height: 16px;
		margin: 0 0 6px;
	}

	.search-results.active ul li {
		width: 50%;
		padding: 0;
	}

	.product-search .product-search-form .product-search-form input,
	.product-search .search-wrapper input {
		font-size: 18px;
	}

	.product-data h3 {
		margin: 0 0 12px;
	}

	.slider-block .swiper-top .tt-slider-box-containt {
		width: 90%;

	}

	.product-data .product-price .regular-price {
		font-size: 16px;
	}

	.product-data .product-price .sale-price {
		font-size: 13px;
		line-height: 16px;
	}

	.search-results.active .product-data {
		padding: 0 0 0 15px;
		width: 70%;
	}

	.search-results.active .product-image {
		width: 30%;
		max-width: 30%;
	}

	.search-results.active ul li a {
		min-height: 112px;
	}

	.search-results.active ul {
		height: 375px;
	}

	.search-icon .top-search .search-form .search-title {
		font-size: 18px;
	}

	.product-search select {
		padding: 10px 25px 10px 20px;
		height: auto;
		font-size: 14px;
	}

	.select-wrap::after {
		right: 10px;
	}

	.search-icon .top-search .search-form input {
		height: 42px;
		font-size: 15px;
	}
}

@media (max-width: 575px) {
	.search-results.active {
		margin: 20px 0 0;
		padding: 0;
	}

	.search-results.active ul li a {
		padding: 0 0 20px;
		margin: 0px 0 20px;
	}

	.search-results.active ul {
		height: 360px;
	}

	.search-results.active ul li {
		width: 100%;
	}

	.product-data h3 {
		font-size: 16px;
		margin: 0 0 8px;
	}

	.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%;
	}

	.search-results.active .product-image {
		width: 22%;
	}

	.search-results.active .product-data {
		width: 78%;
	}
}

@media(max-width: 480px) {

	.search-results.active ul {
		height: 305px;
	}

	.search-icon .top-search .search-form .search-title {
		font-size: 16px;
	}

	.search-icon .top-search .search-form input {
		height: 40px;
		margin: 5px 0 0;
	}

	.search-icon .top-search .search-form button[type="submit"] {
		padding: 8px 0;
	}

	.search-icon .top-search .search-form button[type="submit"] svg {
		width: 20px;
		height: 20px;
	}

	.search-results.active ul li a {
		padding: 0 0 15px;
		margin: 0px 0 15px;
	}
}

@media(max-width: 360px) {
	.search-results.active ul {
		height: 350px;
	}

	.search-icon .top-search .search-fix {
		padding: 40px 0 20px;
	}

	.search-icon .top-search .search-form input {
		height: 35px;
	}

	.search-results.active .product-data {
		padding: 0 0 0 10px;
		width: 77%;
	}

	.search-results.active .product-image {
		width: 25%;
	}
}

/* end top search */