/** TT Extension Media CSS */
/* ----------------------- Start Section Title --------------------- */
 @media(max-width:1400px) {
     .section-heading {
         font-size: 35px;
    }
     .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) {
     .section-heading {
         font-size: 28px;
    }
     .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;
    }
     .section-heading {
         font-size: 23px;
    }
}
 @media(max-width:480px) {
     .section-heading {
         font-size: 20px;
    }
}
/* ----------------------- End Section Title --------------------- */
/*-------------- Start Category Gallery ---------------*/
 @media(max-width:1500px) {
     #gallary_tabs .category-name-wrap li a {
         font-size: 30px;
         line-height: 40px;
    }
}
 @media(max-width:1400px) {
     .category-gallery-wrap .category-gallary .cat-img {
         padding: 0;
    }
     .category-url.cat-img-0 img {
         max-height: 400px;
         max-width: 300px;
    }
     .category-url.cat-img-1 img {
         max-height: 250px;
    }
     .category-gallery-wrap .category-gallary .cat-left .cat-img-2 {
         margin: 30px 0 0 20px;
    }
     #gallary_tabs .category-name-wrap li {
         margin: 0 0 15px;
    }
     #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-gallary-title .tt-section-title p {
         font-size: 13px;
    }
     #gallary_tabs .category-name-wrap li a {
         font-size: 26px;
         line-height: 36px;
    }
     .category-gallery-wrap .category-gallary .cat-right .cat-img-4 {
         bottom: 8%;
    }
     .category-url.cat-img-0 img {
         max-height: 340px;
         max-width: 250px;
    }
     #gallary_tabs .category-button a {
         padding: 16px 32px;
         font-size: 15px;
         line-height: 17px;
    }
     .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;
    }
     #gallary_tabs .category-button a {
         font-size: 14px;
         line-height: 16px;
         padding: 15px 28px;
    }
     #gallary_tabs .category-name-wrap {
         margin: 0 0 15px;
    }
     #gallary_tabs .category-name-wrap li a {
         font-size: 23px;
         line-height: 33px;
    }
     .gallery-02#gallary_tabs .category-name-wrap li {
         padding: 0 20px;
    }
     .gallery-02#gallary_tabs .category-name-wrap li a {
         font-size: 18px;
         padding: 0 0 10px;
    }
}
 @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;
    }
     #gallary_tabs .category-button a {
         font-size: 13px;
         line-height: 15px;
         padding: 12px 20px;
    }
     .hotspot-button {
         height: 25px;
         width: 25px;
    }
     #gallary_tabs .category-name-wrap li a {
         font-size: 16px;
         line-height: 20px;
    }
     #gallary_tabs .category-name-wrap {
         margin: 0 0 10px 0;
    }
     #gallary_tabs .category-button a {
         font-size: 12px;
    }
     #gallary_tabs {
         padding: 0;
    }
     #gallary_tabs.gallery-02 .category-gallary-title {
         width: 90%;
    }
}
 @media(max-width:575px) {
     .category-gallary-title .tt-section-title p {
         font-size: 11px;
    }
     #gallary_tabs.gallery-02 .category-gallary-title .tt-section-title {
         margin: 0 0 10px;
    }
     #gallary_tabs .category-name-wrap {
         margin: 0 0 10px;
    }
     #gallary_tabs .category-name-wrap li a {
         font-size: 15px;
    }
     .category-gallery-wrap .category-gallary .cat-right .cat-img-4 {
         bottom: 15%;
    }
     .category-url.cat-img-0 img {
         max-height: 190px;
         max-width: 140px;
    }
     .category-url.cat-img-1 img {
         max-height: 125px;
         max-width: 90px;
    }
     .category-gallery-wrap .category-gallary .cat-left .cat-img-2 {
         margin: 20px 0 0 15px;
    }
     #gallary_tabs .category-name-wrap li {
         margin: 0 0 10px;
    }
     #gallary_tabs {
         padding: 0;
    }
     .gallery-02 .category-gallery-wrap {
         margin: 0 0 20px;
    }
}
 @media(max-width:460px) {
     .gallery-02#gallary_tabs .category-name-wrap li a {
         font-size: 16px;
    }
     .gallery-02#gallary_tabs .category-name-wrap li {
         padding: 0 15px;
    }
     #gallary_tabs.gallery-02 .category-gallary-title {
         width: 100%;
    }
     #gallary_tabs .category-gallary-title {
         position: relative;
         float: left;
         width: 100%;
         z-index: 1;
    }
     #gallary_tabs .category-gallery-wrap:not(#gallary_tabs.gallery-02 .category-gallery-wrap) {
         position: absolute;
         top: auto;
         bottom: 25%;
         right: 0;
         left: 0;
    }
     .category-gallery-wrap .category-gallary .cat-left .cat-img-2, .category-gallary-title .tt-section-title p, .category-gallery-wrap .category-gallary .cat-right .cat-img-4, .category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
         display: none;
    }
     .category-gallery-wrap .category-gallary .cat-left .cat-img-1:not(.gallery-02 .category-gallery-wrap .category-gallary .cat-left .cat-img-1) {
         position: static;
         text-align: center;
         margin: 10px 0 0;
    }
     .category-url.cat-img-0 img {
         max-height: 130px;
         max-width: 90px;
    }
     .category-gallery-wrap .category-gallary .cat-img .category-url {
         text-align: center;
    }
     .category-gallery-wrap .category-gallary .cat-right .cat-img-3 {
         float: left;
    }
     .category-url.cat-img-3 img {
         max-height: 140px;
         max-width: 90px;
    }
     #gallary_tabs .category-name-wrap li a {
         font-size: 14px;
    }
}
/*-------------- 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.eyevera-icon-top .banner-title {
         margin: 0 0 10px;
    }
     .tt-banner .banner-text.eyevera-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;
    }
     .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;
    }
     .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;
    }
     .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;
    }
     .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;
    }
     .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;
    }
}
 @media(max-width:767px) {
     .text-carousel .swiper-slide p {
         font-size: 13px;
    }
}
/* --------------- 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: 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;
    }
}
 @media (max-width: 1400px) {
     .cms-marquee .nav-ticker {
         width: 25% !important;
    }
     .img-marquee .nav-ticker{
         padding: 0 2%;
         width: 15% !important;
    }
}
 @media (max-width: 1199px) {
     .cms-marquee .nav-ticker {
         width: 30% !important;
    }
     .img-marquee .nav-ticker{
         padding: 0 2%;
         width: 12% !important;
    }
     .style-02 .nav-ticker .cms-box h4{
         font-size: 14px;
    }
}
 @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;
         margin-bottom: 6px;
    }
     .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: 13px;
    }
}
 @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;
         margin-bottom: 6px;
    }
     .nav-ticker .cms-box a{
         font-size: 14px;
    }
     .style-01 .cms-box-inner{
         padding: 12px;
    }
     .cms-marquee .nav-ticker {
         padding: 0 10px;
         width: 36% !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: 42% !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: 65% !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;
    }
}