/** TT Extension Media CSS */
/* ----------------------- Start Section Title --------------------- */
@media(max-width:1500px) {
}
 @media(max-width:1400px) {
     .section-heading, .up-sells h3, .single-product .recent-product .product-section-title, .related.products h3 {
         font-size: 42px;
         line-height: 46px;
    }
     .tt-section-title.text-center p {
         font-size: 24px;
    }
     .service-sec .section-ser-title .tt-section-title p {
         margin: 10px 0;
    }
}
 @media(max-width:1199px) {
     .section-heading, .up-sells h3, .single-product .recent-product .product-section-title, .related.products h3 {
         font-size: 38px;
         line-height: 42px;
    }
     .tt-section-title p {
         font-size: 14px;
    }
     .section-img {
         margin: 0 0 15px;
    }
     .tt-section-title.text-center p {
         font-size: 20px;
    }
}
 @media(max-width:991px) {
     .section-heading, .up-sells h3, .single-product .recent-product .product-section-title, .related.products h3 {
         font-size: 34px;
         line-height: 38px;
         margin: 0 0 20px;
    }
     .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;
    }
     .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;
    }
     .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;
    }
     footer.footer-style-1 .footer-top-row .footer-top-columns:first-child {
         padding: 25px 120px;
    }
     .service-sec .section-ser-title .section-heading {
         margin: 10px 0px 8px;
    }
}
 @media(max-width:767px) {
     .tt-section-title {
         width: 100%;
    }
     .section-heading, .up-sells h3, .single-product .recent-product .product-section-title, .related.products h3 {
         font-size: 30px;
         line-height: 34px;
    }
}
 @media(max-width:575px) {
     .section-img {
         margin: 0 0 10px;
    }
     .section-heading, .up-sells h3, .single-product .recent-product .product-section-title, .related.products h3 {
         font-size: 28px;
         line-height: 30px;
         margin: 0 0 15px;
    }
     #rev_slider_1_1_wrapper .hephaistos.tparrows {
         display: none !important;
    }
}
 @media(max-width:480px) {
     .section-heading, .up-sells h3, .single-product .recent-product .product-section-title, .related.products h3 {
         font-size: 24px;
         line-height: 32px;
    }
}
/* ----------------------- End Section Title --------------------- */
/*-------------- Start Category Gallery ---------------*/
 @media(max-width:1500px) {
     .category-url.cat-img-1 img {
         max-height: 350px;
         max-width: 270px;
    }
     .category-url.cat-img-2 img {
         max-height: 456px;
         max-width: 360px;
    }
}
 @media(max-width:1400px) {
     #gallary_tabs .category-name-wrap li a {
         font-size: 50px;
         line-height: 52px;
    }
     .category-gallery-wrap .category-gallary.active .cat-img .cat-img-0 img {
         margin: 0 0 150px;
    }
     .category-gallery-wrap .category-gallary .cat-left .cat-img-2 {
         margin: 30px 0 0 20px;
    }
     #gallary_tabs.gallery-02 .category-gallary-title {
         width: 65%;
    }
     .gallery-02 .category-gallery-wrap .category-gallary.active .cat-img .category-url {
         width: 40%;
    }
     .gallery-02 .category-gallery-wrap .category-gallary.active .cat-img .category-url.cat-img-0 {
         width: 25%;
    }
}
 @media(max-width:1199px) {
     .category-gallery-wrap .category-gallary.active .cat-img .cat-img-0 img {
         margin: 0 0 120px;
    }
     #gallary_tabs .category-button a {
         padding: 10px 24px;
    }
     #gallary_tabs .category-name-wrap li a {
         font-size: 36px;
         line-height: 38px;
    }
     #gallary_tabs .category-name-wrap li {
         margin: 0 0 15px;
         padding: 0 0 5px;
    }
     .category-gallary-title .tt-section-title p {
         font-size: 13px;
    }
     .category-gallery-wrap .category-gallary .cat-right .cat-img-4 {
         bottom: 8%;
    }
     .category-url.cat-img-2 img {
         max-height: 405px;
         max-width: 320px;
    }
     .category-url.cat-img-0 img {
         max-height: 534px;
         width: 300px;
    }
     .category-url.cat-img-1 img {
         max-height: 285px;
         max-width: 217px;
    }
}
 @media(max-width:991px) {
     .category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
         right: -15%;
         width: 70%;
    }
     .category-gallery-wrap .category-gallary.active .cat-img .cat-img-0 img {
         margin: 0 0 60px;
    }
     .category-url.cat-img-2 img {
         overflow: hidden;
         max-height: 361px;
         max-width: 100%;
    }
     #gallary_tabs .category-name-wrap li a {
         font-size: 30px;
         line-height: 32px;
    }
     .tt-banner .banner-text.tt-icon-center.text-center .banner-title {
         margin: 0;
    }
     #gallary_tabs .category-button a {
         font-size: 15px;
    }
     .category-url.cat-img-1 img {
         max-height: 285px;
         max-width: 90%;
    }
}
 @media(max-width:767px) {
     #gallary_tabs .category-name-wrap li a {
         font-size: 22px;
         line-height: 24px;
    }
     #gallary_tabs .category-button a {
         font-size: 14px;
    }
     #gallary_tabs .category-button a {
         padding: 8px 20px;
    }
     #gallary_tabs .category-name-wrap {
         margin: 0 0 15px;
    }
     #gallary_tabs .category-name-wrap li {
         margin: 0px 0 8px;
         padding: 0px 0 2px;
    }
     .category-url.cat-img-1 img {
         max-height: 285px;
    }
     .category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
         right: -35px;
         left: auto;
    }
}
 @media(max-width:575px) {
     #gallary_tabs .category-name-wrap li {
         margin: 0px 0 5px;
         padding: 0px 0 2px;
    }
     #gallary_tabs .category-name-wrap li a {
         font-size: 18px;
         line-height: 22px;
    }
     #gallary_tabs .category-button a {
         padding: 6px 12px;
    }
     .category-gallery-wrap .category-gallary .cat-img {
         padding: 0 10px;
    }
     .category-gallery-wrap .category-gallary.active .cat-img .cat-img-0 img {
         margin: 0 0 50px;
    }
}
 @media(max-width:480px) {
     #gallary_tabs .category-name-wrap li {
         margin: 0px 0 2px;
         padding: 0px 0 1px;
    }
     #gallary_tabs .category-name-wrap {
         margin: 0 0 8px;
    }
     .category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
         display: none;
    }
     .category-gallery-wrap .category-gallary.active .cat-img .cat-img-0 img {
         margin: 0;
    }
     #gallary_tabs .category-button a {
         padding: 4px 10px;
    }
     .category-gallery-wrap .category-gallary .cat-img {
         padding: 0;
    }
     #gallary_tabs .category-button a {
         font-size: 12px;
    }
}
 @media(max-width:340px) {
     #gallary_tabs .category-name-wrap li a {
         font-size: 14px;
         line-height: 16px;
    }
}
/*-------------- End Category Gallery ---------------*/
/* --------------- Start Banner block ------------------- */
 @media(max-width:1400px) {
}
 @media(max-width:1199px) {
}
 @media(max-width:991px) {
}
 @media(max-width:767px) {
}
 @media(max-width:575px) {
}
 @media(max-width:480px) {
}
/* --------------- 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 Portfolio ------------------*/
 @media(max-width:1366px) {
}
 @media(max-width:991px) {
     .portfolio-grid.Portfolio-style-1 a span, .portfolio-grid.Portfolio-style-2 a span {
         font-size: 18px;
    }
}
 @media(max-width:991px) {
     .category-item-02 .cat_desc .wpcat-content .cat_total_product {
         right: -5px;
    }
     .product-layout-morden .product .cart-wrap a {
         padding: 8px 0;
         font-size: 14px;
    }
     .category-item-02 .cat_desc .wpcat-content .cat_name {
         text-align: center;
    }
     .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;
    }
     .product-category.category-style1.center_class .swiper-slide, .product-category.category-style1.center_class .swiper-slide.swiper-slide-active {
         margin: 0;
    }
}
 @media(min-width:992px) {
     .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;
         background-color: var(--primary-color);
         left: 0;
         right: 0;
         margin: auto;
    }
     header #mega-menu-wrap-header-menu #mega-menu-header-menu.max-mega-menu>li.mega-menu-item>a.mega-menu-link:hover {
         background-color: var(--primary-color);
         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;
         color: #fff;
    }
     .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;
    }
}
 @media (max-width: 480px) {
}
 @media(max-width:767px) {
     .portfolio-grid.Portfolio-style-1 a span, .portfolio-grid.Portfolio-style-2 a span {
         font-size: 16px;
    }
}
/*--------------- End Portfolio ------------------*/
/* ---------------- Start testimonial block ------------- */
 @media(max-width:1500px) {
     .testionial-sec .testionial-content {
         padding: 0 80px;
    }
}
 @media(max-width:1400px) {
}
 @media(max-width:1199px) {
     .testionial-sec .testionial-content {
         padding: 0px 60px;
    }
     .testimonial-section::before {
         font-size: 22px;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-details {
         margin: 25px 0 10px;
         padding: 10px 0 0;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-rating {
         margin: 0 0 10px 0;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
         font-size: 18px;
         line-height: 24px;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-info {
         margin: 0;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author {
         font-size: 15px;
         line-height: 18px;
    }
}
 @media(max-width:991px) {
     .testionial-sec .testionial-content {
         padding: 0px 40px;
    }
}
 @media(max-width:767px) {
     .testionial-sec .testionial-content {
         padding: 40px 50px;
    }
}
 @media(max-width:575px) {
     .swiper-pagination.swiper-pagination-bullets {
         gap: 12px;
         margin: 15px 0 0;
    }
     .testionial-sec .testionial-content {
         padding: 30px;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-rating {
         margin: 0 0 10px 0;
    }
     .testimonial-wrap .testimonial-info-wrapper .testimonial-info {
         margin: 0px 0 5px;
    }
}
 @media(max-width:480px) {
     .testionial-sec .testionial-content {
         padding: 30px 20px;
    }
}
/* ---------------- 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 {
         bottom: 18%;
         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 {
         bottom: 20%;
         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: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 text carousel block --------------- */
 @media(max-width:1400px) {
     .text-carousel .swiper-slide p {
         font-size: 17px;
    }
}
 @media(max-width:1199px) {
     .text-carousel .swiper-slide p {
         font-size: 15px;
    }
     .text-carousel .swiper-slide p::after {
         width: 60px;
         right: 8%;
    }
}
 @media(max-width:767px) {
     .text-carousel .swiper-slide p {
         font-size: 13px;
    }
     .text-carousel .swiper-slide p::after {
         width: 40px;
         right: 6%;
    }
}
/* -------------- End text carousel block --------------- */
/* --------------- Start cms-block block ------------------- */
 @media(max-width: 1600px) {
}
 @media(max-width: 1400px) {
     .cms-content .tt-section-title.text-start {
         width: 76%;
    }
}
 @media(max-width: 1199px) {
     .cms-content .tt-section-title.text-start {
         width: 80%;
    }
     .cms-content .section-heading {
         margin: 0 0 15px;
         font-size: 40px;
         line-height: 52px;
         padding: 0 0 0 10px;
    }
     .cms-content .tt-section-title p {
         margin: 0 0 30px;
    }
}
 @media(max-width: 991px) {
     .cms-content .tt-section-sab {
         margin-bottom: 6px;
         font-size: 14px;
         line-height: 16px;
    }
     .cms-content .section-heading {
         font-size: 30px;
         line-height: 36px;
         width: 100%;
    }
     .cms-content .tt-section-title.text-start {
         width: 90%;
    }
}
 @media(max-width: 767px) {
     .cms-content .tt-section-title.text-start {
         width: 100%;
    }
     .cms-content .tt-section-title p {
         font-size: 13px;
         line-height: 23px;
         margin: 0 0 20px;
    }
     .cms-content .elementor-button {
         padding: 10px 25px;
    }
     .cms-content .section-heading {
         margin: 0 0 10px;
         width: 60%;
    }
}
 @media(max-width: 575px) {
}
 @media(max-width: 480px) {
     .cms-sec .cms-before {
         outline: 7px solid var(--white-color-text);
    }
     .cms-content .section-heading {
         font-size: 20px;
         line-height: 24px;
         margin: 0 0 10px;
         width: 68%;
    }
     .cms-content .tt-section-title p {
         margin: 0 0 15px;
    }
     .cms-content .elementor-button {
         padding: 8px 14px;
         margin: 0 0 -10px;
    }
     .cms-content .tt-section-sab {
         margin-bottom: 4px;
         font-size: 13px;
         line-height: 14px;
    }
     .cms-content .section-heading:before {
         top: 0;
    }
}
/* --------------- 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 ------------------- */
 @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(max-width: 1199px) {
     .search-results.active ul {
         height: 430px;
    }
}
 @media(max-width: 991px) {
     .search-results.active {
         padding: 0 0 0px;
    }
     .search-results.active ul {
         overflow: auto;
         height: 340px;
    }
}
 @media (max-width: 767px) {
     .search-results.active ul {
         overflow: auto;
         height: 320px;
    }
}
 @media (max-width: 575px) {
     .search-results.active {
         margin: 20px 0 0;
         padding: 0 0 20px;
    }
     .search-results.active ul li a {
         padding: 0 0 20px;
         margin: 0px 0 20px;
    }
     .search-results.active ul {
         height: 340px;
    }
}
 @media(max-width: 1400px) {
     .product-title .subtitle-wrap {
         width: auto;
         margin: auto;
    }
}
 @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 5px;
    }
     .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;
    }
     .search-results.active .product-image {
         width: 22%;
    }
     .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;
    }
     .search-results.active ul {
         height: 315px;
    }
}
 @media(max-width: 360px) {
     .tt-banner .banner-text.tt-icon-center.text-center .banner-title {
         font-size: 18px;
         line-height: 20px;
         margin: 0;
    }
     .search-results.active ul {
         height: 225px;
    }
     .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;
    }
}