string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=246477&expand=properties"
string(10402) "[{"templateId":246477,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":114,"categoryName":"Beauty Salon Templates","templateTitle":"Beauty Salon Responsive Shopify Theme","templatePreviewHtmlTitle":"Startup - Multipurpose Supermarket Shopify Template","templateDemoHtmlTitle":"Live demo for Startup - Multipurpose Supermarket Shopify Template #246477","typeShortName":"Shopify","templatePreviewFBTitle":"<h3>Theme Overview</h3><p>Startup multi purpose Shopify theme comes with multiple layouts, It's Quite unique concept and suitable for different kinds of shops like cosmetics shops, saloons, barber shops, hair salon, beauty products, ayurvedic items, face cleaner items, juice, fruit store, ice cream, cake shop, organic shop, juice bar, drink shop, winebar, fresh drink, clothing, fashion accessories, kids category like kids fashion, clothing, children toys, children fashion. Startup build with latest version of Shopify, also manage theme by powerful admin panel, no coding required.</p><p>Startup is modern and latest design, fit into all devices, user-friendly, different mega menu style, box layout, banners, popup products, color customizer, testimonials, latest blogs, brand images with slider, social share button, top links, newsletter sections, hot deal section, all layouts are very different.</p><h3>Theme Features</h3><ul><li>Drag and drop</li><li>Multipurpose</li><li>Multiple currencies</li><li>Responsive ready</li><li>Multiple Language</li><li>RTL - LTR and LTR - RTL</li><li>seo friendly</li><li>HTML 5 &amp; css 3</li><li>Unlimited collections</li><li>product zoom</li><li>seo optimized</li><li>Blog</li><li>countdown timer</li><li>Scroll top button</li><li>customer review</li><li>Grid - List Products</li><li>Unlimited color option</li><li>Guest checkout</li><li>Sticky header</li><li>Ajax attribute option</li><li>Lookbook</li><li>Discount label</li><li>Product tab</li><li>Category tab Products</li><li>Testimonial</li><li>Newsletter subscription</li><li>Slick &amp; carousel slider</li><li>useful link in footer</li><li>Multiple header &amp; footer</li><li>contact form</li><li>HTML document</li><li>All pages are well design</li></ul>","templateFullTitle":"Startup - Multipurpose Supermarket Shopify Template","templatePreviewMetaDescription":"Theme OverviewStartup multi purpose Shopify theme comes with multiple layouts, It's Quite unique concept and suitable for different kinds of shops like","templateDemoMetaDescription":"The live preview of this Startup - Multipurpose Supermarket Shopify Template Shopify Theme (#246477) is presented here for you to get the look and feel of the theme prior to buying it. Go through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Startup - Multipurpose Supermarket Shopify Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/startup-multipurpose-supermarket-shopify-template-246477.html","userRating":0,"designIndex":1,"authorUserId":"1731972","exclusive":"1","state":1,"price":59,"inserted_date":"2022-05-16","sent":0,"downloads":1,"search_words":"accessories art bootstrap beauty cosmetics cosmetic spa skincare shopify multipurpose shop store modern makeup organic minimal perfume lotion beauty salon webibazaar","is_adult":0,"exc_price":2100,"sent_date":"2022-05-16 12:42:44","last_upload":"2024-10-04 10:51:47","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"246477-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246477,"width":1600,"window_params":"","banner_url":"","id":2659236,"href":"","height":1000},{"scr_type_id":311,"filename":"246477-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246477,"width":1600,"window_params":"","banner_url":"","id":2659237,"href":"","height":1000},{"scr_type_id":312,"filename":"246477-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246477,"width":370,"window_params":"","banner_url":"","id":2659238,"href":"","height":370},{"scr_type_id":9,"filename":"246477-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246477,"width":145,"window_params":"","banner_url":"","id":2659239,"href":"","height":156},{"scr_type_id":57,"filename":"246477-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246477,"width":430,"window_params":"","banner_url":"","id":2659240,"href":"","height":269}],"demoUrl":"/demo/246477.html","image":"https://s.tmimgcdn.com/scr/246400/startup-multipurpose-supermarket-shopify-template_246477-original.jpg","searchHash":"d8f6a779b483534753dfbdc84c67f499","previewHash":"d33974b22b7087c91929c25fd97b9c40","authorNickname":"WebiBazaar","lowLevelTopic":"Beauty Salon Templates; Cosmetics Store Templates; Tattoo Salon Templates","weightedRating":null,"annualSale":0,"monthlySales":null,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":50,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white"],"followUpLetter":"shopify-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"65187179","uniqueKeywords":"accessories,art,bootstrap,beauty,cosmetics,cosmetic,spa,skincare,shopify,multipurpose,shop,store,modern,makeup,organic,minimal,perfume,lotion,beauty salon,webibazaar","templateSupportOptions":"[]","changeLog":"## Version- 2.2.0 Startup-files August 20 2024 \n- Fix Minor Bugs\n- Fixed mobile responsive\n- Change old entries\n- Improve Site Speed\n\n## Version- 2.1.0 Startup-files October 17 2023 \n- Fix Minor Bugs\n- Add Follow On Shop Features\n- Fixed some section\n- Improve Site Speed\n\n## V.2.0.0 - October 24, 2023\n### Update\n- Theme package to support the latest Shopify Version.\n\n## Startup-files\n-Initial Release","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Theme OverviewStartup multi purpose Shopify theme comes with multiple layouts, It's Quite unique concept and suitable for different kinds of shops like","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1731972/27bb3d8f6fb099d990a1ce8209de9173.jpg","features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Multipurpose","eCommerce","Quickstart Package","Advanced Theme Options","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Forum","HTML 5","JQuery","Parallax"],"saleSells":"1","livePreviewURL":"https://dostguru.com/shopify/startup/","authorUserId":"1731972","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1731972/4821baeee91ff7dfda18066bd3aa4f24.jpg","templateGroup":"eCommerce Templates","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1731972/8195eda1de702b21bb6c6a411625304e.jpg, https://s3u.tmimgcdn.com/u1731972/e03f731b98351560b6bb9aad40a17951.jpg, https://s3u.tmimgcdn.com/u1731972/c756047d63cba3dda47f0dc54de0b89c.jpg, https://s3u.tmimgcdn.com/u1731972/897a1aa012d60ad3fdc8be2e01899b21.jpg","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"The live preview of this Startup - Multipurpose Supermarket Shopify Template Shopify Theme (#246477) is presented here for you to get the look and feel of the theme prior to buying it. Go through the pages, check the images, press the buttons, explore the features.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<h3>Theme Overview</h3><p>Startup multi purpose Shopify theme comes with multiple layouts, It's Quite unique concept and suitable for different kinds of shops like cosmetics shops, saloons, barber shops, hair salon, beauty products, ayurvedic items, face cleaner items, juice, fruit store, ice cream, cake shop, organic shop, juice bar, drink shop, winebar, fresh drink, clothing, fashion accessories, kids category like kids fashion, clothing, children toys, children fashion. Startup build with latest version of Shopify, also manage theme by powerful admin panel, no coding required.</p><p>Startup is modern and latest design, fit into all devices, user-friendly, different mega menu style, box layout, banners, popup products, color customizer, testimonials, latest blogs, brand images with slider, social share button, top links, newsletter sections, hot deal section, all layouts are very different.</p><h3>Theme Features</h3><ul><li>Drag and drop</li><li>Multipurpose</li><li>Multiple currencies</li><li>Responsive ready</li><li>Multiple Language</li><li>RTL - LTR and LTR - RTL</li><li>seo friendly</li><li>HTML 5 &amp; css 3</li><li>Unlimited collections</li><li>product zoom</li><li>seo optimized</li><li>Blog</li><li>countdown timer</li><li>Scroll top button</li><li>customer review</li><li>Grid - List Products</li><li>Unlimited color option</li><li>Guest checkout</li><li>Sticky header</li><li>Ajax attribute option</li><li>Lookbook</li><li>Discount label</li><li>Product tab</li><li>Category tab Products</li><li>Testimonial</li><li>Newsletter subscription</li><li>Slick &amp; carousel slider</li><li>useful link in footer</li><li>Multiple header &amp; footer</li><li>contact form</li><li>HTML document</li><li>All pages are well design</li></ul>","tags":["accessories","art","beauty","bootstrap","cosmetic","cosmetics","lotion","makeup","minimal","modern","multipurpose","organic","perfume","shop","spa","store","shopify","beauty salon","skincare","webibazaar"],"bitLyUrl":"https://bit.ly/3LifDO6","customUrl":"/shopify-themes/startup-multipurpose-supermarket-shopify-template-246477.html","nameOfTheTemplate":"Startup - Multipurpose Supermarket Shopify Template","paidSupport":"Yes","topic":["Beauty Salon Templates","Cosmetics Store Templates","Tattoo Salon Templates","Beauty Templates","Fashion & Beauty","Salon"],"changeLogDate":"2024-10-04","styles":"Clean","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1731972/dca60587d5f05f21e40f713251bb2f6a.jpg","excerpt":"<p>Elevate your online electronics store with our Electronic Multipurpose Shopify Template. Modern design for tech enthusiasts. Get it now!</p>","category":"Website templates","currencies":["USD","GBP","EUR"],"popularity":"Recently Updated"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 12 Nov 2024 10:08:12 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=246477&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=246477&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=246477&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 12 Nov 2024 10:13:12 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://dostguru.com/shopify/startup/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#246477 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/246477.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 #246477            </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=246477&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $54                <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>