string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=336218&expand=properties"
string(14627) "[{"templateId":336218,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":544,"categoryName":"Fashion Store Templates","templateTitle":"Fashion Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"EasyMart - Multipurpose Theme WooCommerce Theme","templateDemoHtmlTitle":"Demo for EasyMart - Multipurpose Theme WooCommerce Theme #336218","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p><strong>EasyMart </strong>is a versatile WooCommerce theme designed to enhance the functionality and aesthetics of your online store. It offers a wide range of features and a visually appealing design that caters to various industries and niches.</p><p>The theme's layout is clean and modern, providing a user-friendly browsing experience for customers. With its responsive design, your website will adapt seamlessly to different devices, ensuring a consistent and enjoyable shopping experience across desktops, tablets, and mobile phones.</p><p><strong>EasyMart </strong>comes with multiple pre-designed homepage layouts, allowing you to choose the one that best suits your business. Whether you're selling fashion items, electronics, furniture, or any other type of product, you can find a suitable layout to showcase your offerings in an appealing and organized manner.</p><p>The theme offers extensive customization options, empowering you to personalize your online store to align with your brand identity. You can easily modify colors, fonts, and layouts to create a unique and memorable shopping environment. The intuitive theme options panel simplifies the customization process, even for those with limited technical expertise.</p><p><strong>EasyMart </strong>integrates seamlessly with the WooCommerce plugin, enabling you to manage your products, inventory, and orders efficiently. The theme supports various payment gateways, making it easy for customers to complete their purchases securely. It also provides features like product quick view, wishlist, and comparison, enhancing the user experience and increasing customer engagement.</p><p>Furthermore, <strong>EasyMart </strong>offers a range of additional features to optimize your online store. These include mega menus, sticky headers, product filters, AJAX search, and social media integration. These features help users navigate through your store effortlessly, find products quickly, and share their favorite items on social platforms.</p><p>With <strong>EasyMart's</strong> SEO-friendly design, your website will have better visibility in search engine results, potentially driving more organic traffic to your store. The theme is also optimized for speed, ensuring fast page loading times and minimizing bounce rates.</p><p>In summary, <strong>EasyMart </strong>is a powerful and flexible WooCommerce theme that caters to diverse businesses. With its attractive design, extensive customization options, seamless integration with WooCommerce, and various additional features, <strong>EasyMart </strong>empowers you to create a captivating online store that stands out and drives conversions.</p><p><strong>EasyMart</strong> <strong>Features</strong>:</p><p>Beautiful design &amp; Fully responsive: It is still the same beautiful theme on every possible viewport, assuring that every pixel always responds perfectly.</p><p>Translation &amp; support RTL language: This demo is fully support RTL language. No matter the language you speak, build sites in your mother tongue.</p><p>Customizable all sections: In the customize panel, one can manage layout of the website container, header, shop, single pages, sidebar &amp; footer.</p><p>Mega menu &amp; offcanvas filter: Display a larger menu, with more expericences for user. Focus on banner, promotion and anythingyou want.</p><p>Ajax Cart: An option to purchase the items without leaving current page.</p><p>Built-in styles and color palettes: Set colors &amp; fonts easily! We understand it's important to be able to set fonts &amp; colors that integrate with your brand.</p><p>Customer accounts: Customers can register, login, change addresses and view past orders.</p>","templateFullTitle":"EasyMart - Multipurpose Theme WooCommerce Theme","templatePreviewMetaDescription":"EasyMart is a versatile WooCommerce theme designed to enhance the functionality and aesthetics of your online store. It offers a wide range of features and a","templateDemoMetaDescription":"Before you decide to buy it, get familiar with the high quality EasyMart - Multipurpose Theme WooCommerce Theme WooCommerce Theme (#336218) by visiting the demo. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"EasyMart - Multipurpose Theme WooCommerce Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/easymart-multipurpose-theme-woocommerce-theme-336218.html","userRating":0,"designIndex":1,"authorUserId":"1859540","exclusive":"0","state":1,"price":46,"inserted_date":"2023-06-02","sent":0,"downloads":0,"search_words":"woocommerce theme elementor theme ecommerce templates","is_adult":0,"exc_price":2100,"sent_date":"2023-06-02 12:06:13","last_upload":"2024-02-28 07:50:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3107789,"templ_id":336218,"filename":"336218-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3107790,"templ_id":336218,"filename":"336218-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3107791,"templ_id":336218,"filename":"336218-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3107792,"templ_id":336218,"filename":"336218-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3107793,"templ_id":336218,"filename":"336218-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/336218.html","image":"https://s.tmimgcdn.com/scr/336200/easymart-multipurpose-theme-woocommerce-theme_336218-original.png","searchHash":"8c8d0107acc3c09bdc48023fdef532b2","previewHash":"fa5ccd53b14011accc9c31a164e890fd","authorNickname":"WOOVINA","lowLevelTopic":"Movie Templates; Electronics Store Templates; Fashion Store Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":38,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Ajax","Mobile Layout Included","Right to left language support","Single Product","Dropdown Menu","Sample content","Drag and Drop Content","MegaMenu","Online Store/Shop","JQuery","Parallax","Lazy Load effect"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Movie Templates","Electronics Templates","Entertainment Templates","Fashion Templates","Electronics Store Templates","Fashion Store Templates","Art & Culture","Entertainment, Games & Nightlife","Fashion & Beauty"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"0","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp","Polylang"],"authorUserId":"1859540","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["woocommerce theme","elementor theme","ecommerce templates"],"wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":["6.1.x","6.2.x","6.3.x","6.4.x"],"excerpt":"<p>EasyMart is a complete website template for multipurpose stores built with WordPress, WooCommerce, Elementor, WooVina theme.</p>","nameOfTheTemplate":"EasyMart - Multipurpose Theme WooCommerce Theme","shortDescription":"<p><strong>EasyMart </strong>is a versatile WooCommerce theme designed to enhance the functionality and aesthetics of your online store. It offers a wide range of features and a visually appealing design that caters to various industries and niches.</p><p>The theme's layout is clean and modern, providing a user-friendly browsing experience for customers. With its responsive design, your website will adapt seamlessly to different devices, ensuring a consistent and enjoyable shopping experience across desktops, tablets, and mobile phones.</p><p><strong>EasyMart </strong>comes with multiple pre-designed homepage layouts, allowing you to choose the one that best suits your business. Whether you're selling fashion items, electronics, furniture, or any other type of product, you can find a suitable layout to showcase your offerings in an appealing and organized manner.</p><p>The theme offers extensive customization options, empowering you to personalize your online store to align with your brand identity. You can easily modify colors, fonts, and layouts to create a unique and memorable shopping environment. The intuitive theme options panel simplifies the customization process, even for those with limited technical expertise.</p><p><strong>EasyMart </strong>integrates seamlessly with the WooCommerce plugin, enabling you to manage your products, inventory, and orders efficiently. The theme supports various payment gateways, making it easy for customers to complete their purchases securely. It also provides features like product quick view, wishlist, and comparison, enhancing the user experience and increasing customer engagement.</p><p>Furthermore, <strong>EasyMart </strong>offers a range of additional features to optimize your online store. These include mega menus, sticky headers, product filters, AJAX search, and social media integration. These features help users navigate through your store effortlessly, find products quickly, and share their favorite items on social platforms.</p><p>With <strong>EasyMart's</strong> SEO-friendly design, your website will have better visibility in search engine results, potentially driving more organic traffic to your store. The theme is also optimized for speed, ensuring fast page loading times and minimizing bounce rates.</p><p>In summary, <strong>EasyMart </strong>is a powerful and flexible WooCommerce theme that caters to diverse businesses. With its attractive design, extensive customization options, seamless integration with WooCommerce, and various additional features, <strong>EasyMart </strong>empowers you to create a captivating online store that stands out and drives conversions.</p><p><strong>EasyMart</strong> <strong>Features</strong>:</p><p>Beautiful design &amp; Fully responsive: It is still the same beautiful theme on every possible viewport, assuring that every pixel always responds perfectly.</p><p>Translation &amp; support RTL language: This demo is fully support RTL language. No matter the language you speak, build sites in your mother tongue.</p><p>Customizable all sections: In the customize panel, one can manage layout of the website container, header, shop, single pages, sidebar &amp; footer.</p><p>Mega menu &amp; offcanvas filter: Display a larger menu, with more expericences for user. Focus on banner, promotion and anythingyou want.</p><p>Ajax Cart: An option to purchase the items without leaving current page.</p><p>Built-in styles and color palettes: Set colors &amp; fonts easily! We understand it's important to be able to set fonts &amp; colors that integrate with your brand.</p><p>Customer accounts: Customers can register, login, change addresses and view past orders.</p>","uniqueKeywords":"woocommerce theme,elementor theme,ecommerce templates","advImage":"https://s3u.tmimgcdn.com/1859540-1608106643174_demo-17.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/1859540-1608106633747_demo-17.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1859540/34d976ede404b34ec9e1556f685aedb7.jpg, https://s3u.tmimgcdn.com/u1859540/2cdb1d3db28a631ff86bcec470f33a10.jpg, https://s3u.tmimgcdn.com/u1859540/c0e171441ceaec475715b476411fe180.jpg, https://s3u.tmimgcdn.com/u1859540/d1b5c8f99715f6691d6ab1de5f78dde0.jpg, https://s3u.tmimgcdn.com/u1859540/3ddaf75e8d03ccb96e238f1f40310ac4.jpg, https://s3u.tmimgcdn.com/u1859540/5b9266faff35722fc8fe3e8061c8a3af.jpg","livePreviewURL":"https://demo-17.woovinapro.com/?hidebar=true","metaDescription":"EasyMart is a versatile WooCommerce theme designed to enhance the functionality and aesthetics of your online store. It offers a wide range of features and a","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you decide to buy it, get familiar with the high quality EasyMart - Multipurpose Theme WooCommerce Theme WooCommerce Theme (#336218) by visiting the demo. View the pages, examine the images, press the buttons, explore the features.","customUrl":"/woocommerce-themes/easymart-multipurpose-theme-woocommerce-theme-336218.html","productSize":"12093218","wooCommerceCompatibility":["8.3.x","8.4.x","8.5.x","8.6.x"],"changeLog":"Version 1.1.0 | February 24, 2024\n- Tweak - Update all plugins &amp; theme to latest version\n- Tweak - Update sample data file\n- Fix - Fix bug import carousel images\n- Fix - Fix some CSS bug with the latest version of WordPress, WooCommerce &amp; Elementor\n- Fix - Fully compatible with Elementor 3.19.2\n- Fix - Fully compatible with WooCommerce 8.6.1\n- Fix - Fully compatible with WordPress 6.4.3\n\nVersion 1.0.9 | December 08 , 2023\n- Tweak - Update all plugins &amp; theme to latest version\n- Tweak - Update sample data file\n- Fix - Fix some CSS bug with the latest version of WordPress, WooCommerce &amp; Elementor\n- Fix - Fully compatible with Elementor 3.18.1\n- Fix - Fully compatible with WooCommerce 8.3.1\n- Fix - Fully compatible with WordPress 6.4.2","changeLogDate":"2024-02-28","trendiness":"1","types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 25 Apr 2024 16:30:07 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=336218&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=336218&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=336218&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 16:35:07 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://demo-17.woovinapro.com/?hidebar=true<!DOCTYPE html>
<html lang="en">
<head>
    <title>#336218 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/336218.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">
                WooCommerce Themes #336218            </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=336218&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $42                <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="/woocommerce-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>