string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=330334&expand=properties"
string(15858) "[{"templateId":330334,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":234,"categoryName":"Grocery Store Templates","templateTitle":"Grocery Store Responsive Shopify Theme","templatePreviewHtmlTitle":"Groceries - Super Market Store Shopify 2.0 Responsive Theme","templateDemoHtmlTitle":"Demo for Groceries - Super Market Store Shopify 2.0 Responsive Theme #330334","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Groceries - Super Market Shopify theme we have designed for a variety of grocery products, such as fruits, vegetables, organic food, spices, bakery items etc. Excellent features of the theme include Mobile Layout, Shop by Category, Live Product Search, Product Zoom, Buy Now Button, Count Down Timer, Product Comparison, Advance Filter, Sticky Header etc. Without any coding experience, you can virtually manage every aspect of the theme's features and further customize your shop with the help of the versatile admin panel.</p><p>Groceries is an eye-catching Shopify theme that is simple to use and install. Groceries now allow you to create and promote your website in a matter of minutes. This theme's superb performance is validated on any platform, from personal PCs to all mobile devices. Furthermore, this Shopify Theme is an excellent</p><p><strong>Theme Features</strong></p><p>==================</p><ul><li>Fully <strong>RESPONSIVE</strong> Theme</li><li><strong>Mobile First</strong> Layout</li><li><strong>No Coding</strong> Skills Required</li><li>Bootstrap <strong>HTML5 and CSS3</strong></li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li>Optimized for <strong>Fast Loading + SVG Icons</strong> Used</li><li><strong>SEO</strong> (Search Engine Optimization) <strong>Friendly</strong></li><li>Shopify <strong>Drag and Drop Section</strong> Builder</li><li><strong>Theme Color</strong> Option Settings</li><li><strong>Theme Typography</strong> Settings</li><li><strong>Advance Theme Options</strong></li><li><strong>Multiple Banner Section</strong> with Editable Text and Image</li><li><strong>Product Grid/List</strong> View with <strong>Multiple Column Variation</strong></li><li><strong>Full Screen Responsive Banner Slider</strong> with Editable Text</li><li><strong>Shop By Category Slider</strong> with Image on Homepage</li><li><strong>Featured Product</strong> Collection with Slider/Grid Option</li><li><strong>New Products</strong> Collection with Slider/Grid Option</li><li><strong>Deal Of the Week</strong> Product Section with <strong>Count Down Timer</strong></li><li><strong>Shopping Cart Dropdown</strong> Slide Toggle</li><li><strong>Sticky Header</strong></li><li>Horizontal <strong>Mega Menu</strong></li><li><strong>Vertical Menu</strong></li><li>Ajax Product <strong>Comment</strong></li><li>Ajax Product <strong>Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product <strong>QuickView</strong></li><li>Ajax Product <strong>Add to Cart</strong></li><li>Ajax Product <strong>Search</strong></li><li>Ajax Product <strong>Filter on Collection Page</strong></li><li><strong>Brand logo Section</strong> on Home page</li><li><strong>Blog Section</strong></li><li><strong>Newsletter Subscription </strong>Block</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom</strong> Integration on Product Page</li><li><strong>Additional Vertical Tab</strong> on Product Page</li><li><strong>Related Product Slider</strong> on Product Page</li><li><strong>Google Map</strong> Integration on Contact Page</li><li><strong>Blog List Page</strong></li><li><strong>Scroll To Top</strong> Button</li><li><strong>Social Media Follow</strong> Links</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li><strong>PSD Files</strong> Included</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation and theme configuration documentation to help customers for installing and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"Groceries - Super Market Store Shopify 2.0 Responsive Theme","templatePreviewMetaDescription":"Groceries - Super Market Shopify theme we have designed for a variety of grocery products, such as fruits, vegetables, organic food, spices, bakery items etc.","templateDemoMetaDescription":"View the live preview for the Groceries - Super Market Store Shopify 2.0 Responsive Theme Shopify Theme (#330334) to get a better knowledge of what this template is prior to buying it. Click through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Groceries - Super Market Store Shopify 2.0 Responsive Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/groceries-super-market-store-shopify-2-0-responsive-theme-330334.html","userRating":"5","designIndex":1,"authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2023-04-27","sent":0,"downloads":5,"search_words":"shopify ecommerce vegetables store shop restaurant responsive bakery brewery cafe coffee drink food modern organic codezeel accessories online vegetable grocery","is_adult":0,"exc_price":2100,"sent_date":"2023-04-27 10:22:22","last_upload":"2024-02-16 08:13:50","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3078414,"templ_id":330334,"filename":"330334-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3078415,"templ_id":330334,"filename":"330334-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3078416,"templ_id":330334,"filename":"330334-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":3078417,"templ_id":330334,"filename":"330334-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":3078418,"templ_id":330334,"filename":"330334-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/330334.html","image":"https://s.tmimgcdn.com/scr/330300/groceries-super-market-store-shopify-20-responsive-theme_330334-original.jpg","searchHash":"53e7fa5707fee8369adaae703d057fdc","previewHash":"ecfe0cc138a5d9889fd8c5d0b988046f","authorNickname":"codezeel","lowLevelTopic":"Cafe Templates; Grocery Store Templates; Bakery Templates; Food Store Templates; Brewery Templates; Cafe and Restaurant Templates","weightedRating":4.1818181818182,"annualSale":5,"monthlySales":1,"quarterlySales":3,"productBoost":50,"onSale":0,"finalPrice":58,"discountPercent":0,"discountAmount":0,"semiannualSales":4,"properties":{"features":["Premium","Responsive","Search Engine Friendly","Ajax","Mobile Layout Included","Multipurpose","Light Template","Dropshipping","eCommerce","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Lazy Load effect"],"styles":["Clean","Corporate","Minimalist","Neutral","Futurist","Mobile","Flat"],"isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"currencies":["USD","GBP","EUR"],"topic":["Cafe Templates","Grocery Store Templates","Bakery Templates","Food Store Templates","Brewery Templates","Cafe and Restaurant Templates","Food & Drink Templates","Food & Restaurant"],"isFree":"none","popularity":"Top Rated","color":["white","green","orange"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1597608","alreadyPacked":"1","imagesIncluded":"Yes","tags":["accessories","bakery","brewery","cafe","coffee","drink","food","grocery","modern","online","organic","responsive","restaurant","shop","store","vegetable","vegetables","ecommerce","shopify","codezeel"],"marketplaceMembership":"None","paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Groceries - Super Market Shopify theme we have designed for a variety of products such as fruits, vegetables, organic food, spices, bakery items etc. It's an eye-catching theme is easy to use.</p>","nameOfTheTemplate":"Groceries - Super Market Store Shopify 2.0 Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/c7c36ee1de348536056d318b294ff21a.jpg, https://s3u.tmimgcdn.com/u1597608/d2cb4c7abcc0910e713657d5f4ab4f6d.jpg, https://s3u.tmimgcdn.com/u1597608/20e777a2e9f991cff4d673ca21ddcaad.jpg, https://s3u.tmimgcdn.com/u1597608/4d4abe888b211d73f663f065d7f9bb14.jpg, https://s3u.tmimgcdn.com/u1597608/5aa54e2ab4bc8042bc1846d790b01994.jpg, https://s3u.tmimgcdn.com/u1597608/eac724c4bd73a45f5b0bb6917ff1109d.jpg, https://s3u.tmimgcdn.com/u1597608/b1a205c95b6b25d66a9888f26f96235f.jpg, https://s3u.tmimgcdn.com/u1597608/6b5ac829acb4fd6fd17ac276612d0703.jpg, https://s3u.tmimgcdn.com/u1597608/4892b3af4be51802b36e00d897255cb8.jpg, https://s3u.tmimgcdn.com/u1597608/e0d10f9b267b13a2325bde84f460ef41.jpg, https://s3u.tmimgcdn.com/u1597608/79f11b1a6b33031255a7b6427fe5b304.jpg","shortDescription":"<p>Groceries - Super Market Shopify theme we have designed for a variety of grocery products, such as fruits, vegetables, organic food, spices, bakery items etc. Excellent features of the theme include Mobile Layout, Shop by Category, Live Product Search, Product Zoom, Buy Now Button, Count Down Timer, Product Comparison, Advance Filter, Sticky Header etc. Without any coding experience, you can virtually manage every aspect of the theme's features and further customize your shop with the help of the versatile admin panel.</p><p>Groceries is an eye-catching Shopify theme that is simple to use and install. Groceries now allow you to create and promote your website in a matter of minutes. This theme's superb performance is validated on any platform, from personal PCs to all mobile devices. Furthermore, this Shopify Theme is an excellent</p><p><strong>Theme Features</strong></p><p>==================</p><ul><li>Fully <strong>RESPONSIVE</strong> Theme</li><li><strong>Mobile First</strong> Layout</li><li><strong>No Coding</strong> Skills Required</li><li>Bootstrap <strong>HTML5 and CSS3</strong></li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li>Optimized for <strong>Fast Loading + SVG Icons</strong> Used</li><li><strong>SEO</strong> (Search Engine Optimization) <strong>Friendly</strong></li><li>Shopify <strong>Drag and Drop Section</strong> Builder</li><li><strong>Theme Color</strong> Option Settings</li><li><strong>Theme Typography</strong> Settings</li><li><strong>Advance Theme Options</strong></li><li><strong>Multiple Banner Section</strong> with Editable Text and Image</li><li><strong>Product Grid/List</strong> View with <strong>Multiple Column Variation</strong></li><li><strong>Full Screen Responsive Banner Slider</strong> with Editable Text</li><li><strong>Shop By Category Slider</strong> with Image on Homepage</li><li><strong>Featured Product</strong> Collection with Slider/Grid Option</li><li><strong>New Products</strong> Collection with Slider/Grid Option</li><li><strong>Deal Of the Week</strong> Product Section with <strong>Count Down Timer</strong></li><li><strong>Shopping Cart Dropdown</strong> Slide Toggle</li><li><strong>Sticky Header</strong></li><li>Horizontal <strong>Mega Menu</strong></li><li><strong>Vertical Menu</strong></li><li>Ajax Product <strong>Comment</strong></li><li>Ajax Product <strong>Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product <strong>QuickView</strong></li><li>Ajax Product <strong>Add to Cart</strong></li><li>Ajax Product <strong>Search</strong></li><li>Ajax Product <strong>Filter on Collection Page</strong></li><li><strong>Brand logo Section</strong> on Home page</li><li><strong>Blog Section</strong></li><li><strong>Newsletter Subscription </strong>Block</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom</strong> Integration on Product Page</li><li><strong>Additional Vertical Tab</strong> on Product Page</li><li><strong>Related Product Slider</strong> on Product Page</li><li><strong>Google Map</strong> Integration on Contact Page</li><li><strong>Blog List Page</strong></li><li><strong>Scroll To Top</strong> Button</li><li><strong>Social Media Follow</strong> Links</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li><strong>PSD Files</strong> Included</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation and theme configuration documentation to help customers for installing and utilizing the theme</li><li>and Many More…</li></ul>","uniqueKeywords":"shopify,ecommerce,vegetables,store,shop,restaurant,responsive,bakery,brewery,cafe,coffee,drink,food,modern,organic,codezeel,accessories,online,vegetable,grocery","advImage":"https://s3u.tmimgcdn.com/u1597608/700247d1c57d1bbd310814bf970ea318.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/984636d4344616ab306b3ec6749644a4.jpg","livePreviewURL":"https://codezeel.com/shopify/groceries/","metaDescription":"Groceries - Super Market Shopify theme we have designed for a variety of grocery products, such as fruits, vegetables, organic food, spices, bakery items etc.","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"View the live preview for the Groceries - Super Market Store Shopify 2.0 Responsive Theme Shopify Theme (#330334) to get a better knowledge of what this template is prior to buying it. Click through the pages, check out the images, press the buttons, explore the functionality.","customUrl":"/shopify-themes/groceries-super-market-store-shopify-2-0-responsive-theme-330334.html","productSize":"20555780","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/b5e88a14ae40ed567cc33c5831acbd4a.jpg, https://s3u.tmimgcdn.com/u1597608/41fc3b0688e41b6cc411d131d4e2b469.jpg, https://s3u.tmimgcdn.com/u1597608/b82f94d26e9e54594e8b52fc2442c8b2.jpg, https://s3u.tmimgcdn.com/u1597608/170fd7a9cb227966563c322165c22401.jpg, https://s3u.tmimgcdn.com/u1597608/9fa82ec3f80c88ec6b969740676ed944.jpg","trendiness":"1","reviewsTotal":"1","reviewAverageScore":"5","changeLog":"##Update History\n\n#[14/02/2024]\n- Removed Product Review app\n- Added AirReview app for product review features\n\n#[22/08/2023]\n- Fixed language and currency dropdown item select issue\n- Fixed missing translation variable issue\n- Fixed multi-column menu dropdown issue\n- Fixed empty \"Shop Now\" button text issue with slideshow\n- Fixed \"Buy Now\" button design issue with branded payment option on product page\n- Fixed page crash issue with menu closing on mobile device\n- Bug fixes and improvement related css\n- Removed static text from liquid and js file then added it to local translation file\n- Improved Customer login page design","changeLogDate":"2024-02-16","types":"Shopify Themes","templateIcon":"icon-shopify","followUpLetter":"shopify-offers","productFamily":"None","templateGroup":"eCommerce Templates","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: Fri, 19 Apr 2024 14:09:20 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=330334&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=330334&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=330334&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 14:14:20 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://codezeel.com/shopify/groceries/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#330334 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/330334.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">
                Shopify Themes #330334            </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=330334&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <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="/shopify-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>