string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=394696&expand=properties"
string(18052) "[{"templateId":394696,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":234,"categoryName":"Grocery Store Templates","templateTitle":"Grocery Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Grocery City - Multipurpose Grocery Store Or Shop Woocommerce And Wordpress Theme","templateDemoHtmlTitle":"Live preview for Grocery City - Multipurpose Grocery Store Or Shop Woocommerce And Wordpress Theme #394696","typeShortName":"WooCommerce","templatePreviewFBTitle":"<h2>Introducing Grocery City - Multipurpose Grocery Store And Shop Woocommerce And WordPress Theme</h2><p>Introducing <strong>Grocery City </strong>– a versatile WooCommerce and WordPress theme designed specifically for grocery stores and shops. With its intuitive features and customizable layouts, <strong>Grocery City</strong> offers a seamless online shopping experience for both customers and store owners. Whether you're stocking fresh produce, pantry staples, or household essentials, this theme provides the perfect platform to showcase your products and streamline your business operations. With built-in support for WooCommerce, managing inventory, processing orders, and accepting payments has never been easier. Plus, <strong>Grocery City's</strong> responsive design ensures that your store looks great on any device, attracting more customers and boosting sales. Ready to elevate your grocery store's online presence? Choose <strong>Grocery City</strong> for a modern, efficient, and visually stunning website solution.</p><h2>\"*\"Key Featured \"*\"</h2><ul><li><strong>Responsive Design</strong>: Ensures your website looks great and functions smoothly on all devices, including desktops, tablets, and smartphones.</li><li><strong>Customizable Layouts</strong>: Easily customize the look and feel of your website with flexible layout options to suit your branding and preferences.</li><li><strong>Product Showcase</strong>: Showcase your grocery products effectively with customizable product grids, sliders, and carousels.</li><li><strong>Advanced Search and Filtering</strong>: Enable customers to find products quickly and easily with advanced search and filtering options based on categories, brands, prices, and more.</li><li><strong>WooCommerce Integration</strong>: Seamless integration with WooCommerce, the leading eCommerce platform for WordPress, allowing you to manage inventory, process orders, and accept payments with ease.</li><li><strong>One-Click Demo Import</strong>: Get started quickly by importing demo content with just one click, helping you set up your website faster.</li><li><strong>Location-Based Services</strong>: Offer local delivery or pickup options with location-based services, enhancing convenience for your customers.</li><li><strong>Promotional Banners</strong>: Highlight special offers, promotions, and discounts with eye-catching promotional banners to drive sales and engagement.</li><li><strong>Customer Reviews and Ratings</strong>: Enable customers to leave reviews and ratings for products, fostering trust and credibility for your store.</li><li><strong>Social Media Integration</strong>: Seamlessly integrate social media platforms to promote your products, engage with customers, and increase brand visibility across social channels.</li><li><strong>Unique and Clean Design</strong>: Boasts a distinctive and clutter-free layout, providing a visually appealing and user-friendly interface for customers to navigate effortlessly.</li><li><strong>Customizable Homepage</strong>: Allows for easy customization of the homepage layout, enabling you to showcase featured products, promotions, and categories according to your brand's identity and marketing strategy.</li><li><strong>Product Filtering Options</strong>: Offers advanced product filtering options, empowering customers to refine their search based on specific criteria such as price range, brand, dietary preferences, and more, facilitating quicker and more accurate product discovery.</li><li><strong>Built-in Mega Menu</strong>: Features a built-in mega menu functionality, enabling you to organize and display a vast array of product categories and subcategories in a structured and visually appealing manner, enhancing navigation efficiency.</li><li><strong>Fast Loading Speed</strong>: Ensures fast loading times for pages and product listings, optimizing user experience and reducing bounce rates, thereby improving search engine rankings and overall site performance.</li><li><strong>Seamless Checkout Process</strong>: Streamlines the checkout process with a user-friendly interface and intuitive design, minimizing cart abandonment rates and maximizing conversion rates.</li><li><strong>Comprehensive Documentation and Support</strong>: Provides comprehensive documentation and dedicated customer support to assist you in setting up and customizing your website, ensuring a smooth and hassle-free experience throughout the development process.</li></ul><p>With <strong>Grocery City</strong>, creating a professional and functional online grocery store is as easy as pie, even without any coding skills. From effortless installation to intuitive customization options and seamless integration with WooCommerce, this theme empowers you to build a stunning website that showcases your products and delights your customers. With its responsive design, pre-built templates, and comprehensive support, <strong>Grocery City</strong> streamlines the website development process, allowing you to focus on growing your business and delivering an exceptional shopping experience. Whether you're a novice or an experienced user, <strong>Grocery City</strong> makes it simple to bring your grocery store vision to life on the web.</p>","templateFullTitle":"Grocery City - Multipurpose Grocery Store Or Shop Woocommerce And Wordpress Theme","templatePreviewMetaDescription":"Introducing Grocery City - Multipurpose Grocery Store And Shop Woocommerce And WordPress ThemeIntroducing Grocery City – a versatile WooCommerce and","templateDemoMetaDescription":"Before you decide to buy it, get informed about the Grocery City - Multipurpose Grocery Store Or Shop Woocommerce And Wordpress Theme WooCommerce Theme (#394696) by enjoying the demo. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Grocery City - Multipurpose Grocery Store Or Shop Woocommerce And Wordpress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/grocery-city-multipurpose-grocery-store-or-shop-woocommerce-and-wordpress-theme-394696.html","userRating":0,"designIndex":1,"authorUserId":"78355267","exclusive":"1","state":1,"price":77,"inserted_date":"2024-02-12","sent":0,"downloads":0,"search_words":"agriculture bakery food fruit fruits grocery healthy minimal modern multipurpose online ecommerce woocommerce wordpress vegetable theme store shop responsive organic","is_adult":0,"exc_price":2100,"sent_date":"2024-02-12 13:18:11","last_upload":"2024-02-12 13:21:10","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3400082,"templ_id":394696,"filename":"394696-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3400083,"templ_id":394696,"filename":"394696-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3400084,"templ_id":394696,"filename":"394696-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3400085,"templ_id":394696,"filename":"394696-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3400086,"templ_id":394696,"filename":"394696-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/394696.html","image":"https://s.tmimgcdn.com/scr/394600/grocery-city-multipurpose-grocery-store-or-shop-woocommerce-and-wordpress-theme_394696-original.png","searchHash":"69833f29cc78e65f495a84806392d4d3","previewHash":"7617094fd5dedda7857c6700bf7812d1","authorNickname":"eDesignSpace","lowLevelTopic":"Grocery Store Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","CV","Canvas Animation","Multipurpose","Moto CMS Landing Builder","Events Calendar","Hotel Booking","Team Members","Accelerated Mobile Pages (AMP)","Light Template","Single Product","Dropshipping","eCommerce","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","Forum","HTML 5","JQuery","Completely JS","HTML plus JS","Static","Parallax","Background video","Lazy Load effect","j2store","One Click Checkout","One click installation"],"styles":["3D effect","Cartoon","Clean","Corporate","Grunge","Minimalist","Neutral","Retro","Urban/Street","Artworks","Collage","Dark","Futurist","Geometric","Vector","Mobile","Flat","Material Design"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Grocery Store Templates","Food & Drink Templates","Food & Restaurant"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp","Polylang","Ecwid","Booked","LearnPress"],"marketplaceMembership":"One","imagesIncluded":"Yes","tags":["agriculture","bakery","food","fruit","fruits","grocery","healthy","minimal","modern","multipurpose","online","organic","responsive","shop","store","theme","vegetable","wordpress","woocommerce","ecommerce"],"wordPressBuilder":"Elementor Website Builder","wordpressCompatibility":["5.4.x","5.5.x","5.6.x","5.7.x","5.8.x","5.9.x","6.0.x","6.1.x","6.2.x","6.3.x","6.4.x"],"paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":["Adobe Photoshop","Figma","Google Web Designer"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wooCommerceCompatibility":["7.1.x","7.2.x","7.3.x","7.4.x","7.5.x","7.6.x","7.7.x","7.8.x","7.9.x","8.0.x","8.1.x","8.2.x","8.3.x","8.4.x","8.5.x"],"authorUserId":"78355267","excerpt":"<p><strong>Grocery City</strong>, an Elementor-designed theme, requires no coding skills. Easily customize it without technical know-how. The user-friendly design ensures a smooth experience.</p>","nameOfTheTemplate":"Grocery City - Multipurpose Grocery Store Or Shop Woocommerce And Wordpress Theme","shortDescription":"<h2>Introducing Grocery City - Multipurpose Grocery Store And Shop Woocommerce And WordPress Theme</h2><p>Introducing <strong>Grocery City </strong>– a versatile WooCommerce and WordPress theme designed specifically for grocery stores and shops. With its intuitive features and customizable layouts, <strong>Grocery City</strong> offers a seamless online shopping experience for both customers and store owners. Whether you're stocking fresh produce, pantry staples, or household essentials, this theme provides the perfect platform to showcase your products and streamline your business operations. With built-in support for WooCommerce, managing inventory, processing orders, and accepting payments has never been easier. Plus, <strong>Grocery City's</strong> responsive design ensures that your store looks great on any device, attracting more customers and boosting sales. Ready to elevate your grocery store's online presence? Choose <strong>Grocery City</strong> for a modern, efficient, and visually stunning website solution.</p><h2>\"*\"Key Featured \"*\"</h2><ul><li><strong>Responsive Design</strong>: Ensures your website looks great and functions smoothly on all devices, including desktops, tablets, and smartphones.</li><li><strong>Customizable Layouts</strong>: Easily customize the look and feel of your website with flexible layout options to suit your branding and preferences.</li><li><strong>Product Showcase</strong>: Showcase your grocery products effectively with customizable product grids, sliders, and carousels.</li><li><strong>Advanced Search and Filtering</strong>: Enable customers to find products quickly and easily with advanced search and filtering options based on categories, brands, prices, and more.</li><li><strong>WooCommerce Integration</strong>: Seamless integration with WooCommerce, the leading eCommerce platform for WordPress, allowing you to manage inventory, process orders, and accept payments with ease.</li><li><strong>One-Click Demo Import</strong>: Get started quickly by importing demo content with just one click, helping you set up your website faster.</li><li><strong>Location-Based Services</strong>: Offer local delivery or pickup options with location-based services, enhancing convenience for your customers.</li><li><strong>Promotional Banners</strong>: Highlight special offers, promotions, and discounts with eye-catching promotional banners to drive sales and engagement.</li><li><strong>Customer Reviews and Ratings</strong>: Enable customers to leave reviews and ratings for products, fostering trust and credibility for your store.</li><li><strong>Social Media Integration</strong>: Seamlessly integrate social media platforms to promote your products, engage with customers, and increase brand visibility across social channels.</li><li><strong>Unique and Clean Design</strong>: Boasts a distinctive and clutter-free layout, providing a visually appealing and user-friendly interface for customers to navigate effortlessly.</li><li><strong>Customizable Homepage</strong>: Allows for easy customization of the homepage layout, enabling you to showcase featured products, promotions, and categories according to your brand's identity and marketing strategy.</li><li><strong>Product Filtering Options</strong>: Offers advanced product filtering options, empowering customers to refine their search based on specific criteria such as price range, brand, dietary preferences, and more, facilitating quicker and more accurate product discovery.</li><li><strong>Built-in Mega Menu</strong>: Features a built-in mega menu functionality, enabling you to organize and display a vast array of product categories and subcategories in a structured and visually appealing manner, enhancing navigation efficiency.</li><li><strong>Fast Loading Speed</strong>: Ensures fast loading times for pages and product listings, optimizing user experience and reducing bounce rates, thereby improving search engine rankings and overall site performance.</li><li><strong>Seamless Checkout Process</strong>: Streamlines the checkout process with a user-friendly interface and intuitive design, minimizing cart abandonment rates and maximizing conversion rates.</li><li><strong>Comprehensive Documentation and Support</strong>: Provides comprehensive documentation and dedicated customer support to assist you in setting up and customizing your website, ensuring a smooth and hassle-free experience throughout the development process.</li></ul><p>With <strong>Grocery City</strong>, creating a professional and functional online grocery store is as easy as pie, even without any coding skills. From effortless installation to intuitive customization options and seamless integration with WooCommerce, this theme empowers you to build a stunning website that showcases your products and delights your customers. With its responsive design, pre-built templates, and comprehensive support, <strong>Grocery City</strong> streamlines the website development process, allowing you to focus on growing your business and delivering an exceptional shopping experience. Whether you're a novice or an experienced user, <strong>Grocery City</strong> makes it simple to bring your grocery store vision to life on the web.</p>","uniqueKeywords":"agriculture,bakery,food,fruit,fruits,grocery,healthy,minimal,modern,multipurpose,online,ecommerce,woocommerce,wordpress,vegetable,theme,store,shop,responsive,organic","advImage":"https://s3u.tmimgcdn.com/u78355267/80d1ffa1bba79b61b31947980ccd9fc3.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78355267/a6964c0fe29d8f69b26ab74fbe844833.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78355267/a9eef421f36be472dbb6929500f5a308.png(https://grocerycity.eweb9.com/)","livePreviewURL":"https://grocerycity.eweb9.com/","metaDescription":"Introducing Grocery City - Multipurpose Grocery Store And Shop Woocommerce And WordPress ThemeIntroducing Grocery City – a versatile WooCommerce and","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you decide to buy it, get informed about the Grocery City - Multipurpose Grocery Store Or Shop Woocommerce And Wordpress Theme WooCommerce Theme (#394696) by enjoying the demo. View the pages, examine the images, click the buttons, explore the functionality.","customUrl":"/woocommerce-themes/grocery-city-multipurpose-grocery-store-or-shop-woocommerce-and-wordpress-theme-394696.html","productSize":"71162194","trendiness":"1","types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","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: Mon, 29 Apr 2024 11:07:21 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=394696&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=394696&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=394696&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 11:12:21 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: 159.203.151.221:80"
}
https://grocerycity.eweb9.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#394696 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/394696.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 #394696            </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=394696&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $71                <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>