string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55111&expand=properties"
string(17314) "[{"templateId":55111,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":461,"categoryName":"Tools & Equipment Templates","templateTitle":"Tools & Equipment Responsive Shopify Theme","templatePreviewHtmlTitle":"Tools & Equipment Responsive Shopify Theme - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Tools & Equipment Responsive Shopify Theme #55111","typeShortName":"Shopify","templatePreviewFBTitle":"This tool store Shopify web design will completely do its best for tools and instruments or hand tools. To make a reliable webpage for vitamin store, health nutrition products or sports nutrition products, we propose you to regard this theme. The theme is SEO optimized, that makes your website visible for search engines. In the event of any trouble with this website layout, you can get in touch with one of the well-trained support managers and they will solve the problem of any difficulty for you. Consider this website layout to draw the interest of the prospective clients to your website swiftly.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Home Shopify design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design that allows pages to adjust to a display size of any type of device - whether it's a desktop computer, a tablet or a phone.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your site appear equally great on screen of any specific desktop or mobile gadget.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify templates</a> here</p> <h3>This is a Bootstrap Family Shopify theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the creation of mobile-friendly websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from smartphones to desktops using the same codebase. It makes the web developing process efficient and effortless.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify design themes</a> here</p> <h3>This is Family Shopify design theme with On-line chat functionality</h3> <p><b>What is it?</b></p><p>The online chat enables you to communicate with your potential customers instantly.</p> <p><b>Why is it Good?</b></p><p>On-line Chat is a perfect choice for corporate websites. It enables assisting hesitating shoppers and helping them to make their final choice. On-line Chat makes your website appear more reliable and delivers more clients to your firm. </p><p>Find newest <a href=\"https://www.templatemonster.com/online-chat-shopify-themes/\">On-line chat Shopify design themes</a> here</p> <h3>This is a Parallax Home Shopify design template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a method in webdesign when background picture shifts at a slower pace than a front content, creating the illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect looks beautiful and glues users' sight to the pictures and content modules.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-shopify-themes/\">Parallax Shopify ecommerce themes</a> here</p> <h3>This Home & Family Magazine Shopify ecommerce template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly web page helps any searcher to analyze each and every page of the web page, determine the information and index all of them in the repository.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly web template is simply a superb general platform to begin advertising and boosting search rates of the internet page. It is actually less difficult to make use of this sort of internet page for Website seo professional considering the fact that part of the work is previously done.</p><p>Fresh <a href=\"https://www.templatemonster.com/seo-shopify-themes/\">Search Engine Friendly Shopify ecommerce templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Tools & Equipment Responsive Shopify Theme","templatePreviewMetaDescription":"This tool store Shopify web design will completely do its best for tools and instruments or hand tools. To make a reliable webpage for vitamin store, health","templateDemoMetaDescription":"Have a look at the demo of the top notch Tools &amp; Equipment Responsive Shopify Theme (#55111) to understand what this design is before you decide to buy it. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Tools & Equipment Responsive Shopify Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/55111.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":90,"inserted_date":"2015-07-24","sent":2,"downloads":19,"search_words":"tools store online shop purchase industrial special accessories products power profile standard drill lawn-mower gardening motor master cordless air power tool electric pliers advice dealership dealer repair rent cutting clamps automotive remover puller","is_adult":0,"exc_price":8500,"sent_date":"2015-07-24 06:15:44","last_upload":"2015-07-24 00:00:00","package_id":272,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":298,"filename":"55111-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":430,"window_params":"","banner_url":"","id":1489169,"href":"","height":900},{"scr_type_id":314,"filename":"55111-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":1903,"window_params":"","banner_url":"","id":1489170,"href":"","height":4901},{"scr_type_id":3,"filename":"55111-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":408,"window_params":"","banner_url":"","id":1489171,"href":"","height":55},{"scr_type_id":3,"filename":"55111-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":1800,"window_params":"","banner_url":"","id":1489172,"href":"","height":4901},{"scr_type_id":300,"filename":"55111-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":320,"window_params":"","banner_url":"","id":1489173,"href":"","height":900},{"scr_type_id":326,"filename":"55111-shopify-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":430,"window_params":"","banner_url":"","id":1489174,"href":"","height":1277},{"scr_type_id":212,"filename":"55111-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":430,"window_params":"","banner_url":"","id":1489175,"href":"","height":60},{"scr_type_id":3,"filename":"55111-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":895,"window_params":"","banner_url":"","id":1489176,"href":"","height":599},{"scr_type_id":9,"filename":"55111-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":145,"window_params":"","banner_url":"","id":1489177,"href":"","height":156},{"scr_type_id":312,"filename":"55111-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":370,"window_params":"","banner_url":"","id":1489178,"href":"","height":370},{"scr_type_id":299,"filename":"55111-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":430,"window_params":"","banner_url":"","id":1489179,"href":"","height":900},{"scr_type_id":3,"filename":"55111-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":1903,"window_params":"","banner_url":"","id":1489180,"href":"","height":4901},{"scr_type_id":315,"filename":"55111-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":1800,"window_params":"","banner_url":"","id":1489181,"href":"","height":4901},{"scr_type_id":311,"filename":"55111-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":965,"window_params":"","banner_url":"","id":1489182,"href":"","height":2627},{"scr_type_id":334,"filename":"55111-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55111,"width":1903,"window_params":"","banner_url":"","id":1639549,"href":"","height":4901}],"demoUrl":"/demo/55111.html","image":"https://s.tmimgcdn.com/scr/55100/tools--equipment-responsive-shopify-theme_55111-original.jpg","searchHash":"5799ef0ea90fcbc7e3f026b3b195601d","previewHash":"209f9d9d4175331a5c636a19e7f4d6f5","authorNickname":"RockThemes","lowLevelTopic":"Tools & Equipment Templates","weightedRating":3.8181818181818,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":90,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","followUpLetter":"shopify-offers","color":["black","white","grey","red"],"categoriesView":"Grid","uniqueKeywords":"instruments power hand electrical supply industrial tool store hardware harbour freight shopify theme building accelerated mobile","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Take a closer look at this Tools &amp; Equipment Responsive Shopify Theme (#55111) and you might fall in love with it. Clean, professional and simple design.","features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","On-line chat","Dropdown Menu","Google map","Advanced Theme Options","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS","Parallax","Lazy Load effect"],"templateSources":[".CSS",".JS"],"livePreviewURL":"https://theme187-tools.myshopify.com","languageSupport":"English","authorUserId":"1768190","isFree":"none","templateGroup":"eCommerce Templates","documentationVersion":"v1.0","popularity":"Top Rated","imageDescription":"https://s.tmimgcdn.com/scr/55100/55111-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"nomotopress":"1","templateSoftwareRequired":"PHP editor.","dynamicChangeLog":"<ul>\n<li>- 3 minor HTML bugs fixed</li>\n<li>- 1 minor JS bugs fixed</li>\n<li>- 3 font issues fixed</li>\n<li>- 2 layout issues fixed</li>\n<li>- 3 PSD layers changed</li>\n</ul>","templateIcon":"icon-shopify","lastmod":"2020-08-21T08:38:52-04:00","templateHostingRequirements":"Requires Monthly Fee","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Have a look at the demo of the top notch Tools &amp; Equipment Responsive Shopify Theme (#55111) to understand what this design is before you decide to buy it. View the pages, check out the images, click the buttons, explore the functionality.","themeArchitectureVersion":"Vintage","shortDescription":"This tool store Shopify web design will completely do its best for tools and instruments or hand tools. To make a reliable webpage for vitamin store, health nutrition products or sports nutrition products, we propose you to regard this theme. The theme is SEO optimized, that makes your website visible for search engines. In the event of any trouble with this website layout, you can get in touch with one of the well-trained support managers and they will solve the problem of any difficulty for you. Consider this website layout to draw the interest of the prospective clients to your website swiftly.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Home Shopify design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design that allows pages to adjust to a display size of any type of device - whether it's a desktop computer, a tablet or a phone.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your site appear equally great on screen of any specific desktop or mobile gadget.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify templates</a> here</p> <h3>This is a Bootstrap Family Shopify theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the creation of mobile-friendly websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from smartphones to desktops using the same codebase. It makes the web developing process efficient and effortless.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify design themes</a> here</p> <h3>This is Family Shopify design theme with On-line chat functionality</h3> <p><b>What is it?</b></p><p>The online chat enables you to communicate with your potential customers instantly.</p> <p><b>Why is it Good?</b></p><p>On-line Chat is a perfect choice for corporate websites. It enables assisting hesitating shoppers and helping them to make their final choice. On-line Chat makes your website appear more reliable and delivers more clients to your firm. </p><p>Find newest <a href=\"https://www.templatemonster.com/online-chat-shopify-themes/\">On-line chat Shopify design themes</a> here</p> <h3>This is a Parallax Home Shopify design template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a method in webdesign when background picture shifts at a slower pace than a front content, creating the illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect looks beautiful and glues users' sight to the pictures and content modules.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-shopify-themes/\">Parallax Shopify ecommerce themes</a> here</p> <h3>This Home & Family Magazine Shopify ecommerce template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly web page helps any searcher to analyze each and every page of the web page, determine the information and index all of them in the repository.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly web template is simply a superb general platform to begin advertising and boosting search rates of the internet page. It is actually less difficult to make use of this sort of internet page for Website seo professional considering the fact that part of the work is previously done.</p><p>Fresh <a href=\"https://www.templatemonster.com/seo-shopify-themes/\">Search Engine Friendly Shopify ecommerce templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/1gRZtgp","tags":["accelerated","accessories","advice","air","automotive","building","clamps","cordless","cutting","dealer","dealership","drill","electric","electrical","freight","gardening","hand","harbour","hardware","industrial","instruments","master","mobile","motor","online","pliers","power","products","profile","puller","purchase","remover","rent","repair","shop","special","standard","store","supply","theme","tool","tools","shopify","lawn-mower"],"customUrl":"/shopify-themes/55111.html","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"badge":"badge-responsive","nameOfTheTemplate":"Tools & Equipment Responsive Shopify Theme","loyaltySells":"1","topic":["Tools & Equipment Templates","Home & Family"],"styles":["Neutral","Flat"],"skupromo":"29%","marketplaceMembership":"None","category":"Website templates","dqi":"00","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 15:00:04 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=55111&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55111&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55111&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 15:05:04 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://theme187-tools.myshopify.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55111 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/55111.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 #55111            </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=55111&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $83                <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>