string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=75568&expand=properties"
string(11130) "[{"templateId":75568,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":582,"categoryName":"Vending Machines","templateTitle":"Vending Machines Responsive Shopify Theme","templatePreviewHtmlTitle":"Monster Snack - Modern Bootstrap Shopify Shopify Theme","templateDemoHtmlTitle":"Live preview for Monster Snack - Modern Bootstrap Shopify Shopify Theme #75568","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Monster Snack Shopify Template has a crisp cutting-edge design that will help you launch a winning ecommerce website. There is enough white space and also flexible content modules to create the perfect product display. The theme features customizable footers, headers, premade skins, working forms to fit the shop website to your business needs. A Megamenu with image display options, Ajax Cart, product lists and tags, Zoom and Wishlist functionalities – this theme will be perfect for your electronics store. It is also mobile-friendly, SEO-optimized, and well documented. 24/7 free client support comes in the package. </p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Vending Machine Business Shopify design is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready layouts are the perfect way to display your high-resolution illustrations or photos on displays with any specific pixel-density.</p> <p><b>Why is it Good?</b></p><p>Retina Ready designs make all photos and content appear clearer, brighter, and more vivid. </p><p>Click for more <a href=\"https://www.templatemonster.com/retina-ready-shopify-themes/\">Retina Ready Shopify themes</a> here</p> <h3>This Vending Machine Business Shopify ecommerce theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design that enables web pages to adapt to a screen resolution of pretty much any gadget - whether it's a pc, a laptop or a mobile phone.</p> <p><b>Why is it Good?</b></p><p>Responsive design provides a better UX for those that visit a website on a smartphone or a tablet, and in many cases really helps to boost positions of a website in Google results. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify ecommerce templates</a> here</p> <h3>This is a Bootstrap Soda Machine Shopify ecommerce template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a free front-end framework which offers for quicker and easy web design training.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adaptable for any modification. It's not hard to manage with, features a wonderful grid system and substantial elements list.</p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Monster Snack - Modern Bootstrap Shopify Shopify Theme","templatePreviewMetaDescription":"Monster Snack Shopify Template has a crisp cutting-edge design that will help you launch a winning ecommerce website. There is enough white space and also","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the high quality Monster Snack - Modern Bootstrap Shopify Shopify Theme (#75568) by viewing the demo preview. Go through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Monster Snack - Modern Bootstrap Shopify Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/monster-snack-modern-bootstrap-shopify-shopify-theme-75568.html","userRating":0,"designIndex":"86","authorUserId":"1768190","exclusive":"1","state":1,"price":108,"inserted_date":"2018-12-10","sent":0,"downloads":2,"search_words":"ecommerce products shop shopify store vendingundefined","is_adult":0,"exc_price":2100,"sent_date":"2018-12-10 03:57:10","last_upload":"2018-12-10 00:00:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"75568-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75568,"width":800,"window_params":"","banner_url":"","id":1787231,"href":"","height":1200},{"scr_type_id":311,"filename":"75568-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75568,"width":800,"window_params":"","banner_url":"","id":1787232,"href":"","height":1200},{"scr_type_id":312,"filename":"75568-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75568,"width":370,"window_params":"","banner_url":"","id":1787233,"href":"","height":370},{"scr_type_id":9,"filename":"75568-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75568,"width":145,"window_params":"","banner_url":"","id":1787234,"href":"","height":156},{"scr_type_id":57,"filename":"75568-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75568,"width":430,"window_params":"","banner_url":"","id":1787235,"href":"","height":645}],"demoUrl":"/demo/75568.html","image":"https://s.tmimgcdn.com/scr/75500/monster-snack-modern-bootstrap-shopify-shopify-theme_75568-original.jpg","searchHash":"dcc32dd196efbd3238e624e64fa01af9","previewHash":"91aff77664a80deaf4444d6e28febabe","authorNickname":"RockThemes","lowLevelTopic":"Vending Machines","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":76,"discountPercent":30,"discountAmount":32,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey","brown"],"followUpLetter":"shopify-offers","dateRange":"Last Year","uniqueKeywords":"ecommerce products shop shopify store vendingundefined","templateSupportOptions":"[{\"id\":24229,\"template_id\":20499,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":24230,\"template_id\":20499,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Monster Snack Shopify Template has a crisp cutting-edge design that will help you launch a winning ecommerce website. There is enough white space and also","imageKeyFeatures":"https://s.tmimgcdn.com/scr/75500/75568-1300_01.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_02.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_03.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_04.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_05.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_06.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_07.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_08.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_09.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_10.jpg,https://s.tmimgcdn.com/scr/75500/75568-1300_11.jpg","features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Dropshipping","Dropdown Menu","Google map","Advanced Theme Options","HTML 5","JQuery"],"saleSells":"1","livePreviewURL":"https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme524-vending-machines","languageSupport":["English","French","Spanish","Russian","German"],"authorUserId":"1768190","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1544430728173_21114-original.jpg","facebookPixelId":"1857475610982695","isFree":"none","templateGroup":"eCommerce Templates","alreadyPacked":"1","exclusive":"1","templateIcon":"icon-shopify","lastmod":"2020-11-30T11:02:55-05:00","types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Prior to buying it, get the look and feel of the high quality Monster Snack - Modern Bootstrap Shopify Shopify Theme (#75568) by viewing the demo preview. Go through the pages, examine the images, press the buttons, explore the features.","themeArchitectureVersion":"Vintage","shortDescription":"<p>Monster Snack Shopify Template has a crisp cutting-edge design that will help you launch a winning ecommerce website. There is enough white space and also flexible content modules to create the perfect product display. The theme features customizable footers, headers, premade skins, working forms to fit the shop website to your business needs. A Megamenu with image display options, Ajax Cart, product lists and tags, Zoom and Wishlist functionalities – this theme will be perfect for your electronics store. It is also mobile-friendly, SEO-optimized, and well documented. 24/7 free client support comes in the package. </p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Vending Machine Business Shopify design is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready layouts are the perfect way to display your high-resolution illustrations or photos on displays with any specific pixel-density.</p> <p><b>Why is it Good?</b></p><p>Retina Ready designs make all photos and content appear clearer, brighter, and more vivid. </p><p>Click for more <a href=\"https://www.templatemonster.com/retina-ready-shopify-themes/\">Retina Ready Shopify themes</a> here</p> <h3>This Vending Machine Business Shopify ecommerce theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design that enables web pages to adapt to a screen resolution of pretty much any gadget - whether it's a pc, a laptop or a mobile phone.</p> <p><b>Why is it Good?</b></p><p>Responsive design provides a better UX for those that visit a website on a smartphone or a tablet, and in many cases really helps to boost positions of a website in Google results. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify ecommerce templates</a> here</p> <h3>This is a Bootstrap Soda Machine Shopify ecommerce template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a free front-end framework which offers for quicker and easy web design training.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adaptable for any modification. It's not hard to manage with, features a wonderful grid system and substantial elements list.</p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify designs</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/2E930pz","tags":["products","shop","store","ecommerce","shopify"],"customUrl":"/shopify-themes/monster-snack-modern-bootstrap-shopify-shopify-theme-75568.html","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/62400/62439-shopify-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/62400/62439-shopify-extendedsupport_2560.png 2x\" alt=\"img\"/>","nameOfTheTemplate":"Monster Snack - Modern Bootstrap Shopify Shopify Theme","loyaltySells":"1","topic":["Food & Restaurant","Vending Machines"],"marketplaceMembership":"One","category":"Website templates","dqi":"86"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 28 Nov 2024 17:54:15 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=75568&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=75568&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=75568&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 17:59:15 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme524-vending-machines<!DOCTYPE html>
<html lang="en">
<head>
    <title>#75568 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/75568.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 #75568            </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=75568&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $99                <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>