/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
@media only screen and (min-width: 1201px) and (max-width: 1650px) {
.blog-posts-content .owl-theme .owl-buttons div.owl-prev,.owl-theme .owl-buttons div.owl-prev,#brand-products .owl-theme .owl-buttons div.owl-prev{left:15px;}
.blog-posts-content .owl-theme .owl-buttons div.owl-next,.owl-theme .owl-buttons div.owl-next,#brand-products .owl-theme .owl-buttons div.owl-next{right:15px;}
#team-posts-products .owl-theme .owl-controls .owl-buttons div.owl-next{right:11px;}
#team-posts-products .owl-theme .owl-controls .owl-buttons div.owl-prev{left:11px;}
#woo-small-products .owl-theme .owl-buttons div.owl-prev{left:0;}
#woo-small-products .owl-theme .owl-buttons div.owl-next{right:0;}
}
@media only screen and (max-width: 1200px) {
.blog-posts-content .owl-theme .owl-buttons div.owl-prev,.owl-theme .owl-buttons div.owl-prev,#brand-products .owl-theme .owl-buttons div.owl-prev{left:15px;}
.blog-posts-content .owl-theme .owl-buttons div.owl-next,.owl-theme .owl-buttons div.owl-next,#brand-products .owl-theme .owl-buttons div.owl-next{right:15px;}
#team-posts-products .owl-theme .owl-controls .owl-buttons div.owl-next{right:11px;}
#team-posts-products .owl-theme .owl-controls .owl-buttons div.owl-prev{left:11px;}
#woo-small-products .owl-theme .owl-buttons div.owl-prev{left:0;}
#woo-small-products .owl-theme .owl-buttons div.owl-next{right:0;}
/*brand*/
.brand-grid .item.brand_main{ width: 32.8% !important;}
#brand-products .brand-grid .item.brand_main:nth-child(-n+3) { border-top: medium none; }
#brand-products .brand-grid .item.brand_main:nth-child(3n) { border-right: medium none; }
#brand-products .brand-grid .item.brand_main:nth-child(4n) ,.brand-grid.cols-5 .item.brand_main:nth-child(5n){ border-right: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; }
.brand-grid.cols-1 .item.brand_main:nth-child(n){border-right:1px solid #f2f2f2;}
.brand-grid.cols-2 .item.brand_main:nth-child(2n) { border-right: 1px solid #f2f2f2; }
.brand-grid.cols-6 .item.brand_main:nth-child(-n+6){border-top:1px solid #f2f2f2; }
/*footer*/
.second-widget.footer-widget{padding:0 0 0 20px;}
.second-widget.footer-widget{width:38%;}
.widget.widgets-static-links {width:46%;}
/*about cms*/
.static-part1:before,.static-part1:after{width:115px;}
.static-part2:before,.static-part2:after{width:245px;}
}
@media only screen and (min-width: 980px) and (max-width: 1200px) {
.page-title-inner, .main-content-inner, .theme-container, .full-width .inner-container, .main-content.left-sidebar, .site-footer .inner-container, .full-width .page-title,.theme-container, #revolutionslider,
.main-content.box-page,
.single-product.woocommerce .woocommerce-error,
.single-product.woocommerce .woocommerce-info,
.single-product.woocommerce .woocommerce-message,
.single-product.woocommerce-page .woocommerce-error,
.single-product.woocommerce-page .woocommerce-info,
.single-product.woocommerce-page .woocommerce-message ,.archive-sidebar.single-product .main-content-inner{width:940px;}
/*footer*/
.widgets-follow-us{padding-left:20px;}
.second-widget.footer-widget{width:38%;}
.third-widget.footer-widget,.first-widget.footer-widget{width:31%;}
/*service cms*/
.service-icon .icon-image{margin:35px auto;}
/************** Content *************/
#primary,
.homepage #home_primary {
width: 700px;
margin: 0;
}
.widget .widget-title, .sitemap h2{font-size:17px;}
#secondary { width: 220px; }
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first { clear: both; }
.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: 100%; }
.single-product-sidebar .woocommerce-main-image.zoom {
float: right;
width: 85%;
}
.woocommerce .single-product-sidebar #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page .single-product-sidebar #content div.product div.summary,
.woocommerce-page div.product div.summary {
border: medium none;
padding: 0;
width: 100%;
}
.gallery-title { font-size: 14px; }
#primary-sidebar .widget_product_search .woocommerce-product-search .search-field,
#primary-sidebar .widget_search .search-form .search-field { width: 80%; }
.shortcode-title.center:before, .cross-sells:before ,.up-sells:before,.related h2:before{width:100%;}
.home .shortcode-title.center:before{width:850px;}
}
@media only screen and (max-width: 979px) {
.admin-bar .mobile-menu{margin-top:32px;}
/*product*/
#content .type-product > .onsale::after{display:none;}
/*pricing table*/
.pricing_heading { font-size: 26px; }
/*staff*/
.staff-page .staff-name { font-size: 20px; }
.staff-page .staff-position span { font-size: 12px; }
.staff-page .staff-social .icon { margin: 19px 7px 5px; }
.staff-page .staff-social .icon .fa { font-size: 18px; }
/*footer*/
.widgets-about .widget-title{display:block;}
.widgets-follow-us{padding-left:0;}
.second-widget.footer-widget{border:none; padding:0;}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%;}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(3n){margin-right:18px !important;}
.primary-sidebar .product_list_widget li{margin:10px 0 0;}
.#footer-widget-area{padding:40px 0;}
.footer-bottom-left, .footer-bottom-right {
float: none;
text-align: center;
width: 100%;
}
.second-widget.footer-widget,.widget.widgets-static-links{width:100%; padding:0;}
/*service cms*/
.service-icon .icon-image{margin:15px auto;}
.service-title, .service-description{font-size:25px; line-height:32px;}
/****************** Content ******************/
#primary,
.homepage #home_primary,
#secondary,
.left-sidebar #secondary,
.right-sidebar #secondary { width: 100%; }
/****************** CSS for all sidebar and footer toggle ******************/
.title-outer {
cursor: pointer;
position: relative;
}
.toggled-on .title-outer:before { content: '\f106'; }
.title-outer:before,
.toggled-off .title-outer:before {
content: '\f107';
position: absolute;
right: 11px;
font-family: 'FontAwesome';
font-size: 20px;
color: #000;
top: 14px;
height: 22px;
width: 22px;
text-align: center;
z-index:9;
}
.site-footer .title-outer:before,
.site-footer .toggled-off .title-outer:before {color:#fff; top:7px; right:0; background:#8ab816;}
.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 { display: none; }
.toggled-on .toggle-block,
.primary-sidebar .toggled-on .widget_shopping_cart_content {
display: block;
margin-bottom: 15px;
overflow: hidden;
}
.toggle-content .toggle_title { display: block; }
/****************** CSS for all sidebar and footer toggle ******************/
.primary-sidebar .widget .widget-title { margin: 0; }
.primary-sidebar .widget { margin-bottom: 10px; }
.top-cms .top-banner-container {
border-style: solid;
border-width: 0 1px;
border-color: #d8d8d8;
box-sizing: border-box;
}
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first { clear: none; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { width: 33.33% !important; }
.team-posts-content.posts-content .container { width: 50%; }
.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: 100%; }
.woocommerce .single-product-full .woocommerce-main-image.zoom,
.single-product-sidebar .woocommerce-main-image.zoom {
float: right;
padding: 0;
width: 86%;
}
.woocommerce .single-product-full #content .product div.entry-summary,
.woocommerce .single-product-sidebar #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page .single-product-sidebar #content div.product div.summary,
.woocommerce-page div.product div.summary {
border: medium none;
padding: 0;
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;
width:auto;
}
.newletter-block .parallax-text-wrapper,
.newletter-block .one_third { width: 100%; }
.gallery-item,
.portfolio-filter-container .item,
.portfolios li { width: 50% !important; }
/****************** Footer ******************/
.footer-widget .widget { margin:0; }
.footer-widget,
#footer-widget-area .fourth-widget,
#footer-widget-area .third-widget {
width: 100%;
padding: 0;
}
#footer-widget-area .first-widget,.second-widget.footer-widget { width: 100%; }
.footer-widget h3.widget-title,.site-footer .third-widget .widget-title {
box-sizing: border-box;
margin:0;
padding: 10px 0;
width: 100%;
}
#footer-widget-area{padding:40px 0;}
/*menu*/
.menu-toggle:before {
content: "\f0c9";
color: #000;
font-size: 24px;
}
.mobile-menu { display: block; }
.mobile-menu-inner { margin: 0; }
.menu-menu-container { height: 100%; }
.navigation.active .mobile-menu {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
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: #ffffff none repeat scroll 0 0;
border-color: #d8d8d8;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
height: 100%;
left: 0;
padding: 10px 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;
}
.close-menu {
float: right;
cursor: pointer;
margin: 0 -5px;
background: url("images/megnor/close-menu.png") no-repeat center;
width: 50px;
height: 50px;
}
.mobile-menu ul li {
width: 100%;
text-align: left;
list-style-type: none;
}
.tm-menu-label::before{top:10px;}
.mobile-menu-inner > ul {
margin: 0;
}
.mobile-menu ul li a {
display: block;
font-size: 18px;
padding: 10px 0;
color:#000;
}
.mobile-menu ul li a:hover{color:#8ab816;}
.toggled-on .mobile-menu .mega {
background: #f5f5f5;
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
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 {
content: "\f068";
cursor: pointer;
display: block;
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 0;
left: 0;
top: 0;
}
.mobile-menu .expandable-hitarea:before {
content: "\f067";
cursor: pointer;
display: block;
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 0;
left: 0;
top: 0;
}
.hitarea {
display: block;
float: right;
height: 40px;
position: relative;
width: 40px;
text-align: center;
line-height: 40px;
}
.mega-menu { display: none; }
.menu-toggle {
cursor: pointer;
display:block;
font-size: 0;
font-weight: 600;
margin: 0;
padding: 10px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 24px;;
}
.sticky-menu .header-right{display:none;}
.sticky-menu .navigation-menu{margin:0 auto;}
.navigation-menu{padding:0 20px; box-sizing:border-box;}
.static-part1:before, .static-part1:after,.static-part2:before, .static-part2:after{display:none;}
.about-content{border:none; margin:0;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.page-title-inner, .main-content-inner, .theme-container, .full-width .inner-container, .main-content.left-sidebar, .site-footer .inner-container, .full-width .page-title,.theme-container, #revolutionslider,
.main-content.box-page,
.single-product.woocommerce .woocommerce-error,
.single-product.woocommerce .woocommerce-info,
.single-product.woocommerce .woocommerce-message,
.single-product.woocommerce-page .woocommerce-error,
.single-product.woocommerce-page .woocommerce-info,
.single-product.woocommerce-page .woocommerce-message ,.archive-sidebar.single-product .main-content-inner{width:724px;}
.cms-block{ width: 100%; }
/****************** Content ******************/
.custom-text-container { width: 82% !important; }
.blog-posts-content .blog-grid .item.style-3 { width: 50%;}
.blog-posts-content .last.style-3 .container-inner { margin-bottom: 40px; }
.blog-posts-content .blog-grid .first.style-3 { clear: none; }
.service .description { font-size: 12px; }
/*title*/
.resp-tabs-list:before{width:638px;}
.shortcode-title.center:before,.cross-sells-title:before ,.up-sells-title:before,.related h2:before{width:100%;}
#woo-small-products .columns-2 li.product,#woo-small-products .columns-1 li.product{width:100% !important;}
.menu-toggle::before{
position:absolute;
right:0;
}
.menu-toggle{
text-align:left;
width:100%;
font-size:20px;
padding:10px 0;
color:#000;
}
/*category cms*/
.cat_description .cat_name a{font-size:13px;}
.category_link{padding:0 5px;}
.category-last .category_link{padding-left:10px;}
.category-first .category_link{padding-right:10px;}
.cms-text2{font-size:40px; line-height:40px;}
/*blog*/
.blog-posts-content .style-3 .post-content-inner{width:100%; padding:10px 0 0;}
.admin-bar .header-fix.sticky-menu{margin-top:32px;}
.cat_img_block .readmore a{padding-top:5px;}
}
@media only screen and (max-width: 782px) {
.admin-bar .mobile-menu{margin-top:46px;}
.admin-bar .header-fix.sticky-menu{margin-top:46px;}
}
@media only screen and (max-width: 767px) {
.page-title-inner, .main-content-inner, .theme-container, .full-width .inner-container, .main-content.left-sidebar, .site-footer .inner-container, .full-width .page-title , .main-content.box-page,#revolutionslider ,.archive-sidebar.single-product .main-content-inner{width:auto; margin:0 15px !important;}
.single-product.woocommerce .woocommerce-error,
.single-product.woocommerce .woocommerce-info,
.single-product.woocommerce .woocommerce-message,
.single-product.woocommerce-page .woocommerce-error,
.single-product.woocommerce-page .woocommerce-info,
.single-product.woocommerce-page .woocommerce-message{width:auto; margin:0 10px 2em !important; }
.single-product .main-content-inner{width:auto; margin:0 !important;}
.woocommerce .single-product-sidebar #content div.product .theme-container, .woocommerce-page .single-product-sidebar #content div.product .theme-container{width:auto;}
.list-page { text-align: center;}
/*header*/
.topbar-left, .topbar-right {
float: none;
margin: 0 auto;
text-align: center;
width: 100%;
}
.page-title .entry-title-main{margin:0;}
.page-title{min-height:85px;}
.header-search .header-toggle{
background:rgba(0, 0, 0, 0) url("images/megnor/icon1.png") no-repeat scroll center 0;
top:10px;
right:10px;
bottom: auto;
font-size: 0;
height: 20px;
padding: 0;
position: absolute;
text-indent: -9999px;
vertical-align: top;
width: 20px;
cursor:pointer;
}
.header-search.active .header-toggle { background-position: center -158px; }
.navigation-menu {
padding: 0;
position: absolute;
left:0;
top: 11px;
width: auto;
border-top:none;
background:transparent;
}
.header-main{padding:15px 0; min-height:68px;}
.header-left{
position: absolute;
right: 120px;
top:0;
}
.header-logo{display:none;}
.header-mob-logo{display:block;}
.sticky-menu .navigation-menu {
padding: 0 15px;
position: relative;
right: 0;
margin-top: 0;
width: 100%;
left:0;
top:0;
}
.sticky-menu .header-main{display:block;}
.woocommerce-product-search:hover .search-field, .woocommerce-product-search .search-field:focus,.header-search .woocommerce-product-search .search-field, .header-search .search-form .search-field{width:370px;}
.sticky-menu .menu-toggle:before{
position:absolute;
right:0;
}
.sticky-menu .menu-toggle{
text-align:left;
width:100%;
font-size:20px;
padding:10px 0;
}
.header-search .woocommerce-product-search .search-field, .header-search .search-form .search-field,
.woocommerce-product-search:hover .search-field, .woocommerce-product-search .search-field:focus, .header-search .woocommerce-product-search .search-field, .header-search .search-form .search-field{width:100%;}
.header-search .woocommerce-product-search, .header-search .search-form {
bottom: 0;
left: auto;
position: absolute;
right: 0;
top: 53px;
width: 250px;
z-index: 1;
display:none;
}
.header-search .woocommerce-product-search input[type="submit"], .header-search .search-form #searchsubmit{background-position:center -195px;}
.header_cart .togg .widget.widget_shopping_cart{top:46px;}
.site-header-main{position:relative;}
.admin-bar .mobile-menu{margin-top:46px;}
.admin-bar .header-style .mobile-menu{margin-top:0;}
.site-welcome-message { float: none; }
/*service cms*/
.service-content,.service-2 .service-content{top:23%; bottom:auto;}
.cms-banner { text-align: center;}
/*product tab*/
.producttab { padding: 39px 20px 0!important; }
.productes { padding: 0 20px !important; }
.resp-tabs-list li .tab-title{margin-bottom:5px;}
/*product*/
.woocommerce ul.products.list .container-inner .image-block, .woocommerce-page ul.products.list .container-inner .image-block{margin:0 auto;}
.woocommerce ul.products.list .container-inner, .woocommerce-page ul.products.list .container-inner{margin:15px 0 45px;}
.breadcrumbs, .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb{margin:0;}
/*footer*/
.newslettercontainerinner .text2{width:100%;}
.footer-newsletter .newslettercontainerinner .text1, .newslettercontainerinner .text1{font-size:20px;}
.address-text{width:100%;}
/* testimonial*/
.testmonial-text,.testimonial-wrapper{text-align:center;}
.testimonial-wrapper{padding:10px 10px 0;}
/*product tab*/
.resp-tabs-list li { width: 100%; }
.resp-tabs-list::before,.shortcode-title.center::before{display:none;}
.feature-image-wrapper,.product-detail{width:94%;}
/*blog*/
.blog-posts-content .owl-item .container-inner{margin:0 10px;}
.latest-news { padding-bottom: 0 !important;}
.vertical-blog .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important;}
.#footer-widget-area{padding:40px 15px;}
/****************** Content ******************/
#primary .gridlist-toggle { display: none; }
.content_inner {
width: 100% !important;
margin: 0 !important;
text-align: center;
}
.page-title .entry-title-main { width: 100%;}
.breadcrumbs,
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb { width: 100%; }
.glory-filter-block,
.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;
margin: 10px 0;
}
.glory-filter-title { margin: 0; }
.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%; }
.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%; }
.woocommerce-MyAccount-navigation {
width: 100%;
margin: 0 0 30px 0;
}
.woocommerce-MyAccount-content { overflow: visible; }
.sitemap-item { width: 100%; }
.list .product-detail-wrapper{width:100%; padding:45px 0 0;}
.woocommerce ul.products.list .container-inner .image-block, .woocommerce-page ul.products.list .container-inner .image-block{width:213px;}
.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del{display:inline-block;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{margin:0;}
.address-container .icon{width:100%; padding:15px 0;}
#woo-small-products .columns-2 li.product{width:50% !important;}
#woo-small-products .columns-1 li.product{width:100% !important;}
.woo_small .vc_column-inner { padding-left: 0 !important; }
/*brand*/
.brand-grid .item.brand_main{width: 32.7% !important;}
.newslettercontainerinner .tnp-email{width:280px;}
.category-first .category_link,.category_link,.category-last .category_link{padding:0;}
.cms-text2{font-size:30px; line-height:30px; margin:0;}
.cms-text1, .cms-text3, .cms-text2{font-size:25px;}
}
@media only screen and (max-width: 641px) {
#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:50%;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { width: 50% !important; }
.blog-posts-content .owl-theme .owl-buttons div.owl-prev,.owl-theme .owl-buttons div.owl-prev,#brand-products .owl-theme .owl-buttons div.owl-prev{left:10px;}
.blog-posts-content .owl-theme .owl-buttons div.owl-next,.owl-theme .owl-buttons div.owl-next,#brand-products .owl-theme .owl-buttons div.owl-next{right:10px;}
/*brand*/
.brand-grid .item.brand_main{ width: 49.5% !important;}
#brand-products .brand-grid .item.brand_main:nth-child(-n+3) { border-top: 1px solid #f2f2f2; }
#brand-products .brand-grid .item.brand_main:nth-child(3n) { border-right: 1px solid #f2f2f2; }
#brand-products .brand-grid .item.brand_main:nth-child(-n+2) { border-top: medium none; }
#brand-products .brand-grid .item.brand_main:nth-child(2n) { border-right: medium none; }
}
@media only screen and (max-width: 600px) {
.admin-bar .site-header.header-style,.admin-bar .header-fix.sticky-menu{ margin-top: 0;}
.admin-bar .header-style .mobile-menu{margin-top:0;}
table {
width:100%;
}
.shop_table.cart.wishlist_table thead { display: none; }
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .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 #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .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 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;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align: right;
}
.quantity {
background: #f9f9f9 none repeat scroll 0 0;
max-width: 270px;
position: relative;
}
td.product-quantity .quantity {
float: right;
padding:10px;
}
.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 .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator {
float: none;
text-align: left;
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%;}
.wishlist_table tr td.product-thumbnail, .wishlist_table tr td.product-name, .wishlist_table tr td.wishlist-name, .wishlist_table tr td.wishlist-privacy, .woocommerce table.wishlist_table tfoot td{text-align:center;}
.home .yith-wcwl-add-to-wishlist{ clear: both; }
.woocommerce ul.products.list li.product .product-block-hover .yith-wcwl-add-to-wishlist{clear:none;}
}
@media only screen and (max-width: 500px) {
#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:100%; margin-right:0 !important;}
/****************** Content ******************/
.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;
border: none;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:first-child a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:first-child a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child a { margin: 0 0 5px; }
.options li,
.options li:first-child {
margin: 0 0 5px 0;
width: 100%;
}
.list .product-detail-wrapper{ clear: both; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { width: 50% !important; }
}
@media only screen and (max-width: 479px) {
/*brand*/
.brand-grid .item.brand_main{ width: 100% !important;}
#brand-products .brand-grid .item.brand_main:nth-child(-n+1) { border-top: medium none; }
#brand-products .brand-grid .item.brand_main:nth-child(n) { border-right: medium none; }
#brand-products .brand-grid .item.brand_main:nth-child(-n+2){border-top:1px solid #f2f2f2;}
#brand-products .brand-grid .item.brand_main:first-child { border-top: medium none; }
.home .yith-wcwl-add-to-wishlist{ clear: none; }
.big-title{font-size:22px;}
/*service cms*/
.service-content,.service-2 .service-content{top:14%; bottom:auto;}
.service-title, .service-description{font-size:15px; line-height:20px;}
.service-icon .icon-image{margin:5px auto;}
.text-note, .static-part2 .shop-button{font-size:11px;}
.cms-text1,.cms-text3,.cms-text2{font-size:20px;}
/*product tab*/
.latest-news { padding: 0 20px !important;}
.home-testimonial { margin:10px 0 !important;}
.newslettercontainer{padding:88px 10px 34px;}
.product-cms-tab-block .style5 #tab ul li a.current{border-color:#8ab816;}
.tnp-field{
display: inline-block;
float: none;
margin: 3px 0;
width: 100%;
}
.newslettercontainerinner .tnp-email,.newslettercontainerinner .tnp-field-button .tnp-submit{width:100%;}
.blog-posts-content .style-3 .post-content-inner{padding:0;}
/*blog*/
.blog-posts-content, .blog-posts-content .owl-item .container-inner{margin:0;}
.blog-posts-content .style-3 .post-content-inner {text-align:center;}
.blog-posts-content .style-3 .post-image{float:none; margin-bottom:20px; display:inline-block;}
.blog-posts-content .style-3 .container{text-align:center;}
.woocommerce-page ul.grid.products.columns-3 li:nth-child(3n+3),
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { border-right: none; }
/****************** Header ******************/
.sticky-menu .topbar-outer{display:none;}
.woocommerce-product-search:hover .search-field, .woocommerce-product-search .search-field:focus, .header-search .woocommerce-product-search .search-field, .header-search .search-form .search-field{width:210px;}
.header-center {margin-top:5px; }
.header_cart.headercart-block {
margin-top: 7px;
background:transparent !important;
border:none;
}
.header_cart .shopping_cart .cart-contents{display:none;}
.header_cart .shopping_cart{margin:0; width:20px; background-position:left -93px;}
.header-search .woocommerce-product-search .search-field, .header-search .search-form .search-field, .woocommerce-product-search:hover .search-field, .woocommerce-product-search .search-field:focus, .header-search .woocommerce-product-search .search-field, .header-search .search-form .search-field{width:100%;}
.header-left{right:45px;}
.header_cart .shopping_cart .cart-contents{font-size:10px;}
.header-main{padding:15px 0;}
.header_login{font-size:9px;}
/****************** Content ******************/
.woocommerce ul.products.list .container-inner .image-block, .woocommerce-page ul.products.list .container-inner .image-block,
.woocommerce ul.products.list .container-inner, .woocommerce-page ul.products.list .container-inner{margin:0;}
.resp-tabs-list li { width: 100%; }
.woocommerce ul.products li .container-inner, .woocommerce-page ul.products li .container-inner{display:inline-block;}
.resp-tabs-list li .tab-title { display: block; }
.resp-tabs-list li .tab-title:hover:after,
.resp-tabs-list li .tab-title:focus:after { height: 100%; }
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first { clear: none; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { width: 100% !important; }
.team-posts-content.posts-content .container { 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 { 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%; }
.woocommerce #content div.product div.images div.thumbnails,
.woocommerce div.product div.images div.thumbnails,
.woocommerce-page #content div.product div.images div.thumbnails,
.woocommerce-page div.product div.images div.thumbnails { width: 100%; }
.upsells.products > h2,
.related.products h2,
.cross-sells > h2 {
font-size: 22px;
text-transform: capitalize;
}
/****************** Shortcode ******************/
.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; }
.widget .widget-title, .sitemap h2,.site-footer .widget-title{font-size:20px;}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(3n){margin-right:0 !important;}
#woo-small-products .columns-2 li.product{width:100% !important;}
}
@media only screen and (max-width: 319px) {
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img { width: 50px !important; }
}