string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=407860&expand=properties"
string(14033) "[{"templateId":407860,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":498,"categoryName":"Watches Templates","templateTitle":"Watches Responsive Shopify Theme","templatePreviewHtmlTitle":"Clocksy - Watch Store Shopify 2.0 Responsive Theme","templateDemoHtmlTitle":"Live preview for Clocksy - Watch Store Shopify 2.0 Responsive Theme #407860","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Introducing Clocksy - the quintessential Shopify theme crafted exclusively for watch aficionados and timepiece enthusiasts. With meticulous precision, Clocksy promises to elevate your online watch boutique to unprecedented heights, seamlessly blending sophistication with functionality.</p><p>Immerse your visitors in the captivating world of horology with Clocksy's elegant and contemporary design. From sleek layouts to intuitive navigation, every aspect is meticulously tailored to ensure an immersive browsing experience across all devices - be it desktops, tablets, or smartphones.</p><p>Engage your audience like never before with Clocksy's interactive features, including quick view options, wishlists, and dynamic product showcases. These strategically integrated elements captivate visitors, encouraging exploration of your curated watch collection.</p><p>Streamline your store management effortlessly with Clocksy's built-in tools. From product countdown timers to sale notifications and real-time inventory tracking, Clocksy empowers you to drive conversions, boost sales, and maintain optimal stock levels seamlessly.</p><p>Clocksy is engineered for superior search engine visibility, ensuring your watch boutique ranks high and attracts organic traffic. With its SEO-friendly structure and optimized performance, Clocksy helps your store shine amidst the competitive landscape of online retail.</p><p>Whether you're an established watch retailer expanding your digital presence or a budding entrepreneur venturing into horology, Clocksy is your ultimate ally. Celebrate craftsmanship, inspire curiosity, and redefine luxury with Clocksy. Experience the artistry of time with Clocksy - where every tick embodies elegance, and every tock narrates a story of style.</p><p>Clocksy - Watch Boutique Shopify Theme: Elevate Your Timepiece Experience, Sophisticated Design, Seamless Functionality - Responsive Layouts, Interactive Features, Streamlined Management, SEO Optimized, Craftsmanship Celebration.</p><p><br /></p><p>Theme Features</p><p>-------------------</p><p>- Advance Theme Options</p><p>- Fully RESPONSIVE Theme</p><p>- SEO (Search Engine Optimization) Friendly</p><p>- Mobile First Layout</p><p>- No Coding Skills Required</p><p>- Multiple Currency</p><p>- Multiple Language</p><p>- Optimized for Fast Loading</p><p>- Theme Color Option Setting</p><p>- Theme Typography Setting</p><p>- Multiple Banner Section with Editable Text and Image</p><p>- Product Grid/List View with Multiple Column Variation</p><p>- Responsive Banner Slider with Editable Text</p><p>- Shop By Category Slider with Image</p><p>- Category-wise Product Collection Slider Section</p><p>- Featured Product Collection with Slider/Grid Option</p><p>- New Products Collection with Slider/Grid Option</p><p>- Wishlist &amp; Compare</p><p>- QuickView &amp; Add to Cart</p><p>- Product Search</p><p>- Product Filter on Collection Page</p><p>- Brand logo Section</p><p>- Blog Section</p><p>- Newsletter Subscription Section</p><p>- Product Variation Swatches</p><p>- Product Zoom Integration</p><p>- Related Product Slider</p><p>- Google Map Integration</p><p>- Blog List Page</p><p>- Scroll To Top Button</p><p>- Social Media Follow Links</p><p>- Compatible with all browsers</p><p>- Well structured &amp; Easy customization</p><p>Include theme installation and theme configuration documentation to help customer for installing and utilizing the theme</p><p>and Many More…</p><p><br /></p><p><br /></p><p><br /></p>","templateFullTitle":"Clocksy - Watch Store Shopify 2.0 Responsive Theme","templatePreviewMetaDescription":"Introducing Clocksy - the quintessential Shopify theme crafted exclusively for watch aficionados and timepiece enthusiasts. With meticulous precision, Clocksy","templateDemoMetaDescription":"Have a look at the demo for the top notch Clocksy - Watch Store &amp; Minimal Fashion Shopify 2.0 Responsive Theme Shopify Theme (#407860) get yourself familiar with this design before you purchase it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Clocksy - Watch Store Shopify 2.0 Responsive Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/clocksy-watch-store-amp-minimal-fashion-shopify-2-0-responsive-theme-407860.html","userRating":0,"designIndex":1,"authorUserId":"78138138","exclusive":"1","state":1,"price":49,"inserted_date":"2024-04-08","sent":0,"downloads":0,"search_words":"accessories beauty fashion modern multipurpose responsive shop shopping theme watch ecommerce shopify fashion store watch shopify theme shopify theme watch theme watch template","is_adult":0,"exc_price":2100,"sent_date":"2024-04-08 10:52:04","last_upload":"2024-04-08 10:57:27","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3465835,"templ_id":407860,"filename":"407860-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3465836,"templ_id":407860,"filename":"407860-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3465837,"templ_id":407860,"filename":"407860-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3465838,"templ_id":407860,"filename":"407860-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3465839,"templ_id":407860,"filename":"407860-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/407860.html","image":"https://s.tmimgcdn.com/scr/407800/clocksy-watch-store-shopify-20-responsive-theme_407860-original.jpg","searchHash":"e82c51f9fe7e0d2766d759787d237145","previewHash":"b5378387cb4d229fc9573f41b2b8120d","authorNickname":"Logicgo","lowLevelTopic":"Watches Templates; Fashion Store Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":40,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","eCommerce","Sliced PSD","Dropdown Menu","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Parallax","Lazy Load effect"],"styles":["Cartoon","Minimalist","Web2.0","Mobile","Flat"],"isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"popularity":"Zero Downloads","currencies":["USD","GBP","EUR"],"topic":["Fashion Templates","Watches Templates","Fashion Store Templates","Fashion & Beauty","Accessories"],"isFree":"none","color":["black","white","grey","brown","green"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["accessories","beauty","fashion","modern","multipurpose","responsive","shop","shopping","theme","watch","ecommerce","shopify","fashion store","shopify theme","watch shopify theme","watch theme","watch template"],"paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78138138","excerpt":"<p>The beautifully designed Luxury Watch Store Shopify 2.0 Responsive Theme is ideal for an online watch store, luxury watch collection, gift shop, or fashion store.</p>","nameOfTheTemplate":"Clocksy - Watch Store Shopify 2.0 Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78138138/9528587ab463d3882c0b4ab00fcf095c.jpg, https://s3u.tmimgcdn.com/u78138138/eda9713c5606512facf0355657ba50da.jpg, https://s3u.tmimgcdn.com/u78138138/9d760e0525eb60c40541afbbff2fe478.jpg, https://s3u.tmimgcdn.com/u78138138/dfa8bd0faac287163de17dd6ec494baa.jpg, https://s3u.tmimgcdn.com/u78138138/103d24eb5e70287b9d507891cff48b5f.jpg","shortDescription":"<p>Introducing Clocksy - the quintessential Shopify theme crafted exclusively for watch aficionados and timepiece enthusiasts. With meticulous precision, Clocksy promises to elevate your online watch boutique to unprecedented heights, seamlessly blending sophistication with functionality.</p><p>Immerse your visitors in the captivating world of horology with Clocksy's elegant and contemporary design. From sleek layouts to intuitive navigation, every aspect is meticulously tailored to ensure an immersive browsing experience across all devices - be it desktops, tablets, or smartphones.</p><p>Engage your audience like never before with Clocksy's interactive features, including quick view options, wishlists, and dynamic product showcases. These strategically integrated elements captivate visitors, encouraging exploration of your curated watch collection.</p><p>Streamline your store management effortlessly with Clocksy's built-in tools. From product countdown timers to sale notifications and real-time inventory tracking, Clocksy empowers you to drive conversions, boost sales, and maintain optimal stock levels seamlessly.</p><p>Clocksy is engineered for superior search engine visibility, ensuring your watch boutique ranks high and attracts organic traffic. With its SEO-friendly structure and optimized performance, Clocksy helps your store shine amidst the competitive landscape of online retail.</p><p>Whether you're an established watch retailer expanding your digital presence or a budding entrepreneur venturing into horology, Clocksy is your ultimate ally. Celebrate craftsmanship, inspire curiosity, and redefine luxury with Clocksy. Experience the artistry of time with Clocksy - where every tick embodies elegance, and every tock narrates a story of style.</p><p>Clocksy - Watch Boutique Shopify Theme: Elevate Your Timepiece Experience, Sophisticated Design, Seamless Functionality - Responsive Layouts, Interactive Features, Streamlined Management, SEO Optimized, Craftsmanship Celebration.</p><p><br /></p><p>Theme Features</p><p>-------------------</p><p>- Advance Theme Options</p><p>- Fully RESPONSIVE Theme</p><p>- SEO (Search Engine Optimization) Friendly</p><p>- Mobile First Layout</p><p>- No Coding Skills Required</p><p>- Multiple Currency</p><p>- Multiple Language</p><p>- Optimized for Fast Loading</p><p>- Theme Color Option Setting</p><p>- Theme Typography Setting</p><p>- Multiple Banner Section with Editable Text and Image</p><p>- Product Grid/List View with Multiple Column Variation</p><p>- Responsive Banner Slider with Editable Text</p><p>- Shop By Category Slider with Image</p><p>- Category-wise Product Collection Slider Section</p><p>- Featured Product Collection with Slider/Grid Option</p><p>- New Products Collection with Slider/Grid Option</p><p>- Wishlist &amp; Compare</p><p>- QuickView &amp; Add to Cart</p><p>- Product Search</p><p>- Product Filter on Collection Page</p><p>- Brand logo Section</p><p>- Blog Section</p><p>- Newsletter Subscription Section</p><p>- Product Variation Swatches</p><p>- Product Zoom Integration</p><p>- Related Product Slider</p><p>- Google Map Integration</p><p>- Blog List Page</p><p>- Scroll To Top Button</p><p>- Social Media Follow Links</p><p>- Compatible with all browsers</p><p>- Well structured &amp; Easy customization</p><p>Include theme installation and theme configuration documentation to help customer for installing and utilizing the theme</p><p>and Many More…</p><p><br /></p><p><br /></p><p><br /></p>","uniqueKeywords":"accessories,beauty,fashion,modern,multipurpose,responsive,shop,shopping,theme,watch,ecommerce,shopify,fashion store,watch shopify theme,shopify theme,watch theme,watch template","advImage":"https://s3u.tmimgcdn.com/u78138138/e9fe17ea61c48fc10b47d39dc78559a5.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78138138/57760fe5dba8820ba93d9251818f9df0.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78138138/047cbe08634c3a637b7c6f4dd0ceb418.jpg, https://s3u.tmimgcdn.com/u78138138/68f05724b78cda48f7cf307cce3bedbb.jpg, https://s3u.tmimgcdn.com/u78138138/8afaa707dab30629761428bf98a121b7.jpg, https://s3u.tmimgcdn.com/u78138138/77f0be411f1ab9934f6b29952d1538cf.jpg","livePreviewURL":"https://fastinsta.in/clocksy-web-page/","metaDescription":"Introducing Clocksy - the quintessential Shopify theme crafted exclusively for watch aficionados and timepiece enthusiasts. With meticulous precision, Clocksy","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Have a look at the demo for the top notch Clocksy - Watch Store &amp; Minimal Fashion Shopify 2.0 Responsive Theme Shopify Theme (#407860) get yourself familiar with this design before you purchase it. View the pages, check the images, press the buttons, explore the features.","customUrl":"/shopify-themes/clocksy-watch-store-amp-minimal-fashion-shopify-2-0-responsive-theme-407860.html","productSize":"9568742","trendiness":"34","types":"Shopify Themes","templateIcon":"icon-shopify","followUpLetter":"shopify-offers","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 30 Apr 2024 04:16:13 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=407860&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=407860&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=407860&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 30 Apr 2024 04:21:13 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://fastinsta.in/clocksy-web-page/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#407860 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/407860.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 #407860            </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=407860&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>