string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=77854&expand=properties"
string(12195) "[{"templateId":77854,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Harper - Phone Accessories WooCommerce Theme","templateDemoHtmlTitle":"Demo for Harper - Phone Accessories WooCommerce Theme #77854","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>Harpar - Phone Accessories WooCommerce WordPress Theme is an elegant WordPress theme, built to sell Mobile Phone accessories, Mobile Phone, Headphone, Mobile Catching, Screen Protectors, Headphones, Bluetooth Headphones, Selfie Sticks, Power Banks and other accessories.</p><p>Harpar majestic WordPress theme comes with boundless possibilities for you. Demo products have been added to this theme so that you can visualize the actual site properly. Products showcase seems catchy and attractive to the eyes. Moreover, the visitors will enjoy WPML Support, Featured Product, Product with Carousel, Product Popup, Cross-Browser Compatibility, Ajax Cart, Wishlist, Breadcrumb Banner, Quick View, Product Zoom, Shop Grid/List View, Product Badge/Sticker and many more.</p><p>In addition, this responsive WordPress site will provide you with Quick Install Sections, Theme Color Options, Widgetized Footer &amp; Sidebar Area, Newsletter Popup, Multiple Currency Options, Dropdown Menu, and Drag &amp; Drop etc.</p><p>Your visitors may think themselves a part of your website through Contact Form, Blog Sections, Product Share, Post Share and Discus Comment etc.</p><p>Furthermore, this theme is built with Valid HTML5, CSS3 and Bootstrap 4. Install this neat, clean and simple design WordPress theme to build a quality home for your online mobile phone accessories business.</p><h2>Main Features:</h2><ul><li>2+ Home Page</li><li>Powerful Backend Admin Panel</li><li>HT Mega Plugin</li><li>10+ Elementor Custom Addons</li><li>Blog Page</li><li>Brand Logo</li><li>Shop Page</li><li>My Account Page</li><li>Cart Page</li><li>Checkout Page</li><li>Wishlist Page</li><li>Color Varaition</li><li>Neat, Clean and Simple Design</li><li>Valid HTML5, CSS3</li><li>Passed W3C Validation</li><li>Creative and Modern Design</li><li>Widgetized Footer &amp; Sidebar Area</li><li>Easy Setup With Default Content</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Commented CSS Files</li><li>Tested With Multiple Device</li><li>Powered With Bootstrap 4</li><li>Powered With Elementor</li><li>Drop Down Menu</li><li>Mobile Menu</li><li>Free Updates</li><li>Smooth Animations</li><li>Subcribe Form</li><li>Google Map</li><li>One Click Demo Import</li><li>Social Icon</li><li>WPML Support</li><li>Well Documentation</li><li>Google Fonts</li><li>Contact Form Working</li><li>and much more…</li></ul>","templateFullTitle":"Harper - Phone Accessories WooCommerce Theme","templatePreviewMetaDescription":"Harpar - Phone Accessories WooCommerce WordPress Theme is an elegant WordPress theme, built to sell Mobile Phone accessories, Mobile Phone, Headphone, Mobile","templateDemoMetaDescription":"Before you decide to buy it, get knowledgeable about the professional Harpar - Phone Accessories WooCommerce Theme (#77854) by enjoying the live preview. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Harper - Phone Accessories WooCommerce Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/harpar-phone-accessories-woocommerce-theme-77854.html","userRating":0,"designIndex":"88","authorUserId":"1488834","exclusive":"1","state":1,"price":87,"inserted_date":"2019-02-18","sent":0,"downloads":2,"search_words":"phone phone-accessories accessories mobile mobile-cover tablets note-nooks android windows cases elementor-sections wordpress-theme shopping-store elementor modern clean woocommerce mega store responsive","is_adult":0,"exc_price":2100,"sent_date":"2019-02-18 04:56:43","last_upload":"2024-11-13 09:30:13","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1802027,"templ_id":77854,"filename":"77854-2-original.png","width":800,"height":1200,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1802028,"templ_id":77854,"filename":"77854-big.png","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1802029,"templ_id":77854,"filename":"77854-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":1802030,"templ_id":77854,"filename":"77854-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":1802031,"templ_id":77854,"filename":"77854-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/77854.html","image":"https://s.tmimgcdn.com/scr/77800/harper-phone-accessories-woocommerce-theme_77854-2-original.png","searchHash":"774c7903fe6baf5218d2e7e9b4815e9e","previewHash":"47828b0c394d2ae528eba18f962d5f43","authorNickname":"ThemesHub","lowLevelTopic":"Mobile Store Templates; Electronics Review Templates; Electronics Store Templates; Accessories; Mobile Repair Service","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":1,"finalPrice":61,"discountPercent":30,"discountAmount":26,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","Team Members","eCommerce","Website Builder"],"styles":"Clean","topic":["Mobile Store Templates","Electronics Review Templates","Electronics Templates","Fashion Templates","Electronics Store Templates","Fashion & Beauty","Accessories","Mobile Repair Service"],"isFree":"none","color":["white","grey","blue","cyan"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1488834","alreadyPacked":"1","compatibleWith":["WooCommerce","WPML"],"marketplaceMembership":"One","excludeExclusive":"Yes","nameOfTheTemplate":"Harper - Phone Accessories WooCommerce Theme","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/24011/scr/1550559553958_preview_965x600.png","shortDescription":"<p>Harpar - Phone Accessories WooCommerce WordPress Theme is an elegant WordPress theme, built to sell Mobile Phone accessories, Mobile Phone, Headphone, Mobile Catching, Screen Protectors, Headphones, Bluetooth Headphones, Selfie Sticks, Power Banks and other accessories.</p><p>Harpar majestic WordPress theme comes with boundless possibilities for you. Demo products have been added to this theme so that you can visualize the actual site properly. Products showcase seems catchy and attractive to the eyes. Moreover, the visitors will enjoy WPML Support, Featured Product, Product with Carousel, Product Popup, Cross-Browser Compatibility, Ajax Cart, Wishlist, Breadcrumb Banner, Quick View, Product Zoom, Shop Grid/List View, Product Badge/Sticker and many more.</p><p>In addition, this responsive WordPress site will provide you with Quick Install Sections, Theme Color Options, Widgetized Footer &amp; Sidebar Area, Newsletter Popup, Multiple Currency Options, Dropdown Menu, and Drag &amp; Drop etc.</p><p>Your visitors may think themselves a part of your website through Contact Form, Blog Sections, Product Share, Post Share and Discus Comment etc.</p><p>Furthermore, this theme is built with Valid HTML5, CSS3 and Bootstrap 4. Install this neat, clean and simple design WordPress theme to build a quality home for your online mobile phone accessories business.</p><h2>Main Features:</h2><ul><li>2+ Home Page</li><li>Powerful Backend Admin Panel</li><li>HT Mega Plugin</li><li>10+ Elementor Custom Addons</li><li>Blog Page</li><li>Brand Logo</li><li>Shop Page</li><li>My Account Page</li><li>Cart Page</li><li>Checkout Page</li><li>Wishlist Page</li><li>Color Varaition</li><li>Neat, Clean and Simple Design</li><li>Valid HTML5, CSS3</li><li>Passed W3C Validation</li><li>Creative and Modern Design</li><li>Widgetized Footer &amp; Sidebar Area</li><li>Easy Setup With Default Content</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Commented CSS Files</li><li>Tested With Multiple Device</li><li>Powered With Bootstrap 4</li><li>Powered With Elementor</li><li>Drop Down Menu</li><li>Mobile Menu</li><li>Free Updates</li><li>Smooth Animations</li><li>Subcribe Form</li><li>Google Map</li><li>One Click Demo Import</li><li>Social Icon</li><li>WPML Support</li><li>Well Documentation</li><li>Google Fonts</li><li>Contact Form Working</li><li>and much more…</li></ul>","uniqueKeywords":"phone,phone-accessories,accessories,mobile,mobile-cover,tablets,note-nooks,android,windows,cases,elementor-sections,wordpress-theme,shopping-store,elementor,modern,clean,woocommerce,mega,store,responsive","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/24011/scr/1550559544865_preview.png","dqi":"88","livePreviewURL":"https://thethemedemo.com/harper/","metaDescription":"Harpar - Phone Accessories WooCommerce WordPress Theme is an elegant WordPress theme, built to sell Mobile Phone accessories, Mobile Phone, Headphone, Mobile","saleSells":"1","templateSupportOptions":"[]","customUrl":"/woocommerce-themes/harpar-phone-accessories-woocommerce-theme-77854.html","lastmod":"2022-02-17T11:58:26-05:00","trendiness":"1","wordpressCompatibility":["5.8.x","5.9.x","6.0.x","6.1.x","6.2.x","6.3.x","6.4.x","6.5.x","6.6.x"],"demoMetaDescription":"Before you decide to buy it, get knowledgeable about the professional Harpar - Phone Accessories WooCommerce Theme (#77854) by enjoying the live preview. View the pages, examine the images, click the buttons, explore the features.","wpWoo":"1","advImage":"https://s3u.tmimgcdn.com/u1488834/515320987d7f4252d75f8543d15380b7.jpg","imagesIncluded":"No","tags":["accessories","android","cases","clean","mobile","modern","phone","responsive","store","tablets","windows","woocommerce","elementor","mega","shopping-store","wordpress-theme","phone-accessories","mobile-cover","note-nooks","elementor-sections"],"wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","wooCommerceCompatibility":["6.5.x","6.6.x","8.7.x","8.8.x","8.9.x","9.0.x","9.1.x","9.2.x","9.3.x"],"authorMainScreenshotVersion":"2","changeLog":"Date\t: 29-10-2024\nVersion\t: 1.0.4\n---------------------------------\n1. Updated:    Compatible with WordPress &amp; WooCommerce Latest Version\n2. Updated:    Compatible with Elementor Latest Version\n3. Updated: \tTGMA compatibility with lates PHP version\n\nDate\t: 08-02-2022\nVersion\t: 1.0.3\n---------------------------------\n- WooCommerce 6.7.0 file updated.\n- WordPress 6.0.1 updated.\n- Compatible with Elementor latest version\n- Theme core plugin updated( version 1.0.2 )\n\nDate\t: 07-07-2021\nVersion\t: 1.0.2\n---------------------------------\n- WooCommerce 5.4.1 file updated.\n- WordPress 5.7.2 updated.\n- Compatible with Elementor latest version\n- Included Ever Compare plugin for WooCommerce\n- Included Wishsuite plugin for wishlist\n- Theme core plugin updated( version 1.0.1 )","changeLogDate":"2024-11-13","productSize":"9863343","wordpressComCompatibility":"WordPress.com Pro Plan","webServerCompatibility":"Apache 2.4","databaseServerCompatibility":"MySQL 8.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"pHPVersionCompatibility":["8.1","8.0","8.2"],"excerpt":"<p>Harpar - Phone Accessories WooCommerce WordPress Theme is an elegant WordPress theme, built to sell Mobile Phone accessories</p>","types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates","popularity":"Recently Updated"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 23 Nov 2024 01:54:14 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=77854&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=77854&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=77854&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 23 Nov 2024 01:59:14 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://thethemedemo.com/harper/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#77854 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/77854.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 #77854            </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=77854&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $80                <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>