string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62289&expand=properties"
string(13238) "[{"templateId":62289,"typeId":27,"typeName":"Magento theme","typeUrl":"magento-themes","categoryId":144,"categoryName":"Japanese Restaurant Templates","templateTitle":"Japanese Restaurant Magento Theme","templatePreviewHtmlTitle":"YangXin - Chinese Restaurant Magento Theme - TemplateMonster","templateDemoHtmlTitle":"Live demo for YangXin - Chinese Restaurant Magento Theme #62289","typeShortName":"Magento","templatePreviewFBTitle":"YangXin Magento 2 theme is specially designed for restaurant and food delivery stores. The theme comes bundled with plenty of useful modules, making the layout design completely customizable. Using build-in Mega Menu you can easily build a menu complete with product titles, descriptions, prices and different widgets. Another particular feature is the theme comes with easy-to-customize FilmSlider. You can create multi-layered sliders to make your sale boosts and make your promotion more impressive. It is also fully responsive and adaptable to all screens, devices and browsers. Showcase you products in the most delicious way with Features Products widget and eye-catchy banners. Start the Blog to improve your SEO ranking. Using the Blog module you can publish articles, create specific categories for your blog posts, and manage comments. See the Live Demo To see more!<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</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 is Chinese Food Restaurant Magento design template with Sample Data Installer</h3> <p><b>What is it?</b></p><p>Sample Data Installer is a module suitable for themes. It enables importing images, categories, settings, and others with just a couple of clicks.</p> <p><b>Why is it Good?</b></p><p>If you want to make the website look just like on live demo, this module will help you. Also, installation of sample data content helps you to save your time substantially whilst making a web page.</p><p>View latest <a href=\"https://www.templatemonster.com/sample-data-installer-magento-themes/\">Sample Data Installer Magento design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"YangXin - Chinese Restaurant Magento Theme","templatePreviewMetaDescription":"YangXin Magento 2 theme is specially designed for restaurant and food delivery stores. The theme comes bundled with plenty of useful modules, making the layout","templateDemoMetaDescription":"Check out the live preview of the premium YangXin - Chinese Restaurant Magento Theme (#62289) get yourself familiar with this design prior to buying it. Go through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"YangXin - Chinese Restaurant Magento Theme","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/magento-themes/62289.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":108,"inserted_date":"2017-01-23","sent":2,"downloads":8,"search_words":"restaurant, chinese restaurant, sushi, chinese food, food delivery, magento theme, magento 2 theme","is_adult":0,"exc_price":4500,"sent_date":"2017-10-19 00:00:00","last_upload":"2017-01-23 00:00:00","package_id":289,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":204,"filename":"62289-m-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":430,"window_params":"","banner_url":"","id":1714487,"href":"","height":1303},{"scr_type_id":311,"filename":"62289-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":965,"window_params":"","banner_url":"","id":1714488,"href":"","height":2923},{"scr_type_id":3,"filename":"62289-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":1903,"window_params":"","banner_url":"","id":1714489,"href":"","height":5765},{"scr_type_id":9,"filename":"62289-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":145,"window_params":"","banner_url":"","id":1714490,"href":"","height":156},{"scr_type_id":315,"filename":"62289-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":1903,"window_params":"","banner_url":"","id":1714491,"href":"","height":5765},{"scr_type_id":3,"filename":"62289-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":895,"window_params":"","banner_url":"","id":1714492,"href":"","height":599},{"scr_type_id":312,"filename":"62289-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":370,"window_params":"","banner_url":"","id":1714493,"href":"","height":370},{"scr_type_id":314,"filename":"62289-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":1903,"window_params":"","banner_url":"","id":1714494,"href":"","height":5765},{"scr_type_id":205,"filename":"62289-magento.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":430,"window_params":"","banner_url":"","id":1714495,"href":"","height":60},{"scr_type_id":300,"filename":"62289-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":320,"window_params":"","banner_url":"","id":1714496,"href":"","height":900},{"scr_type_id":334,"filename":"62289-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":1600,"window_params":"","banner_url":"","id":1714497,"href":"","height":1000},{"scr_type_id":3,"filename":"62289-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":408,"window_params":"","banner_url":"","id":1714498,"href":"","height":55},{"scr_type_id":299,"filename":"62289-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":430,"window_params":"","banner_url":"","id":1714499,"href":"","height":900},{"scr_type_id":78,"filename":"62289-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":62289,"width":970,"window_params":"","banner_url":"","id":1714500,"href":"","height":280},{"scr_type_id":298,"filename":"62289-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62289,"width":430,"window_params":"","banner_url":"","id":1714501,"href":"","height":900}],"demoUrl":"/demo/62289.html","image":"https://s.tmimgcdn.com/scr/62200/yangxin-chinese-restaurant-magento-theme_62289-0-original.jpg","searchHash":"74c413628cf82d25012738fd80a6c05e","previewHash":"28cbe34a5cc50d3cde6f197f46d2b3b1","authorNickname":"RockThemes","lowLevelTopic":"Japanese Restaurant Templates; Chinese Restaurant Templates; Seafood Restaurant Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":108,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"The template is created to be used for restaurant and food delivery stores.","color":["black","white","grey","brown","orange"],"followUpLetter":"magento-offers","categoriesView":["Grid","List"],"uniqueKeywords":"restaurant, chinese restaurant, sushi, chinese food, food delivery, magento theme, magento 2 theme","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","showVariantForcibly":"b","metaDescription":"YangXin Magento 2 theme is bundled with variety of modules and widgets to help you build completely functional Restaurant and Food Delivery online stores.","magentoEngine":"2.1.7","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62200/62289-en_01.jpg,https://s.tmimgcdn.com/scr/62200/62289-en_02.jpg,https://s.tmimgcdn.com/scr/62200/62289-en_03.jpg,https://s.tmimgcdn.com/scr/62200/62289-en_04.jpg,https://s.tmimgcdn.com/scr/62200/62289-en_05.jpg,https://s.tmimgcdn.com/scr/62200/62289-en_06.jpg,https://s.tmimgcdn.com/scr/62200/62289-en_07.jpg","features":["Google map","MegaMenu"],"livePreviewURL":"https://ld-magento.template-help.com/magento_62289","authorUserId":"1768190","languageSupport":"English","htmlTitle":"YangXin - Chinese Restaurant Magento 2 Theme","isFree":"none","templateGroup":"eCommerce Templates","hELPURL":"/quick-start-guide/magento/","imageDescription":"https://s.tmimgcdn.com/scr/62200/62289-responsive-layout.jpg","installation":"Installation and set up instructions are attached (look for Documentation folder).","galleryScript":["Carousel","Slider"],"dynamicChangeLog":"<ul>\n<li>- 2 minor HTML issues fixed</li>\n<li>- 1 background issue fixed</li>\n</ul>","templateIcon":"icon-magento","templateHostingRequirements":["Apache 2.2 or 2.4 with mod_rewrite or nginx 1.8","MySQL 5.6","Supported versions: PHP 5.6.x, PHP 7.0.4, PHP 7.0.6+. Not supported: PHP 7.1, PHP 5.4","PHP extensions: bc-math, curl, gd, ImageMagick 6.3.7 (or later) or both, intl, mbstring, mcrypt, mhash, openssl, PDO/MySQL, SimpleXML, soap, xml, xsl, zip","Extensions for PHP 7: json, iconv","PHP OPcache"],"lastmod":"2020-07-24T07:04:53-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"Magento Themes","isOldDemoUrl":"1","magentoExtensions":["Ajax Search","MegaMenu","Film Slider","Ajax Wishlist","Ajax Compare","Ajax Catalog","Newsletter popup","Parallax and Video Background","Google Map","Shop by Brand","Catalog Images Grid","Blog","Featured Products","Theme Options","Special Price Countdown","Smart Product Labels","Social Login","Social Sharing","Sample Data Installer"],"magentoCompatibility":"2.1.7","trendiness":"1","demoMetaDescription":"Check out the live preview of the premium YangXin - Chinese Restaurant Magento Theme (#62289) get yourself familiar with this design prior to buying it. Go through the pages, check the images, press the buttons, explore the features.","shortDescription":"YangXin Magento 2 theme is specially designed for restaurant and food delivery stores. The theme comes bundled with plenty of useful modules, making the layout design completely customizable. Using build-in Mega Menu you can easily build a menu complete with product titles, descriptions, prices and different widgets. Another particular feature is the theme comes with easy-to-customize FilmSlider. You can create multi-layered sliders to make your sale boosts and make your promotion more impressive. It is also fully responsive and adaptable to all screens, devices and browsers. Showcase you products in the most delicious way with Features Products widget and eye-catchy banners. Start the Blog to improve your SEO ranking. Using the Blog module you can publish articles, create specific categories for your blog posts, and manage comments. See the Live Demo To see more!<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</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 is Chinese Food Restaurant Magento design template with Sample Data Installer</h3> <p><b>What is it?</b></p><p>Sample Data Installer is a module suitable for themes. It enables importing images, categories, settings, and others with just a couple of clicks.</p> <p><b>Why is it Good?</b></p><p>If you want to make the website look just like on live demo, this module will help you. Also, installation of sample data content helps you to save your time substantially whilst making a web page.</p><p>View latest <a href=\"https://www.templatemonster.com/sample-data-installer-magento-themes/\">Sample Data Installer Magento design templates</a> here</p> <br /></div></div></div></div>","tags":["chinese","delivery","food","restaurant","sushi","theme","2"],"customUrl":"/magento-themes/62289.html","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/69200/69252-extended_support.jpg\" alt=\"\"/>","webForms":["Advanced Search","Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"nameOfTheTemplate":"YangXin - Chinese Restaurant Magento Theme","loyaltySells":"1","topic":["Asian Restaurant Templates","Japanese Restaurant Templates","Chinese Restaurant Templates","Seafood Restaurant Templates","Cafe and Restaurant Templates","Food & Restaurant"],"skupromo":"45%","marketplaceMembership":"One","category":"Website templates","dqi":"00","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: Wed, 24 Apr 2024 20:31:54 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=62289&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62289&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62289&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 24 Apr 2024 20:36:54 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://ld-magento.template-help.com/magento_62289<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62289 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/62289.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">
                Magento Themes #62289            </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=62289&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="/magento-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>