string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=51196&expand=properties"
string(14721) "[{"templateId":51196,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":287,"categoryName":"Drug Store Templates","templateTitle":"Drug Store Responsive Shopify Theme","templatePreviewHtmlTitle":"Medical Treatment Substances Shopify Theme - TemplateMonster","templateDemoHtmlTitle":"Live preview for Medical Treatment Substances Shopify Theme #51196","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Today, almost anything can be obtained on the web, and medicaments are not an exception in this case. A lot of shoppers choose to order drugs online, that's why it's important for owners of drugstores to have an appealing site in order to catch their fancy. If you want to build one, make use of the theme displayed here. Browsing through your platform with such a smart blend of hues, the audience will get a favorable impression about your pharmacy. Due to domination of green in its palette, you will have an opportunity to present your medicaments as natural products, which is an efficient stimulator for a purchase. Your products will also seem affordable thanks to orange elements, while an insignificant amount of pink will add a soft touch to the whole look of your platform. Using this theme, you are guaranteed to win favor of every shopper who comes across your site.</p><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 digital products vendor and earn up to 70% from each sale.</p><p><br /></p><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 digital products vendor and earn up to 70% from each sale.</p><h3>This is Small Business Shopify design with On-line chat functionality</h3><p><strong>What is it?</strong></p><p>On-line chat is a function that involves live messaging over the Internet.</p><p><strong>Why is it Good?</strong></p><p>On-line Chat is an ideal option for business websites. It enables assisting hesitating customers and helping them to come up with their final decision. On-line Chat makes your project appear more reliable and delivers more clients to your company.</p><p>Click for more On-line chat Shopify ecommerce templates here</p><h3>This Corporate Shopify template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive layouts alter to little as well as greater display screen sizes automatically.</p><p><strong>Why is it Good?</strong></p><p>Responsive design can help your website appear equally good on display of any type of personal computer or hand held gadget.</p><p>Latest Responsive Shopify ecommerce templates here</p><h3>This Business Company Shopify design is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>Search engine ready is a WordPress theme that lets easily crawl and index the website.</p><p><strong>Why is it Good?</strong></p><p>Using it, you can actually bring in lots of targeted customers to the internet site from search engines.</p><p>Browse for more Search Engine Friendly Shopify themes here</p><h3>This is a Bootstrap Drug Store Shopify template</h3><p><strong>What is it?</strong></p><p>Bootstrap can be a entirely free front-end framework that delivers for faster and straightforward web design training.</p><p><strong>Why is it Good?</strong></p><p>Through the help of Bootstrap, you may make 100 % responsive web designs using HTML and CSS based layouts for typography, print styles, forms, buttons, tables, and many others.</p><p>Fresh Bootstrap Shopify design themes here</p>","templateFullTitle":"Medical Treatment Substances Shopify Theme","templatePreviewMetaDescription":"Today, almost anything can be obtained on the web, and medicaments are not an exception in this case. A lot of shoppers choose to order drugs online, that's","templateDemoMetaDescription":"Experience the demo of the top notch Medical Treatment Substances Shopify Theme (#51196) to understand what this template is before you decide to buy it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Medical Treatment Substances Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/51196.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":"1","state":1,"price":90,"inserted_date":"2014-09-08","sent":2,"downloads":20,"search_words":"cms,convert","is_adult":0,"exc_price":8500,"sent_date":"2014-10-01 06:15:18","last_upload":"2014-09-08 00:00:00","package_id":272,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":298,"filename":"51196-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":430,"window_params":"","banner_url":"","id":1414139,"href":"","height":900},{"scr_type_id":3,"filename":"51196-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":1800,"window_params":"","banner_url":"","id":1414140,"href":"","height":2085},{"scr_type_id":326,"filename":"51196-shopify-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":430,"window_params":"","banner_url":"","id":1414141,"href":"","height":664},{"scr_type_id":3,"filename":"51196-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":895,"window_params":"","banner_url":"","id":1414142,"href":"","height":599},{"scr_type_id":300,"filename":"51196-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":320,"window_params":"","banner_url":"","id":1414143,"href":"","height":900},{"scr_type_id":299,"filename":"51196-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":430,"window_params":"","banner_url":"","id":1414144,"href":"","height":900},{"scr_type_id":212,"filename":"51196-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":430,"window_params":"","banner_url":"","id":1414145,"href":"","height":60},{"scr_type_id":312,"filename":"51196-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":370,"window_params":"","banner_url":"","id":1414146,"href":"","height":370},{"scr_type_id":315,"filename":"51196-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":1800,"window_params":"","banner_url":"","id":1414147,"href":"","height":2085},{"scr_type_id":3,"filename":"51196-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":408,"window_params":"","banner_url":"","id":1414148,"href":"","height":55},{"scr_type_id":9,"filename":"51196-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":145,"window_params":"","banner_url":"","id":1414149,"href":"","height":156},{"scr_type_id":3,"filename":"51196-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":1904,"window_params":"","banner_url":"","id":1414150,"href":"","height":2085},{"scr_type_id":311,"filename":"51196-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":965,"window_params":"","banner_url":"","id":1414151,"href":"","height":1118},{"scr_type_id":314,"filename":"51196-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":1904,"window_params":"","banner_url":"","id":1414152,"href":"","height":2085},{"scr_type_id":334,"filename":"51196-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51196,"width":1904,"window_params":"","banner_url":"","id":1636412,"href":"","height":2085}],"demoUrl":"/demo/51196.html","image":"https://s.tmimgcdn.com/scr/51100/medical-treatment-substances-shopify-theme_51196-original.jpg","searchHash":"78743fe1cbb2d8624ad50bbc0ea3f853","previewHash":"9e7e533ea05ca41a3e189733e41e37ca","authorNickname":"RockThemes","lowLevelTopic":"Drug Store Templates; Nutrition Store Templates; Business & Services; Fashion & Beauty","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":90,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template should be applied to medical, beauty, sport, and business websites.","categoriesView":"Grid","productSize":"9427567","uniqueKeywords":"cms,convert","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Today, almost anything can be obtained on the web, and medicaments are not an exception in this case. A lot of shoppers choose to order drugs online, that's","features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","On-line chat"],"saleSells":"1","templateSources":[".CSS",".JS"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","documentationVersion":"v1.0","imageDescription":"https://s.tmimgcdn.com/scr/51100/51196-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"exclusive":"1","templateSoftwareRequired":"PHP editor.","lastmod":"2021-07-27T11:24:19-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Experience the demo of the top notch Medical Treatment Substances Shopify Theme (#51196) to understand what this template is before you decide to buy it. View the pages, examine the images, click the buttons, explore the functionality.","themeArchitectureVersion":"Vintage","shortDescription":"<p>Today, almost anything can be obtained on the web, and medicaments are not an exception in this case. A lot of shoppers choose to order drugs online, that's why it's important for owners of drugstores to have an appealing site in order to catch their fancy. If you want to build one, make use of the theme displayed here. Browsing through your platform with such a smart blend of hues, the audience will get a favorable impression about your pharmacy. Due to domination of green in its palette, you will have an opportunity to present your medicaments as natural products, which is an efficient stimulator for a purchase. Your products will also seem affordable thanks to orange elements, while an insignificant amount of pink will add a soft touch to the whole look of your platform. Using this theme, you are guaranteed to win favor of every shopper who comes across your site.</p><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 digital products vendor and earn up to 70% from each sale.</p><p><br /></p><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 digital products vendor and earn up to 70% from each sale.</p><h3>This is Small Business Shopify design with On-line chat functionality</h3><p><strong>What is it?</strong></p><p>On-line chat is a function that involves live messaging over the Internet.</p><p><strong>Why is it Good?</strong></p><p>On-line Chat is an ideal option for business websites. It enables assisting hesitating customers and helping them to come up with their final decision. On-line Chat makes your project appear more reliable and delivers more clients to your company.</p><p>Click for more On-line chat Shopify ecommerce templates here</p><h3>This Corporate Shopify template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive layouts alter to little as well as greater display screen sizes automatically.</p><p><strong>Why is it Good?</strong></p><p>Responsive design can help your website appear equally good on display of any type of personal computer or hand held gadget.</p><p>Latest Responsive Shopify ecommerce templates here</p><h3>This Business Company Shopify design is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>Search engine ready is a WordPress theme that lets easily crawl and index the website.</p><p><strong>Why is it Good?</strong></p><p>Using it, you can actually bring in lots of targeted customers to the internet site from search engines.</p><p>Browse for more Search Engine Friendly Shopify themes here</p><h3>This is a Bootstrap Drug Store Shopify template</h3><p><strong>What is it?</strong></p><p>Bootstrap can be a entirely free front-end framework that delivers for faster and straightforward web design training.</p><p><strong>Why is it Good?</strong></p><p>Through the help of Bootstrap, you may make 100 % responsive web designs using HTML and CSS based layouts for typography, print styles, forms, buttons, tables, and many others.</p><p>Fresh Bootstrap Shopify design themes here</p>","tags":["cms","convert"],"customUrl":"/shopify-themes/51196.html","badge":"badge-responsive","nameOfTheTemplate":"Medical Treatment Substances Shopify Theme","topic":["Drug Store Templates","Nutrition Store Templates","Medical Templates","Business & Services","Fashion & Beauty"],"styles":["Neutral","Flat"],"productFamily":"None","followUpLetter":"shopify-offers","color":["white","grey","green"],"templateSupportOptions":"[{\"id\":280446,\"template_id\":300939,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":280449,\"template_id\":300939,\"type\":4,\"measure\":\"minute\",\"value\":5,\"phone\":\"\"}]","sqi":"95","livePreviewURL":"https://tm-shopify087-drug-store.myshopify.com","authorMainScreenshot":"https://s.tmimgcdn.com/scr/51100/medical-treatment-substances-shopify-theme_51196-original.jpg","templateGroup":"eCommerce Templates","imagesIncluded":"Yes","dynamicChangeLog":"<ul>\n<li>- 2 minor font issues fixed</li>\n<li>- 2 minor database bugs fixed</li>\n<li>- 1 front-end bug fixed</li>\n<li>- 3 PSD layers changed</li>\n</ul>","templateIcon":"icon-shopify","templateHostingRequirements":"Requires Monthly Fee","types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/10ldavS","layout":"2 columns","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"paidSupport":"Yes","skupromo":"50%","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: Wed, 06 Nov 2024 03:05:37 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=51196&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=51196&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=51196&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 06 Nov 2024 03:10:37 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://tm-shopify087-drug-store.myshopify.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#51196 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/51196.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 #51196            </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=51196&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>