string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=143356&expand=properties"
string(12316) "[{"templateId":143356,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":234,"categoryName":"Grocery Store Templates","templateTitle":"Grocery Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Cherbs - The Spices Store Responsive WooCommerce Theme","templateDemoHtmlTitle":"Live preview for Cherbs - The Spices Store Responsive WooCommerce Theme #143356","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p><strong>Cherbs - The Spices Store Responsive</strong> is designed for selling natural food related websites such as <strong>spices, fresh food store, market food, organic food shop, grocery market, organic eCommerce website, organic market, supermarket and online grocery store.</strong></p><ul><li>Using this template one can selling grocery products like as virtual supermarket. It has all essential features that required for online store like Mega menu, category wise products slider, Revolution slider that use to show an attractive banners and many more things.</li><li>The Quickstart package help you to install Cherbs on your store within less amount of time. One can easily customize our theme from back office.</li></ul><p><br /></p><ul><li><strong>Wordpress Compatiblity :</strong> 5.1.x, 5.2.x, 5.3.x, 5.4.x, 5.5.x, 5.6.x, 5.7.x, 5.8.x, 5.9.x, 6.0.x, 6.0.1</li><li><strong>Woocommerce Compatiblity : </strong>5.x.x, 6.0.x, 6.1.x, 6.2.x, 6.3.x, 6.4.x, 6.5.x, 6.6.x, 6.7.x, 6.8.x</li></ul><p><br /></p><p><strong>Themes Features</strong></p><ol><li>100% Responsive Theme</li><li>Validated HTML5 and CSS3</li><li>Google Fonts integrated</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li>No Core Files Modifications</li><li>Multiple Language & Currency</li><li>Search Engine Optimization</li><li>Unlimited Banners</li><li>Easy Page layout settings</li><li>Blog Module Included</li><li>Product Comment Module</li><li>Product Wish list Module</li><li>Category Wise Products Tab Slider</li><li>Secondary Product Image on hover</li><li>Cloud Zoom Integration on product detail page</li><li>Related Product slider on product page</li><li>Cross sale Product slider on checkout page</li><li>Shopping Cart Dropdown at header</li><li>Featured Products Module</li><li>Latest Products Module</li><li>Top Selling Products Module</li><li>Special Products Module</li><li>Manufactured Module</li><li>Flexible CMS Blocks</li><li>Full PSD files</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Easy Setup with Theme Documentation</li></ol><p><br /></p>","templateFullTitle":"Cherbs - The Spices Store Responsive WooCommerce Theme","templatePreviewMetaDescription":"Cherbs - The Spices Store Responsive is designed for selling natural food related websites such as spices, fresh food store, market food, organic food shop,","templateDemoMetaDescription":"Before you decide to buy it, get acquainted with the high quality Cherbs - The Spices Store Responsive WooCommerce Theme (#143356) by visiting the live preview. Go through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cherbs - The Spices Store Responsive WooCommerce Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/cherbs-the-spices-store-responsive-woocommerce-theme-143356.html","userRating":"5","designIndex":1,"authorUserId":"1532010","exclusive":"1","state":1,"price":47,"inserted_date":"2020-12-08","sent":0,"downloads":23,"search_words":"agriculture clean ecommerce farm grocery market modern natural product food organic organicfood organicshop responsive shop store woocommerce thementic grocery spice multipurpose fruits","is_adult":0,"exc_price":2100,"sent_date":"2020-12-08 11:12:13","last_upload":"2022-09-09 02:34:28","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"143356-3-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":143356,"width":1600,"window_params":"","banner_url":"","id":2144080,"href":"","height":1000},{"scr_type_id":311,"filename":"143356-3-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":143356,"width":1600,"window_params":"","banner_url":"","id":2144081,"href":"","height":1000},{"scr_type_id":312,"filename":"143356-3-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":143356,"width":370,"window_params":"","banner_url":"","id":2144082,"href":"","height":370},{"scr_type_id":9,"filename":"143356-3-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":143356,"width":145,"window_params":"","banner_url":"","id":2144083,"href":"","height":156},{"scr_type_id":57,"filename":"143356-3-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":143356,"width":430,"window_params":"","banner_url":"","id":2144084,"href":"","height":269}],"demoUrl":"/demo/143356.html","image":"https://s.tmimgcdn.com/scr/143300/cherbs-the-spices-store-responsive-woocommerce-theme_143356-3-original.jpg","searchHash":"bddec1367f103c81c2efd07928af1962","previewHash":"3a5394d870caa9a96ffcd348917ac370","authorNickname":"Thementic","lowLevelTopic":"Spice Shop Templates; Food Store Templates; Grocery Store Templates","weightedRating":4.1818181818182,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":10,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productSize":"81121690","uniqueKeywords":"agriculture,clean,ecommerce,farm,grocery market,modern,natural product,food,organic,organicfood,organicshop,responsive,shop,store,woocommerce,thementic,grocery,spice,multipurpose,fruits","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Cherbs - The Spices Store Responsive is designed for selling natural food related websites such as spices, fresh food store, market food, organic food shop,","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1532010/ac7c41c119d77cc2e670e73778afc681.jpg","features":["Admin Panel","Ajax","Bootstrap","On-line chat","Responsive","Retina Ready","Right to left language support","Search Engine Friendly","Single Product","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Portfolio","HTML 5","Parallax","Light Template","Team Members","Online Store/Shop","Gallery","Website Builder"],"saleSells":"1","authorUserId":"1532010","isFree":"none","htmlTitle":"Cherbs - The Spices Store Responsive","exclusive":"1","wordPressBuilder":"WPBakery Page Builder","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"lastmod":"2022-01-29T15:19:31-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1532010/d2b5cc7c3f3d04754af22ccc49a33150.jpg, https://s3u.tmimgcdn.com/u1532010/3aff3899aa280405e21938ebfea5cdc5.jpg, https://s3u.tmimgcdn.com/u1532010/7c9f53c73c8c8d255e86fa6a0f086139.jpg, https://s3u.tmimgcdn.com/u1532010/2caecdbd9a2411daeb872912024866fe.jpg, https://s3u.tmimgcdn.com/u1532010/9e8f0c7deb70bc1490157b09f25fa39e.jpg, https://s3u.tmimgcdn.com/u1532010/b2801e37737c458876faa24987b56b78.jpg","authorMainScreenshotVersion":"3","compatibleWith":["WooCommerce","Revolution Slider","WPML"],"wordpressComCompatibility":"Not Compatible","demoMetaDescription":"Before you decide to buy it, get acquainted with the high quality Cherbs - The Spices Store Responsive WooCommerce Theme (#143356) by visiting the live preview. Go through the pages, examine the images, click the buttons, explore the functionality.","wooCommerceCompatibility":["6.8.x","6.7.x","6.6.x","6.5.x","6.4.x","6.3.x","6.2.x","6.1.x","6.0.x"],"shortDescription":"<p><strong>Cherbs - The Spices Store Responsive</strong> is designed for selling natural food related websites such as <strong>spices, fresh food store, market food, organic food shop, grocery market, organic eCommerce website, organic market, supermarket and online grocery store.</strong></p><ul><li>Using this template one can selling grocery products like as virtual supermarket. It has all essential features that required for online store like Mega menu, category wise products slider, Revolution slider that use to show an attractive banners and many more things.</li><li>The Quickstart package help you to install Cherbs on your store within less amount of time. One can easily customize our theme from back office.</li></ul><p><br /></p><ul><li><strong>Wordpress Compatiblity :</strong> 5.1.x, 5.2.x, 5.3.x, 5.4.x, 5.5.x, 5.6.x, 5.7.x, 5.8.x, 5.9.x, 6.0.x, 6.0.1</li><li><strong>Woocommerce Compatiblity : </strong>5.x.x, 6.0.x, 6.1.x, 6.2.x, 6.3.x, 6.4.x, 6.5.x, 6.6.x, 6.7.x, 6.8.x</li></ul><p><br /></p><p><strong>Themes Features</strong></p><ol><li>100% Responsive Theme</li><li>Validated HTML5 and CSS3</li><li>Google Fonts integrated</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li>No Core Files Modifications</li><li>Multiple Language & Currency</li><li>Search Engine Optimization</li><li>Unlimited Banners</li><li>Easy Page layout settings</li><li>Blog Module Included</li><li>Product Comment Module</li><li>Product Wish list Module</li><li>Category Wise Products Tab Slider</li><li>Secondary Product Image on hover</li><li>Cloud Zoom Integration on product detail page</li><li>Related Product slider on product page</li><li>Cross sale Product slider on checkout page</li><li>Shopping Cart Dropdown at header</li><li>Featured Products Module</li><li>Latest Products Module</li><li>Top Selling Products Module</li><li>Special Products Module</li><li>Manufactured Module</li><li>Flexible CMS Blocks</li><li>Full PSD files</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Easy Setup with Theme Documentation</li></ol><p><br /></p>","tags":["agriculture","clean","farm","food","modern","organic","responsive","shop","store","woocommerce","ecommerce","thementic","grocery market","natural product","organicfood","organicshop","fruits","grocery","multipurpose","spice"],"customUrl":"/woocommerce-themes/cherbs-the-spices-store-responsive-woocommerce-theme-143356.html","nameOfTheTemplate":"Cherbs - The Spices Store Responsive WooCommerce Theme","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Spice Shop Templates","Food Store Templates","Food & Drink Templates","Food & Restaurant","Grocery Store Templates"],"changeLogDate":"2022-09-09","styles":["Clean","Minimalist"],"advImage":"https://s3u.tmimgcdn.com/u1532010/933bfa5ab16f51bef25cf71879207c46.jpg","productFamily":"None","color":["black","white","green"],"followUpLetter":"woocommerce-offers","reviewsTotal":"1","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":["5.1.x","5.2.x","5.3.x","5.4.x","5.5.x","5.6.x","5.7.x","5.8.x","6.0.x","5.9.x","5.0.x"],"reviewAverageScore":"5","changeLog":"## Update History\n\nNOTE : Please do not replace the current theme files with the old one otherwise your old changes will be lost.\n\n## Dec 8, 2020 Theme version 1.0\n\n- Initial Release\n\n## Oct 25, 2021 Theme version 1.2\n\n- Fixed miscellaneous issues.\n- Fixed design issues.\n- Solve compatibility issue with latest version of WordPress.\n- Update all plugins with latest version.\n\n## Sep 07, 2022 Theme version 2.0\n\n- Theme Plugin updates\n- Update theme's sample data\n- Udpates Premium Plugins Revolution Slider & WP Bakery plugin \n- Fixed outdated file issue with latest version of WooCommerce\n- Add new plugin name (classic-widgets)","templateSupportOptions":"[]","livePreviewURL":"https://splashythemes.com/wordpress/woo/WCM02/WCM020100/","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1532010/f26d0ccb070320b6416bb1e1d0e0d409.jpg","templateGroup":"Wordpress Store","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"popularity":"Top Rated","alreadyPacked":"1","imagesIncluded":"Yes","templateIcon":"icon-woo","types":"WooCommerce Themes","designSoftware":"Adobe Photoshop","trendiness":"1","bitLyUrl":"https://bit.ly/33WDmk1","paidSupport":"Yes","marketplaceMembership":"One","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 18 Apr 2024 15:07:58 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=143356&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=143356&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=143356&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 18 Apr 2024 15:12:58 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://splashythemes.com/wordpress/woo/WCM02/WCM020100/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#143356 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/143356.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                WooCommerce Themes #143356            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=143356&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $43                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/woocommerce-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>