string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=368123&expand=properties"
string(11822) "[{"templateId":368123,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":78,"categoryName":"Fruit Templates","templateTitle":"Fruit Responsive Shopify Theme","templatePreviewHtmlTitle":"Organist - Organic Fruit &amp; Grocery Store High level Shopify 2.0 Multi-purpose Responsive Theme","templateDemoHtmlTitle":"Demo Preview for Organist - Organic Fruit &amp; Grocery Store High level Shopify 2.0 Multi-purpose Responsive Theme #368123","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Presenting our Natural Foods grown from the ground Shopify Format, a nature-propelled and includes rich subject intended to lift your web-based natural produce store. This layout is customized to improve the shopping experience for your eco-cognizant clients and help you feature your new and solid contributions in the most ideal light. Here are the champion elements that pursue our layout and the ideal decision for your natural products of the soil business:</p><p><br></p><ul><li>Natural and Maintainable Plan: An outwardly engaging and eco-cognizant plan that lines up with your natural image personality, including gritty tones and nature-roused components.</li><li>Responsive and Dynamic: Guarantees consistent perusing and shopping encounters on all gadgets, including work areas, tablets, and cell phones.</li><li>Green Affirmation Identifications: Feature eco-accommodating items with effectively apparent green certificate identifications, assisting clients with recognizing supportable decisions.</li><li>Natural Names and Labels: Show natural marks and labels on item pictures to stress the validity of your natural contributions.</li><li>Eco-Accommodating Item Grandstand: Flawlessly present your natural items with high-goal pictures and point-by-point depictions that feature their practical elements.</li><li>Adjustable Landing Page Segments: Designer your store's landing page to grandstand top-rated items, advancements, or any eco-drives you support, making an exceptional brand insight.</li><li>Shop by Eco-Standards: Empower clients to channel items given supportability rules like natural, mercilessness-free, recyclable, or biodegradable, considering customized shopping.</li><li>Green Marking and Logo: Consolidate your green logo and mark it all through the format, supporting your obligation to supportability.</li><li>Eco-Blog Joining: Consistently coordinate a blog to share eco-accommodating tips, supportability stories, and green living thoughts, sustaining a local area of similar clients.</li><li>Natural Effect Data: Give nitty gritty data about every item's ecological effect, like carbon impression, water utilization, and materials utilized.</li></ul>","templateFullTitle":"Organist - Organic Fruit &amp; Grocery Store High level Shopify 2.0 Multi-purpose Responsive Theme","templatePreviewMetaDescription":"Presenting our Natural Foods grown from the ground Shopify Format, a nature-propelled and includes rich subject intended to lift your web-based natural produce","templateDemoMetaDescription":"The demo of this top notch Organist - Organic Fruit &amp; Grocery Store High level Shopify 2.0 Multi-purpose Responsive Theme Shopify Theme (#368123) is presented here for you to get yourself familiar with the design prior to buying it. Go through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Organist - Organic Fruit &amp; Grocery Store High level Shopify 2.0 Multi-purpose Responsive Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/organist-organic-fruit-amp-grocery-store-high-level-shopify-2-0-multi-purpose-responsive-theme-368123.html","userRating":0,"designIndex":1,"authorUserId":"78199382","exclusive":"1","state":1,"price":39,"inserted_date":"2023-10-25","sent":0,"downloads":0,"search_words":"agriculture bakery basket chocolate citrus clean cosmetic food fruit fruits gift grocery modern organic responsive shop store vegetables ecommerce shopify","is_adult":0,"exc_price":2100,"sent_date":"2023-10-25 12:49:49","last_upload":"2023-10-25 12:51:40","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"368123-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":368123,"width":800,"window_params":"","banner_url":"","id":3267349,"href":"","height":500},{"scr_type_id":311,"filename":"368123-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":368123,"width":800,"window_params":"","banner_url":"","id":3267350,"href":"","height":500},{"scr_type_id":312,"filename":"368123-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":368123,"width":370,"window_params":"","banner_url":"","id":3267351,"href":"","height":370},{"scr_type_id":9,"filename":"368123-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":368123,"width":145,"window_params":"","banner_url":"","id":3267352,"href":"","height":156},{"scr_type_id":57,"filename":"368123-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":368123,"width":430,"window_params":"","banner_url":"","id":3267353,"href":"","height":269}],"demoUrl":"/demo/368123.html","image":"https://s.tmimgcdn.com/scr/368100/organist-organic-fruit-amp-grocery-store-high-level-shopify-20-multi-purpose-responsive-theme_368123-original.png","searchHash":"b58e5bc0a1eb29bcff46823ca87bcf77","previewHash":"0ec5dc243ff110d555ac7afecd94411c","authorNickname":"Aerolexlabs","lowLevelTopic":"Fruit Templates; Grocery Store Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","green","yellow"],"followUpLetter":"shopify-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"13991809","uniqueKeywords":"agriculture,bakery,basket,chocolate,citrus,clean,cosmetic,food,fruit,fruits,gift,grocery,modern,organic,responsive,shop,store,vegetables,ecommerce,shopify","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Presenting our Natural Foods grown from the ground Shopify Format, a nature-propelled and includes rich subject intended to lift your web-based natural produce","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78199382/0b0151e0c7fccf685a0d9249de19f885.png, https://s3u.tmimgcdn.com/u78199382/b8f80d5d00def78c1181f34ab5a5a08c.png, https://s3u.tmimgcdn.com/u78199382/e99e5e71c6b3213efc4c7246f1115897.png, https://s3u.tmimgcdn.com/u78199382/24410c969005228a9bd74bf00c8206eb.png, https://s3u.tmimgcdn.com/u78199382/71299eb8560f87ae67804775d357bfcc.png, https://s3u.tmimgcdn.com/u78199382/dea75b66b02b04ed74b52b6fcdca8ee1.png, https://s3u.tmimgcdn.com/u78199382/c2a22c57b844390802541d120cc51347.png, https://s3u.tmimgcdn.com/u78199382/7838807a5e551594c6c44ba89728417a.png, https://s3u.tmimgcdn.com/u78199382/1a37cd48550c7745e966fa69350ec551.png, https://s3u.tmimgcdn.com/u78199382/5fd30799a50a07abc3ceac81672503b0.png, https://s3u.tmimgcdn.com/u78199382/e7c21611ed8961117e3fcc464b2c74e9.png","features":["Responsive","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","Multipurpose","Light Template","eCommerce","Dropdown Menu","Google map","Advanced Theme Options","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax","Background video","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://aerolexlabs.com/shopify_theme/aero009_organist/","languageSupport":"English","authorUserId":"78199382","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78199382/f50e19a20ad06bef879c756caa5c2575.png","templateGroup":"eCommerce Templates","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","types":"Shopify Themes","trendiness":"4","demoMetaDescription":"The demo of this top notch Organist - Organic Fruit &amp; Grocery Store High level Shopify 2.0 Multi-purpose Responsive Theme Shopify Theme (#368123) is presented here for you to get yourself familiar with the design prior to buying it. Go through the pages, examine the images, click the buttons, explore the functionality.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<p>Presenting our Natural Foods grown from the ground Shopify Format, a nature-propelled and includes rich subject intended to lift your web-based natural produce store. This layout is customized to improve the shopping experience for your eco-cognizant clients and help you feature your new and solid contributions in the most ideal light. Here are the champion elements that pursue our layout and the ideal decision for your natural products of the soil business:</p><p><br></p><ul><li>Natural and Maintainable Plan: An outwardly engaging and eco-cognizant plan that lines up with your natural image personality, including gritty tones and nature-roused components.</li><li>Responsive and Dynamic: Guarantees consistent perusing and shopping encounters on all gadgets, including work areas, tablets, and cell phones.</li><li>Green Affirmation Identifications: Feature eco-accommodating items with effectively apparent green certificate identifications, assisting clients with recognizing supportable decisions.</li><li>Natural Names and Labels: Show natural marks and labels on item pictures to stress the validity of your natural contributions.</li><li>Eco-Accommodating Item Grandstand: Flawlessly present your natural items with high-goal pictures and point-by-point depictions that feature their practical elements.</li><li>Adjustable Landing Page Segments: Designer your store's landing page to grandstand top-rated items, advancements, or any eco-drives you support, making an exceptional brand insight.</li><li>Shop by Eco-Standards: Empower clients to channel items given supportability rules like natural, mercilessness-free, recyclable, or biodegradable, considering customized shopping.</li><li>Green Marking and Logo: Consolidate your green logo and mark it all through the format, supporting your obligation to supportability.</li><li>Eco-Blog Joining: Consistently coordinate a blog to share eco-accommodating tips, supportability stories, and green living thoughts, sustaining a local area of similar clients.</li><li>Natural Effect Data: Give nitty gritty data about every item's ecological effect, like carbon impression, water utilization, and materials utilized.</li></ul>","tags":["agriculture","bakery","basket","chocolate","citrus","clean","cosmetic","food","fruit","fruits","gift","grocery","modern","organic","responsive","shop","store","vegetables","ecommerce","shopify"],"customUrl":"/shopify-themes/organist-organic-fruit-amp-grocery-store-high-level-shopify-2-0-multi-purpose-responsive-theme-368123.html","nameOfTheTemplate":"Organist - Organic Fruit &amp; Grocery Store High level Shopify 2.0 Multi-purpose Responsive Theme","paidSupport":"Yes","topic":["Fruit Templates","Grocery Store Templates","Agriculture Templates","Food & Drink Templates","Business & Services","Food & Restaurant"],"changeLogDate":"2023-11-08","styles":["Clean","Minimalist","Futurist","Web2.0","Mobile","Flat"],"marketplaceMembership":"One","excerpt":"<p>Organist is for a organic fruit &amp; grocery store high level shopify 2.0 multi-purpose responsive theme</p><p>with all new features and updates.</p>","advImage":"https://s3u.tmimgcdn.com/u78199382/160a63220da00baf6f9f9aff4b4ab585.png","category":"Website templates","currencies":"USD"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 01 May 2024 08:37:48 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=368123&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=368123&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=368123&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 01 May 2024 08:42:48 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://aerolexlabs.com/shopify_theme/aero009_organist/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#368123 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/368123.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 #368123            </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=368123&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>