/** TT Extension Media CSS */
/* ----------------------- Start Section Title --------------------- */
 @media(max-width:1400px) {
     .tt-section-title.text-center p {
         font-size: 24px;
    }
}
 @media(max-width:1199px) {
     .tt-section-title p {
         font-size: 14px;
    }
     .tt-section-title.text-center p {
         font-size: 20px;
    }
}
 @media(max-width:991px) {
     .tt-section-title p {
         text-overflow: ellipsis;
         overflow: hidden;
    }
     .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;
    }
}
 @media(max-width:575px) {
     .tt-section-title.text-center p {
         font-size: 14px;
         width: 100%;
    }
     #rev_slider_1_1_wrapper .hephaistos.tparrows {
         display: none !important;
    }
}
/* ----------------------- End Section Title --------------------- */
/*-------------- Start Category Gallery ---------------*/
 @media(max-width:1400px) {
     .category-url.cat-img-0 img {
         max-height: 400px;
         max-width: 300px;
    }
     .category-url.cat-img-1 img {
         max-height: 250px;
    }
}
 @media(max-width:1199px) {
     .category-url.cat-img-0 img {
         max-height: 340px;
         max-width: 250px;
    }
     .category-url.cat-img-1 img {
         max-width: 160px;
    }
}
 @media(max-width:991px) {
     .tt-banner .banner-text.tt-icon-center.text-center .banner-title {
         margin: 0;
    }
    .hotspot-dot.dot-style1 h6{
        display: none;
    }
}
 @media(max-width:767px) {
     .category-url.cat-img-0 img {
         max-height: 200px;
         max-width: 150px;
    }
     .mc4wp-form .mc4wp-form-fields .news_letter button {
         width: 40px;
         height: 40px;
    }
     .category-url.cat-img-1 img {
         max-width: 100px;
    }
     .hotspot-button {
         height: 25px;
         width: 25px;
    }
}
 @media(max-width:575px) {
     .category-url.cat-img-0 img {
         max-height: 190px;
         max-width: 140px;
    }
     .category-url.cat-img-1 img {
         max-height: 125px;
         max-width: 90px;
    }
}
 @media(max-width:460px) {
     .category-url.cat-img-0 img {
         max-height: 130px;
         max-width: 90px;
    }
     .category-url.cat-img-3 img {
         max-height: 140px;
         max-width: 90px;
    }
}
/*-------------- End Category Gallery ---------------*/
/* --------------- Start Banner block ------------------- */
 @media(max-width:1600px) {
     .tt-banner .banner-text .banner-title {
         font-size: 48px;
    }
}
 @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;
    }
     .tt-banner .banner-text .banner-title {
         font-size: 38px;
    }
     .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: 28px;
    }
     .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-bottom{
         left: 40px;
         right: 40px;
         bottom: 40px;
    }
     .tt-banner .banner-text.tt-icon-left {
         width: 48%;
         left: 20px;
    }
     .tt-banner .banner-text .banner-title {
         font-size: 24px;
    }
     .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;
    }
}
 @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;
    }
}
 @media(max-width:575px) {
     .tt-banner .banner-text.tt-icon-left {
         width: 35%;
    }
     .tt-banner .banner-text .banner-title{
         font-size: 20px;
    }
     .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: 50%;
    }
}
 @media(max-width:480px) {
     .tt-banner .banner-text a.banner-button{
         font-size: 13px;
    }
     .tt-banner .banner-text.tt-icon-top, .tt-banner .banner-text.tt-icon-bottom{
         width: auto;
    }
     .tt-banner .banner-text.tt-icon-bottom{
         left: 20px;
         right: 20px;
         bottom: 20px;
    }
     .tt-banner .banner-text.tt-icon-left {
         left: 15px;
         width: 45%;
    }
     .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;
    }
     .tt-banner .banner-text .banner-sub-title {
         font-size: 11px;
    }
     .tt-banner .banner-text.woodora-icon-top .banner-title {
         margin: 0 0 10px;
    }
     .tt-banner .banner-text.woodora-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 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;
    }
}
 @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;
    }
     .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: 2px;
         width: 0;
         position: absolute;
         width: 0;
         top: auto;
         bottom: -5px;
         left: 0;
         right: 0;
         margin: auto;
    }
     #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link:focus::before {
         width: 100%;
         left: 0;
         right: 0;
    }
     .site-header #site-navigation ul.nav-menu li.menu-item a:hover, .site-header #site-navigation ul.nav-menu li.menu-item a:focus, #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link:focus {
         -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;
    }
     .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: 0;
    }
     .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;
    }
     .youtube-popup .play-button {
         width: 66px;
         height: 66px;
    }
}
 @media(max-width:1199px) {
     .tt-video .swiper-js-container .swiper-slide {
         font-size: 85px;
         line-height: 110px;
    }
     .youtube-popup .play-button {
         width: 58px;
         height: 58px;
    }
     .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%;
    }
	      .tt-video .youtube-popup {
         width: 70px;
         height: 70px;
    }
}
 @media(max-width:991px) {
     .banner-timer .timer-date {
         margin: 0;
    }
     .youtube-popup .play-button {
         width: 50px;
         height: 50px;
    }
	 .tt-video .youtube-popup {
         width: 60px;
         height: 60px;
    }
	.elementor-widget-Video.Popup .tt-video.no-image{
		 padding: 9px;
	 }
	 .tt-video .youtube-popup svg{
		 font-size: 22px;
	 }
}
 @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;
    }
     .youtube-popup .play-button {
         width: 40px;
         height: 40px;
    }
     .tt-video .youtube-popup svg {
         font-size: 20px;
    }
	.elementor-widget-Video.Popup .tt-video.no-image{
		 padding: 8px;
	 }
}
 @media(max-width:700px) {
     .tt-video .swiper-js-container .swiper-slide {
         font-size: 45px;
         line-height: 60px;
    }
	 .elementor-widget-Video.Popup .tt-video.no-image{
		 padding: 7px;
	 }
	 .tt-video .youtube-popup svg{
		 font-size: 18px;
	 }
}
 @media(max-width:480px) {
     .tt-video .swiper-js-container .swiper-slide {
         font-size: 28px;
         line-height: 40px;
    }
     .youtube-popup .play-button {
         width: 30px;
         height: 30px;
    }
}
/* -------------- End Video block --------------- */
/* --------------- Start Hotspot block ------------------- */
 @media(max-width: 767px) {
     .image-hotspot-wrapper {
         display: flex;
         justify-content: center;
    }
}
/* --------------- End Hotspot block ------------------- */
 @keyframes loading {
     from {
         transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
    }
     to {
         transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -o-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;
    }
}
 @media(max-width: 991px) {
     .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 a.banner-button{
         font-size: 14px;
    }
     .tt-banner .banner-text.tt-icon-top.text-center {
         top: 20px;
    }
}
 @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;
    }
     .slider-block .swiper-top .tt-slider-box-containt {
         width: 90%;
    }
}
 @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: 1400px) {
     a.youtube-popup p:hover {
         width: 130px;
         height: 130px;
         background: var(--primary-color);
         color: #fff;
    }
     a.youtube-popup p::before {
         display: none;
    }
}
 @media (min-width: 1200px) and (max-width:1400px) {
     a.youtube-popup p.btn.btn-primary {
         width: 100px;
         height: 100px;
         padding: 65px;
    }
     a.youtube-popup p:hover {
         width: 150px;
         height: 150px;
    }
     a.youtube-popup p::before {
         display: none;
    }
}
 @media (min-width: 992px) and (max-width:1199px) {
     a.youtube-popup p.btn.btn-primary {
         width: 100px;
         height: 100px;
         padding: 0;
    }
     a.youtube-popup p::before {
         display: none;
    }
}
 @media (max-width: 991px) {
     a.youtube-popup p.btn.btn-primary {
         width: 80px;
         height: 80px;
         font-size: 14px;
         padding: 0;
         line-height: 20px;
    }
     a.youtube-popup p::before {
         display: none;
    }
}
 @media (max-width: 767px) {
     a.youtube-popup p.btn.btn-primary {
         width: 65px;
         height: 65px;
         font-size: 0;
    }
     a.youtube-popup p::before {
         display: flex;
    }
     a.youtube-popup p::before {
         font-size: 20px;
    }
}
 @media (max-width: 575px) {
     a.youtube-popup p.btn.btn-primary {
         width: 50px;
         height: 50px;
    }
     a.youtube-popup p::before {
         font-size: 16px;
         line-height: 16px;
    }
}
 @media (max-width: 480px) {
     a.youtube-popup p.btn.btn-primary {
         width: 40px;
         height: 40px;
    }
     a.youtube-popup p::before {
         font-size: 14px;
    }
}
/* --------------- Start Marquee ------------------- */
 @media (max-width: 1600px) {
     .img-marquee .nav-ticker{
         padding: 0 3%;
         width: 20% !important;
    }
    .cms-marquee .nav-ticker {
        width: 33% !important;
    }
}
 @media (max-width: 1400px) {
     .cms-marquee .nav-ticker {
         width: 40% !important;
    }
     .img-marquee .nav-ticker{
         padding: 0 2%;
         width: 15% !important;
    }
}
 @media (max-width: 1199px) {
     .cms-marquee .nav-ticker {
         width: 50% !important;
    }
     .img-marquee .nav-ticker{
         padding: 0 2%;
         width: 12% !important;
    }
     .style-02 .nav-ticker .cms-box h4{
         font-size: 16px;
    }
}
 @media (max-width: 991px) {
     .text-marquee-2 .nav-ticker:nth-child(odd) p{
         -webkit-text-stroke: 3px var(--secondary-color);
    }
     .nav-ticker .cms-box p{
         font-size: 17px;
    }
     .style-01 .nav-ticker .cms-box h4{
         font-size: 19px;
    }
     .nav-ticker .cms-box a{
         font-size: 14px;
    }
     .style-01 .cms-box-inner{
         padding: 18px;
    }
     .nav-ticker p{
         font-size: 22px;
    }
     .style-02 .nav-ticker .cms-box h4{
         font-size: 14px;
    }
       .cms-marquee .nav-ticker {
         width: 60% !important;
    }
}
 @media (max-width: 767px) {
     .text-marquee-2 .nav-ticker:nth-child(odd) p{
         -webkit-text-stroke: 2px var(--secondary-color);
    }
     .nav-ticker .cms-box p{
         font-size: 16px;
    }
     .style-01 .nav-ticker .cms-box h4{
         font-size: 18px;
    }
     .nav-ticker .cms-box a{
         font-size: 14px;
    }
     .style-01 .cms-box-inner{
         padding: 12px;
    }
     .cms-marquee .nav-ticker {
         padding: 0 10px;
         width: 70% !important;
    }
     .nav-ticker p{
         font-size: 20px;
    }
     .img-marquee .nav-ticker{
         padding: 0 2%;
         width: 10% !important;
    }
}
 @media (max-width: 575px) {
     .cms-marquee .nav-ticker {
         width: 70% !important;
    }
     .nav-ticker .cms-box p{
         font-size: 14px;
    }
     .style-01 .nav-ticker .cms-box h4{
         font-size: 16px;
    }
     .nav-ticker .cms-box a{
         font-size: 13px;
    }
     .cms-marquee .nav-ticker{
         padding: 0 10px;
    }
     .nav-ticker p{
         font-size: 18px;
    }
}
 @media (max-width: 480px) {
     .img-marquee .nav-ticker{
         padding: 0 1%;
         width: 7% !important;
    }
     .cms-marquee .nav-ticker {
         width: 90% !important;
    }
}
/* --------------- End Marquee ------------------- */
/* --------------- START CMS_PRODUCT ------------------- */
 @media (max-width: 767px) {
     .CMS-img-box{
         width: 90px;
    }
     .section-CMS .product-info{
         padding: 8px;
         gap: 8px;
    }
}
 @media (max-width: 480px) {
     .CMS-img-box{
         width: 80px;
    }
     .CMS-inner h3{
         font-size: 13px;
         margin-bottom: 7px;
    }
}
/* --------------- END CMS_PRODUCT ------------------- */
/* --------------- START TESTIMONIAL ------------------- */
 @media (max-width: 1600px) {
     .testimonial-wrap .testimonial-info-wrapper .testimonial-details p{
         font-size: 26px;
         width: 80%;
    }
}
 @media (max-width: 1400px) {
     .testimonial-wrap .testimonial-info-wrapper .testimonial-details p{
         font-size: 22px;
    }
}
 @media (max-width: 1199px) {
     .testimonial-wrap .testimonial-info-wrapper .testimonial-details p{
         font-size: 20px;
         width: 90%;
    }
     .testimonial-section .swiper-pagination.swiper-pagination-bullets{
         gap: 8px;
    }
     .testimonial-section.swiper .swiper-pagination-bullet{
         font-size: 15px;
    }
}
 @media (max-width: 991px) {
     .testimonial-wrap .testimonial-info-wrapper .testimonial-details p{
         font-size: 18px;
         width: 100%;
    }
}
 @media (max-width: 767px) {
     .testimonial-section .swiper-pagination.swiper-pagination-bullets{
         gap: 6px;
    }
     .testimonial-section.swiper .swiper-pagination-bullet{
         font-size: 14px;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-details p{
         font-size: 16px;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author{
         font-size: 18px;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-designation{
         font-size: 16px;
    }
     .testimonial-img{
         width: 80px;
         height: 80px;
    }
}
 @media (max-width: 575px) {
     .testimonial-section.swiper .swiper-pagination-bullet{
         font-size: 13px;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-designation, .testimonial-wrap .testimonial-info-wrapper .testimonial-details p{
         font-size: 14px;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author{
         font-size: 16px;
    }
     .testimonial-img{
         width: 70px;
         height: 70px;
    }
}
 @media (max-width: 480px) {
     .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-designation, .testimonial-wrap .testimonial-info-wrapper .testimonial-details p{
         font-size: 13px;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author{
         font-size: 14px;
    }
}
 @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: 20px;
    }
     .Portfolio-style-2 a span{
         opacity: 1;
         transform: translate(0);
    }
     .Portfolio-style-1 .tt-portfolio-thumbnail, .Portfolio-style-2 .tt-portfolio-thumbnail{
         margin: 0 0 30px 0;
    }
}
 @media(max-width:767px) {
     .Portfolio-style-1 .tt-portfolio-thumbnail:last-child, .Portfolio-style-2 .tt-portfolio-thumbnail:last-child{
         margin: 0;
    }
}
 @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: 16px;
         padding: 15px 0 0 0;
    }
     .Portfolio-style-2 a span{
         padding: 10px;
    }
     .Portfolio-style-1 .tt-portfolio-thumbnail, .Portfolio-style-2 .tt-portfolio-thumbnail{
         margin: 0 0 20px 0;
    }
}
/* product-seller */
 @media(max-width:1600px) {
     .swiper.product-seller.swiper-vertical {
         height: 61vw;
    }
}
 @media(max-width:1400px) {
     .swiper.product-seller.swiper-vertical {
         height: 62vw;
    }
}
 @media(max-width:1199px) {
     .swiper.product-seller.swiper-vertical {
         height: 63vw;
    }
}
 @media(max-width:991px) {
     .swiper.product-seller.swiper-vertical {
         height: 84vw;
    }
}
 @media(max-width:767px) {
     .swiper.product-seller.swiper-vertical {
         height: 120vw;
    }
}
 @media(max-width:575px) {
     .swiper.product-seller.swiper-vertical {
         height: 128vw;
    }
}
 @media(max-width:480px) {
     .swiper.product-seller.swiper-vertical {
         height: 233vw;
    }
     .product-seller.swiper-vertical .swiper-slide{
         flex-direction: column;
         gap: 10px;
    }
     .product-seller.swiper-vertical .swiper-slide>div{
         width: 100%;
    }
     .product-seller.swiper-vertical .swiper-slide .item, .product-seller.swiper-vertical .swiper-slide .swiper-slide{
         padding: 0;
    }
}


 @media (max-width: 1199px) {
     .blog-style.blog-style-2 .tt-post-wrapper .tt-post-details{
         left: 20px;
         right: 20px;
         bottom: 20px;
    }
}
/* 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 3*/
 @media (max-width: 991px) {
    .blog-category .wpcat-content a{
        font-size: 20px;
    }
 }
  @media (max-width: 575px) {
    .blog-category .wpcat-content a{
        font-size: 18px;
    }
    .blog-category.style-3{
        gap: 24px;
    }
    .blog-category.style-3 .wpcat-content::after{
        bottom: -12px;
    }
    .blog-category.style-3 .wpcat-content span{
        font-size: 14px;
    }
 }
/* 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: 575px) {
    .blog-by-category.style-2 .tt-post-details .tt-post-title h6{
         font-size: 15px;
    }
}
 @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: 14px;
    }
     .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.blogBy-category-wrap{
         margin: 0;
    }
     .blog-by-category .blogBy-category-wrap.style-3 .blogBy-category-wrap .box{
         padding: 0 12px;
    }
     .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;
    }
    .blog-section.recent-blog.blog-style-3 .tt-post-wrapper.grid-item .tt-post-thumbnail{
        width: 40%;
    }
   .blog-section.recent-blog.blog-style-3 .tt-post-wrapper .tt-post-details{
        width: 60%;
   }
         .tt-post-wrapper.grid-item{
         margin-bottom: 20px;
    }
}
 @media(max-width:480px) {
  .tt-post-wrapper.grid-item{
         margin-bottom: 15px;
    }
}