编辑 responsive.css - 文件管理器

✏️ 编辑：responsive.css

路径：/home/forge/kingkrunch.com/wp/wp-content/themes/foodstuff/responsive.css

大小：34.9 KB · 修改：2020-09-11 16:13:49 · 权限：0775 · 可写

/**
* 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; }

}