string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=366429&expand=properties"
string(14153) "[{"templateId":366429,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":427,"categoryName":"Computer Store Templates","templateTitle":"Computer Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Cosmics - Multipurpose Premium Electronic WooCommerce Store","templateDemoHtmlTitle":"Live demo for Cosmics - Multipurpose Premium Electronic WooCommerce Store #366429","typeShortName":"WooCommerce","templatePreviewFBTitle":"<h3>Theme Overview</h3><p>The \"Cosmics Electronics WooCommerce Theme\" is a sophisticated and dynamic website template tailored for businesses in the electronics retail sector. With a sleek and modern design, this theme offers a visually appealing and user-friendly platform for showcasing and selling electronic products. Designed with WooCommerce integration, it seamlessly incorporates powerful e-commerce functionality into your website, enabling easy product management, inventory control, and secure payment processing. The theme's versatility allows it to cater to a wide range of electronic products, from consumer gadgets to high-tech devices, making it an ideal choice for electronics retailers, whether they are large-scale operations or smaller online shops.</p><p>This theme's design is characterized by its clean and intuitive layout, which focuses on highlighting product features and specifications. It offers ample space for high-quality images and detailed product descriptions, allowing customers to make informed purchasing decisions. The modern aesthetics and professional styling of the \"Cosmics Electronics WooCommerce Theme\" can help electronics businesses establish a strong online presence and foster customer trust, particularly for those seeking to convey a sense of innovation and reliability.</p><p>The user experience is further enriched with various essential features, such as a well-structured product catalog, customer reviews and ratings, and intuitive navigation menus. These features make it easy for visitors to explore the product range, compare options, and find the specific electronics they're looking for. Additionally, the theme includes responsive design elements to ensure a consistent and visually pleasing experience across different devices and screen sizes, catering to the increasingly mobile-centric world of online shopping.</p><h2>Advanced Features</h2><ul><li>Elementor Page Builder</li><li>Meta Slider</li><li>Multiple Widgets</li><li>Social Sharing</li><li>Html5 + css3</li><li>Responsive design</li><li>YITH</li><li>Product image zoom</li><li>Elements</li><li><strong>Fully Responsive &amp; Retina Ready</strong></li><li>contact form 7</li><li>AP megamenu</li><li>Product <strong>Sorting</strong> Options</li><li>One Click Product <strong>QuickView</strong></li><li>Popup <strong>Newsletter</strong></li></ul><h2>FEATURES &amp; EXTENSIONS</h2><ul><li><strong>XD</strong> included</li><li>With <strong>BLOG </strong>Module</li><li>Cross Browser Compatibility</li><li>One <strong>click</strong> install</li><li>Mobile Friendly</li><li>Custom Slideshow</li><li>Brand image slider</li><li><strong>Grid / List</strong> view</li><li>AJAX add to cart</li><li>Product Slider</li><li>Multi <strong>Currency</strong> Supported</li><li>Major browsers Compatible</li><li>Responsive Design</li><li>Dynamic Layout</li><li>Cloudzoom and images slider</li><li>Customized Product Page</li><li>Testimonial</li><li>Well <strong>Documentation</strong></li><li>Advanced <strong>Typography</strong> Options!</li><li>Use Google Fonts, Standard Fonts, or Upload Your Custom Font!</li><li>Advanced Search Options!</li><li>Full control over site width; content area and sidebars</li><li><strong>Graphics</strong> Used</li><li>Quick <strong>Support</strong></li><li><strong>Social media</strong> Share Icons</li><li>Customer <strong>Review </strong>Options</li><li>Scroll To Top Button</li><li>Fully Customizable</li><li>Unlimited <strong>Banners + Sliders</strong></li></ul>","templateFullTitle":"Cosmics - Multipurpose Premium Electronic WooCommerce Store","templatePreviewMetaDescription":"Theme OverviewThe \"Cosmics Electronics WooCommerce Theme\" is a sophisticated and dynamic website template tailored for businesses in the electronics retail","templateDemoMetaDescription":"Try out the live preview for the high quality Cosmics - Multipurpose Premium Electronic WooCommerce Store WooCommerce Theme (#366429) get yourself informed about this design prior to buying it. Browse through the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cosmics - Multipurpose Premium Electronic WooCommerce Store","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/cosmics-multipurpose-premium-electronic-woocommerce-store-366429.html","userRating":0,"designIndex":1,"authorUserId":"1731972","exclusive":"1","state":1,"price":49,"inserted_date":"2023-10-18","sent":0,"downloads":0,"search_words":"accessories clothes electronic fashion furniture minimal mobile modern multipurpose online responsive shop shopping store theme wordpress woocommerce blog ecommerce webibazaar","is_adult":0,"exc_price":2100,"sent_date":"2023-10-18 11:11:33","last_upload":"2024-04-25 14:15:27","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3258889,"templ_id":366429,"filename":"366429-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3258890,"templ_id":366429,"filename":"366429-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3258891,"templ_id":366429,"filename":"366429-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":3258892,"templ_id":366429,"filename":"366429-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":3258893,"templ_id":366429,"filename":"366429-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/366429.html","image":"https://s.tmimgcdn.com/scr/366400/cosmics-multipurpose-premium-electronic-woocommerce-store_366429-original.jpg","searchHash":"7dea4be4c0eaac292ac1eef7def6ce0e","previewHash":"144faa4d00cf82a5373207abfc407d88","authorNickname":"WebiBazaar","lowLevelTopic":"Mobile Store Templates; Computer Store Templates; Electronics Store Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":50,"onSale":0,"finalPrice":41,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Ajax","Retina Ready","Multipurpose","Dropshipping","eCommerce","Sample content","Quickstart Package","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Parallax"],"styles":"Clean","isLastAdded":"1","popularity":["Zero Downloads","Recently Updated"],"topic":["Mobile Store Templates","Computers Templates","Computer Store Templates","Electronics Templates","Electronics Store Templates","Computers & Internet"],"isFree":"none","color":["black","white","cyan","yellow"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1731972","alreadyPacked":"1","compatibleWith":["WooCommerce","WPML","MailChimp"],"marketplaceMembership":"One","imagesIncluded":"Yes","tags":["accessories","clothes","electronic","fashion","furniture","minimal","mobile","modern","multipurpose","online","responsive","shop","shopping","store","theme","wordpress","woocommerce","blog","ecommerce","webibazaar"],"wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","wordpressCompatibility":["6.0.x","6.1.x","6.2.x","6.3.x","6.5.x"],"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"],"designSoftware":"Figma","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wooCommerceCompatibility":["8.0.x","8.1.x","8.2.x","8.3.x","8.4.x","8.5.x","8.6.x","8.7.x"],"excerpt":"<p>Upgrade your tech world with our Multipurpose Premium Electronic WooCommerce Theme. Cutting-edge design for tech-savvy shoppers. Get it now!</p>","nameOfTheTemplate":"Cosmics - Multipurpose Premium Electronic WooCommerce Store","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1731972/5e89ca1c4753c2b547e202b3b92ad063.jpg, https://s3u.tmimgcdn.com/u1731972/057077fcbf4f0ea2e5d6de350bfa348e.jpg, https://s3u.tmimgcdn.com/u1731972/94c5a24eb082ff8e7a8862076c779087.jpg","shortDescription":"<h3>Theme Overview</h3><p>The \"Cosmics Electronics WooCommerce Theme\" is a sophisticated and dynamic website template tailored for businesses in the electronics retail sector. With a sleek and modern design, this theme offers a visually appealing and user-friendly platform for showcasing and selling electronic products. Designed with WooCommerce integration, it seamlessly incorporates powerful e-commerce functionality into your website, enabling easy product management, inventory control, and secure payment processing. The theme's versatility allows it to cater to a wide range of electronic products, from consumer gadgets to high-tech devices, making it an ideal choice for electronics retailers, whether they are large-scale operations or smaller online shops.</p><p>This theme's design is characterized by its clean and intuitive layout, which focuses on highlighting product features and specifications. It offers ample space for high-quality images and detailed product descriptions, allowing customers to make informed purchasing decisions. The modern aesthetics and professional styling of the \"Cosmics Electronics WooCommerce Theme\" can help electronics businesses establish a strong online presence and foster customer trust, particularly for those seeking to convey a sense of innovation and reliability.</p><p>The user experience is further enriched with various essential features, such as a well-structured product catalog, customer reviews and ratings, and intuitive navigation menus. These features make it easy for visitors to explore the product range, compare options, and find the specific electronics they're looking for. Additionally, the theme includes responsive design elements to ensure a consistent and visually pleasing experience across different devices and screen sizes, catering to the increasingly mobile-centric world of online shopping.</p><h2>Advanced Features</h2><ul><li>Elementor Page Builder</li><li>Meta Slider</li><li>Multiple Widgets</li><li>Social Sharing</li><li>Html5 + css3</li><li>Responsive design</li><li>YITH</li><li>Product image zoom</li><li>Elements</li><li><strong>Fully Responsive &amp; Retina Ready</strong></li><li>contact form 7</li><li>AP megamenu</li><li>Product <strong>Sorting</strong> Options</li><li>One Click Product <strong>QuickView</strong></li><li>Popup <strong>Newsletter</strong></li></ul><h2>FEATURES &amp; EXTENSIONS</h2><ul><li><strong>XD</strong> included</li><li>With <strong>BLOG </strong>Module</li><li>Cross Browser Compatibility</li><li>One <strong>click</strong> install</li><li>Mobile Friendly</li><li>Custom Slideshow</li><li>Brand image slider</li><li><strong>Grid / List</strong> view</li><li>AJAX add to cart</li><li>Product Slider</li><li>Multi <strong>Currency</strong> Supported</li><li>Major browsers Compatible</li><li>Responsive Design</li><li>Dynamic Layout</li><li>Cloudzoom and images slider</li><li>Customized Product Page</li><li>Testimonial</li><li>Well <strong>Documentation</strong></li><li>Advanced <strong>Typography</strong> Options!</li><li>Use Google Fonts, Standard Fonts, or Upload Your Custom Font!</li><li>Advanced Search Options!</li><li>Full control over site width; content area and sidebars</li><li><strong>Graphics</strong> Used</li><li>Quick <strong>Support</strong></li><li><strong>Social media</strong> Share Icons</li><li>Customer <strong>Review </strong>Options</li><li>Scroll To Top Button</li><li>Fully Customizable</li><li>Unlimited <strong>Banners + Sliders</strong></li></ul>","uniqueKeywords":"accessories,clothes,electronic,fashion,furniture,minimal,mobile,modern,multipurpose,online,responsive,shop,shopping,store,theme,wordpress,woocommerce,blog,ecommerce,webibazaar","advImage":"https://s3u.tmimgcdn.com/u1731972/561289274afd774a50cd53b2bf5a13ac.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1731972/6e79286043c42685b9cec862939a8501.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1731972/4746aab8ab62ebda3f9c4dd4bb45eeb7.jpg","livePreviewURL":"https://elementor.dostguru.com/cosmics/","metaDescription":"Theme OverviewThe \"Cosmics Electronics WooCommerce Theme\" is a sophisticated and dynamic website template tailored for businesses in the electronics retail","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Try out the live preview for the high quality Cosmics - Multipurpose Premium Electronic WooCommerce Store WooCommerce Theme (#366429) get yourself informed about this design prior to buying it. Browse through the pages, examine the images, press the buttons, explore the functionality.","customUrl":"/woocommerce-themes/cosmics-multipurpose-premium-electronic-woocommerce-store-366429.html","productSize":"42641111","trendiness":"1","changeLog":"### Update - April 17 2024\n-  Update WordPress Version.\n- Update All Theme Plugins.\n\n## V.1.0.0\n- Initial Release","changeLogDate":"2024-04-25","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: Mon, 29 Apr 2024 11:47:34 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=366429&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=366429&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=366429&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 11:52:34 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://elementor.dostguru.com/cosmics/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#366429 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/366429.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 #366429            </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=366429&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>