@media only screen and (max-width: 1800px) {
ul.product-categories > li > a,
.more-view {
padding-top: 11px;
padding-bottom: 11px;
}
.cat-outer-block{padding: 0 5px;}
.woo_categories_slider{margin:0;}
}
@media only screen and (max-width: 1650px) {
.woocommerce .products ul,
.woocommerce ul.products,
.woocommerce-page .products ul,
.woocommerce-page ul.products {
margin: 0;
}
.header-search input[type="text"],
.header-search input[type="search"] {
width: 75%;
}
.header-search .woocommerce-product-search input[type="submit"],
.header-search .search-form #searchsubmit {
width: 4%;
}
}
@media only screen and (max-width: 1550px) {
.category-title-block .category-title{height: 300px;}
.category-title-block .category-title .dark-title{font-size: 27px;}
.category-title-block .category-title .sub-title{font-size: 30px;}
.upper-body-content,
.header-bottom {
padding: 0 10px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.brands.list ul li {
display: inline-block;
float: none;
vertical-align: top;
width: 20% !important;
}
.style-1 .static-wrapper .static-inner {
top: 20%;
width: 45%;
}
.style-2 .static-wrapper .static-inner {
right: 0;
top: 0;
width: 240px;
}
.style-2 .link-text {
margin: 10px 0 0;
}
.home .product-categories {
right: 10px;
}
}
@media only screen and (max-width: 1450px) {
ul.product-categories > li > a,
.more-view {
padding-top: 8px;
padding-bottom: 8px;
}
}
@media only screen and (max-width: 1350px) {
.widget .follow-us ul li{text-align:right;}
.category-title-block .category-title{height: 275px;padding: 20px 10px;}
.category-title-block .category-title .dark-title{font-size: 25px;}
.category-title-block .category-title .sub-title{font-size: 27px;}
.category-title-block .button_content_inner{bottom: 20px;}
.category-content .owl-buttons{left: -13.5%;top:90%;}
ul.product-categories > li > a,
.more-view {
padding-top: 10px;
padding-bottom: 10px;
}
.middle-content {
width: 100% !important;
}
.right-banners {
display: none;
}
.woo_categories_list {
position: absolute;
width: 100%;
}
.woo_categories_list.vc_column_container > .vc_column-inner {
padding: 0 !important;
}
.brand-carousel.owl-theme .owl-buttons div.owl-prev,
.custom-testimonial .owl-theme .owl-buttons div.owl-prev {
left: 0;
}
.brand-carousel.owl-theme .owl-buttons div.owl-next,
.custom-testimonial .owl-theme .owl-buttons div.owl-next {
right: 0;
}
.style-1 .static-wrapper .static-inner {
width: 55%;
}
.widget.widgets-follow-us {
width: 17%;
}
.widget .follow-us ul li {
text-align: left;
}
.product-categories {
display: none;
}
.home .product-categories {
right: 0;
}
.sticky-menu .home-category,
.home .sticky-menu .home-category {
padding: 0 10px;
}
.category-box {
position: unset;
}
.home-category {
left: 10px;
right: 10px;
width: auto;
}
.home .home-category {
left: 0;
right: 0;
width: 100%;
}
.sticky-menu .home-category {
left: 10px;
right: 10px;
width: auto;
}
.home .sticky-menu .home-category {
left: 0;
right: 0;
margin: 0;
width: 100%;
}
.home .sticky-menu .home-category .product-categories {
left: 9px;
right: 9px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1250px) {
.site-footer .widget.widget_newsletterwidget,.theme-container{float:none;}
.widget .follow-us ul li{text-align:center;}
.site-footer .widget.widgets-follow-us{float:left;width:100% !important;margin-top:10px; }
.footer-middle{padding:20px 0;}
#home_all_carousel.owl-theme .owl-buttons div.owl-next{right:0;}
#home_all_carousel.owl-theme .owl-buttons div.owl-prev{left:0;}
.page-title-inner,
.main-content-inner,
.theme-container,
.full-width .inner-container,
.main-content.left-sidebar,
.site-footer .inner-container,
.main-inner-container,
.full-width .page-title,
.main-content.box-page {
width: 1170px;
}
#primary {
width: 885px;
}
#secondary,
.singleproduct-sidebar {
width: 265px;
}
.box-category {
padding: 17px 16px 17px 50px;
}
.header-search {
width: 65.4%;
}
.header-cart {
float: right;
}
}
@media only screen and (max-width: 1199px) {
.box-category::before {
left: 0;
}
.box-category {
font-size: 11px;
padding: 17px 10px 17px 40px;
}
.header-search input[type="text"],
.header-search input[type="search"] {
width: 398px;
}
.account-cart {
width: 18%;
}
.account-block .account-label {
background-position: 0px -96px;
}
.header-search .woocommerce-product-search input[type="submit"],
.header-search .search-form #searchsubmit {
width: 36px;
}
.header-search {
width: 615px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.brands.list ul li {
display: inline-block;
float: none;
vertical-align: top;
width: 25% !important;
}
.resp-tabs-list li .tab-title {
margin: 0 20px;
}
.hot-porduct .product {
display: inline-block;
float: none;
vertical-align: top;
width: 33.33% !important;
}
.woofeature .woo-grid .woocommerce ul.products li.product,
.woonew .woo-grid .woocommerce ul.products li.product,
.woobest .woo-grid .woocommerce ul.products li.product {
display: none;
}
.blog-posts-content .post-image-outer,
.single-portfolio .portfolio-image,
.post-content-outer {
width: 100%;
}
.post-content-outer {
min-height: auto!important;
}
.blog-posts-content .blog-cols-3 .post-title a {
font-size: 14px;
}
.blog-cols-3 .post-description {
display: block;
}
.post-navigation a.prev-post {
float: none;
margin: 0 auto;
text-align: center;
display: block;
margin-bottom: 10px;
}
.post-navigation a.next-post {
float: none;
margin: 0 auto;
text-align: center;
display: block;
}
.header-middle .social-icons #follow_us {
margin: 15px 10px 13px 0;
}
.left-banner-size,
.right-banner-size {
display: none;
}
.center-column-size {
width: 100% !important;
}
.center-column-size.vc_column_container > .vc_column-inner {
margin: 0 !important;
}
.style-2 .link-text {
margin-top: 10px;
}
.social-icons {
width: 21%;
}
.woocommerce-product-search span.customSelect,
.style-2 .static-wrapper .static-inner {
width: 180px;
}
.static-inner .title2,
.static-inner .title4,
.static-inner .title1,
.static-inner .title3,
.static-inner .title5 {
font-size: 28px;
}
.offer-banner .subtitle {
padding: 10px 0 20px;
}
.style-2.cms-banner-item .text1,
.style-2.cms-banner-item .text3 {
font-size: 15px;
}
.style-2.cms-banner-item .text2 {
font-size: 22px;
line-height: 22px;
}
.style-2 .link-text {
margin: 0;
}
.site-footer .widget.widgets-follow-us {
width: 100%;
}
.widget .follow-us ul li {
text-align: center;
}
.footer-middle {
padding: 20px 0 10px;
}
.style-1.cms-banner-item .text3 {
margin: 0 0 15px 0;
}
.testimonial-content {
padding-top: 40px;
}
.category-content .owl-buttons {
left: -14%;}
}
@media only screen and (max-width: 1024px) {
.account-cart {
width: 17%;
}
.style-1.cms-banner-item .text4 {
font-size: 30px;
}
.style-1.cms-banner-item .text2 {
margin-bottom: 10px;
font-size: 25px;
}
.box-category {
font-size: 10px;
}
.style-2 .static-wrapper .static-inner {
top: -10px;
}
.topbar-link {
width: 28%;
}
.yith_magnifier_zoom_magnifier {
top: 0 !important;
left: auto !important;
right: auto !important;
width: 100% !important;
height: 100% !important
}
.half-content {
float: none;
width: 100%;
text-align: center;
}
.fancy-image.half-content {
margin-bottom: 50px;
}
.style-2 .testimonial-carousel.owl-carousel {
margin: 0;
}
.main-title {
margin: 20px 0;
padding: 0 20px;
} .mobile-menu {
display: block;
}
.mobile-menu-inner {
margin: 0;
}
.menu-menu-container {
height: 100%;
}
.navigation-fix .navigation-bar {
background-color: rgba(0, 0, 0, 0);
}
.navigation-bar.active .mobile-menu {
transform: translateX(0)!important;
-webkit-transform: translateX(0)!important;
-moz-transform: translateX(0)!important;
-ms-transform: translateX(0)!important;
-o-transform: translateX(0)!important;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
overflow-y: auto;
}
.mobile-menu {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
box-sizing: border-box;
height: 100%;
left: 0;
margin-left: 0;
padding: 20px;
position: fixed;
right: 0;
top: 0;
width: 300px;
z-index: 999999;
transform: translateX(-110%);
-webkit-transform: translateX(-110%);
-moz-transform: translateX(-110%);
-ms-transform: translateX(-110%);
-o-transform: translateX(-110%);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.mobile-menu ul li {
width: 100%;
text-align: left;
list-style-type: none;
padding: 8px 0;
}
.mobile-menu-inner > ul {
margin: 0;
}
.mobile-menu ul li a {
display: block;
font-size: 14px;
}
.toggled-on .mobile-menu .mega {
background: #fafafa;
border: 1px solid #e5e5e5;
margin-left: 0;
z-index: 999;
position: absolute;
left: 0;
top: 54px;
padding: 10px 20px;
width: 100%;
box-sizing: border-box;
}
.mobile-menu .collapsable-hitarea:after,
.mobile-menu .expandable-hitarea:before {
cursor: pointer;
display: block;
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 0;
left: 0;
top: -2px;
font-size: 14px;
}
.mobile-menu .collapsable-hitarea:after {
content: "\f068";
}
.mobile-menu .expandable-hitarea:before {
content: "\f067";
}
.hitarea {
display: block;
float: right;
height: 30px;
position: relative;
width: 40px;
text-align: right;
top: 0;
}
.navigation-bar.active .mobile-menu,
.mobile-menu {
display: block;
}
.navbar.default.navigation-inner {
display: block;
}
.service-list.service-2.style-1 {
border: 0;
} .static-links-list span:hover::before {
left: auto !important;
right: -22px;
} .offer-text a {
padding: 12px 15px;
}
.category-content .owl-buttons {
left: -15%;
top: auto;
bottom: -10%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.page-title-inner,
.main-content-inner,
.theme-container,
.full-width .inner-container,
.main-content.left-sidebar,
.site-footer .inner-container,
.main-inner-container,
.full-width .page-title,
.main-content.box-page {
width: 970px;
}
#primary {
width: 720px;
}
#secondary,
.singleproduct-sidebar {
width: 230px;
}
.style-1 .static-wrapper .static-inner {
top: 20px;
}
.woocommerce .single-product-full #content .product div.entry-summary {
width: 56.9%;
}
.fancy-image {
padding-right: 20px!important;
}
.service-list.style-1 .icon-image {
float: none;
}
.service-list.style-1 .service_other_text {
text-align: center;
}
}
@media only screen and (min-width: 980px) and (max-width: 1023px) {
.page-title-inner,
.main-content-inner,
.theme-container,
.full-width .inner-container,
.main-content.left-sidebar,
.site-footer .inner-container,
.main-inner-container,
.full-width .page-title,
.main-content.box-page {
width: 915px;
}
#primary {
width: 670px;
}
#secondary,
.singleproduct-sidebar {
width: 218px;
}
.style-1 .static-wrapper .static-inner {
top: 45px;
}
.woocommerce .single-product-full.side-widget-area #content .product div.entry-summary {
width: 68%;
}
.woocommerce .single-product-full #content .product div.entry-summary {
width: 100%;
}
.woocommerce .single-product-full #content .product div.images,
.woocommerce .single-product-sidebar #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page .single-product-sidebar #content div.product div.images,
.woocommerce-page div.product div.images {
float: none;
margin: 0 auto 50px;
width: 60%;
}
.nav-menu-right li {
padding: 8px 15px;
}
.service-block .service .content {
width: 68%;
}
.second-widget,
.third-widget,
.fourth-widget {
padding-left: 20px;
}
.static-links-list span:hover::before {
left: -22px;
}
}
@media only screen and (max-width: 979px) {
.offer-banner .style-3 .static-wrapper .static-inner{
text-align: center;
}
.style-3.cms-banner-item .text1, .style-3.cms-banner-item .text2, .style-3.cms-banner-item .text3{font-size: 25px;}
.style-3 .text-button {
float: left;
margin-top: 20px;
width: 100%;
}
.style-3.cms-banner-item .text4{float: left;width: 100%;text-align: center;}
.count-down{padding: 20px 0;}
.category-title-block,.category-content {
width: 100%;
}
.category-title-block .category-title{
height: auto;
}
.category-title-block .button_content_inner{
bottom: 0;
position: relative;
}
.category-content .owl-buttons{
left: 0;
text-align: center;
width: 100%;
position: absolute;
top: -51px;
bottom: auto;
}
.category-content .owl-theme .owl-controls .owl-buttons div.owl-prev,
.category-content .owl-theme .owl-controls .owl-buttons div.owl-next {
left: auto;
right: auto;
margin:-3px 5px;
}
.category-content .owl-theme .owl-buttons div{
display: inline-block;
position: relative;
}
.footer-widget:last-child {
margin-bottom: 30px;
}
.testimonial-title,
.testimonial-designation {
margin-top: 10px;
}
.static-links-list span:hover::before {
display: none;
}
#secondary .widget-title {
padding: 10px 0;
}
.footer-widget .widget .bx-wrapper ul,
.follow-us ul,
.widget_accepted_payment_methods ul {
display: block !important;
}
.bx-controls-direction a.bx-next {
right: 30px;
}
.bx-controls-direction a.bx-prev {
right: 45px;
}
.footer-widget .widgets-blog-posts .title-outer::before,
.widgets-follow-us .title-outer::before,
.widget_accepted_payment_methods .title-outer::before {
content: "";
}
.home .products.owl-theme .owl-buttons div {
position: relative;
display: inline-block;
top: auto;
bottom: 0;
margin: 0 0 10px 3px;
}
.style-2.cms-banner-item .text1,
.style-2.cms-banner-item .text3 {
display: none;
}
.style-2 .static-wrapper .static-inner {
width: 120px;
}
.style-2 .link-text {
padding: 4px 15px;
}
.testimonial-content {
padding: 20px 40px 0px 80px;
}
.home .products.owl-theme .owl-buttons div.owl-prev,
.home .products.owl-theme .owl-buttons div.owl-next {
right: auto;
left: auto;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.brands.list ul li {
width: 33.33% !important;
}
.topbar-text {
width: 100%;
text-align: center;
}
.nav-menu-right,
.tmpmela-topbar-menu-links,
.header-right {
display: none;
}
.header-middle {
width: 88%;
text-align: left;
border: none;
padding: 25px 0;
}
.header-left {
width: 12%;
}
.page-title-inner,
.main-content-inner,
.theme-container,
.full-width .inner-container,
.main-content.left-sidebar,
.site-footer .inner-container,
.main-inner-container,
.full-width .page-title,
.main-content.box-page {
width: 734px;
}
#secondary,
#primary {
width: 100%;
margin: 0 0 30px;
float: none;
clear: both;
}
#secondary {
margin: 0;
}
.woocommerce .single-product-full.side-widget-area #content .product div.entry-summary,
.woocommerce .single-product-full #content .product div.entry-summary {
width: 100%;
}
.singleproduct-sidebar {
float: left;
margin: 0;
}
.col-main {
width: 100%;
}
.page-title .entry-title-main {
font-size: 18px;
}
.main-title {
margin: 15px 0;
padding: 0 15px;
}
.breadcrumbs,
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
font-size: 12px;
}
.woocommerce .single-product-full #content .product div.images,
.woocommerce .single-product-sidebar #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page .single-product-sidebar #content div.product div.images,
.woocommerce-page div.product div.images {
float: none;
margin: 0 auto 20px;
width: 74%;
}
.product-slider {
padding: 5px;
}
.address-text {
width: 100%;
}
.widgets-brand .widget-title {
display: block;
}
.cms-banner-item.sub-banner3 .text2 {
letter-spacing: 0;
}
.fancy-image .cms-banner-item {
float: none;
}
.header-cart .cart-contents {
right: 5px;
}
.header-center {
display: none;
} .product-categories .expandable-hitarea:before,
.widget_pages .expandable-hitarea:before,
.widget_nav_menu .expandable-hitarea:before,
.widget_categories .expandable-hitarea:before {
content: "\f067";
}
.product-categories .collapsable-hitarea:before,
.widget_pages .collapsable-hitarea:before,
.widget_nav_menu .collapsable-hitarea:before,
.widget_categories .collapsable-hitarea:before {
content: "\f068";
}
.product-categories .dc-mega-icon {
display: none;
}  #primary-sidebar .toggled-on .toggle-block,
#primary-sidebar .toggled-on .widget_shopping_cart_content {
display: block;
padding: 10px;
float: left;
}
.primary-sidebar .widget ul li {
padding: 10px 0;
}
#primary-sidebar .toggled-off .toggle-block,
#primary-sidebar .toggled-off .widget_shopping_cart_content,
.primary-sidebar .widget .toggle-block,
.custom_category,
.textbox .text1,
#primary-sidebar .toggled-off .textwidget {
display: none;
}
.title-outer {
cursor: pointer;
position: relative;
}
.primary-sidebar .widget {
margin-bottom: 3px;
padding: 0;
}
.widget .widget-title {
padding: 10px;
}
.toggled-on .title-outer:before {
content: "\f106";
line-height: 11px;
}
.title-outer:before,
.toggled-off .title-outer:before {
content: "\f107";
position: absolute;
right: 10px;
font-family: 'FontAwesome';
font-size: 20px;
color: #000;
top: 0;
bottom: 0;
height: 14px;
width: 14px;
text-align: center;
z-index: 9;
line-height: 15px;
margin: auto;
}
.toggled-off .toggle-block,
.primary-sidebar .toggle-block,
.site-footer .toggle-block,
.primary-sidebar .widget_shopping_cart_content,
.primary-sidebar .toggled-off .widget_shopping_cart_content,
.toggle-content .toggle-block,
.footer-widget .tnp {
display: none;
}
.toggled-on .toggle-block,
.primary-sidebar .toggled-on .widget_shopping_cart_content,
.footer-widget .toggled-on .tnp {
display: block;
}
.toggle-content .toggle_title {
display: block;
}
.toggle-content .toggle_title {
background-color: #fafafa;
display: block;
text-align: left;
}
.toggle-content .toggled-on .main-ul {
display: block;
}
.toggle-content .toggled-off .main-ul,
.toggle-content .main-ul {
display: none;
} .site-content .entry-thumbnail img {
width: 100%;
}
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
clear: none;
}
.team-posts-content.posts-content .container {
width: 50%;
}
.woocommerce .single-product-full .woocommerce-main-image.zoom,
.single-product-sidebar .woocommerce-main-image.zoom {
float: right;
padding: 0;
width: 86%;
}
.home-blog .two_fifth,
.home-blog .three_fifth {
width: 100%;
}
.home-blog .blog-posts-content {
padding: 0;
}
.primary-sidebar .blog-posts-content {
padding: 32px 0 0;
}
#secondary .post-content-inner {
padding: 0 5px;
}
.woocommerce ul.products li.product:hover .product-detail-wrapper,
.product-detail-wrapper {
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
}
.popup-video .one_third_inner.content_inner {
margin: 0 !important;
width: 100% !important;
}
.popup-video .two_third,
.popup-video .one_third {
width: 100%;
}
.newletter-block .parallax-text-wrapper,
.newletter-block .one_third {
width: 100%;
}
.gallery-item,
.portfolio-filter-container .item,
.portfolios li {
display: inline-block;
float: none;
vertical-align: top;
width: 50% !important;
}
.site-footer .widget_newsletterwidget .widget-title {
padding: 0;
} .widget .widget-title {
border: 0;
}
.widget_search {
display: none;
}
.footer_top {
margin: 30px 0;
}
.home-about-me {
text-align: center;
}
.tmpmela-about-description {
line-height: 24px;
}
.footertop .custom-text-container .text {
margin: 0;
text-align: center!important;
}
.site-footer h3.widget-title {
margin: 0;
padding: 5px 0;
}
#footer-widget-area {
display: inline-block;
padding: 30px 0 0;
vertical-align: top;
}
.footer-bottom-right .title-outer {
display: none;
}
.site-footer .follow-us h3.widget-title {
display: block;
}
.footer-widget {
min-height: inherit;
width: 100%!important;
padding: 0!important;
border: none!important;
margin: 0;
}
.site-footer .toggle-block {
margin: 10px 0;
float: left;
width: 100%;
text-align: left;
}
.service-block .service .content {
width: auto;
float: left;
padding: 19px 20px;
}
.style-2 .static-wrapper .static-inner {
top: 10px;
right: 10px;
}
.resp-tabs-list li .tab-title {
margin: 0 5px;
}
.fifth-widget .title-outer {
padding-left: 0;
}
.footer-bottom-outer .widget {
width: 100%;
margin: 0px;
}
.footer-top-outer .widget {
width: 100%;
margin: 5px 0;
}
.footer-top-content {
margin: 0;
}
.offer-banner-img {
width: auto;
}
.topbar-outer .theme-container {
text-align: center;
}
.header-search input[type="text"],
.header-search input[type="search"] {
width: 230px;
}
.header-cart .togg {
width: 90px;
}
.service-block .service.service2 .service-icon,
.service-block .service.service1 .service-icon {
display: none;
}
.mainbanner {
width: 100%;
}
.nav-menu-right li {
padding: 8px 0;
}
.nav-menu-right li:first-child {
border: none;
}
.account-block {
border-left: 1px solid #f0f0f0;
}
.account-menu-links #menu-tmpmela-top-links li a::before {
display: none;
}
.woocommerce-product-search select,
.woocommerce-product-search span.customSelect {
display: none !important;
}
.category-list {
width: 21%;
}
.header-search {
width: 420px;
}
.header-search input[type="text"],
.header-search input[type="search"] {
width: 380px;
}
.header-search .woocommerce-product-search input[type="submit"],
.header-search .search-form #searchsubmit {
width: 40px;
}
.account-cart {
width: 18%;
}
.header-cart .cart-contents span.woocommerce-Price-amount.amount {
display: none;
}
.header-menu-links {
float: left;
}
.header-cart {
float: right;
}
.service-list {
width: 33.33%;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#home_all_carousel.owl-theme .owl-buttons div.owl-prev {
left: -5px;
}
#home_all_carousel.owl-theme .owl-buttons div.owl-next {
right: -5px;
}
.style-1 .static-wrapper .static-inner {
top: 10px;
}
.style-1.cms-banner-item .text1 {
margin-bottom: 0;
}
.style-1.cms-banner-item .text2 {
padding-bottom: 0;
}
.style-2.cms-banner-item .text1,
.style-2.cms-banner-item .text2 {
font-size: 16px;
}
.contact-block {
padding: 10px 8px;
}
.style-2 .cat_name {
top: 13%;
}
.style-2.category_link a.category {
font-size: 22px;
}
.category_link .count {
font-size: 12px;
}
.header-cart .togg .widget.widget_shopping_cart {
width: 294px;
right: -9px;
}
.header-menu-links li:first-child {
border: none;
}
}
@media only screen and (max-width: 767px) {
.style-2 .static-wrapper .static-inner{width:180px;}
.static-inner .title2, .static-inner .title4, .static-inner .title1, .static-inner .title3, .static-inner .title5{font-size:26px;}
#home_all_carousel.owl-theme .owl-buttons div.owl-prev{left:0;}
#home_all_carousel.owl-theme .owl-buttons div.owl-next{right: 0;}
#home_all_carousel .feature-image-wrapper .product-content,
#home_all_carousel .feature-image-wrapper .images{width: 100%;}
#home_all_carousel .feature-image-wrapper .product-content{padding:0 10px 20px 10px;box-sizing: border-box;}
#home_all_carousel .feature-image-wrapper .product-content .product-price{padding: 10px 0;}
.count-down{padding: 20px 0 0;}
#home_all_carousel.owl-theme .owl-buttons div{opacity: 1;}
.woocommerce ul.products li.product.product-category {
float: none;
}
.entry-thumbnail {
float: none;
margin-bottom: 20px;
margin-right: 0;
width: auto;
}
.home .sticky-menu .home-category .product-categories {
max-height: 500px;
}
.footer-bottom-left,
.widget_accepted_payment_methods,
.site-info {
float: none;
width: 100%;
text-align: center;
}
.widget_accepted_payment_methods {
padding: 10px 0 0 0;
}
.account-block .account-label {
background-position: 20px -96px;
}
.header-cart {
position: unset;
}
.header-bottom {
position: relative;
}
.header-cart .togg .widget.widget_shopping_cart {
right: 10px;
}
.header-cart .shopping_cart .cart-icon {
background-position: -60px -98px;
}
.header-search::before {
border-right: 1px solid #ededed;
content: "";
height: 30px;
position: absolute;
right: 0;
}
.header-search input[type="text"],
.header-search input[type="search"] {
height: 40px;
border: 1px solid #e2e2e2;
border-right: none;
}
.header-search .woocommerce-product-search input[type="submit"],
.header-search .search-form #searchsubmit {
height: 40px;
}
.header-search .header-toggle {
background: transparent url(//hatimkidscollections.com/wp-content/themes/ecode/images/megnor/sprite-wc.png) no-repeat scroll 8px -376px;
bottom: auto;
cursor: pointer;
font-size: 0;
height: 38px;
padding: 0;
width: 40px;
} .header-search.active .header-toggle {
background-position: 8px -432px;
} .header-search .woocommerce-product-search,
.header-search .search-form {
bottom: 0;
display: none;
left: auto;
position: absolute;
right: 0;
top: 50px;
width: 218px;
z-index: 1;
}
.header-search::before {
display: none;
}
.header-search {
width: auto;
padding: 0;
float: right;
margin: 8px 10px;
background-color: transparent;
}
.category-list {
width: 149px;
}
.topbar-link,
.account-cart {
width: auto;
}
.account-block .account-label,
.header-cart .shopping_cart .cart-icon {
width: 49px;
}
.header-cart {
float: left;
}
.mega-menu,
.nav-menu-right li a::before {
display: none;
}
.menu-toggle {
color: #000;
cursor: pointer;
display: block;
font-size: 0;
margin: 0;
padding: 9px 0;
position: relative;
text-transform: uppercase;
}
.menu-toggle:before {
content: "\f0c9";
font-size: 21px;
right: 0;
margin-top: 0;
top: 6px;
position: absolute;
color: #000;
padding-right: 10px;
}
.sticky-menu .header-cart {
top: 3px;
}
.main-content.blog-page.blog-list.box-page article.post,
.main-content.blog-page.blog-list.box-page article.post.sticky {
margin: 10px auto;
width: 100%;
}
.woocommerce-checkout-review-order table {
display: inline-table;
}
.admin-bar .header-fix.sticky-menu {
margin-top: 40px;
}
.product-detail-wrapper {
margin: 0;
}
li:hover .product-detail-wrapper {
transform: none;
}
.product-button-outer {
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
}
.header-right {
top: 30px;
}
.style-1 .static-wrapper .static-inner {
top: 8px;
}
.cms-banner-item {
margin: 0 0 18px;
}
.faq-questions {
margin: 0 -20px;
}
.page-title-inner,
.main-content-inner,
.theme-container,
.full-width .inner-container,
.main-content.left-sidebar,
.site-footer .inner-container,
.main-inner-container,
.full-width .page-title,
.main-content.box-page {
width: auto;
margin: 0 15px !important;
}
.main-content.box-page.full-width,
.main-content-inner .home-page,
.main-content.blog-page.blog-list.box-page,
.main-content-inner .main-content.box-page {
margin: 0!important;
}
.service-cms {
display: none;
}
.sub-banner {
text-align: center;
}
.service-list.service-2 {
border: 0;
}
.cms-banner-item.sub-banner1.left-img {
margin-right: 0;
}
.cms-banner-item.sub-banner2.right-img {
margin-left: 0;
}
.service-container {
padding: 40px 0!important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.brands.list ul li {
width: 32.7% !important;
}
.owl-theme .owl-buttons div.owl-prev {
left: 5px;
}
.owl-theme .owl-buttons div.owl-next {
right: 5px;
}
.site-header-fix.header-style {
min-height: 110px;
}
.header-logo {
display: none;
}
.header-mob-logo {
display: block;
}
.header-left,
.header-right {
border: 0;
}
.header-right-top {
display: inline-block;
vertical-align: top;
}
.mobile-menu {
width: 250px;
}
#primary,
.left-sidebar #primary,
.homepage #home_primary,
#secondary,
.full-width .page-title {
width: 100%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
width: 100%;
margin: 10px 0;
}
#primary .gridlist-toggle {
float: none;
}
.content_inner {
width: 100% !important;
margin: 0 !important;
}
.footertop .content_inner,
.widget .banner-slider-container ul li {
text-align: center;
}
.navbar,
.header_cart {
display: block;
padding: 0;
position: static;
}
.blog-posts-content .post-image,
.single-portfolio .portfolio-image,
.post-content-outer {
width: 100%;
} .topbar-main .fa {
display: none;
}
.header_logout a {
display: block;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: none;
display: inline-block;
vertical-align: top;
}
.woocommerce.list-view .woocommerce-result-count,
.woocommerce-page.list-view .woocommerce-result-count {
display: block;
}
.header-cart .togg .widget.widget_shopping_cart {
width: 280px;
}
.sticky-menu .nav-top .menu-toggle {
padding: 0;
font-size: 0;
}
.sticky-menu .nav-top .menu-toggle::before {
color: #fff;
position: absolute;
left: 20px;
top: 10px;
}
.sticky-menu .nav-top {
width: auto;
} .single_variation_wrap {
overflow: visible;
}
.woocommerce .single-product-full .woocommerce-main-image.zoom,
.woocommerce .single-product-full .woocommerce-main-image.zoom,
.single-product-sidebar .woocommerce-main-image.zoom {
width: 100%;
}
#content div.product div.images .bx-wrapper .bx-controls-direction a,
#content div.product div.images .bx-wrapper:hover .bx-controls-direction a {
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
}
#content div.product div.images .bx-wrapper {
display: inline-block;
float: none;
}
.woocommerce #content .product div.images {
text-align: center;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce form {
width: 100%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
margin-bottom: 20px;
box-sizing: border-box;
width: 100%;
}
.blog-posts-content .blog-grid .item.style-3 {
width: 100%;
}
.main-container .resp-tabs-list {
margin: -7px 60px -2px 0;
}
#yith-quick-view-content div.images,
#yith-quick-view-content div.summary {
float: none;
width: 100%;
}
#yith-quick-view-content div.summary {
float: left;
margin: 0;
padding: 15px;
width: 100%;
} .style-2 .service-content {
padding: 20px 5px;
}
.tmpmela_about .image-right .about_image,
.tmpmela_about .image-left .about_content,
.tmpmela_about .image-left .about_image,
.tmpmela_about .image-right .about_content {
width: 100%;
text-align: center;
}
.aboutus .banner-slider-container {
text-align: center;
} .footertop .custom-text-container {
display: inline-block;
}
.site-footer .newsletter tr,
.site-footer .newsletter tbody,
.site-footer .newsletter table,
.site-footer .newsletter td {
display: inline-block;
float: none;
vertical-align: top;
text-align: center;
}
.site-footer .newsletter-email {
width: 300px;
}
.site-footer .newsletter td {
display: block;
}
.sitemap-item,
.contact_form form {
width: 100%;
}
.contact_form .address-container .icon {
float: none;
display: inline-block;
vertical-align: top;
}
.woocommerce-MyAccount-navigation {
width: 100%;
margin: 0 0 30px 0;
}
.woocommerce-MyAccount-content {
overflow: visible;
} .woocommerce table.my_account_orders tr td.order-actions::before,
.woocommerce table.shop_table_responsive tr td.actions::before,
.woocommerce table.shop_table_responsive tr td.product-remove::before,
.woocommerce-page table.my_account_orders tr td.order-actions::before,
.woocommerce-page table.shop_table_responsive tr td.actions::before,
.woocommerce-page table.shop_table_responsive tr td.product-remove::before {
display: none;
}
.woocommerce-page #content table.cart .product-thumbnail:before,
.woocommerce-page table.cart .product-thumbnail:before {
content: attr(data-title)" ";
}
.woocommerce table.shop_table_responsive tbody th,
.woocommerce table.shop_table_responsive thead,
.woocommerce-page table.shop_table_responsive tbody th,
.woocommerce-page table.shop_table_responsive thead {
display: none;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
display: block;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title)": ";
float: left;
font-weight: 700;
color: #000;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align: right;
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
text-align: center;
}
.woocommerce .cart-collaterals .cart_totals a.button.alt,
.woocommerce-page .cart-collaterals .cart_totals a.button.alt {
width: 100%;
}
.quantity {
max-width: 270px;
position: relative;
}
td.product-quantity .quantity {
float: right;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
float: none;
padding-bottom: 0.5em;
}
.woocommerce #content table.cart td.actions .button,
.woocommerce table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button {
width: 100%;
}
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
margin: 0 0 10px;
}
.woocommerce #content table.cart td,
.woocommerce #content table.cart th,
.woocommerce table.cart td,
.woocommerce table.cart th,
.woocommerce-page #content table.cart td,
.woocommerce-page #content table.cart th,
.woocommerce-page table.cart td,
.woocommerce-page table.cart th {
float: left;
width: 100%;
text-align: right;
padding: 10px!important;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: rgba(0, 0, 0, 0.02);
}
.shop_table.cart.wishlist_table thead {
display: none;
}
.yith-wcwl-wishlistaddedbrowse.show,
.yith-wcwl-wishlistexistsbrowse.show,
.woocommerce .yith-wcwl-add-to-wishlist a.add_to_wishlist,
.woocommerce ul.products .button.yith-wcqv-button,
.woocommerce ul.products a.compare.button {
margin: 0 1px;
}
.topbar-outer.header-top-hide {
display: inline-block;
}
.header-left.header-top-hide {
float: left;
display: inline-block;
text-align: left;
padding: 12px 0px;
}
.header-middle {
float: right;
width: auto;
}
.sticky-menu .topbar-outer.header-top-hide {
display: none;
}
.sticky-menu .header-left.header-top-hide {
display: none;
}
.topbar-outer.header-top-show {
display: block;
}
.header-left.header-top-show {
float: none;
display: inline-block;
text-align: center;
}
.sticky-menu .topbar-outer.header-top-show {
display: none;
}
.sticky-menu .header-left.header-top-show {
display: none;
}
.resp-tabs-list li .tab-title {
margin: 0;
padding: 20px 8px;
font-size: 11px;
}
.testmonial-block {
float: none;
border-right: none;
}
.header-cart .togg {
width: auto;
}
.header-cart .togg::before,
.custom-testimonial blockquote::before {
display: none;
}
.testimonial-content {
padding: 20px 30px 0px 10px;
}
.header-search input[type="text"],
.header-search input[type="search"] {
width: auto;
}
.service-block .service .content {
padding: 10px;
}
.resp-tabs-list {
position: relative;
right: auto;
top: auto;
}
.cms-banner-item {
display: block;
}
.cat-1,
.cat-2,
.cat-3,
.cat-4 {
width: 50%;
float: none;
display: inline-block;
margin: 0 0 10px 0;
vertical-align: top;
}
.category_link .static-inner {
padding: 0;
}
.cat-3 .vc_column-inner {
border: none !important;
}
.cms-banner-item.single-cmsbanner,
.main-content .parallax-img {
margin: 0 !important;
padding: 0 !important;
}
.style-1.cms-banner-item .text1{font-size:15px;}
.style-1 .static-wrapper .static-inner {width: 85%;}
.style-1.cms-banner-item .text3,.style-1.cms-banner-item .text4{display:none;}
.style-2 .static-wrapper .static-inner {
top: 30%;
}
.style-2.cms-banner-item .text1 {
font-size: 17px;
}
.style-2 .link-text {
margin-top: 5px;
}
.mainbanner {
margin-bottom: 20px;
}
.social-icons {
width: auto;
}
.social-icons {
position: absolute;
top: -53px;
}
.header-bottom {
border: none;
}
.header-left {
width: auto;
}
.woocommerce-product-search span.customSelect {
width: 150px;
}
.header-middle .social-icons #follow_us {
margin: 15px 0;
background: transparent;
border: none;
border-radius: 5px;
}
.follow-us ul {
text-align: left;
}
.blog-list-container .item,
.main-content.blog-page.blog-list.box-page article.post,
.home.blog .main-content.blog-page.blog-list article.post,
.main-content.blog-page.blog-list.box-page article.post.sticky,
.home.blog .main-content.blog-page.blog-list article.post.sticky {
width: 100%;
margin: 0 0 30px;
box-sizing: border-box;
}
#main-content.blog-page.left-sidebar {
margin: 0 !important;
}
.cms-banner-item.sub-banner2.center-img {
margin: 0 0 20px;
}
}
@media only screen and (max-width: 640px) {
.nav-menu-right li:hover::before,
.resp-tabs-list li:hover::before,
.resp-tabs-list li.resp-tab-active::before {
display: none;
}
.woocommerce-product-search select {
display: none !important;
}
.service-list {
width: 50%;
}
.header-left {
width: auto;
}
.custom-testimonial .testmonial-image {
float: none;
text-align: center;
}
.testimonial-content {
padding: 10px;
}
.header-right {
top: 26px;
}
.custom-testimonial .testimonial-wrapper {
float: left;
width: 100%;
}
.header-search .woocommerce-product-search.open {
width: 250px;
}
.fancy-image {
margin-bottom: 50px;
}
.page-title .entry-title-main,
.breadcrumbs,
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
float: none;
text-align: center;
width: 100%;
margin-bottom: 5px;
}
.resp-tabs-list li {
width: 100%;
box-sizing: border-box;
}
.resp-tabs-list li .tab-title,
.resp-tabs-list li:first-child .tab-title {
display: inline-block;
padding: 4px 0;
text-align: center;
width: 100%;
box-sizing: border-box;
margin: 2px 0;
}
.resp-tabs-list li:after {
border: 0 none;
}
.close-btn:before {
padding: 2px 3px;
}
.main-container .resp-tabs-list {
display: inline-block;
margin: 0 0 36px!important;
vertical-align: top;
position: relative;
}
.tmpmela-about-description {
border: none;
position: relative;
}
.footer_left,
.footer_right,
.tmpmela-about-text a,
.tmpmela-about-description {
display: inline-block;
float: none;
margin: 10px auto;
padding: 0;
text-align: center;
width: 100%;
}
.widget_newsletterwidget .title-outer,
.tnp.tnp-widget {
margin: 0;
}
.news-text {
padding: 10px 0 10px;
}
.tmpmela-about-description {
text-align: center;
}
.follow-us {
padding: 0;
}
.portfolio-filter-container .options li a {
margin: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.brands.list ul li {
width: 49.5% !important;
display: inline-block;
float: none;
vertical-align: top;
}
.hot-porduct .product {
display: inline-block;
float: none;
vertical-align: top;
width: 50% !important;
} .entry-header .entry-title {
font-size: 20px;
letter-spacing: 0;
line-height: 27px;
} .woo-products {
padding: 0;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
width: 100%;
margin: 0;
}
.woocommerce-tabs ul.tabs li {
padding: 2px 0;
border-bottom: 1px solid #ebebeb;
}
table {
display: inline;
float: left;
overflow: auto;
width: 100%;
}
.options li,
.options li:first-child {
margin: 0 0 5px 0;
width: 100%;
}
.woocommerce ul.products.list .container-inner .image-block,
.woocommerce-page ul.products.list .container-inner .image-block {
margin: 0 auto;
width: auto;
display: inline-block;
}
.woocommerce ul.products.list li .container-inner,
.woocommerce-page ul.products.list li .container-inner {
box-sizing: border-box;
padding: 0;
}
.list .product-detail-wrapper {
width: 100%;
box-sizing: border-box;
padding: 0 20px 20px;
}
.woocommerce-tabs .panel {
padding: 15px;
} .woocommerce-product-search span.customSelect {
display: none !important;
}
.social-icons {
width: 40%;
}
.nav-menu-right {
padding: 0;
}
.home-product .products.owl-theme .owl-buttons div {
top: 0;
}
.home-product .woocommerce ul.products {
margin-top: 30px;
}
}
@media only screen and (max-width: 600px) {
.header-fix.sticky-menu,
.admin-bar .header-fix.sticky-menu {
margin-top: 0;
}
}
@media only screen and (max-width: 479px) {
.style-2 .static-wrapper .static-inner { width: 150px;}
.tnp-field.tnp-field-button{vertical-align:top;}
.site-footer .tnp-field.tnp-field-email{width:auto;}
#home_all_carousel .feature-image-wrapper .images{border:none;}
.countbox .timebox{margin:0 10px 0 0;}
.countbox .timebox-inner::after{right:-9px;}
.countbox .timebox-inner{width: 50px;}
.category-block .cat_description{bottom: 0;}
.service-list {
margin: 0;
width: 100%;
}
.woocommerce ul.products.list .container-inner .product-block-hover,
.woocommerce-page ul.products.list .container-inner .product-block-hover {
text-align: left;
}
.header-search input[type="text"],
.header-search input[type="search"] {
width: auto;
}
.style-1 .static-wrapper .static-inner {
top: 0;
}
.style-1.cms-banner-item .text1{
line-height:20px;
padding:0;
}
.style-1.cms-banner-item .text2{
font-size:15px;
font-weight:200;
}
.header-search .woocommerce-product-search.open {
width: 160px;
}
.fancy-image .static-wrapper .static-inner {
padding: 0;
}
.fancy-image .cms-banner-item .text1,
.fancy-image .cms-banner-item .text2 {
font-size: 17px;
}
.fancy-image .link-text {
font-size: 12px;
padding: 6px 14px;
margin-top: 10px;
}
.custom-testimonial .testmonial-image {
float: none!important;
margin: 0 0 20px!important;
}
.custom-testimonial .style-2 .testimonial-top blockquote,
.style-2 .testimonial-wrapper {
text-align: center;
}
.style-2 .custom-testimonial-inner {
padding: 30px 15px;
}
.entry-date {
font-size: 12px;
letter-spacing: 0;
}
.entry-thumbnail .block_hover .links {
top: 35%;
}
.owl-theme .owl-buttons div {
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
} .text-contact {
font-size: 14px;
margin-bottom: 3px;
}
.contact-no {
font-size: 13px;
}
.woocommerce .single-product-full #content .product div.images,
.woocommerce .single-product-sidebar #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page .single-product-sidebar #content div.product div.images,
.woocommerce-page div.product div.images {
width: auto;
}
.posts-content .owl-item .container-inner,
.portfolio-carousel .portfolio-main {
text-align: center;
display: block;
}
.blog-posts-content .post-content-inner {
float: none;
} .product-block-hover {
top: 10%;
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
}
.woocommerce #content div.product form.cart div.quantity,
.woocommerce div.product form.cart div.quantity,
.woocommerce-page #content div.product form.cart div.quantity,
.woocommerce-page div.product form.cart div.quantity {
margin-bottom: 10px;
}
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
clear: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.brands.list ul li,
.hot-porduct .product {
width: 49.2% !important;
}
.team-posts-content.posts-content .container {
width: 100%;
}
.gallery-item,
.portfolio-filter-container .item,
.portfolios li {
width: 100% !important;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 100%;
}
.site-footer .newsletter tr,
.site-footer .newsletter-email,
.site-footer .newsletter .newsletter-submit {
width: 100%;
}
.newsletter-td-submit {
padding: 5px 0 !important;
}
.testmonial-block {
text-align: center;
padding-right: 0;
margin-right: 0;
}
.style-2 .testimonial-title {
display: block;
text-align: center;
} .style-2 .cat_name {
top: 30%;
}
.fancy-image .static-wrapper .static-inner {
margin-left: 0;
margin-top: 55px;
}
.service-title {
font-size: 26px;
}
.pricing_wrapper {
padding: 20px 0;
}
.entry-summary .count-down {
width: 70%;
}
.vertical_tab .tab_groupcontent,
.horizontal_tab #tab ul li {
width: 100%;
margin: 0;
}
#tab ul.tabs {
width: 100% !important;
margin: 0;
}
#tab ul li a {
display: block;
}
.address-text-inner {
text-align: center;
}
.address-text .icon {
border-width: 0 0 1px;
box-sizing: border-box;
padding: 15px 0;
width: 100%;
} .social-icons {
width: 65%;
}
li:hover .product-block-hover {
top: 10%;
}
.product-block-outer {
width: 100%;
position: relative;
}
.product-block-hover {
position: relative;
margin: 10px 0 0;
}
.product-detail-wrapper {
padding-top: 0;
}
.offer-banner .description {
width: 50%;
padding-left: 10px;
}
.topbar-link {
float: none;
}
.header-search {
margin: 8px 0;
}
.account-block .account-label {
background-position: 10px -96px;
}
.static-inner .title2,
.static-inner .title4,
.static-inner .title1,
.static-inner .title3,
.static-inner .title5 {
font-size: 23px;
display: inline-block;
}
.woocommerce ul.products .button.yith-wcqv-button {
display: none;
}
.tnp-field.tnp-field-email {
width: 170px;
}
.list li:hover .product-block-hover,
.list li .product-block-hover {
top: 0;
}
.list .product-block-outer {
padding: 0 15px;
}
.topbar-outer.header-top-hide {
display: none;
}
.header-bottom {
height: 58px;
}
.resp-tabs-list li .tab-title {
font-size: 12px;
}
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12.002 12.002 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.846 9.846 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22l3.961-.501zm6.534-7.003-.933 1.164a9.843 9.843 0 0 1-3.497-3.495l1.166-.933a.792.792 0 0 0 .23-.94L9.561 6.96a.793.793 0 0 0-.924-.445 1291.6 1291.6 0 0 0-2.023.524.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.793.793 0 0 0-.445-.923L14.6 13.327a.792.792 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--bottom:20px;--sep:20px;--s:60px;--header:calc(var(--s)*1.16667);--vh:100vh;--red:37;--green:211;--blue:102;--rgb:var(--red) var(--green) var(--blue);--color:rgb(var(--rgb));--dark:rgb(calc(var(--red) - 75) calc(var(--green) - 75) calc(var(--blue) - 75));--hover:rgb(calc(var(--red) + 50) calc(var(--green) + 50) calc(var(--blue) + 50));--bg:rgb(var(--rgb)/4%);--tolerance:210;--bw:calc((var(--red)*0.2126 + var(--green)*0.7152 + var(--blue)*0.0722 - var(--tolerance))*-10000000);--text:hsl(0deg 0% calc(var(--bw)*1%)/clamp(70%,calc(var(--bw)*1%),100%));--msg:var(--color);color:var(--text);display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--dark{--msg:var(--dark)}.joinchat--noanim{animation:none}.joinchat--chatbox:not(.joinchat--noanim){transform-origin:0 0;animation-timing-function:ease-in-out}.joinchat--hidden{display:none!important}@supports not (width:clamp(1px,1%,10px)){.joinchat{--text:hsl(0deg 0% calc(var(--bw)*1%)/90%)}}.joinchat__button{display:flex;flex-direction:row;position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);min-width:var(--s);background:#25d366;color:inherit;border-radius:calc(var(--s)/2);box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}[dir=rtl] .joinchat__button{flex-direction:row-reverse}.joinchat__button:hover{background:#128c7e;transition-duration:1.5s}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px;flex-direction:row-reverse}[dir=rtl] .joinchat--left .joinchat__button{flex-direction:row}.joinchat--btn .joinchat__button:hover{transition-duration:.2s}.joinchat--chatbox .joinchat__button{background:var(--color);transition-duration:.2s;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.joinchat--chatbox .joinchat__button:active,.joinchat--chatbox .joinchat__button:hover{background:var(--hover)}.joinchat--optout.joinchat--chatbox .joinchat__button{background-color:#999;pointer-events:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__chat{animation:none}.joinchat__button__open{width:var(--s);height:var(--s);border-radius:50%;background:rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;background-size:60%;overflow:hidden}.joinchat--chatbox .joinchat__button__open{display:none}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat--chatbox .joinchat__button__image{display:none}.joinchat__button__send{display:none;flex-shrink:0;width:var(--s);height:var(--s);max-width:var(--s);padding:calc(var(--s)*0.18);margin:0;overflow:hidden}.joinchat--chatbox .joinchat__button__send{display:block}.joinchat__button__send path{fill:none!important;stroke:var(--text)!important}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:1097;stroke-dashoffset:1097;animation:joinchat_plain 6s .2s ease-in-out infinite}.joinchat__button__send .joinchat_svg__chat{stroke-dasharray:1020;stroke-dashoffset:1020;animation:joinchat_chat 6s 3.2s ease-in-out infinite}.joinchat__button__sendtext{padding:0;max-width:0;border-radius:var(--s);font-weight:600;line-height:var(--s);white-space:nowrap;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:none}.joinchat--chatbox .joinchat__button__sendtext{padding:0 4px 0 24px;max-width:min(400px - 16px - var(--s),100vw - 16px - var(--s) - 2*var(--sep));opacity:1;transition:max-width .2s linear,opacity .4s ease-out .2s}.joinchat--chatbox.joinchat--left .joinchat__button__sendtext{padding:0 24px 0 4px}.joinchat__badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:calc(var(--s)/2 - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;bottom:calc(var(--s) + 16px);right:0;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--s)/2 - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:0;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--s)/2 - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0}.joinchat__box{display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;max-height:calc(var(--vh) - var(--bottom) - var(--sep));border-radius:calc(var(--s)/2 + 2px);background:#fff linear-gradient(0deg,var(--bg),var(--bg));box-shadow:0 2px 6px 0 rgba(0,0,0,.5);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:max-height .2s ease-out,opacity .4s ease-out,transform 0s linear .3s}[dir=rtl] .joinchat__box{text-align:right}.joinchat--chatbox .joinchat__box{opacity:1;transform:scaleX(1);transition:max-height .2s ease-out,opacity .2s ease-out,transform 0s linear}.joinchat--left .joinchat__box{right:auto;left:0}.joinchat__header{display:flex;flex-flow:row;align-items:center;position:relative;flex-shrink:0;height:var(--header);min-height:50px;padding:0 70px 0 26px;margin:0;background:var(--color)}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.joinchat--dark .joinchat__header{background:var(--dark)}.joinchat__header__text{font-size:19px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.joinchat__powered{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentcolor;opacity:.8}.joinchat__powered svg{display:inline-block;width:auto;height:18px;vertical-align:-30%}.joinchat__powered:active,.joinchat__powered:hover{color:inherit!important;text-decoration:none!important;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.joinchat__wa{height:28px;width:auto;fill:currentcolor;opacity:.8}.joinchat__close{--size:34px;position:absolute;top:calc(50% - var(--size)/2);right:24px;width:var(--size);height:var(--size);border-radius:50%;background:rgba(0,0,0,.4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6L24 2.4z'/%3E%3C/svg%3E") 50% no-repeat;background-size:12px;cursor:pointer;transition:background-color .3s ease-out}.joinchat__close:hover{background-color:rgba(0,0,0,.6)}.joinchat__close:active{background-color:rgba(0,0,0,.7)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__box__scroll{overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.joinchat__box__scroll::-webkit-scrollbar{width:4px;background:rgb(0 0 0/0)}.joinchat__box__scroll::-webkit-scrollbar-thumb{border-radius:2px;background:rgb(0 0 0/0)}.joinchat--blur .joinchat__box__scroll{background:rgba(var(--rgb)/2%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joinchat--dark .joinchat__box__scroll{background:#1a1a1a}.joinchat__box__scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.joinchat__box__content{width:calc(100% + 4px);padding:20px 0 calc(var(--s) + 16px)}.joinchat__optin{padding:0 16px;margin-bottom:16px;color:#4a4a4a;font-size:13px;line-height:1.33}.joinchat__optin a{display:inline;padding:0;color:inherit!important;text-decoration:underline}.joinchat__optin a:hover{text-decoration-thickness:2px}.joinchat__optin input{position:absolute;visibility:hidden}.joinchat__optin label{position:relative;display:block;margin:0;padding:0 0 0 30px;color:inherit;font:inherit;cursor:pointer}.joinchat__optin label:before{content:"";display:block;position:absolute;top:min(50% - 11px,5px);left:0;width:22px;height:22px;border:3px solid var(--color);border-radius:4px;background:#fff;box-shadow:0 0 0 1px var(--text);transition:box-shadow .3s ease-in-out}.joinchat--dark .joinchat__optin label:before{background:#000}.joinchat__optin label:after{content:"";display:none;position:absolute;top:min(50% - 8px,8px);left:8px;width:6px;height:14px;border:solid var(--text);border-width:0 3px 3px 0;transform:rotate(45deg)}[dir=rtl] .joinchat__optin label{padding:0 30px 0 0}[dir=rtl] .joinchat__optin label:before{left:auto;right:0}[dir=rtl] .joinchat__optin label:after{left:auto;right:8px}.joinchat__optin input:checked+label:before{box-shadow:0 0 0 1px var(--text),inset 0 0 0 10px var(--color)}.joinchat__optin input:checked+label:after{display:block}.joinchat--dark .joinchat__optin{color:#d8d8d8}.joinchat__message{position:relative;min-height:60px;padding:17px 20px;margin:0 26px 26px;border-radius:32px;background:#fff;color:#4a4a4a;word-break:break-word;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transform:translateZ(0)}.joinchat__message:before{content:"";display:block;position:absolute;bottom:20px;left:-15px;width:17px;height:25px;background:inherit;-webkit-clip-path:var(--peak,url(#joinchat__message__peak));clip-path:var(--peak,url(#joinchat__message__peak))}.joinchat--dark .joinchat__message{background:#505050;color:#d8d8d8}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes joinchat_plain{0%,50%,to{stroke-dashoffset:1097}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_chat{0%,50%,to{stroke-dashoffset:1020}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--bottom:6px;--sep:6px;--header:calc(var(--s)*0.91667)}.joinchat__header__text{font-size:17px}.joinchat__close{--size:28px}.joinchat__box__scroll{padding-top:15px}.joinchat__message{padding:18px 16px;line-height:24px;margin:0 20px 20px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover .joinchat__qr,.joinchat--chatbox .joinchat__button:hover .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto{--msg:var(--dark)}.joinchat--dark-auto .joinchat__box__scroll{background:#1a1a1a}.joinchat--dark-auto .joinchat__header{background:var(--dark)}.joinchat--dark-auto .joinchat__optin label:before{background:#000}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}.joinchat--dark-auto .joinchat__message{background:#505050;color:#d8d8d8}}@media (prefers-reduced-motion){.joinchat{animation:none}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat__button__send .joinchat_svg__chat{animation:none}.joinchat__button__sendtext{transition:none!important}}