string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=217587&expand=properties"
string(15954) "[{"templateId":217587,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":272,"categoryName":"Furniture Templates","templateTitle":"Furniture Responsive Shopify Theme","templatePreviewHtmlTitle":"Toolsjet - Best Tools Store Shopify 2.0 Responsive Theme","templateDemoHtmlTitle":"Demo Preview for Toolsjet - Best Tools Store Shopify 2.0 Responsive Theme #217587","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Toolsjet Best Tools Store Shopify Responsive theme is designed and developed with the latest Shopify version Online Store 2.0 to create websites for HandTools, Hardware, Equipment, Accessories, Automobile, Autoparts, Furniture, and multi-purpose store.</p><p>This theme is well categorized and it has stylish page layouts which really attracts customers. Furthermore, this theme has a Shop Page that has been particularly built with different column variation for display products.</p><p>The theme from Shopify is the perfect solution if you want to create a high-quality online store in the shortest possible time. Moreover, with multipurpose Shopify sections minimal theme, you will be able to create a website by yourself without any special knowledge or skills.</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>Product Collection Tab</strong> on Homepage (Featured, Latest and Best Seller)</li><li><strong>Special Products</strong> Collection with Slider/Grid Option</li><li><strong>Shopping Cart Dropdown</strong> Slide Toggle</li><li><strong>Vertical Mega Menu</strong></li><li>Horizontal <strong>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 customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"Toolsjet - Best Tools Store Shopify 2.0 Responsive Theme","templatePreviewMetaDescription":"Toolsjet Best Tools Store Shopify Responsive theme is designed and developed with the latest Shopify version Online Store 2.0 to create websites for HandTools,","templateDemoMetaDescription":"Explore the demo preview of the top notch Toolsjet - Best Tools Store Shopify 2.0 Responsive Theme Shopify Theme (#217587) get yourself informed about this template before buying it. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Toolsjet - Best Tools Store Shopify 2.0 Responsive Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/toolsjet-best-tools-store-shopify-2-0-responsive-theme-217587.html","userRating":"5","designIndex":1,"authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2021-11-24","sent":0,"downloads":21,"search_words":"tools hardware accessories automobile electronics equipment furniture minimal responsive template shopify blog handtools sparepart ecommerce codezeel multipurpose interior autoparts best shopify theme","is_adult":0,"exc_price":2100,"sent_date":"2021-11-24 11:09:27","last_upload":"2024-02-16 11:51:05","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2514811,"templ_id":217587,"filename":"217587-4-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":2514812,"templ_id":217587,"filename":"217587-4-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":2514813,"templ_id":217587,"filename":"217587-4-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":2514814,"templ_id":217587,"filename":"217587-4-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":2514815,"templ_id":217587,"filename":"217587-4-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/217587.html","image":"https://s.tmimgcdn.com/scr/217500/toolsjet-best-tools-store-shopify-20-responsive-theme_217587-4-original.jpg","searchHash":"55e5dd41fd252dc0c6b1c6afab53f5b6","previewHash":"55f831865d5c73d144a2d34f6fa3be8a","authorNickname":"codezeel","lowLevelTopic":"Furniture Templates; Tools & Equipment Templates; Decor","weightedRating":4.25,"annualSale":7,"monthlySales":0,"quarterlySales":2,"productBoost":50,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","Light Template","Dropshipping","eCommerce","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Advanced Theme Options","Drag and Drop Content","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Website Builder"],"styles":["Clean","Minimalist","Neutral","Collage","Mobile","Flat"],"isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"currencies":["USD","GBP","EUR"],"topic":["Furniture Templates","Interior & Furniture Templates","Tools & Equipment Templates","Design","Design & Photography","Home & Family","Decor"],"isFree":"none","popularity":"Top Rated","color":["black","white","grey","orange"],"productOfTheDay":"0","showVariantForcibly":"b","exclusive":"1","authorUserId":"1597608","alreadyPacked":"1","imagesIncluded":"Yes","tags":["accessories","automobile","electronics","equipment","furniture","hardware","interior","minimal","multipurpose","responsive","template","tools","blog","ecommerce","shopify","handtools","sparepart","autoparts","best shopify theme","codezeel"],"marketplaceMembership":"None","paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","nameOfTheTemplate":"Toolsjet - Best Tools Store Shopify 2.0 Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/18bbc99584587f5bdf47d1e02f68ab31.jpg, https://s3u.tmimgcdn.com/u1597608/8b6b6a13ea51dfd3eb6d4fbb1a7ed7da.jpg, https://s3u.tmimgcdn.com/u1597608/daf0fc26d88b3d335c2e08f683a6694f.jpg, https://s3u.tmimgcdn.com/u1597608/51a297e26b1040574617192c7be1d8f7.jpg, https://s3u.tmimgcdn.com/u1597608/3b6abf2230466ae286a9cc346b702530.jpg, https://s3u.tmimgcdn.com/u1597608/179411fe24352150586af26fd686c1ea.jpg","shortDescription":"<p>Toolsjet Best Tools Store Shopify Responsive theme is designed and developed with the latest Shopify version Online Store 2.0 to create websites for HandTools, Hardware, Equipment, Accessories, Automobile, Autoparts, Furniture, and multi-purpose store.</p><p>This theme is well categorized and it has stylish page layouts which really attracts customers. Furthermore, this theme has a Shop Page that has been particularly built with different column variation for display products.</p><p>The theme from Shopify is the perfect solution if you want to create a high-quality online store in the shortest possible time. Moreover, with multipurpose Shopify sections minimal theme, you will be able to create a website by yourself without any special knowledge or skills.</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>Product Collection Tab</strong> on Homepage (Featured, Latest and Best Seller)</li><li><strong>Special Products</strong> Collection with Slider/Grid Option</li><li><strong>Shopping Cart Dropdown</strong> Slide Toggle</li><li><strong>Vertical Mega Menu</strong></li><li>Horizontal <strong>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 customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","uniqueKeywords":"tools,hardware,accessories,automobile,electronics,equipment,furniture,minimal,responsive,template,shopify,blog,handtools,sparepart,ecommerce,codezeel,multipurpose,interior,autoparts,best shopify theme","advImage":"https://s3u.tmimgcdn.com/u1597608/9ad8da3f9d7eeb47adbc5cce941f8f22.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/a180306b3293ab3cb828c3b017313b53.jpg","livePreviewURL":"https://codezeel.com/shopify/toolsjet/","metaDescription":"Toolsjet Best Tools Store Shopify Responsive theme is designed and developed with the latest Shopify version Online Store 2.0 to create websites for HandTools,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3FNjkZQ","demoMetaDescription":"Explore the demo preview of the top notch Toolsjet - Best Tools Store Shopify 2.0 Responsive Theme Shopify Theme (#217587) get yourself informed about this template before buying it. Click through the pages, examine the images, press the buttons, explore the features.","customUrl":"/shopify-themes/toolsjet-best-tools-store-shopify-2-0-responsive-theme-217587.html","productSize":"18706137","lastmod":"2022-02-23T08:37:35-05:00","authorMainScreenshotVersion":"4","trendiness":"1","changeLog":"##Update History\n\n#[15/02/2024]\n- Added Product Sale Notification Popup\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\n- Improved Product add to cart notification view\n- Improved Password page design\n- Update product Sample data\n- Removed Product Review app\n- Added AirReview app for product review features\n\n#[27/06/2023]\n- Fixed issue with menu dropdown link\n- Fixed issue with header logo display\n- Added link for vendor on product page\n- Update css file for design ethics\n- Resolve some miscellaneous bugs\n\n#[22/06/2022]\n- Removed Wishlist, Compare app\n- Added New wishlist &amp; compare Feature\n\n#[13/04/2022]\n- Improved Design Quality\n- Added Product Rating Feature\n- Update Product QuickView Feature\n- Improved Product Color Variant Appearance\n- Improved Header Cart Toggle Design\n- Improved Responsive Menu Drawer Design\n- Fixed some miscellaneous bugs related to latest version of Shopify\n- Fixed some miscellaneous CSS issue\n\n#[22/02/2022]\n- We change Design of theme related latest features.\n- Solve some miscellaneous bugs related to latest version of shopify\n- Solve some miscellaneous css\n\n#[01/01/2022]\n- Updated color settings in customizer and theme installation documentation","changeLogDate":"2024-02-16","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/e71a0ce5bff77bcca949b99a091f6d91.jpg, https://s3u.tmimgcdn.com/u1597608/309c7af17c3da1017ec6b0150384b035.jpg, https://s3u.tmimgcdn.com/u1597608/411d78e7beba2a550f589f2ec0d3b6e7.jpg, https://s3u.tmimgcdn.com/u1597608/321190d3fb1ce43baa138392f6a19f2b.jpg","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"reviewsTotal":"2","reviewAverageScore":"5","excerpt":"<p>Toolsjet Best Tools Store Shopify Responsive theme is developed with the latest Shopify version Online Store 2.0 to create websites for HandTools, Hardware, Equipment, Automobile store.</p>","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: Thu, 25 Apr 2024 20:58:06 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=217587&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=217587&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=217587&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 21:03:06 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/toolsjet/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#217587 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/217587.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 #217587            </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=217587&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>