string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=82300&expand=properties"
string(11010) "[{"templateId":82300,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Responsive Shopify Theme","templatePreviewHtmlTitle":"Locket - Jewellery Shopify Theme #82300 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Locket - Jewellery Shopify Theme #82300","typeShortName":"Shopify","templatePreviewFBTitle":"<p><strong>Locket – Jewellery Shopify Theme</strong> is a robust theme adorned with numerous useful features for the authors and visitors. Setting Locket – Jewellery Shopify Theme as your website you can sell almost all kinds of products and service online. You can display Men and Women Fashion, Jewellery, Readymade Garments, Kids Fashion, Ornaments, Cosmetics, Herbal Products Sports Products, Shoes and everything in the best way in Locket Shopify theme.</p><p>Locket has lots of variations and creativity for the users. Locket has 2+ Home Variations, 2 Header Variations, 2 Slider Variations, Shop list &amp; Grid View, Variable &amp; Countdown products, Multiple Blog Pages and FAQ page as well. We have worked best on the user’s convenience in this theme. This quick install theme has Shopify Builder, Theme Colors, Newsletter Popup, Notification Bar, Ajax Pop Cart, Ajax Wishlist, Quick View, RTL Support and Multiple Currency.</p><p>In addition, to engage your visitors more into your business we have put options like Disqus comment, Facebook comment, Product review, Product Video, Testimonial options etc.</p><p>On the other hand, Locket Shopify theme is fully Responsive and Cross- Browser Compatible website demo. Furthermore, you will get Google Analytics, Google Font, A persuasive Documentation and easy customization in this Shopify theme. Install Locket Jewellery theme and enjoy the best experience of eCommerce business.</p><p><strong>Main features list:</strong></p><ul><li>2 + Home Variation</li><li>2 Header Variation</li><li>2 Slider Variation</li><li>Shop Grid View</li><li>Shop List View</li><li>Shop Left Sidebar</li><li>Shop Right Sidebar</li><li>Variable product</li><li>Countdown product</li><li>Blog Left Sidebar</li><li>Blog Right Sidebar</li><li>Frequently Questins Page</li><li>Quick Install</li><li>Shopify Builder</li><li>Theme Colors</li><li>Newsletter Popup</li><li>Notification Bar</li><li>Ajax Popup Cart</li><li>Ajax Wishlist</li><li>QuickView</li><li>RTL Support</li><li>Slideshow</li><li>Multiple Currency</li><li>Feature Product</li><li>Product With Tab</li><li>Full Width Product</li><li>Full Width Banner</li><li>Multiple Banner</li><li>Sidebar With Product</li><li>Banner With Product</li><li>Newsletter</li><li>Testimonial</li><li>Category Menu</li><li>Footer Content</li><li>Disqus comment</li><li>Facebook comment</li><li>Product review</li><li>Product Video</li><li>Custom Tab</li><li>Shortcodes</li><li>15+ Preloader</li><li>Google Analytics</li><li>Google Map</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Documentation</li></ul>","templateFullTitle":"Locket - Jewellery Shopify Theme","templatePreviewMetaDescription":"Locket – Jewellery Shopify Theme is a robust theme adorned with numerous useful features for the authors and visitors. Setting Locket – Jewellery Shopify","templateDemoMetaDescription":"View the live preview for the high quality Locket – Jewellery Shopify Theme (#82300) to find out what this theme is before you buy it. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Locket - Jewellery Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/locket-jewellery-shopify-theme-82300.html","userRating":"5","designIndex":"85","authorUserId":"1488834","exclusive":"1","state":1,"price":74,"inserted_date":"2019-06-17","sent":0,"downloads":9,"search_words":"bangles beauty shopify theme boutique bracelets diamond elegant feminine jewel shop jewellery jewelry mens womens","is_adult":0,"exc_price":2100,"sent_date":"2019-06-17 05:03:35","last_upload":"2022-08-27 00:40:40","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"82300-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":82300,"width":800,"window_params":"","banner_url":"","id":1828782,"href":"","height":1200},{"scr_type_id":311,"filename":"82300-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":82300,"width":800,"window_params":"","banner_url":"","id":1828783,"href":"","height":1200},{"scr_type_id":312,"filename":"82300-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":82300,"width":370,"window_params":"","banner_url":"","id":1828784,"href":"","height":370},{"scr_type_id":9,"filename":"82300-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":82300,"width":145,"window_params":"","banner_url":"","id":1828785,"href":"","height":156},{"scr_type_id":57,"filename":"82300-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":82300,"width":430,"window_params":"","banner_url":"","id":1828786,"href":"","height":645}],"demoUrl":"/demo/82300.html","image":"https://s.tmimgcdn.com/scr/82300/locket-jewellery-shopify-theme_82300-original.jpg","searchHash":"7ae283c2711cfce3b8a4284ebc7d7bc8","previewHash":"6c830bdb90ba803d13f14285bc17893b","authorNickname":"ThemesHub","lowLevelTopic":"Jewelry Templates; Accessories","weightedRating":4.181818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":52,"discountPercent":30,"discountAmount":22,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white"],"followUpLetter":"shopify-offers","dateRange":"Last 6 Months","reviewsTotal":"1","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"24245359","uniqueKeywords":"bangles,beauty,shopify,theme,boutique,bracelets,diamond,elegant,feminine,jewel,shop,jewellery,jewelry,mens,womens","templateSupportOptions":"[]","reviewAverageScore":"5","changeLog":"Version: 1.0.2 —-—- DATE: 23-07-2022\n\n- CSS issue fixed\n\nVersion: 1.0.1 —-—- DATE: 24-04-2022\n\n- Migrated to Shopify Online Store 2.0\n    - More flexible, and more maintainable\n    - Sections on every page \n    - Drag &amp; drop on every page\n- CSS issue fixed","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Locket – Jewellery Shopify Theme is a robust theme adorned with numerous useful features for the authors and visitors. Setting Locket – Jewellery Shopify","excludeExclusive":"Yes","features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Team Members"],"saleSells":"1","livePreviewURL":"https://demo.hasthemes.com/shopify/locket-tm.html","languageSupport":"English","authorUserId":"1488834","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/1488834-1560587222772_locket-800-1200.jpg","templateGroup":"eCommerce Templates","popularity":"Top Rated","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","lastmod":"2022-02-07T08:47:00-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1488834-1560587235659_locket-965-600.jpg","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"View the live preview for the high quality Locket – Jewellery Shopify Theme (#82300) to find out what this theme is before you buy it. View the pages, check out the images, press the buttons, explore the features.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<p><strong>Locket – Jewellery Shopify Theme</strong> is a robust theme adorned with numerous useful features for the authors and visitors. Setting Locket – Jewellery Shopify Theme as your website you can sell almost all kinds of products and service online. You can display Men and Women Fashion, Jewellery, Readymade Garments, Kids Fashion, Ornaments, Cosmetics, Herbal Products Sports Products, Shoes and everything in the best way in Locket Shopify theme.</p><p>Locket has lots of variations and creativity for the users. Locket has 2+ Home Variations, 2 Header Variations, 2 Slider Variations, Shop list &amp; Grid View, Variable &amp; Countdown products, Multiple Blog Pages and FAQ page as well. We have worked best on the user’s convenience in this theme. This quick install theme has Shopify Builder, Theme Colors, Newsletter Popup, Notification Bar, Ajax Pop Cart, Ajax Wishlist, Quick View, RTL Support and Multiple Currency.</p><p>In addition, to engage your visitors more into your business we have put options like Disqus comment, Facebook comment, Product review, Product Video, Testimonial options etc.</p><p>On the other hand, Locket Shopify theme is fully Responsive and Cross- Browser Compatible website demo. Furthermore, you will get Google Analytics, Google Font, A persuasive Documentation and easy customization in this Shopify theme. Install Locket Jewellery theme and enjoy the best experience of eCommerce business.</p><p><strong>Main features list:</strong></p><ul><li>2 + Home Variation</li><li>2 Header Variation</li><li>2 Slider Variation</li><li>Shop Grid View</li><li>Shop List View</li><li>Shop Left Sidebar</li><li>Shop Right Sidebar</li><li>Variable product</li><li>Countdown product</li><li>Blog Left Sidebar</li><li>Blog Right Sidebar</li><li>Frequently Questins Page</li><li>Quick Install</li><li>Shopify Builder</li><li>Theme Colors</li><li>Newsletter Popup</li><li>Notification Bar</li><li>Ajax Popup Cart</li><li>Ajax Wishlist</li><li>QuickView</li><li>RTL Support</li><li>Slideshow</li><li>Multiple Currency</li><li>Feature Product</li><li>Product With Tab</li><li>Full Width Product</li><li>Full Width Banner</li><li>Multiple Banner</li><li>Sidebar With Product</li><li>Banner With Product</li><li>Newsletter</li><li>Testimonial</li><li>Category Menu</li><li>Footer Content</li><li>Disqus comment</li><li>Facebook comment</li><li>Product review</li><li>Product Video</li><li>Custom Tab</li><li>Shortcodes</li><li>15+ Preloader</li><li>Google Analytics</li><li>Google Map</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Documentation</li></ul>","bitLyUrl":"http://bit.ly/2IK8esu","tags":["bangles","beauty","boutique","bracelets","diamond","elegant","feminine","jewel","jewellery","jewelry","mens","shop","theme","shopify","womens"],"customUrl":"/shopify-themes/locket-jewellery-shopify-theme-82300.html","nameOfTheTemplate":"Locket - Jewellery Shopify Theme","paidSupport":"Yes","topic":["Fashion Templates","Jewelry Templates","Fashion & Beauty","Accessories"],"changeLogDate":"2022-07-25","styles":"Clean","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1488834/cdd95a037f9aaf3b6605d29e3f743ded.jpg","category":"Website templates","dqi":"85","currencies":"USD"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 22 Nov 2024 21:27:15 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=82300&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=82300&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=82300&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 22 Nov 2024 21:32:15 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://demo.hasthemes.com/shopify/locket-tm.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#82300 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/82300.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 #82300            </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=82300&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $68                <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>