string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=252762&expand=properties"
string(9999) "[{"templateId":252762,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":78,"categoryName":"Fruit Templates","templateTitle":"Fruit Responsive Shopify Theme","templatePreviewHtmlTitle":"Optime - The Vegetables, Supermarket &amp; Fruit Premium Shopify Theme","templateDemoHtmlTitle":"Demo for Optime - The Vegetables, Supermarket &amp; Fruit Premium Shopify Theme #252762","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Optime is responsive fruit, vegetables, supermarket and grocery related premium shopify store. Optime is mostly suitable for vegetables,online shop, ecommerce store, coffee shop, tea shop, grocery store, ecommerce store, fruit store, online shop, tea and many more.</p><p>Optime is a responsive premium shopify theme which has multiple features like wishlist, trending header, advanced mega menu, quick view, google fonts, custom product filters, RTL supported, fully responsive, advance theme option.</p><p>Optime is easy to use, fully responsive, RTL supported, mini cart, online store, google fonts, top notification, blog details and many more which is need to make complete and SEO friendly website.</p><ol><li>Easy Customization</li><li>2+ Homepage Layout Design</li><li>Multiple Grid and List Option</li><li>Bootstrap 5.X</li><li>Responsive Layout</li><li>Mega Menu Integrated</li><li>Mobile Optimized Design</li><li>Newsletter Popup</li><li>Quick View Popup</li><li>Blogs Page</li><li>Blogs Details Page</li><li>Product Wishlist's</li><li>Product Amazon Affiliate</li><li>Product Details</li><li>Custom Product Filter</li><li>Product Grid and List</li><li>Product Grid and List With Left and Right Sidebar</li><li>Product Categories</li><li>Ajax Add To Cart</li><li>Affiliate Product</li><li>Track Order</li><li>Wish list</li><li>Theme Color Change option</li><li>Top bar Header Notification</li><li>Cross Browser Optimization</li><li>Modern &amp; Clean Design</li><li>Fully compatible with all major browsers such as Firefox, Safari, Chrome, Internet Explorer 11+</li><li>Social Sharing Features</li><li>Google web fonts</li><li>Coming Soon</li><li>Order Complete</li><li>Animations</li><li>Life Time Free Update</li><li>RTL &amp; Box Supported</li></ol>","templateFullTitle":"Optime - The Vegetables, Supermarket &amp; Fruit Premium Shopify Theme","templatePreviewMetaDescription":"Optime is responsive fruit, vegetables, supermarket and grocery related premium shopify store. Optime is mostly suitable for vegetables,online shop, ecommerce","templateDemoMetaDescription":"Sit back and watch the live preview for the professional Optime - The Vegetables, Supermarket &amp; Fruit Premium Shopify Theme Shopify Theme (#252762) get yourself familiar with this design before buying it. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Optime - The Vegetables, Supermarket &amp; Fruit Premium Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/optime-the-vegetables-supermarket-amp-fruit-premium-shopify-theme-252762.html","userRating":0,"designIndex":1,"authorUserId":"2204799","exclusive":"1","state":1,"price":99,"inserted_date":"2022-06-17","sent":0,"downloads":1,"search_words":"bakery basket chocolate fastfood grocery store shopify spices restaurant responsive pizza food fruits supermarket grocerystore shopifytheme onlinestore ecommerce citrus","is_adult":0,"exc_price":2100,"sent_date":"2022-06-17 12:12:46","last_upload":"2022-06-17 12:40:11","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"252762-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":252762,"width":800,"window_params":"","banner_url":"","id":2690646,"href":"","height":500},{"scr_type_id":311,"filename":"252762-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":252762,"width":800,"window_params":"","banner_url":"","id":2690647,"href":"","height":500},{"scr_type_id":312,"filename":"252762-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":252762,"width":370,"window_params":"","banner_url":"","id":2690648,"href":"","height":370},{"scr_type_id":9,"filename":"252762-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":252762,"width":145,"window_params":"","banner_url":"","id":2690649,"href":"","height":156},{"scr_type_id":57,"filename":"252762-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":252762,"width":430,"window_params":"","banner_url":"","id":2690650,"href":"","height":269}],"demoUrl":"/demo/252762.html","image":"https://s.tmimgcdn.com/scr/252700/optime-the-vegetables-supermarket-amp-fruit-premium-shopify-theme_252762-original.jpg","searchHash":"6e28a288fd7cde7d581d14704e7b61a7","previewHash":"d35be8e5920cfe2182365226c87e1f92","authorNickname":"webtemplate","lowLevelTopic":"Fruit Templates; Frozen Food Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":99,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","green","yellow"],"followUpLetter":"shopify-offers","productSize":"6286004","uniqueKeywords":"bakery,basket,chocolate,fastfood,grocery,store,shopify,spices,restaurant,responsive,pizza,food,fruits,supermarket,grocerystore,shopifytheme,onlinestore,ecommerce,citrus","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Optime is responsive fruit, vegetables, supermarket and grocery related premium shopify store. Optime is mostly suitable for vegetables,online shop, ecommerce","isLastAdded":"1","features":["Responsive","Bootstrap","Retina Ready","Right to left language support","Dropshipping","eCommerce","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Drag and Drop Content","MegaMenu","Blog","Online Store/Shop","JQuery"],"saleSells":"1","livePreviewURL":"https://spacingtech.com/shopify/tm/optime/","languageSupport":"English","authorUserId":"2204799","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2204799/03394426c7782c81cc195a8a34e1d030.jpg","templateGroup":"eCommerce Templates","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","templateSoftwareRequired":["Sublime Text2 or later, Notepad++","Sublime Text2 or later, Notepad++ or any php-editor"],"templateIcon":"icon-shopify","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2204799/1b7fd3d0fbdfd965bc27abacb4c19af4.jpg, https://s3u.tmimgcdn.com/u2204799/ac3b5b9515f7ac1b3a896c5701522b7e.jpg, https://s3u.tmimgcdn.com/u2204799/92f41295dfb523935e5c1d5585376321.jpg, https://s3u.tmimgcdn.com/u2204799/67355ebfa2db9c847634ed551fba063c.jpg, https://s3u.tmimgcdn.com/u2204799/3b218173c04508b05a34bcfb95f0dc32.jpg","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"Sit back and watch the live preview for the professional Optime - The Vegetables, Supermarket &amp; Fruit Premium Shopify Theme Shopify Theme (#252762) get yourself familiar with this design before buying it. View the pages, check out the images, press the buttons, explore the functionality.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<p>Optime is responsive fruit, vegetables, supermarket and grocery related premium shopify store. Optime is mostly suitable for vegetables,online shop, ecommerce store, coffee shop, tea shop, grocery store, ecommerce store, fruit store, online shop, tea and many more.</p><p>Optime is a responsive premium shopify theme which has multiple features like wishlist, trending header, advanced mega menu, quick view, google fonts, custom product filters, RTL supported, fully responsive, advance theme option.</p><p>Optime is easy to use, fully responsive, RTL supported, mini cart, online store, google fonts, top notification, blog details and many more which is need to make complete and SEO friendly website.</p><ol><li>Easy Customization</li><li>2+ Homepage Layout Design</li><li>Multiple Grid and List Option</li><li>Bootstrap 5.X</li><li>Responsive Layout</li><li>Mega Menu Integrated</li><li>Mobile Optimized Design</li><li>Newsletter Popup</li><li>Quick View Popup</li><li>Blogs Page</li><li>Blogs Details Page</li><li>Product Wishlist's</li><li>Product Amazon Affiliate</li><li>Product Details</li><li>Custom Product Filter</li><li>Product Grid and List</li><li>Product Grid and List With Left and Right Sidebar</li><li>Product Categories</li><li>Ajax Add To Cart</li><li>Affiliate Product</li><li>Track Order</li><li>Wish list</li><li>Theme Color Change option</li><li>Top bar Header Notification</li><li>Cross Browser Optimization</li><li>Modern &amp; Clean Design</li><li>Fully compatible with all major browsers such as Firefox, Safari, Chrome, Internet Explorer 11+</li><li>Social Sharing Features</li><li>Google web fonts</li><li>Coming Soon</li><li>Order Complete</li><li>Animations</li><li>Life Time Free Update</li><li>RTL &amp; Box Supported</li></ol>","tags":["bakery","basket","chocolate","citrus","food","fruits","grocery","pizza","responsive","restaurant","spices","store","supermarket","ecommerce","shopify","onlinestore","fastfood","shopifytheme","grocerystore"],"bitLyUrl":"https://bit.ly/3b5veUE","customUrl":"/shopify-themes/optime-the-vegetables-supermarket-amp-fruit-premium-shopify-theme-252762.html","nameOfTheTemplate":"Optime - The Vegetables, Supermarket &amp; Fruit Premium Shopify Theme","paidSupport":"Yes","topic":["Fruit Templates","Frozen Food Templates","Agriculture Templates","Food & Drink Templates","Business & Services","Food & Restaurant"],"styles":["Clean","Web2.0"],"marketplaceMembership":"None","advImage":"https://s3u.tmimgcdn.com/u2204799/5fe3a5d28f08a11814843a331a75ecc9.jpg","category":"Website templates","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 11:59:49 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=252762&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=252762&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=252762&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 12:04:49 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://spacingtech.com/shopify/tm/optime/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#252762 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/252762.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 #252762            </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=252762&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $91                <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>